@sinco/react 1.0.15-rc.60 → 1.0.15-rc.63
Sign up to get free protection for your applications and to get access to all the features.
package/index.js
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
import React__default, {
|
2
|
+
import React__default, { Children, isValidElement, cloneElement, useState, useEffect } from 'react';
|
3
3
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
4
|
+
import { withEmotionCache, ThemeContext, keyframes, css } from '@emotion/react';
|
4
5
|
import * as ReactDOM from 'react-dom';
|
5
6
|
import ReactDOM__default from 'react-dom';
|
6
7
|
|
@@ -201,22 +202,22 @@ var process$4 = global$g.process;
|
|
201
202
|
var Deno$1 = global$g.Deno;
|
202
203
|
var versions = process$4 && process$4.versions || Deno$1 && Deno$1.version;
|
203
204
|
var v8 = versions && versions.v8;
|
204
|
-
var match
|
205
|
+
var match, version;
|
205
206
|
|
206
207
|
if (v8) {
|
207
|
-
match
|
208
|
+
match = v8.split('.');
|
208
209
|
// in old Chrome, versions of V8 isn't V8 = Chrome / 10
|
209
210
|
// but their correct versions are not interesting for us
|
210
|
-
version = match
|
211
|
+
version = match[0] > 0 && match[0] < 4 ? 1 : +(match[0] + match[1]);
|
211
212
|
}
|
212
213
|
|
213
214
|
// BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
|
214
215
|
// so check `userAgent` even if `.v8` exists, but 0
|
215
216
|
if (!version && userAgent$3) {
|
216
|
-
match
|
217
|
-
if (!match
|
218
|
-
match
|
219
|
-
if (match
|
217
|
+
match = userAgent$3.match(/Edge\/(\d+)/);
|
218
|
+
if (!match || match[1] >= 74) {
|
219
|
+
match = userAgent$3.match(/Chrome\/(\d+)/);
|
220
|
+
if (match) version = +match[1];
|
220
221
|
}
|
221
222
|
}
|
222
223
|
|
@@ -357,13 +358,13 @@ var toObject$4 = function (argument) {
|
|
357
358
|
var uncurryThis$b = functionUncurryThis;
|
358
359
|
var toObject$3 = toObject$4;
|
359
360
|
|
360
|
-
var hasOwnProperty$
|
361
|
+
var hasOwnProperty$1 = uncurryThis$b({}.hasOwnProperty);
|
361
362
|
|
362
363
|
// `HasOwnProperty` abstract operation
|
363
364
|
// https://tc39.es/ecma262/#sec-hasownproperty
|
364
365
|
// eslint-disable-next-line es/no-object-hasown -- safe
|
365
366
|
var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
|
366
|
-
return hasOwnProperty$
|
367
|
+
return hasOwnProperty$1(toObject$3(it), key);
|
367
368
|
};
|
368
369
|
|
369
370
|
var uncurryThis$a = functionUncurryThis;
|
@@ -596,9 +597,9 @@ var inspectSource$3 = store$1.inspectSource;
|
|
596
597
|
var global$a = global$i;
|
597
598
|
var isCallable$d = isCallable$k;
|
598
599
|
|
599
|
-
var WeakMap$
|
600
|
+
var WeakMap$1 = global$a.WeakMap;
|
600
601
|
|
601
|
-
var weakMapBasicDetection = isCallable$d(WeakMap$
|
602
|
+
var weakMapBasicDetection = isCallable$d(WeakMap$1) && /native code/.test(String(WeakMap$1));
|
602
603
|
|
603
604
|
var shared$1 = shared$3.exports;
|
604
605
|
var uid = uid$2;
|
@@ -622,7 +623,7 @@ var hiddenKeys$3 = hiddenKeys$4;
|
|
622
623
|
|
623
624
|
var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
|
624
625
|
var TypeError$2 = global$9.TypeError;
|
625
|
-
var WeakMap
|
626
|
+
var WeakMap = global$9.WeakMap;
|
626
627
|
var set$1, get, has$3;
|
627
628
|
|
628
629
|
var enforce = function (it) {
|
@@ -639,7 +640,7 @@ var getterFor = function (TYPE) {
|
|
639
640
|
};
|
640
641
|
|
641
642
|
if (NATIVE_WEAK_MAP || shared.state) {
|
642
|
-
var store = shared.state || (shared.state = new WeakMap
|
643
|
+
var store = shared.state || (shared.state = new WeakMap());
|
643
644
|
/* eslint-disable no-self-assign -- prototype methods protection */
|
644
645
|
store.get = store.get;
|
645
646
|
store.has = store.has;
|
@@ -697,7 +698,7 @@ var $String$1 = String;
|
|
697
698
|
// eslint-disable-next-line es/no-object-defineproperty -- safe
|
698
699
|
var defineProperty$5 = Object.defineProperty;
|
699
700
|
var stringSlice = uncurryThis$8(''.slice);
|
700
|
-
var replace
|
701
|
+
var replace = uncurryThis$8(''.replace);
|
701
702
|
var join = uncurryThis$8([].join);
|
702
703
|
|
703
704
|
var CONFIGURABLE_LENGTH = DESCRIPTORS$4 && !fails$6(function () {
|
@@ -708,7 +709,7 @@ var TEMPLATE = String(String).split('String');
|
|
708
709
|
|
709
710
|
var makeBuiltIn$2 = makeBuiltIn$3.exports = function (value, name, options) {
|
710
711
|
if (stringSlice($String$1(name), 0, 7) === 'Symbol(') {
|
711
|
-
name = '[' + replace
|
712
|
+
name = '[' + replace($String$1(name), /^Symbol\(([^)]*)\)/, '$1') + ']';
|
712
713
|
}
|
713
714
|
if (options && options.getter) name = 'get ' + name;
|
714
715
|
if (options && options.setter) name = 'set ' + name;
|
@@ -1079,13 +1080,13 @@ var objectAssign$1 = !$assign || fails$4(function () {
|
|
1079
1080
|
} : $assign;
|
1080
1081
|
|
1081
1082
|
var $$7 = _export;
|
1082
|
-
var assign$
|
1083
|
+
var assign$1 = objectAssign$1;
|
1083
1084
|
|
1084
1085
|
// `Object.assign` method
|
1085
1086
|
// https://tc39.es/ecma262/#sec-object.assign
|
1086
1087
|
// eslint-disable-next-line es/no-object-assign -- required for testing
|
1087
|
-
$$7({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign$
|
1088
|
-
assign: assign$
|
1088
|
+
$$7({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign$1 }, {
|
1089
|
+
assign: assign$1
|
1089
1090
|
});
|
1090
1091
|
|
1091
1092
|
function chainPropTypes(propType1, propType2) {
|
@@ -1150,9 +1151,9 @@ function deepmerge(target, source, options = {
|
|
1150
1151
|
|
1151
1152
|
var propTypes = {exports: {}};
|
1152
1153
|
|
1153
|
-
var reactIs$
|
1154
|
+
var reactIs$1 = {exports: {}};
|
1154
1155
|
|
1155
|
-
var reactIs_production_min$
|
1156
|
+
var reactIs_production_min$1 = {};
|
1156
1157
|
|
1157
1158
|
/** @license React v16.13.1
|
1158
1159
|
* react-is.production.min.js
|
@@ -1162,14 +1163,14 @@ var reactIs_production_min$2 = {};
|
|
1162
1163
|
* This source code is licensed under the MIT license found in the
|
1163
1164
|
* LICENSE file in the root directory of this source tree.
|
1164
1165
|
*/
|
1165
|
-
var b$
|
1166
|
-
Symbol.for("react.suspense_list"):60120,r$
|
1167
|
-
function z
|
1168
|
-
reactIs_production_min$
|
1169
|
-
reactIs_production_min$
|
1170
|
-
reactIs_production_min$
|
1166
|
+
var b$1="function"===typeof Symbol&&Symbol.for,c$1=b$1?Symbol.for("react.element"):60103,d$1=b$1?Symbol.for("react.portal"):60106,e$1=b$1?Symbol.for("react.fragment"):60107,f$1=b$1?Symbol.for("react.strict_mode"):60108,g$1=b$1?Symbol.for("react.profiler"):60114,h$1=b$1?Symbol.for("react.provider"):60109,k$1=b$1?Symbol.for("react.context"):60110,l$1=b$1?Symbol.for("react.async_mode"):60111,m$1=b$1?Symbol.for("react.concurrent_mode"):60111,n$1=b$1?Symbol.for("react.forward_ref"):60112,p$1=b$1?Symbol.for("react.suspense"):60113,q$1=b$1?
|
1167
|
+
Symbol.for("react.suspense_list"):60120,r$1=b$1?Symbol.for("react.memo"):60115,t$1=b$1?Symbol.for("react.lazy"):60116,v$1=b$1?Symbol.for("react.block"):60121,w=b$1?Symbol.for("react.fundamental"):60117,x=b$1?Symbol.for("react.responder"):60118,y=b$1?Symbol.for("react.scope"):60119;
|
1168
|
+
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$1:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r$1:case h$1:return a;default:return u}}case d$1:return u}}}function A(a){return z(a)===m$1}reactIs_production_min$1.AsyncMode=l$1;reactIs_production_min$1.ConcurrentMode=m$1;reactIs_production_min$1.ContextConsumer=k$1;reactIs_production_min$1.ContextProvider=h$1;reactIs_production_min$1.Element=c$1;reactIs_production_min$1.ForwardRef=n$1;reactIs_production_min$1.Fragment=e$1;reactIs_production_min$1.Lazy=t$1;reactIs_production_min$1.Memo=r$1;reactIs_production_min$1.Portal=d$1;
|
1169
|
+
reactIs_production_min$1.Profiler=g$1;reactIs_production_min$1.StrictMode=f$1;reactIs_production_min$1.Suspense=p$1;reactIs_production_min$1.isAsyncMode=function(a){return A(a)||z(a)===l$1};reactIs_production_min$1.isConcurrentMode=A;reactIs_production_min$1.isContextConsumer=function(a){return z(a)===k$1};reactIs_production_min$1.isContextProvider=function(a){return z(a)===h$1};reactIs_production_min$1.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$1};reactIs_production_min$1.isForwardRef=function(a){return z(a)===n$1};reactIs_production_min$1.isFragment=function(a){return z(a)===e$1};reactIs_production_min$1.isLazy=function(a){return z(a)===t$1};
|
1170
|
+
reactIs_production_min$1.isMemo=function(a){return z(a)===r$1};reactIs_production_min$1.isPortal=function(a){return z(a)===d$1};reactIs_production_min$1.isProfiler=function(a){return z(a)===g$1};reactIs_production_min$1.isStrictMode=function(a){return z(a)===f$1};reactIs_production_min$1.isSuspense=function(a){return z(a)===p$1};
|
1171
|
+
reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r$1||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v$1)};reactIs_production_min$1.typeOf=z;
|
1171
1172
|
|
1172
|
-
var reactIs_development$
|
1173
|
+
var reactIs_development$1 = {};
|
1173
1174
|
|
1174
1175
|
/** @license React v16.13.1
|
1175
1176
|
* react-is.development.js
|
@@ -1319,41 +1320,41 @@ function isSuspense(object) {
|
|
1319
1320
|
return typeOf(object) === REACT_SUSPENSE_TYPE;
|
1320
1321
|
}
|
1321
1322
|
|
1322
|
-
reactIs_development$
|
1323
|
-
reactIs_development$
|
1324
|
-
reactIs_development$
|
1325
|
-
reactIs_development$
|
1326
|
-
reactIs_development$
|
1327
|
-
reactIs_development$
|
1328
|
-
reactIs_development$
|
1329
|
-
reactIs_development$
|
1330
|
-
reactIs_development$
|
1331
|
-
reactIs_development$
|
1332
|
-
reactIs_development$
|
1333
|
-
reactIs_development$
|
1334
|
-
reactIs_development$
|
1335
|
-
reactIs_development$
|
1336
|
-
reactIs_development$
|
1337
|
-
reactIs_development$
|
1338
|
-
reactIs_development$
|
1339
|
-
reactIs_development$
|
1340
|
-
reactIs_development$
|
1341
|
-
reactIs_development$
|
1342
|
-
reactIs_development$
|
1343
|
-
reactIs_development$
|
1344
|
-
reactIs_development$
|
1345
|
-
reactIs_development$
|
1346
|
-
reactIs_development$
|
1347
|
-
reactIs_development$
|
1348
|
-
reactIs_development$
|
1349
|
-
reactIs_development$
|
1323
|
+
reactIs_development$1.AsyncMode = AsyncMode;
|
1324
|
+
reactIs_development$1.ConcurrentMode = ConcurrentMode;
|
1325
|
+
reactIs_development$1.ContextConsumer = ContextConsumer;
|
1326
|
+
reactIs_development$1.ContextProvider = ContextProvider;
|
1327
|
+
reactIs_development$1.Element = Element;
|
1328
|
+
reactIs_development$1.ForwardRef = ForwardRef;
|
1329
|
+
reactIs_development$1.Fragment = Fragment;
|
1330
|
+
reactIs_development$1.Lazy = Lazy;
|
1331
|
+
reactIs_development$1.Memo = Memo;
|
1332
|
+
reactIs_development$1.Portal = Portal;
|
1333
|
+
reactIs_development$1.Profiler = Profiler;
|
1334
|
+
reactIs_development$1.StrictMode = StrictMode;
|
1335
|
+
reactIs_development$1.Suspense = Suspense;
|
1336
|
+
reactIs_development$1.isAsyncMode = isAsyncMode;
|
1337
|
+
reactIs_development$1.isConcurrentMode = isConcurrentMode;
|
1338
|
+
reactIs_development$1.isContextConsumer = isContextConsumer;
|
1339
|
+
reactIs_development$1.isContextProvider = isContextProvider;
|
1340
|
+
reactIs_development$1.isElement = isElement;
|
1341
|
+
reactIs_development$1.isForwardRef = isForwardRef;
|
1342
|
+
reactIs_development$1.isFragment = isFragment;
|
1343
|
+
reactIs_development$1.isLazy = isLazy;
|
1344
|
+
reactIs_development$1.isMemo = isMemo;
|
1345
|
+
reactIs_development$1.isPortal = isPortal;
|
1346
|
+
reactIs_development$1.isProfiler = isProfiler;
|
1347
|
+
reactIs_development$1.isStrictMode = isStrictMode;
|
1348
|
+
reactIs_development$1.isSuspense = isSuspense;
|
1349
|
+
reactIs_development$1.isValidElementType = isValidElementType;
|
1350
|
+
reactIs_development$1.typeOf = typeOf;
|
1350
1351
|
})();
|
1351
1352
|
}
|
1352
1353
|
|
1353
1354
|
if (process.env.NODE_ENV === 'production') {
|
1354
|
-
reactIs$
|
1355
|
+
reactIs$1.exports = reactIs_production_min$1;
|
1355
1356
|
} else {
|
1356
|
-
reactIs$
|
1357
|
+
reactIs$1.exports = reactIs_development$1;
|
1357
1358
|
}
|
1358
1359
|
|
1359
1360
|
/*
|
@@ -1363,7 +1364,7 @@ object-assign
|
|
1363
1364
|
*/
|
1364
1365
|
/* eslint-disable no-unused-vars */
|
1365
1366
|
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
1366
|
-
var hasOwnProperty
|
1367
|
+
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
1367
1368
|
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
|
1368
1369
|
|
1369
1370
|
function toObject$1(val) {
|
@@ -1427,7 +1428,7 @@ var objectAssign = shouldUseNative() ? Object.assign : function (target, source)
|
|
1427
1428
|
from = Object(arguments[s]);
|
1428
1429
|
|
1429
1430
|
for (var key in from) {
|
1430
|
-
if (hasOwnProperty
|
1431
|
+
if (hasOwnProperty.call(from, key)) {
|
1431
1432
|
to[key] = from[key];
|
1432
1433
|
}
|
1433
1434
|
}
|
@@ -1567,8 +1568,8 @@ var checkPropTypes_1 = checkPropTypes$1;
|
|
1567
1568
|
* LICENSE file in the root directory of this source tree.
|
1568
1569
|
*/
|
1569
1570
|
|
1570
|
-
var ReactIs$1 = reactIs$
|
1571
|
-
var assign
|
1571
|
+
var ReactIs$1 = reactIs$1.exports;
|
1572
|
+
var assign = objectAssign;
|
1572
1573
|
|
1573
1574
|
var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
|
1574
1575
|
var has = has$2;
|
@@ -2007,7 +2008,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
|
|
2007
2008
|
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
|
2008
2009
|
}
|
2009
2010
|
// We need to check all keys in case some are required but missing from props.
|
2010
|
-
var allKeys = assign
|
2011
|
+
var allKeys = assign({}, props[propName], shapeTypes);
|
2011
2012
|
for (var key in allKeys) {
|
2012
2013
|
var checker = shapeTypes[key];
|
2013
2014
|
if (has(shapeTypes, key) && typeof checker !== 'function') {
|
@@ -2239,7 +2240,7 @@ var factoryWithThrowingShims = function() {
|
|
2239
2240
|
*/
|
2240
2241
|
|
2241
2242
|
if (process.env.NODE_ENV !== 'production') {
|
2242
|
-
var ReactIs = reactIs$
|
2243
|
+
var ReactIs = reactIs$1.exports;
|
2243
2244
|
|
2244
2245
|
// By explicitly using `prop-types` you are opting into new development behavior.
|
2245
2246
|
// http://fb.me/prop-types-in-prod
|
@@ -2372,9 +2373,9 @@ function formatMuiErrorMessage(code) {
|
|
2372
2373
|
/* eslint-enable prefer-template */
|
2373
2374
|
}
|
2374
2375
|
|
2375
|
-
var reactIs
|
2376
|
+
var reactIs = {exports: {}};
|
2376
2377
|
|
2377
|
-
var reactIs_production_min
|
2378
|
+
var reactIs_production_min = {};
|
2378
2379
|
|
2379
2380
|
/**
|
2380
2381
|
* @license React
|
@@ -2385,13 +2386,13 @@ var reactIs_production_min$1 = {};
|
|
2385
2386
|
* This source code is licensed under the MIT license found in the
|
2386
2387
|
* LICENSE file in the root directory of this source tree.
|
2387
2388
|
*/
|
2388
|
-
var b
|
2389
|
-
function v
|
2390
|
-
reactIs_production_min
|
2391
|
-
reactIs_production_min
|
2392
|
-
reactIs_production_min
|
2389
|
+
var b=Symbol.for("react.element"),c=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),e=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),h=Symbol.for("react.context"),k=Symbol.for("react.server_context"),l=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),n=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),t=Symbol.for("react.offscreen"),u;u=Symbol.for("react.module.reference");
|
2390
|
+
function v(a){if("object"===typeof a&&null!==a){var r=a.$$typeof;switch(r){case b:switch(a=a.type,a){case d:case f:case e:case m:case n:return a;default:switch(a=a&&a.$$typeof,a){case k:case h:case l:case q:case p:case g:return a;default:return r}}case c:return r}}}reactIs_production_min.ContextConsumer=h;reactIs_production_min.ContextProvider=g;reactIs_production_min.Element=b;reactIs_production_min.ForwardRef=l;reactIs_production_min.Fragment=d;reactIs_production_min.Lazy=q;reactIs_production_min.Memo=p;reactIs_production_min.Portal=c;reactIs_production_min.Profiler=f;reactIs_production_min.StrictMode=e;reactIs_production_min.Suspense=m;
|
2391
|
+
reactIs_production_min.SuspenseList=n;reactIs_production_min.isAsyncMode=function(){return !1};reactIs_production_min.isConcurrentMode=function(){return !1};reactIs_production_min.isContextConsumer=function(a){return v(a)===h};reactIs_production_min.isContextProvider=function(a){return v(a)===g};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===b};reactIs_production_min.isForwardRef=function(a){return v(a)===l};reactIs_production_min.isFragment=function(a){return v(a)===d};reactIs_production_min.isLazy=function(a){return v(a)===q};reactIs_production_min.isMemo=function(a){return v(a)===p};
|
2392
|
+
reactIs_production_min.isPortal=function(a){return v(a)===c};reactIs_production_min.isProfiler=function(a){return v(a)===f};reactIs_production_min.isStrictMode=function(a){return v(a)===e};reactIs_production_min.isSuspense=function(a){return v(a)===m};reactIs_production_min.isSuspenseList=function(a){return v(a)===n};
|
2393
|
+
reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===e||a===m||a===n||a===t||"object"===typeof a&&null!==a&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||void 0!==a.getModuleId)?!0:!1};reactIs_production_min.typeOf=v;
|
2393
2394
|
|
2394
|
-
var reactIs_development
|
2395
|
+
var reactIs_development = {};
|
2395
2396
|
|
2396
2397
|
/**
|
2397
2398
|
* @license React
|
@@ -2581,41 +2582,41 @@ function isSuspenseList(object) {
|
|
2581
2582
|
return typeOf(object) === REACT_SUSPENSE_LIST_TYPE;
|
2582
2583
|
}
|
2583
2584
|
|
2584
|
-
reactIs_development
|
2585
|
-
reactIs_development
|
2586
|
-
reactIs_development
|
2587
|
-
reactIs_development
|
2588
|
-
reactIs_development
|
2589
|
-
reactIs_development
|
2590
|
-
reactIs_development
|
2591
|
-
reactIs_development
|
2592
|
-
reactIs_development
|
2593
|
-
reactIs_development
|
2594
|
-
reactIs_development
|
2595
|
-
reactIs_development
|
2596
|
-
reactIs_development
|
2597
|
-
reactIs_development
|
2598
|
-
reactIs_development
|
2599
|
-
reactIs_development
|
2600
|
-
reactIs_development
|
2601
|
-
reactIs_development
|
2602
|
-
reactIs_development
|
2603
|
-
reactIs_development
|
2604
|
-
reactIs_development
|
2605
|
-
reactIs_development
|
2606
|
-
reactIs_development
|
2607
|
-
reactIs_development
|
2608
|
-
reactIs_development
|
2609
|
-
reactIs_development
|
2610
|
-
reactIs_development
|
2611
|
-
reactIs_development
|
2585
|
+
reactIs_development.ContextConsumer = ContextConsumer;
|
2586
|
+
reactIs_development.ContextProvider = ContextProvider;
|
2587
|
+
reactIs_development.Element = Element;
|
2588
|
+
reactIs_development.ForwardRef = ForwardRef;
|
2589
|
+
reactIs_development.Fragment = Fragment;
|
2590
|
+
reactIs_development.Lazy = Lazy;
|
2591
|
+
reactIs_development.Memo = Memo;
|
2592
|
+
reactIs_development.Portal = Portal;
|
2593
|
+
reactIs_development.Profiler = Profiler;
|
2594
|
+
reactIs_development.StrictMode = StrictMode;
|
2595
|
+
reactIs_development.Suspense = Suspense;
|
2596
|
+
reactIs_development.SuspenseList = SuspenseList;
|
2597
|
+
reactIs_development.isAsyncMode = isAsyncMode;
|
2598
|
+
reactIs_development.isConcurrentMode = isConcurrentMode;
|
2599
|
+
reactIs_development.isContextConsumer = isContextConsumer;
|
2600
|
+
reactIs_development.isContextProvider = isContextProvider;
|
2601
|
+
reactIs_development.isElement = isElement;
|
2602
|
+
reactIs_development.isForwardRef = isForwardRef;
|
2603
|
+
reactIs_development.isFragment = isFragment;
|
2604
|
+
reactIs_development.isLazy = isLazy;
|
2605
|
+
reactIs_development.isMemo = isMemo;
|
2606
|
+
reactIs_development.isPortal = isPortal;
|
2607
|
+
reactIs_development.isProfiler = isProfiler;
|
2608
|
+
reactIs_development.isStrictMode = isStrictMode;
|
2609
|
+
reactIs_development.isSuspense = isSuspense;
|
2610
|
+
reactIs_development.isSuspenseList = isSuspenseList;
|
2611
|
+
reactIs_development.isValidElementType = isValidElementType;
|
2612
|
+
reactIs_development.typeOf = typeOf;
|
2612
2613
|
})();
|
2613
2614
|
}
|
2614
2615
|
|
2615
2616
|
if (process.env.NODE_ENV === 'production') {
|
2616
|
-
reactIs
|
2617
|
+
reactIs.exports = reactIs_production_min;
|
2617
2618
|
} else {
|
2618
|
-
reactIs
|
2619
|
+
reactIs.exports = reactIs_development;
|
2619
2620
|
}
|
2620
2621
|
|
2621
2622
|
// Simplified polyfill for IE11 support
|
@@ -2653,9 +2654,9 @@ function getDisplayName(Component) {
|
|
2653
2654
|
// TypeScript can't have components as objects but they exist in the form of `memo` or `Suspense`
|
2654
2655
|
if (typeof Component === 'object') {
|
2655
2656
|
switch (Component.$$typeof) {
|
2656
|
-
case reactIs
|
2657
|
+
case reactIs.exports.ForwardRef:
|
2657
2658
|
return getWrappedName(Component, Component.render, 'ForwardRef');
|
2658
|
-
case reactIs
|
2659
|
+
case reactIs.exports.Memo:
|
2659
2660
|
return getWrappedName(Component, Component.type, 'memo');
|
2660
2661
|
default:
|
2661
2662
|
return undefined;
|
@@ -3185,1812 +3186,178 @@ var isPropValid = /* #__PURE__ */memoize$1(function (prop) {
|
|
3185
3186
|
/* Z+1 */
|
3186
3187
|
);
|
3187
3188
|
|
3188
|
-
|
3189
|
-
|
3190
|
-
|
3191
|
-
|
3192
|
-
|
3193
|
-
|
3194
|
-
|
3195
|
-
|
3196
|
-
|
3197
|
-
|
3198
|
-
|
3199
|
-
|
3200
|
-
|
3201
|
-
|
3189
|
+
var isBrowser$2 = typeof document !== 'undefined';
|
3190
|
+
function getRegisteredStyles(registered, registeredStyles, classNames) {
|
3191
|
+
var rawClassName = '';
|
3192
|
+
classNames.split(' ').forEach(function (className) {
|
3193
|
+
if (registered[className] !== undefined) {
|
3194
|
+
registeredStyles.push(registered[className] + ";");
|
3195
|
+
} else {
|
3196
|
+
rawClassName += className + " ";
|
3197
|
+
}
|
3198
|
+
});
|
3199
|
+
return rawClassName;
|
3200
|
+
}
|
3201
|
+
var registerStyles = function registerStyles(cache, serialized, isStringTag) {
|
3202
|
+
var className = cache.key + "-" + serialized.name;
|
3202
3203
|
|
3203
|
-
|
3204
|
-
|
3204
|
+
if ( // we only need to add the styles to the registered cache if the
|
3205
|
+
// class name could be used further down
|
3206
|
+
// the tree but if it's a string tag, we know it won't
|
3207
|
+
// so we don't have to add it to registered cache.
|
3208
|
+
// this improves memory usage since we can avoid storing the whole style string
|
3209
|
+
(isStringTag === false || // we need to always store it if we're in compat mode and
|
3210
|
+
// in node since emotion-server relies on whether a style is in
|
3211
|
+
// the registered cache to know whether a style is global or not
|
3212
|
+
// also, note that this check will be dead code eliminated in the browser
|
3213
|
+
isBrowser$2 === false && cache.compat !== undefined) && cache.registered[className] === undefined) {
|
3214
|
+
cache.registered[className] = serialized.styles;
|
3215
|
+
}
|
3216
|
+
};
|
3217
|
+
var insertStyles = function insertStyles(cache, serialized, isStringTag) {
|
3218
|
+
registerStyles(cache, serialized, isStringTag);
|
3219
|
+
var className = cache.key + "-" + serialized.name;
|
3205
3220
|
|
3206
|
-
|
3207
|
-
|
3221
|
+
if (cache.inserted[serialized.name] === undefined) {
|
3222
|
+
var stylesForSSR = '';
|
3223
|
+
var current = serialized;
|
3208
3224
|
|
3209
|
-
|
3210
|
-
|
3211
|
-
function sheetForTag(tag) {
|
3212
|
-
if (tag.sheet) {
|
3213
|
-
// $FlowFixMe
|
3214
|
-
return tag.sheet;
|
3215
|
-
} // this weirdness brought to you by firefox
|
3225
|
+
do {
|
3226
|
+
var maybeStyles = cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);
|
3216
3227
|
|
3217
|
-
|
3228
|
+
if (!isBrowser$2 && maybeStyles !== undefined) {
|
3229
|
+
stylesForSSR += maybeStyles;
|
3230
|
+
}
|
3218
3231
|
|
3232
|
+
current = current.next;
|
3233
|
+
} while (current !== undefined);
|
3219
3234
|
|
3220
|
-
|
3221
|
-
|
3222
|
-
// $FlowFixMe
|
3223
|
-
return document.styleSheets[i];
|
3235
|
+
if (!isBrowser$2 && stylesForSSR.length !== 0) {
|
3236
|
+
return stylesForSSR;
|
3224
3237
|
}
|
3225
3238
|
}
|
3226
|
-
}
|
3227
|
-
|
3228
|
-
function createStyleElement(options) {
|
3229
|
-
var tag = document.createElement('style');
|
3230
|
-
tag.setAttribute('data-emotion', options.key);
|
3231
|
-
|
3232
|
-
if (options.nonce !== undefined) {
|
3233
|
-
tag.setAttribute('nonce', options.nonce);
|
3234
|
-
}
|
3239
|
+
};
|
3235
3240
|
|
3236
|
-
|
3237
|
-
|
3238
|
-
|
3239
|
-
|
3241
|
+
/* eslint-disable */
|
3242
|
+
// Inspired by https://github.com/garycourt/murmurhash-js
|
3243
|
+
// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
|
3244
|
+
function murmur2(str) {
|
3245
|
+
// 'm' and 'r' are mixing constants generated offline.
|
3246
|
+
// They're not really 'magic', they just happen to work well.
|
3247
|
+
// const m = 0x5bd1e995;
|
3248
|
+
// const r = 24;
|
3249
|
+
// Initialize the hash
|
3250
|
+
var h = 0; // Mix 4 bytes at a time into the hash
|
3240
3251
|
|
3241
|
-
var
|
3242
|
-
|
3243
|
-
|
3244
|
-
var _this = this;
|
3252
|
+
var k,
|
3253
|
+
i = 0,
|
3254
|
+
len = str.length;
|
3245
3255
|
|
3246
|
-
|
3247
|
-
|
3256
|
+
for (; len >= 4; ++i, len -= 4) {
|
3257
|
+
k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
|
3258
|
+
k =
|
3259
|
+
/* Math.imul(k, m): */
|
3260
|
+
(k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);
|
3261
|
+
k ^=
|
3262
|
+
/* k >>> r: */
|
3263
|
+
k >>> 24;
|
3264
|
+
h =
|
3265
|
+
/* Math.imul(k, m): */
|
3266
|
+
(k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^
|
3267
|
+
/* Math.imul(h, m): */
|
3268
|
+
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
|
3269
|
+
} // Handle the last few bytes of the input array
|
3248
3270
|
|
3249
|
-
if (_this.tags.length === 0) {
|
3250
|
-
if (_this.insertionPoint) {
|
3251
|
-
before = _this.insertionPoint.nextSibling;
|
3252
|
-
} else if (_this.prepend) {
|
3253
|
-
before = _this.container.firstChild;
|
3254
|
-
} else {
|
3255
|
-
before = _this.before;
|
3256
|
-
}
|
3257
|
-
} else {
|
3258
|
-
before = _this.tags[_this.tags.length - 1].nextSibling;
|
3259
|
-
}
|
3260
3271
|
|
3261
|
-
|
3272
|
+
switch (len) {
|
3273
|
+
case 3:
|
3274
|
+
h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
|
3262
3275
|
|
3263
|
-
|
3264
|
-
|
3276
|
+
case 2:
|
3277
|
+
h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
|
3265
3278
|
|
3266
|
-
|
3267
|
-
|
3268
|
-
|
3269
|
-
|
3279
|
+
case 1:
|
3280
|
+
h ^= str.charCodeAt(i) & 0xff;
|
3281
|
+
h =
|
3282
|
+
/* Math.imul(h, m): */
|
3283
|
+
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
|
3284
|
+
} // Do a few final mixes of the hash to ensure the last few
|
3285
|
+
// bytes are well-incorporated.
|
3270
3286
|
|
3271
|
-
this.key = options.key;
|
3272
|
-
this.container = options.container;
|
3273
|
-
this.prepend = options.prepend;
|
3274
|
-
this.insertionPoint = options.insertionPoint;
|
3275
|
-
this.before = null;
|
3276
|
-
}
|
3277
3287
|
|
3278
|
-
|
3288
|
+
h ^= h >>> 13;
|
3289
|
+
h =
|
3290
|
+
/* Math.imul(h, m): */
|
3291
|
+
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
|
3292
|
+
return ((h ^ h >>> 15) >>> 0).toString(36);
|
3293
|
+
}
|
3279
3294
|
|
3280
|
-
|
3281
|
-
|
3282
|
-
|
3295
|
+
var unitlessKeys = {
|
3296
|
+
animationIterationCount: 1,
|
3297
|
+
aspectRatio: 1,
|
3298
|
+
borderImageOutset: 1,
|
3299
|
+
borderImageSlice: 1,
|
3300
|
+
borderImageWidth: 1,
|
3301
|
+
boxFlex: 1,
|
3302
|
+
boxFlexGroup: 1,
|
3303
|
+
boxOrdinalGroup: 1,
|
3304
|
+
columnCount: 1,
|
3305
|
+
columns: 1,
|
3306
|
+
flex: 1,
|
3307
|
+
flexGrow: 1,
|
3308
|
+
flexPositive: 1,
|
3309
|
+
flexShrink: 1,
|
3310
|
+
flexNegative: 1,
|
3311
|
+
flexOrder: 1,
|
3312
|
+
gridRow: 1,
|
3313
|
+
gridRowEnd: 1,
|
3314
|
+
gridRowSpan: 1,
|
3315
|
+
gridRowStart: 1,
|
3316
|
+
gridColumn: 1,
|
3317
|
+
gridColumnEnd: 1,
|
3318
|
+
gridColumnSpan: 1,
|
3319
|
+
gridColumnStart: 1,
|
3320
|
+
msGridRow: 1,
|
3321
|
+
msGridRowSpan: 1,
|
3322
|
+
msGridColumn: 1,
|
3323
|
+
msGridColumnSpan: 1,
|
3324
|
+
fontWeight: 1,
|
3325
|
+
lineHeight: 1,
|
3326
|
+
opacity: 1,
|
3327
|
+
order: 1,
|
3328
|
+
orphans: 1,
|
3329
|
+
tabSize: 1,
|
3330
|
+
widows: 1,
|
3331
|
+
zIndex: 1,
|
3332
|
+
zoom: 1,
|
3333
|
+
WebkitLineClamp: 1,
|
3334
|
+
// SVG-related properties
|
3335
|
+
fillOpacity: 1,
|
3336
|
+
floodOpacity: 1,
|
3337
|
+
stopOpacity: 1,
|
3338
|
+
strokeDasharray: 1,
|
3339
|
+
strokeDashoffset: 1,
|
3340
|
+
strokeMiterlimit: 1,
|
3341
|
+
strokeOpacity: 1,
|
3342
|
+
strokeWidth: 1
|
3343
|
+
};
|
3283
3344
|
|
3284
|
-
|
3285
|
-
|
3286
|
-
|
3287
|
-
|
3288
|
-
if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {
|
3289
|
-
this._insertTag(createStyleElement(this));
|
3290
|
-
}
|
3345
|
+
var ILLEGAL_ESCAPE_SEQUENCE_ERROR$1 = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
|
3346
|
+
var UNDEFINED_AS_OBJECT_KEY_ERROR = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).";
|
3347
|
+
var hyphenateRegex = /[A-Z]|^ms/g;
|
3348
|
+
var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
|
3291
3349
|
|
3292
|
-
|
3350
|
+
var isCustomProperty = function isCustomProperty(property) {
|
3351
|
+
return property.charCodeAt(1) === 45;
|
3352
|
+
};
|
3293
3353
|
|
3294
|
-
|
3295
|
-
|
3354
|
+
var isProcessableValue = function isProcessableValue(value) {
|
3355
|
+
return value != null && typeof value !== 'boolean';
|
3356
|
+
};
|
3296
3357
|
|
3297
|
-
|
3298
|
-
|
3299
|
-
|
3300
|
-
// so we report this error at all times
|
3301
|
-
console.error("You're attempting to insert the following rule:\n" + rule + '\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules.');
|
3302
|
-
}
|
3303
|
-
this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !isImportRule;
|
3304
|
-
}
|
3305
|
-
|
3306
|
-
if (this.isSpeedy) {
|
3307
|
-
var sheet = sheetForTag(tag);
|
3308
|
-
|
3309
|
-
try {
|
3310
|
-
// this is the ultrafast version, works across browsers
|
3311
|
-
// the big drawback is that the css won't be editable in devtools
|
3312
|
-
sheet.insertRule(rule, sheet.cssRules.length);
|
3313
|
-
} catch (e) {
|
3314
|
-
if (process.env.NODE_ENV !== 'production' && !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(rule)) {
|
3315
|
-
console.error("There was a problem inserting the following rule: \"" + rule + "\"", e);
|
3316
|
-
}
|
3317
|
-
}
|
3318
|
-
} else {
|
3319
|
-
tag.appendChild(document.createTextNode(rule));
|
3320
|
-
}
|
3321
|
-
|
3322
|
-
this.ctr++;
|
3323
|
-
};
|
3324
|
-
|
3325
|
-
_proto.flush = function flush() {
|
3326
|
-
// $FlowFixMe
|
3327
|
-
this.tags.forEach(function (tag) {
|
3328
|
-
return tag.parentNode && tag.parentNode.removeChild(tag);
|
3329
|
-
});
|
3330
|
-
this.tags = [];
|
3331
|
-
this.ctr = 0;
|
3332
|
-
|
3333
|
-
if (process.env.NODE_ENV !== 'production') {
|
3334
|
-
this._alreadyInsertedOrderInsensitiveRule = false;
|
3335
|
-
}
|
3336
|
-
};
|
3337
|
-
|
3338
|
-
return StyleSheet;
|
3339
|
-
}();
|
3340
|
-
|
3341
|
-
var MS = '-ms-';
|
3342
|
-
var MOZ = '-moz-';
|
3343
|
-
var WEBKIT = '-webkit-';
|
3344
|
-
|
3345
|
-
var COMMENT = 'comm';
|
3346
|
-
var RULESET = 'rule';
|
3347
|
-
var DECLARATION = 'decl';
|
3348
|
-
var IMPORT = '@import';
|
3349
|
-
var KEYFRAMES = '@keyframes';
|
3350
|
-
var LAYER = '@layer';
|
3351
|
-
|
3352
|
-
/**
|
3353
|
-
* @param {number}
|
3354
|
-
* @return {number}
|
3355
|
-
*/
|
3356
|
-
var abs = Math.abs;
|
3357
|
-
|
3358
|
-
/**
|
3359
|
-
* @param {number}
|
3360
|
-
* @return {string}
|
3361
|
-
*/
|
3362
|
-
var from = String.fromCharCode;
|
3363
|
-
|
3364
|
-
/**
|
3365
|
-
* @param {object}
|
3366
|
-
* @return {object}
|
3367
|
-
*/
|
3368
|
-
var assign = Object.assign;
|
3369
|
-
|
3370
|
-
/**
|
3371
|
-
* @param {string} value
|
3372
|
-
* @param {number} length
|
3373
|
-
* @return {number}
|
3374
|
-
*/
|
3375
|
-
function hash (value, length) {
|
3376
|
-
return charat(value, 0) ^ 45 ? (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3) : 0
|
3377
|
-
}
|
3378
|
-
|
3379
|
-
/**
|
3380
|
-
* @param {string} value
|
3381
|
-
* @return {string}
|
3382
|
-
*/
|
3383
|
-
function trim (value) {
|
3384
|
-
return value.trim()
|
3385
|
-
}
|
3386
|
-
|
3387
|
-
/**
|
3388
|
-
* @param {string} value
|
3389
|
-
* @param {RegExp} pattern
|
3390
|
-
* @return {string?}
|
3391
|
-
*/
|
3392
|
-
function match (value, pattern) {
|
3393
|
-
return (value = pattern.exec(value)) ? value[0] : value
|
3394
|
-
}
|
3395
|
-
|
3396
|
-
/**
|
3397
|
-
* @param {string} value
|
3398
|
-
* @param {(string|RegExp)} pattern
|
3399
|
-
* @param {string} replacement
|
3400
|
-
* @return {string}
|
3401
|
-
*/
|
3402
|
-
function replace (value, pattern, replacement) {
|
3403
|
-
return value.replace(pattern, replacement)
|
3404
|
-
}
|
3405
|
-
|
3406
|
-
/**
|
3407
|
-
* @param {string} value
|
3408
|
-
* @param {string} search
|
3409
|
-
* @return {number}
|
3410
|
-
*/
|
3411
|
-
function indexof (value, search) {
|
3412
|
-
return value.indexOf(search)
|
3413
|
-
}
|
3414
|
-
|
3415
|
-
/**
|
3416
|
-
* @param {string} value
|
3417
|
-
* @param {number} index
|
3418
|
-
* @return {number}
|
3419
|
-
*/
|
3420
|
-
function charat (value, index) {
|
3421
|
-
return value.charCodeAt(index) | 0
|
3422
|
-
}
|
3423
|
-
|
3424
|
-
/**
|
3425
|
-
* @param {string} value
|
3426
|
-
* @param {number} begin
|
3427
|
-
* @param {number} end
|
3428
|
-
* @return {string}
|
3429
|
-
*/
|
3430
|
-
function substr (value, begin, end) {
|
3431
|
-
return value.slice(begin, end)
|
3432
|
-
}
|
3433
|
-
|
3434
|
-
/**
|
3435
|
-
* @param {string} value
|
3436
|
-
* @return {number}
|
3437
|
-
*/
|
3438
|
-
function strlen (value) {
|
3439
|
-
return value.length
|
3440
|
-
}
|
3441
|
-
|
3442
|
-
/**
|
3443
|
-
* @param {any[]} value
|
3444
|
-
* @return {number}
|
3445
|
-
*/
|
3446
|
-
function sizeof (value) {
|
3447
|
-
return value.length
|
3448
|
-
}
|
3449
|
-
|
3450
|
-
/**
|
3451
|
-
* @param {any} value
|
3452
|
-
* @param {any[]} array
|
3453
|
-
* @return {any}
|
3454
|
-
*/
|
3455
|
-
function append (value, array) {
|
3456
|
-
return array.push(value), value
|
3457
|
-
}
|
3458
|
-
|
3459
|
-
/**
|
3460
|
-
* @param {string[]} array
|
3461
|
-
* @param {function} callback
|
3462
|
-
* @return {string}
|
3463
|
-
*/
|
3464
|
-
function combine (array, callback) {
|
3465
|
-
return array.map(callback).join('')
|
3466
|
-
}
|
3467
|
-
|
3468
|
-
var line = 1;
|
3469
|
-
var column = 1;
|
3470
|
-
var length = 0;
|
3471
|
-
var position = 0;
|
3472
|
-
var character = 0;
|
3473
|
-
var characters = '';
|
3474
|
-
|
3475
|
-
/**
|
3476
|
-
* @param {string} value
|
3477
|
-
* @param {object | null} root
|
3478
|
-
* @param {object | null} parent
|
3479
|
-
* @param {string} type
|
3480
|
-
* @param {string[] | string} props
|
3481
|
-
* @param {object[] | string} children
|
3482
|
-
* @param {number} length
|
3483
|
-
*/
|
3484
|
-
function node$1 (value, root, parent, type, props, children, length) {
|
3485
|
-
return {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: ''}
|
3486
|
-
}
|
3487
|
-
|
3488
|
-
/**
|
3489
|
-
* @param {object} root
|
3490
|
-
* @param {object} props
|
3491
|
-
* @return {object}
|
3492
|
-
*/
|
3493
|
-
function copy (root, props) {
|
3494
|
-
return assign(node$1('', null, null, '', null, null, 0), root, {length: -root.length}, props)
|
3495
|
-
}
|
3496
|
-
|
3497
|
-
/**
|
3498
|
-
* @return {number}
|
3499
|
-
*/
|
3500
|
-
function char () {
|
3501
|
-
return character
|
3502
|
-
}
|
3503
|
-
|
3504
|
-
/**
|
3505
|
-
* @return {number}
|
3506
|
-
*/
|
3507
|
-
function prev () {
|
3508
|
-
character = position > 0 ? charat(characters, --position) : 0;
|
3509
|
-
|
3510
|
-
if (column--, character === 10)
|
3511
|
-
column = 1, line--;
|
3512
|
-
|
3513
|
-
return character
|
3514
|
-
}
|
3515
|
-
|
3516
|
-
/**
|
3517
|
-
* @return {number}
|
3518
|
-
*/
|
3519
|
-
function next () {
|
3520
|
-
character = position < length ? charat(characters, position++) : 0;
|
3521
|
-
|
3522
|
-
if (column++, character === 10)
|
3523
|
-
column = 1, line++;
|
3524
|
-
|
3525
|
-
return character
|
3526
|
-
}
|
3527
|
-
|
3528
|
-
/**
|
3529
|
-
* @return {number}
|
3530
|
-
*/
|
3531
|
-
function peek () {
|
3532
|
-
return charat(characters, position)
|
3533
|
-
}
|
3534
|
-
|
3535
|
-
/**
|
3536
|
-
* @return {number}
|
3537
|
-
*/
|
3538
|
-
function caret () {
|
3539
|
-
return position
|
3540
|
-
}
|
3541
|
-
|
3542
|
-
/**
|
3543
|
-
* @param {number} begin
|
3544
|
-
* @param {number} end
|
3545
|
-
* @return {string}
|
3546
|
-
*/
|
3547
|
-
function slice (begin, end) {
|
3548
|
-
return substr(characters, begin, end)
|
3549
|
-
}
|
3550
|
-
|
3551
|
-
/**
|
3552
|
-
* @param {number} type
|
3553
|
-
* @return {number}
|
3554
|
-
*/
|
3555
|
-
function token (type) {
|
3556
|
-
switch (type) {
|
3557
|
-
// \0 \t \n \r \s whitespace token
|
3558
|
-
case 0: case 9: case 10: case 13: case 32:
|
3559
|
-
return 5
|
3560
|
-
// ! + , / > @ ~ isolate token
|
3561
|
-
case 33: case 43: case 44: case 47: case 62: case 64: case 126:
|
3562
|
-
// ; { } breakpoint token
|
3563
|
-
case 59: case 123: case 125:
|
3564
|
-
return 4
|
3565
|
-
// : accompanied token
|
3566
|
-
case 58:
|
3567
|
-
return 3
|
3568
|
-
// " ' ( [ opening delimit token
|
3569
|
-
case 34: case 39: case 40: case 91:
|
3570
|
-
return 2
|
3571
|
-
// ) ] closing delimit token
|
3572
|
-
case 41: case 93:
|
3573
|
-
return 1
|
3574
|
-
}
|
3575
|
-
|
3576
|
-
return 0
|
3577
|
-
}
|
3578
|
-
|
3579
|
-
/**
|
3580
|
-
* @param {string} value
|
3581
|
-
* @return {any[]}
|
3582
|
-
*/
|
3583
|
-
function alloc (value) {
|
3584
|
-
return line = column = 1, length = strlen(characters = value), position = 0, []
|
3585
|
-
}
|
3586
|
-
|
3587
|
-
/**
|
3588
|
-
* @param {any} value
|
3589
|
-
* @return {any}
|
3590
|
-
*/
|
3591
|
-
function dealloc (value) {
|
3592
|
-
return characters = '', value
|
3593
|
-
}
|
3594
|
-
|
3595
|
-
/**
|
3596
|
-
* @param {number} type
|
3597
|
-
* @return {string}
|
3598
|
-
*/
|
3599
|
-
function delimit (type) {
|
3600
|
-
return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))
|
3601
|
-
}
|
3602
|
-
|
3603
|
-
/**
|
3604
|
-
* @param {number} type
|
3605
|
-
* @return {string}
|
3606
|
-
*/
|
3607
|
-
function whitespace (type) {
|
3608
|
-
while (character = peek())
|
3609
|
-
if (character < 33)
|
3610
|
-
next();
|
3611
|
-
else
|
3612
|
-
break
|
3613
|
-
|
3614
|
-
return token(type) > 2 || token(character) > 3 ? '' : ' '
|
3615
|
-
}
|
3616
|
-
|
3617
|
-
/**
|
3618
|
-
* @param {number} index
|
3619
|
-
* @param {number} count
|
3620
|
-
* @return {string}
|
3621
|
-
*/
|
3622
|
-
function escaping (index, count) {
|
3623
|
-
while (--count && next())
|
3624
|
-
// not 0-9 A-F a-f
|
3625
|
-
if (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))
|
3626
|
-
break
|
3627
|
-
|
3628
|
-
return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))
|
3629
|
-
}
|
3630
|
-
|
3631
|
-
/**
|
3632
|
-
* @param {number} type
|
3633
|
-
* @return {number}
|
3634
|
-
*/
|
3635
|
-
function delimiter (type) {
|
3636
|
-
while (next())
|
3637
|
-
switch (character) {
|
3638
|
-
// ] ) " '
|
3639
|
-
case type:
|
3640
|
-
return position
|
3641
|
-
// " '
|
3642
|
-
case 34: case 39:
|
3643
|
-
if (type !== 34 && type !== 39)
|
3644
|
-
delimiter(character);
|
3645
|
-
break
|
3646
|
-
// (
|
3647
|
-
case 40:
|
3648
|
-
if (type === 41)
|
3649
|
-
delimiter(type);
|
3650
|
-
break
|
3651
|
-
// \
|
3652
|
-
case 92:
|
3653
|
-
next();
|
3654
|
-
break
|
3655
|
-
}
|
3656
|
-
|
3657
|
-
return position
|
3658
|
-
}
|
3659
|
-
|
3660
|
-
/**
|
3661
|
-
* @param {number} type
|
3662
|
-
* @param {number} index
|
3663
|
-
* @return {number}
|
3664
|
-
*/
|
3665
|
-
function commenter (type, index) {
|
3666
|
-
while (next())
|
3667
|
-
// //
|
3668
|
-
if (type + character === 47 + 10)
|
3669
|
-
break
|
3670
|
-
// /*
|
3671
|
-
else if (type + character === 42 + 42 && peek() === 47)
|
3672
|
-
break
|
3673
|
-
|
3674
|
-
return '/*' + slice(index, position - 1) + '*' + from(type === 47 ? type : next())
|
3675
|
-
}
|
3676
|
-
|
3677
|
-
/**
|
3678
|
-
* @param {number} index
|
3679
|
-
* @return {string}
|
3680
|
-
*/
|
3681
|
-
function identifier (index) {
|
3682
|
-
while (!token(peek()))
|
3683
|
-
next();
|
3684
|
-
|
3685
|
-
return slice(index, position)
|
3686
|
-
}
|
3687
|
-
|
3688
|
-
/**
|
3689
|
-
* @param {string} value
|
3690
|
-
* @return {object[]}
|
3691
|
-
*/
|
3692
|
-
function compile (value) {
|
3693
|
-
return dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))
|
3694
|
-
}
|
3695
|
-
|
3696
|
-
/**
|
3697
|
-
* @param {string} value
|
3698
|
-
* @param {object} root
|
3699
|
-
* @param {object?} parent
|
3700
|
-
* @param {string[]} rule
|
3701
|
-
* @param {string[]} rules
|
3702
|
-
* @param {string[]} rulesets
|
3703
|
-
* @param {number[]} pseudo
|
3704
|
-
* @param {number[]} points
|
3705
|
-
* @param {string[]} declarations
|
3706
|
-
* @return {object}
|
3707
|
-
*/
|
3708
|
-
function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
|
3709
|
-
var index = 0;
|
3710
|
-
var offset = 0;
|
3711
|
-
var length = pseudo;
|
3712
|
-
var atrule = 0;
|
3713
|
-
var property = 0;
|
3714
|
-
var previous = 0;
|
3715
|
-
var variable = 1;
|
3716
|
-
var scanning = 1;
|
3717
|
-
var ampersand = 1;
|
3718
|
-
var character = 0;
|
3719
|
-
var type = '';
|
3720
|
-
var props = rules;
|
3721
|
-
var children = rulesets;
|
3722
|
-
var reference = rule;
|
3723
|
-
var characters = type;
|
3724
|
-
|
3725
|
-
while (scanning)
|
3726
|
-
switch (previous = character, character = next()) {
|
3727
|
-
// (
|
3728
|
-
case 40:
|
3729
|
-
if (previous != 108 && charat(characters, length - 1) == 58) {
|
3730
|
-
if (indexof(characters += replace(delimit(character), '&', '&\f'), '&\f') != -1)
|
3731
|
-
ampersand = -1;
|
3732
|
-
break
|
3733
|
-
}
|
3734
|
-
// " ' [
|
3735
|
-
case 34: case 39: case 91:
|
3736
|
-
characters += delimit(character);
|
3737
|
-
break
|
3738
|
-
// \t \n \r \s
|
3739
|
-
case 9: case 10: case 13: case 32:
|
3740
|
-
characters += whitespace(previous);
|
3741
|
-
break
|
3742
|
-
// \
|
3743
|
-
case 92:
|
3744
|
-
characters += escaping(caret() - 1, 7);
|
3745
|
-
continue
|
3746
|
-
// /
|
3747
|
-
case 47:
|
3748
|
-
switch (peek()) {
|
3749
|
-
case 42: case 47:
|
3750
|
-
append(comment(commenter(next(), caret()), root, parent), declarations);
|
3751
|
-
break
|
3752
|
-
default:
|
3753
|
-
characters += '/';
|
3754
|
-
}
|
3755
|
-
break
|
3756
|
-
// {
|
3757
|
-
case 123 * variable:
|
3758
|
-
points[index++] = strlen(characters) * ampersand;
|
3759
|
-
// } ; \0
|
3760
|
-
case 125 * variable: case 59: case 0:
|
3761
|
-
switch (character) {
|
3762
|
-
// \0 }
|
3763
|
-
case 0: case 125: scanning = 0;
|
3764
|
-
// ;
|
3765
|
-
case 59 + offset: if (ampersand == -1) characters = replace(characters, /\f/g, '');
|
3766
|
-
if (property > 0 && (strlen(characters) - length))
|
3767
|
-
append(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations);
|
3768
|
-
break
|
3769
|
-
// @ ;
|
3770
|
-
case 59: characters += ';';
|
3771
|
-
// { rule/at-rule
|
3772
|
-
default:
|
3773
|
-
append(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets);
|
3774
|
-
|
3775
|
-
if (character === 123)
|
3776
|
-
if (offset === 0)
|
3777
|
-
parse(characters, root, reference, reference, props, rulesets, length, points, children);
|
3778
|
-
else
|
3779
|
-
switch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {
|
3780
|
-
// d l m s
|
3781
|
-
case 100: case 108: case 109: case 115:
|
3782
|
-
parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children);
|
3783
|
-
break
|
3784
|
-
default:
|
3785
|
-
parse(characters, reference, reference, reference, [''], children, 0, points, children);
|
3786
|
-
}
|
3787
|
-
}
|
3788
|
-
|
3789
|
-
index = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo;
|
3790
|
-
break
|
3791
|
-
// :
|
3792
|
-
case 58:
|
3793
|
-
length = 1 + strlen(characters), property = previous;
|
3794
|
-
default:
|
3795
|
-
if (variable < 1)
|
3796
|
-
if (character == 123)
|
3797
|
-
--variable;
|
3798
|
-
else if (character == 125 && variable++ == 0 && prev() == 125)
|
3799
|
-
continue
|
3800
|
-
|
3801
|
-
switch (characters += from(character), character * variable) {
|
3802
|
-
// &
|
3803
|
-
case 38:
|
3804
|
-
ampersand = offset > 0 ? 1 : (characters += '\f', -1);
|
3805
|
-
break
|
3806
|
-
// ,
|
3807
|
-
case 44:
|
3808
|
-
points[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1;
|
3809
|
-
break
|
3810
|
-
// @
|
3811
|
-
case 64:
|
3812
|
-
// -
|
3813
|
-
if (peek() === 45)
|
3814
|
-
characters += delimit(next());
|
3815
|
-
|
3816
|
-
atrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++;
|
3817
|
-
break
|
3818
|
-
// -
|
3819
|
-
case 45:
|
3820
|
-
if (previous === 45 && strlen(characters) == 2)
|
3821
|
-
variable = 0;
|
3822
|
-
}
|
3823
|
-
}
|
3824
|
-
|
3825
|
-
return rulesets
|
3826
|
-
}
|
3827
|
-
|
3828
|
-
/**
|
3829
|
-
* @param {string} value
|
3830
|
-
* @param {object} root
|
3831
|
-
* @param {object?} parent
|
3832
|
-
* @param {number} index
|
3833
|
-
* @param {number} offset
|
3834
|
-
* @param {string[]} rules
|
3835
|
-
* @param {number[]} points
|
3836
|
-
* @param {string} type
|
3837
|
-
* @param {string[]} props
|
3838
|
-
* @param {string[]} children
|
3839
|
-
* @param {number} length
|
3840
|
-
* @return {object}
|
3841
|
-
*/
|
3842
|
-
function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length) {
|
3843
|
-
var post = offset - 1;
|
3844
|
-
var rule = offset === 0 ? rules : [''];
|
3845
|
-
var size = sizeof(rule);
|
3846
|
-
|
3847
|
-
for (var i = 0, j = 0, k = 0; i < index; ++i)
|
3848
|
-
for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
|
3849
|
-
if (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
|
3850
|
-
props[k++] = z;
|
3851
|
-
|
3852
|
-
return node$1(value, root, parent, offset === 0 ? RULESET : type, props, children, length)
|
3853
|
-
}
|
3854
|
-
|
3855
|
-
/**
|
3856
|
-
* @param {number} value
|
3857
|
-
* @param {object} root
|
3858
|
-
* @param {object?} parent
|
3859
|
-
* @return {object}
|
3860
|
-
*/
|
3861
|
-
function comment (value, root, parent) {
|
3862
|
-
return node$1(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0)
|
3863
|
-
}
|
3864
|
-
|
3865
|
-
/**
|
3866
|
-
* @param {string} value
|
3867
|
-
* @param {object} root
|
3868
|
-
* @param {object?} parent
|
3869
|
-
* @param {number} length
|
3870
|
-
* @return {object}
|
3871
|
-
*/
|
3872
|
-
function declaration (value, root, parent, length) {
|
3873
|
-
return node$1(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length)
|
3874
|
-
}
|
3875
|
-
|
3876
|
-
/**
|
3877
|
-
* @param {object[]} children
|
3878
|
-
* @param {function} callback
|
3879
|
-
* @return {string}
|
3880
|
-
*/
|
3881
|
-
function serialize (children, callback) {
|
3882
|
-
var output = '';
|
3883
|
-
var length = sizeof(children);
|
3884
|
-
|
3885
|
-
for (var i = 0; i < length; i++)
|
3886
|
-
output += callback(children[i], i, children, callback) || '';
|
3887
|
-
|
3888
|
-
return output
|
3889
|
-
}
|
3890
|
-
|
3891
|
-
/**
|
3892
|
-
* @param {object} element
|
3893
|
-
* @param {number} index
|
3894
|
-
* @param {object[]} children
|
3895
|
-
* @param {function} callback
|
3896
|
-
* @return {string}
|
3897
|
-
*/
|
3898
|
-
function stringify (element, index, children, callback) {
|
3899
|
-
switch (element.type) {
|
3900
|
-
case LAYER: if (element.children.length) break
|
3901
|
-
case IMPORT: case DECLARATION: return element.return = element.return || element.value
|
3902
|
-
case COMMENT: return ''
|
3903
|
-
case KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'
|
3904
|
-
case RULESET: element.value = element.props.join(',');
|
3905
|
-
}
|
3906
|
-
|
3907
|
-
return strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''
|
3908
|
-
}
|
3909
|
-
|
3910
|
-
/**
|
3911
|
-
* @param {function[]} collection
|
3912
|
-
* @return {function}
|
3913
|
-
*/
|
3914
|
-
function middleware (collection) {
|
3915
|
-
var length = sizeof(collection);
|
3916
|
-
|
3917
|
-
return function (element, index, children, callback) {
|
3918
|
-
var output = '';
|
3919
|
-
|
3920
|
-
for (var i = 0; i < length; i++)
|
3921
|
-
output += collection[i](element, index, children, callback) || '';
|
3922
|
-
|
3923
|
-
return output
|
3924
|
-
}
|
3925
|
-
}
|
3926
|
-
|
3927
|
-
/**
|
3928
|
-
* @param {function} callback
|
3929
|
-
* @return {function}
|
3930
|
-
*/
|
3931
|
-
function rulesheet (callback) {
|
3932
|
-
return function (element) {
|
3933
|
-
if (!element.root)
|
3934
|
-
if (element = element.return)
|
3935
|
-
callback(element);
|
3936
|
-
}
|
3937
|
-
}
|
3938
|
-
|
3939
|
-
var weakMemoize = function weakMemoize(func) {
|
3940
|
-
// $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps
|
3941
|
-
var cache = new WeakMap();
|
3942
|
-
return function (arg) {
|
3943
|
-
if (cache.has(arg)) {
|
3944
|
-
// $FlowFixMe
|
3945
|
-
return cache.get(arg);
|
3946
|
-
}
|
3947
|
-
|
3948
|
-
var ret = func(arg);
|
3949
|
-
cache.set(arg, ret);
|
3950
|
-
return ret;
|
3951
|
-
};
|
3952
|
-
};
|
3953
|
-
|
3954
|
-
var identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {
|
3955
|
-
var previous = 0;
|
3956
|
-
var character = 0;
|
3957
|
-
|
3958
|
-
while (true) {
|
3959
|
-
previous = character;
|
3960
|
-
character = peek(); // &\f
|
3961
|
-
|
3962
|
-
if (previous === 38 && character === 12) {
|
3963
|
-
points[index] = 1;
|
3964
|
-
}
|
3965
|
-
|
3966
|
-
if (token(character)) {
|
3967
|
-
break;
|
3968
|
-
}
|
3969
|
-
|
3970
|
-
next();
|
3971
|
-
}
|
3972
|
-
|
3973
|
-
return slice(begin, position);
|
3974
|
-
};
|
3975
|
-
|
3976
|
-
var toRules = function toRules(parsed, points) {
|
3977
|
-
// pretend we've started with a comma
|
3978
|
-
var index = -1;
|
3979
|
-
var character = 44;
|
3980
|
-
|
3981
|
-
do {
|
3982
|
-
switch (token(character)) {
|
3983
|
-
case 0:
|
3984
|
-
// &\f
|
3985
|
-
if (character === 38 && peek() === 12) {
|
3986
|
-
// this is not 100% correct, we don't account for literal sequences here - like for example quoted strings
|
3987
|
-
// stylis inserts \f after & to know when & where it should replace this sequence with the context selector
|
3988
|
-
// and when it should just concatenate the outer and inner selectors
|
3989
|
-
// it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here
|
3990
|
-
points[index] = 1;
|
3991
|
-
}
|
3992
|
-
|
3993
|
-
parsed[index] += identifierWithPointTracking(position - 1, points, index);
|
3994
|
-
break;
|
3995
|
-
|
3996
|
-
case 2:
|
3997
|
-
parsed[index] += delimit(character);
|
3998
|
-
break;
|
3999
|
-
|
4000
|
-
case 4:
|
4001
|
-
// comma
|
4002
|
-
if (character === 44) {
|
4003
|
-
// colon
|
4004
|
-
parsed[++index] = peek() === 58 ? '&\f' : '';
|
4005
|
-
points[index] = parsed[index].length;
|
4006
|
-
break;
|
4007
|
-
}
|
4008
|
-
|
4009
|
-
// fallthrough
|
4010
|
-
|
4011
|
-
default:
|
4012
|
-
parsed[index] += from(character);
|
4013
|
-
}
|
4014
|
-
} while (character = next());
|
4015
|
-
|
4016
|
-
return parsed;
|
4017
|
-
};
|
4018
|
-
|
4019
|
-
var getRules = function getRules(value, points) {
|
4020
|
-
return dealloc(toRules(alloc(value), points));
|
4021
|
-
}; // WeakSet would be more appropriate, but only WeakMap is supported in IE11
|
4022
|
-
|
4023
|
-
|
4024
|
-
var fixedElements = /* #__PURE__ */new WeakMap();
|
4025
|
-
var compat = function compat(element) {
|
4026
|
-
if (element.type !== 'rule' || !element.parent || // positive .length indicates that this rule contains pseudo
|
4027
|
-
// negative .length indicates that this rule has been already prefixed
|
4028
|
-
element.length < 1) {
|
4029
|
-
return;
|
4030
|
-
}
|
4031
|
-
|
4032
|
-
var value = element.value,
|
4033
|
-
parent = element.parent;
|
4034
|
-
var isImplicitRule = element.column === parent.column && element.line === parent.line;
|
4035
|
-
|
4036
|
-
while (parent.type !== 'rule') {
|
4037
|
-
parent = parent.parent;
|
4038
|
-
if (!parent) return;
|
4039
|
-
} // short-circuit for the simplest case
|
4040
|
-
|
4041
|
-
|
4042
|
-
if (element.props.length === 1 && value.charCodeAt(0) !== 58
|
4043
|
-
/* colon */
|
4044
|
-
&& !fixedElements.get(parent)) {
|
4045
|
-
return;
|
4046
|
-
} // if this is an implicitly inserted rule (the one eagerly inserted at the each new nested level)
|
4047
|
-
// then the props has already been manipulated beforehand as they that array is shared between it and its "rule parent"
|
4048
|
-
|
4049
|
-
|
4050
|
-
if (isImplicitRule) {
|
4051
|
-
return;
|
4052
|
-
}
|
4053
|
-
|
4054
|
-
fixedElements.set(element, true);
|
4055
|
-
var points = [];
|
4056
|
-
var rules = getRules(value, points);
|
4057
|
-
var parentRules = parent.props;
|
4058
|
-
|
4059
|
-
for (var i = 0, k = 0; i < rules.length; i++) {
|
4060
|
-
for (var j = 0; j < parentRules.length; j++, k++) {
|
4061
|
-
element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
|
4062
|
-
}
|
4063
|
-
}
|
4064
|
-
};
|
4065
|
-
var removeLabel = function removeLabel(element) {
|
4066
|
-
if (element.type === 'decl') {
|
4067
|
-
var value = element.value;
|
4068
|
-
|
4069
|
-
if ( // charcode for l
|
4070
|
-
value.charCodeAt(0) === 108 && // charcode for b
|
4071
|
-
value.charCodeAt(2) === 98) {
|
4072
|
-
// this ignores label
|
4073
|
-
element["return"] = '';
|
4074
|
-
element.value = '';
|
4075
|
-
}
|
4076
|
-
}
|
4077
|
-
};
|
4078
|
-
var ignoreFlag = 'emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason';
|
4079
|
-
|
4080
|
-
var isIgnoringComment = function isIgnoringComment(element) {
|
4081
|
-
return element.type === 'comm' && element.children.indexOf(ignoreFlag) > -1;
|
4082
|
-
};
|
4083
|
-
|
4084
|
-
var createUnsafeSelectorsAlarm = function createUnsafeSelectorsAlarm(cache) {
|
4085
|
-
return function (element, index, children) {
|
4086
|
-
if (element.type !== 'rule' || cache.compat) return;
|
4087
|
-
var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);
|
4088
|
-
|
4089
|
-
if (unsafePseudoClasses) {
|
4090
|
-
var isNested = !!element.parent; // in nested rules comments become children of the "auto-inserted" rule and that's always the `element.parent`
|
4091
|
-
//
|
4092
|
-
// considering this input:
|
4093
|
-
// .a {
|
4094
|
-
// .b /* comm */ {}
|
4095
|
-
// color: hotpink;
|
4096
|
-
// }
|
4097
|
-
// we get output corresponding to this:
|
4098
|
-
// .a {
|
4099
|
-
// & {
|
4100
|
-
// /* comm */
|
4101
|
-
// color: hotpink;
|
4102
|
-
// }
|
4103
|
-
// .b {}
|
4104
|
-
// }
|
4105
|
-
|
4106
|
-
var commentContainer = isNested ? element.parent.children : // global rule at the root level
|
4107
|
-
children;
|
4108
|
-
|
4109
|
-
for (var i = commentContainer.length - 1; i >= 0; i--) {
|
4110
|
-
var node = commentContainer[i];
|
4111
|
-
|
4112
|
-
if (node.line < element.line) {
|
4113
|
-
break;
|
4114
|
-
} // it is quite weird but comments are *usually* put at `column: element.column - 1`
|
4115
|
-
// so we seek *from the end* for the node that is earlier than the rule's `element` and check that
|
4116
|
-
// this will also match inputs like this:
|
4117
|
-
// .a {
|
4118
|
-
// /* comm */
|
4119
|
-
// .b {}
|
4120
|
-
// }
|
4121
|
-
//
|
4122
|
-
// but that is fine
|
4123
|
-
//
|
4124
|
-
// it would be the easiest to change the placement of the comment to be the first child of the rule:
|
4125
|
-
// .a {
|
4126
|
-
// .b { /* comm */ }
|
4127
|
-
// }
|
4128
|
-
// with such inputs we wouldn't have to search for the comment at all
|
4129
|
-
// TODO: consider changing this comment placement in the next major version
|
4130
|
-
|
4131
|
-
|
4132
|
-
if (node.column < element.column) {
|
4133
|
-
if (isIgnoringComment(node)) {
|
4134
|
-
return;
|
4135
|
-
}
|
4136
|
-
|
4137
|
-
break;
|
4138
|
-
}
|
4139
|
-
}
|
4140
|
-
|
4141
|
-
unsafePseudoClasses.forEach(function (unsafePseudoClass) {
|
4142
|
-
console.error("The pseudo class \"" + unsafePseudoClass + "\" is potentially unsafe when doing server-side rendering. Try changing it to \"" + unsafePseudoClass.split('-child')[0] + "-of-type\".");
|
4143
|
-
});
|
4144
|
-
}
|
4145
|
-
};
|
4146
|
-
};
|
4147
|
-
|
4148
|
-
var isImportRule = function isImportRule(element) {
|
4149
|
-
return element.type.charCodeAt(1) === 105 && element.type.charCodeAt(0) === 64;
|
4150
|
-
};
|
4151
|
-
|
4152
|
-
var isPrependedWithRegularRules = function isPrependedWithRegularRules(index, children) {
|
4153
|
-
for (var i = index - 1; i >= 0; i--) {
|
4154
|
-
if (!isImportRule(children[i])) {
|
4155
|
-
return true;
|
4156
|
-
}
|
4157
|
-
}
|
4158
|
-
|
4159
|
-
return false;
|
4160
|
-
}; // use this to remove incorrect elements from further processing
|
4161
|
-
// so they don't get handed to the `sheet` (or anything else)
|
4162
|
-
// as that could potentially lead to additional logs which in turn could be overhelming to the user
|
4163
|
-
|
4164
|
-
|
4165
|
-
var nullifyElement = function nullifyElement(element) {
|
4166
|
-
element.type = '';
|
4167
|
-
element.value = '';
|
4168
|
-
element["return"] = '';
|
4169
|
-
element.children = '';
|
4170
|
-
element.props = '';
|
4171
|
-
};
|
4172
|
-
|
4173
|
-
var incorrectImportAlarm = function incorrectImportAlarm(element, index, children) {
|
4174
|
-
if (!isImportRule(element)) {
|
4175
|
-
return;
|
4176
|
-
}
|
4177
|
-
|
4178
|
-
if (element.parent) {
|
4179
|
-
console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.");
|
4180
|
-
nullifyElement(element);
|
4181
|
-
} else if (isPrependedWithRegularRules(index, children)) {
|
4182
|
-
console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.");
|
4183
|
-
nullifyElement(element);
|
4184
|
-
}
|
4185
|
-
};
|
4186
|
-
|
4187
|
-
/* eslint-disable no-fallthrough */
|
4188
|
-
|
4189
|
-
function prefix(value, length) {
|
4190
|
-
switch (hash(value, length)) {
|
4191
|
-
// color-adjust
|
4192
|
-
case 5103:
|
4193
|
-
return WEBKIT + 'print-' + value + value;
|
4194
|
-
// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
|
4195
|
-
|
4196
|
-
case 5737:
|
4197
|
-
case 4201:
|
4198
|
-
case 3177:
|
4199
|
-
case 3433:
|
4200
|
-
case 1641:
|
4201
|
-
case 4457:
|
4202
|
-
case 2921: // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
|
4203
|
-
|
4204
|
-
case 5572:
|
4205
|
-
case 6356:
|
4206
|
-
case 5844:
|
4207
|
-
case 3191:
|
4208
|
-
case 6645:
|
4209
|
-
case 3005: // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
|
4210
|
-
|
4211
|
-
case 6391:
|
4212
|
-
case 5879:
|
4213
|
-
case 5623:
|
4214
|
-
case 6135:
|
4215
|
-
case 4599:
|
4216
|
-
case 4855: // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
|
4217
|
-
|
4218
|
-
case 4215:
|
4219
|
-
case 6389:
|
4220
|
-
case 5109:
|
4221
|
-
case 5365:
|
4222
|
-
case 5621:
|
4223
|
-
case 3829:
|
4224
|
-
return WEBKIT + value + value;
|
4225
|
-
// appearance, user-select, transform, hyphens, text-size-adjust
|
4226
|
-
|
4227
|
-
case 5349:
|
4228
|
-
case 4246:
|
4229
|
-
case 4810:
|
4230
|
-
case 6968:
|
4231
|
-
case 2756:
|
4232
|
-
return WEBKIT + value + MOZ + value + MS + value + value;
|
4233
|
-
// flex, flex-direction
|
4234
|
-
|
4235
|
-
case 6828:
|
4236
|
-
case 4268:
|
4237
|
-
return WEBKIT + value + MS + value + value;
|
4238
|
-
// order
|
4239
|
-
|
4240
|
-
case 6165:
|
4241
|
-
return WEBKIT + value + MS + 'flex-' + value + value;
|
4242
|
-
// align-items
|
4243
|
-
|
4244
|
-
case 5187:
|
4245
|
-
return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value;
|
4246
|
-
// align-self
|
4247
|
-
|
4248
|
-
case 5443:
|
4249
|
-
return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value;
|
4250
|
-
// align-content
|
4251
|
-
|
4252
|
-
case 4675:
|
4253
|
-
return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value;
|
4254
|
-
// flex-shrink
|
4255
|
-
|
4256
|
-
case 5548:
|
4257
|
-
return WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value;
|
4258
|
-
// flex-basis
|
4259
|
-
|
4260
|
-
case 5292:
|
4261
|
-
return WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value;
|
4262
|
-
// flex-grow
|
4263
|
-
|
4264
|
-
case 6060:
|
4265
|
-
return WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value;
|
4266
|
-
// transition
|
4267
|
-
|
4268
|
-
case 4554:
|
4269
|
-
return WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value;
|
4270
|
-
// cursor
|
4271
|
-
|
4272
|
-
case 6187:
|
4273
|
-
return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value;
|
4274
|
-
// background, background-image
|
4275
|
-
|
4276
|
-
case 5495:
|
4277
|
-
case 3959:
|
4278
|
-
return replace(value, /(image-set\([^]*)/, WEBKIT + '$1' + '$`$1');
|
4279
|
-
// justify-content
|
4280
|
-
|
4281
|
-
case 4968:
|
4282
|
-
return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value;
|
4283
|
-
// (margin|padding)-inline-(start|end)
|
4284
|
-
|
4285
|
-
case 4095:
|
4286
|
-
case 3583:
|
4287
|
-
case 4068:
|
4288
|
-
case 2532:
|
4289
|
-
return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value;
|
4290
|
-
// (min|max)?(width|height|inline-size|block-size)
|
4291
|
-
|
4292
|
-
case 8116:
|
4293
|
-
case 7059:
|
4294
|
-
case 5753:
|
4295
|
-
case 5535:
|
4296
|
-
case 5445:
|
4297
|
-
case 5701:
|
4298
|
-
case 4933:
|
4299
|
-
case 4677:
|
4300
|
-
case 5533:
|
4301
|
-
case 5789:
|
4302
|
-
case 5021:
|
4303
|
-
case 4765:
|
4304
|
-
// stretch, max-content, min-content, fill-available
|
4305
|
-
if (strlen(value) - 1 - length > 6) switch (charat(value, length + 1)) {
|
4306
|
-
// (m)ax-content, (m)in-content
|
4307
|
-
case 109:
|
4308
|
-
// -
|
4309
|
-
if (charat(value, length + 4) !== 45) break;
|
4310
|
-
// (f)ill-available, (f)it-content
|
4311
|
-
|
4312
|
-
case 102:
|
4313
|
-
return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
|
4314
|
-
// (s)tretch
|
4315
|
-
|
4316
|
-
case 115:
|
4317
|
-
return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value;
|
4318
|
-
}
|
4319
|
-
break;
|
4320
|
-
// position: sticky
|
4321
|
-
|
4322
|
-
case 4949:
|
4323
|
-
// (s)ticky?
|
4324
|
-
if (charat(value, length + 1) !== 115) break;
|
4325
|
-
// display: (flex|inline-flex)
|
4326
|
-
|
4327
|
-
case 6444:
|
4328
|
-
switch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {
|
4329
|
-
// stic(k)y
|
4330
|
-
case 107:
|
4331
|
-
return replace(value, ':', ':' + WEBKIT) + value;
|
4332
|
-
// (inline-)?fl(e)x
|
4333
|
-
|
4334
|
-
case 101:
|
4335
|
-
return replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value;
|
4336
|
-
}
|
4337
|
-
|
4338
|
-
break;
|
4339
|
-
// writing-mode
|
4340
|
-
|
4341
|
-
case 5936:
|
4342
|
-
switch (charat(value, length + 11)) {
|
4343
|
-
// vertical-l(r)
|
4344
|
-
case 114:
|
4345
|
-
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
|
4346
|
-
// vertical-r(l)
|
4347
|
-
|
4348
|
-
case 108:
|
4349
|
-
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
|
4350
|
-
// horizontal(-)tb
|
4351
|
-
|
4352
|
-
case 45:
|
4353
|
-
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
|
4354
|
-
}
|
4355
|
-
|
4356
|
-
return WEBKIT + value + MS + value + value;
|
4357
|
-
}
|
4358
|
-
|
4359
|
-
return value;
|
4360
|
-
}
|
4361
|
-
|
4362
|
-
var prefixer = function prefixer(element, index, children, callback) {
|
4363
|
-
if (element.length > -1) if (!element["return"]) switch (element.type) {
|
4364
|
-
case DECLARATION:
|
4365
|
-
element["return"] = prefix(element.value, element.length);
|
4366
|
-
break;
|
4367
|
-
|
4368
|
-
case KEYFRAMES:
|
4369
|
-
return serialize([copy(element, {
|
4370
|
-
value: replace(element.value, '@', '@' + WEBKIT)
|
4371
|
-
})], callback);
|
4372
|
-
|
4373
|
-
case RULESET:
|
4374
|
-
if (element.length) return combine(element.props, function (value) {
|
4375
|
-
switch (match(value, /(::plac\w+|:read-\w+)/)) {
|
4376
|
-
// :read-(only|write)
|
4377
|
-
case ':read-only':
|
4378
|
-
case ':read-write':
|
4379
|
-
return serialize([copy(element, {
|
4380
|
-
props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]
|
4381
|
-
})], callback);
|
4382
|
-
// :placeholder
|
4383
|
-
|
4384
|
-
case '::placeholder':
|
4385
|
-
return serialize([copy(element, {
|
4386
|
-
props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]
|
4387
|
-
}), copy(element, {
|
4388
|
-
props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]
|
4389
|
-
}), copy(element, {
|
4390
|
-
props: [replace(value, /:(plac\w+)/, MS + 'input-$1')]
|
4391
|
-
})], callback);
|
4392
|
-
}
|
4393
|
-
|
4394
|
-
return '';
|
4395
|
-
});
|
4396
|
-
}
|
4397
|
-
};
|
4398
|
-
|
4399
|
-
var isBrowser$5 = typeof document !== 'undefined';
|
4400
|
-
var getServerStylisCache = isBrowser$5 ? undefined : weakMemoize(function () {
|
4401
|
-
return memoize$1(function () {
|
4402
|
-
var cache = {};
|
4403
|
-
return function (name) {
|
4404
|
-
return cache[name];
|
4405
|
-
};
|
4406
|
-
});
|
4407
|
-
});
|
4408
|
-
var defaultStylisPlugins = [prefixer];
|
4409
|
-
|
4410
|
-
var createCache = function createCache(options) {
|
4411
|
-
var key = options.key;
|
4412
|
-
|
4413
|
-
if (process.env.NODE_ENV !== 'production' && !key) {
|
4414
|
-
throw new Error("You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\n" + "If multiple caches share the same key they might \"fight\" for each other's style elements.");
|
4415
|
-
}
|
4416
|
-
|
4417
|
-
if (isBrowser$5 && key === 'css') {
|
4418
|
-
var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])"); // get SSRed styles out of the way of React's hydration
|
4419
|
-
// document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)
|
4420
|
-
// note this very very intentionally targets all style elements regardless of the key to ensure
|
4421
|
-
// that creating a cache works inside of render of a React component
|
4422
|
-
|
4423
|
-
Array.prototype.forEach.call(ssrStyles, function (node) {
|
4424
|
-
// we want to only move elements which have a space in the data-emotion attribute value
|
4425
|
-
// because that indicates that it is an Emotion 11 server-side rendered style elements
|
4426
|
-
// while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector
|
4427
|
-
// Emotion 10 client-side inserted styles did not have data-s (but importantly did not have a space in their data-emotion attributes)
|
4428
|
-
// so checking for the space ensures that loading Emotion 11 after Emotion 10 has inserted some styles
|
4429
|
-
// will not result in the Emotion 10 styles being destroyed
|
4430
|
-
var dataEmotionAttribute = node.getAttribute('data-emotion');
|
4431
|
-
|
4432
|
-
if (dataEmotionAttribute.indexOf(' ') === -1) {
|
4433
|
-
return;
|
4434
|
-
}
|
4435
|
-
document.head.appendChild(node);
|
4436
|
-
node.setAttribute('data-s', '');
|
4437
|
-
});
|
4438
|
-
}
|
4439
|
-
|
4440
|
-
var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
|
4441
|
-
|
4442
|
-
if (process.env.NODE_ENV !== 'production') {
|
4443
|
-
// $FlowFixMe
|
4444
|
-
if (/[^a-z-]/.test(key)) {
|
4445
|
-
throw new Error("Emotion key must only contain lower case alphabetical characters and - but \"" + key + "\" was passed");
|
4446
|
-
}
|
4447
|
-
}
|
4448
|
-
|
4449
|
-
var inserted = {};
|
4450
|
-
var container;
|
4451
|
-
var nodesToHydrate = [];
|
4452
|
-
|
4453
|
-
if (isBrowser$5) {
|
4454
|
-
container = options.container || document.head;
|
4455
|
-
Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which
|
4456
|
-
// means that the style elements we're looking at are only Emotion 11 server-rendered style elements
|
4457
|
-
document.querySelectorAll("style[data-emotion^=\"" + key + " \"]"), function (node) {
|
4458
|
-
var attrib = node.getAttribute("data-emotion").split(' '); // $FlowFixMe
|
4459
|
-
|
4460
|
-
for (var i = 1; i < attrib.length; i++) {
|
4461
|
-
inserted[attrib[i]] = true;
|
4462
|
-
}
|
4463
|
-
|
4464
|
-
nodesToHydrate.push(node);
|
4465
|
-
});
|
4466
|
-
}
|
4467
|
-
|
4468
|
-
var _insert;
|
4469
|
-
|
4470
|
-
var omnipresentPlugins = [compat, removeLabel];
|
4471
|
-
|
4472
|
-
if (process.env.NODE_ENV !== 'production') {
|
4473
|
-
omnipresentPlugins.push(createUnsafeSelectorsAlarm({
|
4474
|
-
get compat() {
|
4475
|
-
return cache.compat;
|
4476
|
-
}
|
4477
|
-
|
4478
|
-
}), incorrectImportAlarm);
|
4479
|
-
}
|
4480
|
-
|
4481
|
-
if (isBrowser$5) {
|
4482
|
-
var currentSheet;
|
4483
|
-
var finalizingPlugins = [stringify, process.env.NODE_ENV !== 'production' ? function (element) {
|
4484
|
-
if (!element.root) {
|
4485
|
-
if (element["return"]) {
|
4486
|
-
currentSheet.insert(element["return"]);
|
4487
|
-
} else if (element.value && element.type !== COMMENT) {
|
4488
|
-
// insert empty rule in non-production environments
|
4489
|
-
// so @emotion/jest can grab `key` from the (JS)DOM for caches without any rules inserted yet
|
4490
|
-
currentSheet.insert(element.value + "{}");
|
4491
|
-
}
|
4492
|
-
}
|
4493
|
-
} : rulesheet(function (rule) {
|
4494
|
-
currentSheet.insert(rule);
|
4495
|
-
})];
|
4496
|
-
var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
|
4497
|
-
|
4498
|
-
var stylis = function stylis(styles) {
|
4499
|
-
return serialize(compile(styles), serializer);
|
4500
|
-
};
|
4501
|
-
|
4502
|
-
_insert = function insert(selector, serialized, sheet, shouldCache) {
|
4503
|
-
currentSheet = sheet;
|
4504
|
-
|
4505
|
-
if (process.env.NODE_ENV !== 'production' && serialized.map !== undefined) {
|
4506
|
-
currentSheet = {
|
4507
|
-
insert: function insert(rule) {
|
4508
|
-
sheet.insert(rule + serialized.map);
|
4509
|
-
}
|
4510
|
-
};
|
4511
|
-
}
|
4512
|
-
|
4513
|
-
stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
|
4514
|
-
|
4515
|
-
if (shouldCache) {
|
4516
|
-
cache.inserted[serialized.name] = true;
|
4517
|
-
}
|
4518
|
-
};
|
4519
|
-
} else {
|
4520
|
-
var _finalizingPlugins = [stringify];
|
4521
|
-
|
4522
|
-
var _serializer = middleware(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins));
|
4523
|
-
|
4524
|
-
var _stylis = function _stylis(styles) {
|
4525
|
-
return serialize(compile(styles), _serializer);
|
4526
|
-
}; // $FlowFixMe
|
4527
|
-
|
4528
|
-
|
4529
|
-
var serverStylisCache = getServerStylisCache(stylisPlugins)(key);
|
4530
|
-
|
4531
|
-
var getRules = function getRules(selector, serialized) {
|
4532
|
-
var name = serialized.name;
|
4533
|
-
|
4534
|
-
if (serverStylisCache[name] === undefined) {
|
4535
|
-
serverStylisCache[name] = _stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
|
4536
|
-
}
|
4537
|
-
|
4538
|
-
return serverStylisCache[name];
|
4539
|
-
};
|
4540
|
-
|
4541
|
-
_insert = function _insert(selector, serialized, sheet, shouldCache) {
|
4542
|
-
var name = serialized.name;
|
4543
|
-
var rules = getRules(selector, serialized);
|
4544
|
-
|
4545
|
-
if (cache.compat === undefined) {
|
4546
|
-
// in regular mode, we don't set the styles on the inserted cache
|
4547
|
-
// since we don't need to and that would be wasting memory
|
4548
|
-
// we return them so that they are rendered in a style tag
|
4549
|
-
if (shouldCache) {
|
4550
|
-
cache.inserted[name] = true;
|
4551
|
-
}
|
4552
|
-
|
4553
|
-
if ( // using === development instead of !== production
|
4554
|
-
// because if people do ssr in tests, the source maps showing up would be annoying
|
4555
|
-
process.env.NODE_ENV === 'development' && serialized.map !== undefined) {
|
4556
|
-
return rules + serialized.map;
|
4557
|
-
}
|
4558
|
-
|
4559
|
-
return rules;
|
4560
|
-
} else {
|
4561
|
-
// in compat mode, we put the styles on the inserted cache so
|
4562
|
-
// that emotion-server can pull out the styles
|
4563
|
-
// except when we don't want to cache it which was in Global but now
|
4564
|
-
// is nowhere but we don't want to do a major right now
|
4565
|
-
// and just in case we're going to leave the case here
|
4566
|
-
// it's also not affecting client side bundle size
|
4567
|
-
// so it's really not a big deal
|
4568
|
-
if (shouldCache) {
|
4569
|
-
cache.inserted[name] = rules;
|
4570
|
-
} else {
|
4571
|
-
return rules;
|
4572
|
-
}
|
4573
|
-
}
|
4574
|
-
};
|
4575
|
-
}
|
4576
|
-
|
4577
|
-
var cache = {
|
4578
|
-
key: key,
|
4579
|
-
sheet: new StyleSheet({
|
4580
|
-
key: key,
|
4581
|
-
container: container,
|
4582
|
-
nonce: options.nonce,
|
4583
|
-
speedy: options.speedy,
|
4584
|
-
prepend: options.prepend,
|
4585
|
-
insertionPoint: options.insertionPoint
|
4586
|
-
}),
|
4587
|
-
nonce: options.nonce,
|
4588
|
-
inserted: inserted,
|
4589
|
-
registered: {},
|
4590
|
-
insert: _insert
|
4591
|
-
};
|
4592
|
-
cache.sheet.hydrate(nodesToHydrate);
|
4593
|
-
return cache;
|
4594
|
-
};
|
4595
|
-
|
4596
|
-
var reactIs$1 = {exports: {}};
|
4597
|
-
|
4598
|
-
var reactIs_production_min = {};
|
4599
|
-
|
4600
|
-
/** @license React v16.13.1
|
4601
|
-
* react-is.production.min.js
|
4602
|
-
*
|
4603
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
4604
|
-
*
|
4605
|
-
* This source code is licensed under the MIT license found in the
|
4606
|
-
* LICENSE file in the root directory of this source tree.
|
4607
|
-
*/
|
4608
|
-
var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
|
4609
|
-
Symbol.for("react.suspense_list"):60120,r$1=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
|
4610
|
-
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r$1:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r$1;reactIs_production_min.Portal=d;
|
4611
|
-
reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
|
4612
|
-
reactIs_production_min.isMemo=function(a){return z(a)===r$1};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
|
4613
|
-
reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r$1||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
|
4614
|
-
|
4615
|
-
var reactIs_development = {};
|
4616
|
-
|
4617
|
-
/** @license React v16.13.1
|
4618
|
-
* react-is.development.js
|
4619
|
-
*
|
4620
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
4621
|
-
*
|
4622
|
-
* This source code is licensed under the MIT license found in the
|
4623
|
-
* LICENSE file in the root directory of this source tree.
|
4624
|
-
*/
|
4625
|
-
|
4626
|
-
|
4627
|
-
|
4628
|
-
if (process.env.NODE_ENV !== "production") {
|
4629
|
-
(function() {
|
4630
|
-
|
4631
|
-
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
|
4632
|
-
// nor polyfill, then a plain number is used for performance.
|
4633
|
-
var hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
4634
|
-
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
|
4635
|
-
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
|
4636
|
-
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
|
4637
|
-
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
|
4638
|
-
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
|
4639
|
-
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
|
4640
|
-
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
|
4641
|
-
// (unstable) APIs that have been removed. Can we remove the symbols?
|
4642
|
-
|
4643
|
-
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
|
4644
|
-
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
|
4645
|
-
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
|
4646
|
-
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
|
4647
|
-
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
|
4648
|
-
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
|
4649
|
-
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
|
4650
|
-
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
|
4651
|
-
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
|
4652
|
-
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
|
4653
|
-
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
|
4654
|
-
|
4655
|
-
function isValidElementType(type) {
|
4656
|
-
return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
4657
|
-
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
|
4658
|
-
}
|
4659
|
-
|
4660
|
-
function typeOf(object) {
|
4661
|
-
if (typeof object === 'object' && object !== null) {
|
4662
|
-
var $$typeof = object.$$typeof;
|
4663
|
-
|
4664
|
-
switch ($$typeof) {
|
4665
|
-
case REACT_ELEMENT_TYPE:
|
4666
|
-
var type = object.type;
|
4667
|
-
|
4668
|
-
switch (type) {
|
4669
|
-
case REACT_ASYNC_MODE_TYPE:
|
4670
|
-
case REACT_CONCURRENT_MODE_TYPE:
|
4671
|
-
case REACT_FRAGMENT_TYPE:
|
4672
|
-
case REACT_PROFILER_TYPE:
|
4673
|
-
case REACT_STRICT_MODE_TYPE:
|
4674
|
-
case REACT_SUSPENSE_TYPE:
|
4675
|
-
return type;
|
4676
|
-
|
4677
|
-
default:
|
4678
|
-
var $$typeofType = type && type.$$typeof;
|
4679
|
-
|
4680
|
-
switch ($$typeofType) {
|
4681
|
-
case REACT_CONTEXT_TYPE:
|
4682
|
-
case REACT_FORWARD_REF_TYPE:
|
4683
|
-
case REACT_LAZY_TYPE:
|
4684
|
-
case REACT_MEMO_TYPE:
|
4685
|
-
case REACT_PROVIDER_TYPE:
|
4686
|
-
return $$typeofType;
|
4687
|
-
|
4688
|
-
default:
|
4689
|
-
return $$typeof;
|
4690
|
-
}
|
4691
|
-
|
4692
|
-
}
|
4693
|
-
|
4694
|
-
case REACT_PORTAL_TYPE:
|
4695
|
-
return $$typeof;
|
4696
|
-
}
|
4697
|
-
}
|
4698
|
-
|
4699
|
-
return undefined;
|
4700
|
-
} // AsyncMode is deprecated along with isAsyncMode
|
4701
|
-
|
4702
|
-
var AsyncMode = REACT_ASYNC_MODE_TYPE;
|
4703
|
-
var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
|
4704
|
-
var ContextConsumer = REACT_CONTEXT_TYPE;
|
4705
|
-
var ContextProvider = REACT_PROVIDER_TYPE;
|
4706
|
-
var Element = REACT_ELEMENT_TYPE;
|
4707
|
-
var ForwardRef = REACT_FORWARD_REF_TYPE;
|
4708
|
-
var Fragment = REACT_FRAGMENT_TYPE;
|
4709
|
-
var Lazy = REACT_LAZY_TYPE;
|
4710
|
-
var Memo = REACT_MEMO_TYPE;
|
4711
|
-
var Portal = REACT_PORTAL_TYPE;
|
4712
|
-
var Profiler = REACT_PROFILER_TYPE;
|
4713
|
-
var StrictMode = REACT_STRICT_MODE_TYPE;
|
4714
|
-
var Suspense = REACT_SUSPENSE_TYPE;
|
4715
|
-
var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
|
4716
|
-
|
4717
|
-
function isAsyncMode(object) {
|
4718
|
-
{
|
4719
|
-
if (!hasWarnedAboutDeprecatedIsAsyncMode) {
|
4720
|
-
hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
|
4721
|
-
|
4722
|
-
console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
|
4723
|
-
}
|
4724
|
-
}
|
4725
|
-
|
4726
|
-
return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
|
4727
|
-
}
|
4728
|
-
function isConcurrentMode(object) {
|
4729
|
-
return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
|
4730
|
-
}
|
4731
|
-
function isContextConsumer(object) {
|
4732
|
-
return typeOf(object) === REACT_CONTEXT_TYPE;
|
4733
|
-
}
|
4734
|
-
function isContextProvider(object) {
|
4735
|
-
return typeOf(object) === REACT_PROVIDER_TYPE;
|
4736
|
-
}
|
4737
|
-
function isElement(object) {
|
4738
|
-
return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
4739
|
-
}
|
4740
|
-
function isForwardRef(object) {
|
4741
|
-
return typeOf(object) === REACT_FORWARD_REF_TYPE;
|
4742
|
-
}
|
4743
|
-
function isFragment(object) {
|
4744
|
-
return typeOf(object) === REACT_FRAGMENT_TYPE;
|
4745
|
-
}
|
4746
|
-
function isLazy(object) {
|
4747
|
-
return typeOf(object) === REACT_LAZY_TYPE;
|
4748
|
-
}
|
4749
|
-
function isMemo(object) {
|
4750
|
-
return typeOf(object) === REACT_MEMO_TYPE;
|
4751
|
-
}
|
4752
|
-
function isPortal(object) {
|
4753
|
-
return typeOf(object) === REACT_PORTAL_TYPE;
|
4754
|
-
}
|
4755
|
-
function isProfiler(object) {
|
4756
|
-
return typeOf(object) === REACT_PROFILER_TYPE;
|
4757
|
-
}
|
4758
|
-
function isStrictMode(object) {
|
4759
|
-
return typeOf(object) === REACT_STRICT_MODE_TYPE;
|
4760
|
-
}
|
4761
|
-
function isSuspense(object) {
|
4762
|
-
return typeOf(object) === REACT_SUSPENSE_TYPE;
|
4763
|
-
}
|
4764
|
-
|
4765
|
-
reactIs_development.AsyncMode = AsyncMode;
|
4766
|
-
reactIs_development.ConcurrentMode = ConcurrentMode;
|
4767
|
-
reactIs_development.ContextConsumer = ContextConsumer;
|
4768
|
-
reactIs_development.ContextProvider = ContextProvider;
|
4769
|
-
reactIs_development.Element = Element;
|
4770
|
-
reactIs_development.ForwardRef = ForwardRef;
|
4771
|
-
reactIs_development.Fragment = Fragment;
|
4772
|
-
reactIs_development.Lazy = Lazy;
|
4773
|
-
reactIs_development.Memo = Memo;
|
4774
|
-
reactIs_development.Portal = Portal;
|
4775
|
-
reactIs_development.Profiler = Profiler;
|
4776
|
-
reactIs_development.StrictMode = StrictMode;
|
4777
|
-
reactIs_development.Suspense = Suspense;
|
4778
|
-
reactIs_development.isAsyncMode = isAsyncMode;
|
4779
|
-
reactIs_development.isConcurrentMode = isConcurrentMode;
|
4780
|
-
reactIs_development.isContextConsumer = isContextConsumer;
|
4781
|
-
reactIs_development.isContextProvider = isContextProvider;
|
4782
|
-
reactIs_development.isElement = isElement;
|
4783
|
-
reactIs_development.isForwardRef = isForwardRef;
|
4784
|
-
reactIs_development.isFragment = isFragment;
|
4785
|
-
reactIs_development.isLazy = isLazy;
|
4786
|
-
reactIs_development.isMemo = isMemo;
|
4787
|
-
reactIs_development.isPortal = isPortal;
|
4788
|
-
reactIs_development.isProfiler = isProfiler;
|
4789
|
-
reactIs_development.isStrictMode = isStrictMode;
|
4790
|
-
reactIs_development.isSuspense = isSuspense;
|
4791
|
-
reactIs_development.isValidElementType = isValidElementType;
|
4792
|
-
reactIs_development.typeOf = typeOf;
|
4793
|
-
})();
|
4794
|
-
}
|
4795
|
-
|
4796
|
-
if (process.env.NODE_ENV === 'production') {
|
4797
|
-
reactIs$1.exports = reactIs_production_min;
|
4798
|
-
} else {
|
4799
|
-
reactIs$1.exports = reactIs_development;
|
4800
|
-
}
|
4801
|
-
|
4802
|
-
var reactIs = reactIs$1.exports;
|
4803
|
-
var FORWARD_REF_STATICS = {
|
4804
|
-
'$$typeof': true,
|
4805
|
-
render: true,
|
4806
|
-
defaultProps: true,
|
4807
|
-
displayName: true,
|
4808
|
-
propTypes: true
|
4809
|
-
};
|
4810
|
-
var MEMO_STATICS = {
|
4811
|
-
'$$typeof': true,
|
4812
|
-
compare: true,
|
4813
|
-
defaultProps: true,
|
4814
|
-
displayName: true,
|
4815
|
-
propTypes: true,
|
4816
|
-
type: true
|
4817
|
-
};
|
4818
|
-
var TYPE_STATICS = {};
|
4819
|
-
TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
|
4820
|
-
TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
|
4821
|
-
|
4822
|
-
var isBrowser$4 = typeof document !== 'undefined';
|
4823
|
-
function getRegisteredStyles(registered, registeredStyles, classNames) {
|
4824
|
-
var rawClassName = '';
|
4825
|
-
classNames.split(' ').forEach(function (className) {
|
4826
|
-
if (registered[className] !== undefined) {
|
4827
|
-
registeredStyles.push(registered[className] + ";");
|
4828
|
-
} else {
|
4829
|
-
rawClassName += className + " ";
|
4830
|
-
}
|
4831
|
-
});
|
4832
|
-
return rawClassName;
|
4833
|
-
}
|
4834
|
-
var registerStyles = function registerStyles(cache, serialized, isStringTag) {
|
4835
|
-
var className = cache.key + "-" + serialized.name;
|
4836
|
-
|
4837
|
-
if ( // we only need to add the styles to the registered cache if the
|
4838
|
-
// class name could be used further down
|
4839
|
-
// the tree but if it's a string tag, we know it won't
|
4840
|
-
// so we don't have to add it to registered cache.
|
4841
|
-
// this improves memory usage since we can avoid storing the whole style string
|
4842
|
-
(isStringTag === false || // we need to always store it if we're in compat mode and
|
4843
|
-
// in node since emotion-server relies on whether a style is in
|
4844
|
-
// the registered cache to know whether a style is global or not
|
4845
|
-
// also, note that this check will be dead code eliminated in the browser
|
4846
|
-
isBrowser$4 === false && cache.compat !== undefined) && cache.registered[className] === undefined) {
|
4847
|
-
cache.registered[className] = serialized.styles;
|
4848
|
-
}
|
4849
|
-
};
|
4850
|
-
var insertStyles = function insertStyles(cache, serialized, isStringTag) {
|
4851
|
-
registerStyles(cache, serialized, isStringTag);
|
4852
|
-
var className = cache.key + "-" + serialized.name;
|
4853
|
-
|
4854
|
-
if (cache.inserted[serialized.name] === undefined) {
|
4855
|
-
var stylesForSSR = '';
|
4856
|
-
var current = serialized;
|
4857
|
-
|
4858
|
-
do {
|
4859
|
-
var maybeStyles = cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);
|
4860
|
-
|
4861
|
-
if (!isBrowser$4 && maybeStyles !== undefined) {
|
4862
|
-
stylesForSSR += maybeStyles;
|
4863
|
-
}
|
4864
|
-
|
4865
|
-
current = current.next;
|
4866
|
-
} while (current !== undefined);
|
4867
|
-
|
4868
|
-
if (!isBrowser$4 && stylesForSSR.length !== 0) {
|
4869
|
-
return stylesForSSR;
|
4870
|
-
}
|
4871
|
-
}
|
4872
|
-
};
|
4873
|
-
|
4874
|
-
/* eslint-disable */
|
4875
|
-
// Inspired by https://github.com/garycourt/murmurhash-js
|
4876
|
-
// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
|
4877
|
-
function murmur2(str) {
|
4878
|
-
// 'm' and 'r' are mixing constants generated offline.
|
4879
|
-
// They're not really 'magic', they just happen to work well.
|
4880
|
-
// const m = 0x5bd1e995;
|
4881
|
-
// const r = 24;
|
4882
|
-
// Initialize the hash
|
4883
|
-
var h = 0; // Mix 4 bytes at a time into the hash
|
4884
|
-
|
4885
|
-
var k,
|
4886
|
-
i = 0,
|
4887
|
-
len = str.length;
|
4888
|
-
|
4889
|
-
for (; len >= 4; ++i, len -= 4) {
|
4890
|
-
k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
|
4891
|
-
k =
|
4892
|
-
/* Math.imul(k, m): */
|
4893
|
-
(k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);
|
4894
|
-
k ^=
|
4895
|
-
/* k >>> r: */
|
4896
|
-
k >>> 24;
|
4897
|
-
h =
|
4898
|
-
/* Math.imul(k, m): */
|
4899
|
-
(k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^
|
4900
|
-
/* Math.imul(h, m): */
|
4901
|
-
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
|
4902
|
-
} // Handle the last few bytes of the input array
|
4903
|
-
|
4904
|
-
|
4905
|
-
switch (len) {
|
4906
|
-
case 3:
|
4907
|
-
h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
|
4908
|
-
|
4909
|
-
case 2:
|
4910
|
-
h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
|
4911
|
-
|
4912
|
-
case 1:
|
4913
|
-
h ^= str.charCodeAt(i) & 0xff;
|
4914
|
-
h =
|
4915
|
-
/* Math.imul(h, m): */
|
4916
|
-
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
|
4917
|
-
} // Do a few final mixes of the hash to ensure the last few
|
4918
|
-
// bytes are well-incorporated.
|
4919
|
-
|
4920
|
-
|
4921
|
-
h ^= h >>> 13;
|
4922
|
-
h =
|
4923
|
-
/* Math.imul(h, m): */
|
4924
|
-
(h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
|
4925
|
-
return ((h ^ h >>> 15) >>> 0).toString(36);
|
4926
|
-
}
|
4927
|
-
|
4928
|
-
var unitlessKeys = {
|
4929
|
-
animationIterationCount: 1,
|
4930
|
-
aspectRatio: 1,
|
4931
|
-
borderImageOutset: 1,
|
4932
|
-
borderImageSlice: 1,
|
4933
|
-
borderImageWidth: 1,
|
4934
|
-
boxFlex: 1,
|
4935
|
-
boxFlexGroup: 1,
|
4936
|
-
boxOrdinalGroup: 1,
|
4937
|
-
columnCount: 1,
|
4938
|
-
columns: 1,
|
4939
|
-
flex: 1,
|
4940
|
-
flexGrow: 1,
|
4941
|
-
flexPositive: 1,
|
4942
|
-
flexShrink: 1,
|
4943
|
-
flexNegative: 1,
|
4944
|
-
flexOrder: 1,
|
4945
|
-
gridRow: 1,
|
4946
|
-
gridRowEnd: 1,
|
4947
|
-
gridRowSpan: 1,
|
4948
|
-
gridRowStart: 1,
|
4949
|
-
gridColumn: 1,
|
4950
|
-
gridColumnEnd: 1,
|
4951
|
-
gridColumnSpan: 1,
|
4952
|
-
gridColumnStart: 1,
|
4953
|
-
msGridRow: 1,
|
4954
|
-
msGridRowSpan: 1,
|
4955
|
-
msGridColumn: 1,
|
4956
|
-
msGridColumnSpan: 1,
|
4957
|
-
fontWeight: 1,
|
4958
|
-
lineHeight: 1,
|
4959
|
-
opacity: 1,
|
4960
|
-
order: 1,
|
4961
|
-
orphans: 1,
|
4962
|
-
tabSize: 1,
|
4963
|
-
widows: 1,
|
4964
|
-
zIndex: 1,
|
4965
|
-
zoom: 1,
|
4966
|
-
WebkitLineClamp: 1,
|
4967
|
-
// SVG-related properties
|
4968
|
-
fillOpacity: 1,
|
4969
|
-
floodOpacity: 1,
|
4970
|
-
stopOpacity: 1,
|
4971
|
-
strokeDasharray: 1,
|
4972
|
-
strokeDashoffset: 1,
|
4973
|
-
strokeMiterlimit: 1,
|
4974
|
-
strokeOpacity: 1,
|
4975
|
-
strokeWidth: 1
|
4976
|
-
};
|
4977
|
-
|
4978
|
-
var ILLEGAL_ESCAPE_SEQUENCE_ERROR$1 = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
|
4979
|
-
var UNDEFINED_AS_OBJECT_KEY_ERROR = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).";
|
4980
|
-
var hyphenateRegex = /[A-Z]|^ms/g;
|
4981
|
-
var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
|
4982
|
-
|
4983
|
-
var isCustomProperty = function isCustomProperty(property) {
|
4984
|
-
return property.charCodeAt(1) === 45;
|
4985
|
-
};
|
4986
|
-
|
4987
|
-
var isProcessableValue = function isProcessableValue(value) {
|
4988
|
-
return value != null && typeof value !== 'boolean';
|
4989
|
-
};
|
4990
|
-
|
4991
|
-
var processStyleName = /* #__PURE__ */memoize$1(function (styleName) {
|
4992
|
-
return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();
|
4993
|
-
});
|
3358
|
+
var processStyleName = /* #__PURE__ */memoize$1(function (styleName) {
|
3359
|
+
return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();
|
3360
|
+
});
|
4994
3361
|
|
4995
3362
|
var processStyleValue = function processStyleValue(key, value) {
|
4996
3363
|
switch (key) {
|
@@ -5286,582 +3653,14 @@ var serializeStyles = function serializeStyles(args, registered, mergedProps) {
|
|
5286
3653
|
};
|
5287
3654
|
};
|
5288
3655
|
|
5289
|
-
var isBrowser$
|
3656
|
+
var isBrowser$1 = typeof document !== 'undefined';
|
5290
3657
|
|
5291
3658
|
var syncFallback = function syncFallback(create) {
|
5292
3659
|
return create();
|
5293
3660
|
};
|
5294
3661
|
|
5295
3662
|
var useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : false;
|
5296
|
-
var useInsertionEffectAlwaysWithSyncFallback = !isBrowser$
|
5297
|
-
var useInsertionEffectWithLayoutFallback = useInsertionEffect || React.useLayoutEffect;
|
5298
|
-
|
5299
|
-
var isBrowser$2 = typeof document !== 'undefined';
|
5300
|
-
var hasOwnProperty = {}.hasOwnProperty;
|
5301
|
-
|
5302
|
-
var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
5303
|
-
// because this module is primarily intended for the browser and node
|
5304
|
-
// but it's also required in react native and similar environments sometimes
|
5305
|
-
// and we could have a special build just for that
|
5306
|
-
// but this is much easier and the native packages
|
5307
|
-
// might use a different theme context in the future anyway
|
5308
|
-
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({
|
5309
|
-
key: 'css'
|
5310
|
-
}) : null);
|
5311
|
-
|
5312
|
-
if (process.env.NODE_ENV !== 'production') {
|
5313
|
-
EmotionCacheContext.displayName = 'EmotionCacheContext';
|
5314
|
-
}
|
5315
|
-
|
5316
|
-
EmotionCacheContext.Provider;
|
5317
|
-
|
5318
|
-
var withEmotionCache = function withEmotionCache(func) {
|
5319
|
-
// $FlowFixMe
|
5320
|
-
return /*#__PURE__*/forwardRef(function (props, ref) {
|
5321
|
-
// the cache will never be null in the browser
|
5322
|
-
var cache = useContext(EmotionCacheContext);
|
5323
|
-
return func(props, cache, ref);
|
5324
|
-
});
|
5325
|
-
};
|
5326
|
-
|
5327
|
-
if (!isBrowser$2) {
|
5328
|
-
withEmotionCache = function withEmotionCache(func) {
|
5329
|
-
return function (props) {
|
5330
|
-
var cache = useContext(EmotionCacheContext);
|
5331
|
-
|
5332
|
-
if (cache === null) {
|
5333
|
-
// yes, we're potentially creating this on every render
|
5334
|
-
// it doesn't actually matter though since it's only on the server
|
5335
|
-
// so there will only every be a single render
|
5336
|
-
// that could change in the future because of suspense and etc. but for now,
|
5337
|
-
// this works and i don't want to optimise for a future thing that we aren't sure about
|
5338
|
-
cache = createCache({
|
5339
|
-
key: 'css'
|
5340
|
-
});
|
5341
|
-
return /*#__PURE__*/React.createElement(EmotionCacheContext.Provider, {
|
5342
|
-
value: cache
|
5343
|
-
}, func(props, cache));
|
5344
|
-
} else {
|
5345
|
-
return func(props, cache);
|
5346
|
-
}
|
5347
|
-
};
|
5348
|
-
};
|
5349
|
-
}
|
5350
|
-
|
5351
|
-
var ThemeContext = /* #__PURE__ */React.createContext({});
|
5352
|
-
|
5353
|
-
if (process.env.NODE_ENV !== 'production') {
|
5354
|
-
ThemeContext.displayName = 'EmotionThemeContext';
|
5355
|
-
}
|
5356
|
-
|
5357
|
-
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
5358
|
-
var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
|
5359
|
-
|
5360
|
-
var Insertion$2 = function Insertion(_ref) {
|
5361
|
-
var cache = _ref.cache,
|
5362
|
-
serialized = _ref.serialized,
|
5363
|
-
isStringTag = _ref.isStringTag;
|
5364
|
-
registerStyles(cache, serialized, isStringTag);
|
5365
|
-
var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
|
5366
|
-
return insertStyles(cache, serialized, isStringTag);
|
5367
|
-
});
|
5368
|
-
|
5369
|
-
if (!isBrowser$2 && rules !== undefined) {
|
5370
|
-
var _ref2;
|
5371
|
-
|
5372
|
-
var serializedNames = serialized.name;
|
5373
|
-
var next = serialized.next;
|
5374
|
-
|
5375
|
-
while (next !== undefined) {
|
5376
|
-
serializedNames += ' ' + next.name;
|
5377
|
-
next = next.next;
|
5378
|
-
}
|
5379
|
-
|
5380
|
-
return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
|
5381
|
-
__html: rules
|
5382
|
-
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
5383
|
-
}
|
5384
|
-
|
5385
|
-
return null;
|
5386
|
-
};
|
5387
|
-
|
5388
|
-
var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
|
5389
|
-
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
5390
|
-
// not passing the registered cache to serializeStyles because it would
|
5391
|
-
// make certain babel optimisations not possible
|
5392
|
-
|
5393
|
-
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
5394
|
-
cssProp = cache.registered[cssProp];
|
5395
|
-
}
|
5396
|
-
|
5397
|
-
var WrappedComponent = props[typePropName];
|
5398
|
-
var registeredStyles = [cssProp];
|
5399
|
-
var className = '';
|
5400
|
-
|
5401
|
-
if (typeof props.className === 'string') {
|
5402
|
-
className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
5403
|
-
} else if (props.className != null) {
|
5404
|
-
className = props.className + " ";
|
5405
|
-
}
|
5406
|
-
|
5407
|
-
var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
|
5408
|
-
|
5409
|
-
if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {
|
5410
|
-
var labelFromStack = props[labelPropName];
|
5411
|
-
|
5412
|
-
if (labelFromStack) {
|
5413
|
-
serialized = serializeStyles([serialized, 'label:' + labelFromStack + ';']);
|
5414
|
-
}
|
5415
|
-
}
|
5416
|
-
|
5417
|
-
className += cache.key + "-" + serialized.name;
|
5418
|
-
var newProps = {};
|
5419
|
-
|
5420
|
-
for (var key in props) {
|
5421
|
-
if (hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && (process.env.NODE_ENV === 'production' || key !== labelPropName)) {
|
5422
|
-
newProps[key] = props[key];
|
5423
|
-
}
|
5424
|
-
}
|
5425
|
-
|
5426
|
-
newProps.ref = ref;
|
5427
|
-
newProps.className = className;
|
5428
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion$2, {
|
5429
|
-
cache: cache,
|
5430
|
-
serialized: serialized,
|
5431
|
-
isStringTag: typeof WrappedComponent === 'string'
|
5432
|
-
}), /*#__PURE__*/React.createElement(WrappedComponent, newProps));
|
5433
|
-
});
|
5434
|
-
|
5435
|
-
if (process.env.NODE_ENV !== 'production') {
|
5436
|
-
Emotion.displayName = 'EmotionCssPropInternal';
|
5437
|
-
}
|
5438
|
-
|
5439
|
-
var pkg = {
|
5440
|
-
name: "@emotion/react",
|
5441
|
-
version: "11.11.1",
|
5442
|
-
main: "dist/emotion-react.cjs.js",
|
5443
|
-
module: "dist/emotion-react.esm.js",
|
5444
|
-
browser: {
|
5445
|
-
"./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"
|
5446
|
-
},
|
5447
|
-
exports: {
|
5448
|
-
".": {
|
5449
|
-
module: {
|
5450
|
-
worker: "./dist/emotion-react.worker.esm.js",
|
5451
|
-
browser: "./dist/emotion-react.browser.esm.js",
|
5452
|
-
"default": "./dist/emotion-react.esm.js"
|
5453
|
-
},
|
5454
|
-
"import": "./dist/emotion-react.cjs.mjs",
|
5455
|
-
"default": "./dist/emotion-react.cjs.js"
|
5456
|
-
},
|
5457
|
-
"./jsx-runtime": {
|
5458
|
-
module: {
|
5459
|
-
worker: "./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",
|
5460
|
-
browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
|
5461
|
-
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"
|
5462
|
-
},
|
5463
|
-
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
5464
|
-
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
5465
|
-
},
|
5466
|
-
"./_isolated-hnrs": {
|
5467
|
-
module: {
|
5468
|
-
worker: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",
|
5469
|
-
browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
|
5470
|
-
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"
|
5471
|
-
},
|
5472
|
-
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
5473
|
-
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
5474
|
-
},
|
5475
|
-
"./jsx-dev-runtime": {
|
5476
|
-
module: {
|
5477
|
-
worker: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",
|
5478
|
-
browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
|
5479
|
-
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"
|
5480
|
-
},
|
5481
|
-
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
5482
|
-
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
5483
|
-
},
|
5484
|
-
"./package.json": "./package.json",
|
5485
|
-
"./types/css-prop": "./types/css-prop.d.ts",
|
5486
|
-
"./macro": {
|
5487
|
-
types: {
|
5488
|
-
"import": "./macro.d.mts",
|
5489
|
-
"default": "./macro.d.ts"
|
5490
|
-
},
|
5491
|
-
"default": "./macro.js"
|
5492
|
-
}
|
5493
|
-
},
|
5494
|
-
types: "types/index.d.ts",
|
5495
|
-
files: [
|
5496
|
-
"src",
|
5497
|
-
"dist",
|
5498
|
-
"jsx-runtime",
|
5499
|
-
"jsx-dev-runtime",
|
5500
|
-
"_isolated-hnrs",
|
5501
|
-
"types/*.d.ts",
|
5502
|
-
"macro.*"
|
5503
|
-
],
|
5504
|
-
sideEffects: false,
|
5505
|
-
author: "Emotion Contributors",
|
5506
|
-
license: "MIT",
|
5507
|
-
scripts: {
|
5508
|
-
"test:typescript": "dtslint types"
|
5509
|
-
},
|
5510
|
-
dependencies: {
|
5511
|
-
"@babel/runtime": "^7.18.3",
|
5512
|
-
"@emotion/babel-plugin": "^11.11.0",
|
5513
|
-
"@emotion/cache": "^11.11.0",
|
5514
|
-
"@emotion/serialize": "^1.1.2",
|
5515
|
-
"@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
|
5516
|
-
"@emotion/utils": "^1.2.1",
|
5517
|
-
"@emotion/weak-memoize": "^0.3.1",
|
5518
|
-
"hoist-non-react-statics": "^3.3.1"
|
5519
|
-
},
|
5520
|
-
peerDependencies: {
|
5521
|
-
react: ">=16.8.0"
|
5522
|
-
},
|
5523
|
-
peerDependenciesMeta: {
|
5524
|
-
"@types/react": {
|
5525
|
-
optional: true
|
5526
|
-
}
|
5527
|
-
},
|
5528
|
-
devDependencies: {
|
5529
|
-
"@definitelytyped/dtslint": "0.0.112",
|
5530
|
-
"@emotion/css": "11.11.0",
|
5531
|
-
"@emotion/css-prettifier": "1.1.3",
|
5532
|
-
"@emotion/server": "11.11.0",
|
5533
|
-
"@emotion/styled": "11.11.0",
|
5534
|
-
"html-tag-names": "^1.1.2",
|
5535
|
-
react: "16.14.0",
|
5536
|
-
"svg-tag-names": "^1.1.1",
|
5537
|
-
typescript: "^4.5.5"
|
5538
|
-
},
|
5539
|
-
repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
|
5540
|
-
publishConfig: {
|
5541
|
-
access: "public"
|
5542
|
-
},
|
5543
|
-
"umd:main": "dist/emotion-react.umd.min.js",
|
5544
|
-
preconstruct: {
|
5545
|
-
entrypoints: [
|
5546
|
-
"./index.js",
|
5547
|
-
"./jsx-runtime.js",
|
5548
|
-
"./jsx-dev-runtime.js",
|
5549
|
-
"./_isolated-hnrs.js"
|
5550
|
-
],
|
5551
|
-
umdName: "emotionReact",
|
5552
|
-
exports: {
|
5553
|
-
envConditions: [
|
5554
|
-
"browser",
|
5555
|
-
"worker"
|
5556
|
-
],
|
5557
|
-
extra: {
|
5558
|
-
"./types/css-prop": "./types/css-prop.d.ts",
|
5559
|
-
"./macro": {
|
5560
|
-
types: {
|
5561
|
-
"import": "./macro.d.mts",
|
5562
|
-
"default": "./macro.d.ts"
|
5563
|
-
},
|
5564
|
-
"default": "./macro.js"
|
5565
|
-
}
|
5566
|
-
}
|
5567
|
-
}
|
5568
|
-
}
|
5569
|
-
};
|
5570
|
-
|
5571
|
-
var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.
|
5572
|
-
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
5573
|
-
// initial client-side render from SSR, use place of hydrating tag
|
5574
|
-
|
5575
|
-
var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
5576
|
-
if (process.env.NODE_ENV !== 'production' && !warnedAboutCssPropForGlobal && ( // check for className as well since the user is
|
5577
|
-
// probably using the custom createElement which
|
5578
|
-
// means it will be turned into a className prop
|
5579
|
-
// $FlowFixMe I don't really want to add it to the type since it shouldn't be used
|
5580
|
-
props.className || props.css)) {
|
5581
|
-
console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?");
|
5582
|
-
warnedAboutCssPropForGlobal = true;
|
5583
|
-
}
|
5584
|
-
|
5585
|
-
var styles = props.styles;
|
5586
|
-
var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));
|
5587
|
-
|
5588
|
-
if (!isBrowser$2) {
|
5589
|
-
var _ref;
|
5590
|
-
|
5591
|
-
var serializedNames = serialized.name;
|
5592
|
-
var serializedStyles = serialized.styles;
|
5593
|
-
var next = serialized.next;
|
5594
|
-
|
5595
|
-
while (next !== undefined) {
|
5596
|
-
serializedNames += ' ' + next.name;
|
5597
|
-
serializedStyles += next.styles;
|
5598
|
-
next = next.next;
|
5599
|
-
}
|
5600
|
-
|
5601
|
-
var shouldCache = cache.compat === true;
|
5602
|
-
var rules = cache.insert("", {
|
5603
|
-
name: serializedNames,
|
5604
|
-
styles: serializedStyles
|
5605
|
-
}, cache.sheet, shouldCache);
|
5606
|
-
|
5607
|
-
if (shouldCache) {
|
5608
|
-
return null;
|
5609
|
-
}
|
5610
|
-
|
5611
|
-
return /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
|
5612
|
-
__html: rules
|
5613
|
-
}, _ref.nonce = cache.sheet.nonce, _ref));
|
5614
|
-
} // yes, i know these hooks are used conditionally
|
5615
|
-
// but it is based on a constant that will never change at runtime
|
5616
|
-
// it's effectively like having two implementations and switching them out
|
5617
|
-
// so it's not actually breaking anything
|
5618
|
-
|
5619
|
-
|
5620
|
-
var sheetRef = React.useRef();
|
5621
|
-
useInsertionEffectWithLayoutFallback(function () {
|
5622
|
-
var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
|
5623
|
-
|
5624
|
-
var sheet = new cache.sheet.constructor({
|
5625
|
-
key: key,
|
5626
|
-
nonce: cache.sheet.nonce,
|
5627
|
-
container: cache.sheet.container,
|
5628
|
-
speedy: cache.sheet.isSpeedy
|
5629
|
-
});
|
5630
|
-
var rehydrating = false; // $FlowFixMe
|
5631
|
-
|
5632
|
-
var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");
|
5633
|
-
|
5634
|
-
if (cache.sheet.tags.length) {
|
5635
|
-
sheet.before = cache.sheet.tags[0];
|
5636
|
-
}
|
5637
|
-
|
5638
|
-
if (node !== null) {
|
5639
|
-
rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s
|
5640
|
-
|
5641
|
-
node.setAttribute('data-emotion', key);
|
5642
|
-
sheet.hydrate([node]);
|
5643
|
-
}
|
5644
|
-
|
5645
|
-
sheetRef.current = [sheet, rehydrating];
|
5646
|
-
return function () {
|
5647
|
-
sheet.flush();
|
5648
|
-
};
|
5649
|
-
}, [cache]);
|
5650
|
-
useInsertionEffectWithLayoutFallback(function () {
|
5651
|
-
var sheetRefCurrent = sheetRef.current;
|
5652
|
-
var sheet = sheetRefCurrent[0],
|
5653
|
-
rehydrating = sheetRefCurrent[1];
|
5654
|
-
|
5655
|
-
if (rehydrating) {
|
5656
|
-
sheetRefCurrent[1] = false;
|
5657
|
-
return;
|
5658
|
-
}
|
5659
|
-
|
5660
|
-
if (serialized.next !== undefined) {
|
5661
|
-
// insert keyframes
|
5662
|
-
insertStyles(cache, serialized.next, true);
|
5663
|
-
}
|
5664
|
-
|
5665
|
-
if (sheet.tags.length) {
|
5666
|
-
// if this doesn't exist then it will be null so the style element will be appended
|
5667
|
-
var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
|
5668
|
-
sheet.before = element;
|
5669
|
-
sheet.flush();
|
5670
|
-
}
|
5671
|
-
|
5672
|
-
cache.insert("", serialized, sheet, false);
|
5673
|
-
}, [cache, serialized.name]);
|
5674
|
-
return null;
|
5675
|
-
});
|
5676
|
-
|
5677
|
-
if (process.env.NODE_ENV !== 'production') {
|
5678
|
-
Global.displayName = 'EmotionGlobal';
|
5679
|
-
}
|
5680
|
-
|
5681
|
-
function css() {
|
5682
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
5683
|
-
args[_key] = arguments[_key];
|
5684
|
-
}
|
5685
|
-
|
5686
|
-
return serializeStyles(args);
|
5687
|
-
}
|
5688
|
-
|
5689
|
-
var keyframes = function keyframes() {
|
5690
|
-
var insertable = css.apply(void 0, arguments);
|
5691
|
-
var name = "animation-" + insertable.name; // $FlowFixMe
|
5692
|
-
|
5693
|
-
return {
|
5694
|
-
name: name,
|
5695
|
-
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
5696
|
-
anim: 1,
|
5697
|
-
toString: function toString() {
|
5698
|
-
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
5699
|
-
}
|
5700
|
-
};
|
5701
|
-
};
|
5702
|
-
|
5703
|
-
var classnames = function classnames(args) {
|
5704
|
-
var len = args.length;
|
5705
|
-
var i = 0;
|
5706
|
-
var cls = '';
|
5707
|
-
|
5708
|
-
for (; i < len; i++) {
|
5709
|
-
var arg = args[i];
|
5710
|
-
if (arg == null) continue;
|
5711
|
-
var toAdd = void 0;
|
5712
|
-
|
5713
|
-
switch (typeof arg) {
|
5714
|
-
case 'boolean':
|
5715
|
-
break;
|
5716
|
-
|
5717
|
-
case 'object':
|
5718
|
-
{
|
5719
|
-
if (Array.isArray(arg)) {
|
5720
|
-
toAdd = classnames(arg);
|
5721
|
-
} else {
|
5722
|
-
if (process.env.NODE_ENV !== 'production' && arg.styles !== undefined && arg.name !== undefined) {
|
5723
|
-
console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.');
|
5724
|
-
}
|
5725
|
-
|
5726
|
-
toAdd = '';
|
5727
|
-
|
5728
|
-
for (var k in arg) {
|
5729
|
-
if (arg[k] && k) {
|
5730
|
-
toAdd && (toAdd += ' ');
|
5731
|
-
toAdd += k;
|
5732
|
-
}
|
5733
|
-
}
|
5734
|
-
}
|
5735
|
-
|
5736
|
-
break;
|
5737
|
-
}
|
5738
|
-
|
5739
|
-
default:
|
5740
|
-
{
|
5741
|
-
toAdd = arg;
|
5742
|
-
}
|
5743
|
-
}
|
5744
|
-
|
5745
|
-
if (toAdd) {
|
5746
|
-
cls && (cls += ' ');
|
5747
|
-
cls += toAdd;
|
5748
|
-
}
|
5749
|
-
}
|
5750
|
-
|
5751
|
-
return cls;
|
5752
|
-
};
|
5753
|
-
|
5754
|
-
function merge$1(registered, css, className) {
|
5755
|
-
var registeredStyles = [];
|
5756
|
-
var rawClassName = getRegisteredStyles(registered, registeredStyles, className);
|
5757
|
-
|
5758
|
-
if (registeredStyles.length < 2) {
|
5759
|
-
return className;
|
5760
|
-
}
|
5761
|
-
|
5762
|
-
return rawClassName + css(registeredStyles);
|
5763
|
-
}
|
5764
|
-
|
5765
|
-
var Insertion$1 = function Insertion(_ref) {
|
5766
|
-
var cache = _ref.cache,
|
5767
|
-
serializedArr = _ref.serializedArr;
|
5768
|
-
var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
|
5769
|
-
var rules = '';
|
5770
|
-
|
5771
|
-
for (var i = 0; i < serializedArr.length; i++) {
|
5772
|
-
var res = insertStyles(cache, serializedArr[i], false);
|
5773
|
-
|
5774
|
-
if (!isBrowser$2 && res !== undefined) {
|
5775
|
-
rules += res;
|
5776
|
-
}
|
5777
|
-
}
|
5778
|
-
|
5779
|
-
if (!isBrowser$2) {
|
5780
|
-
return rules;
|
5781
|
-
}
|
5782
|
-
});
|
5783
|
-
|
5784
|
-
if (!isBrowser$2 && rules.length !== 0) {
|
5785
|
-
var _ref2;
|
5786
|
-
|
5787
|
-
return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function (serialized) {
|
5788
|
-
return serialized.name;
|
5789
|
-
}).join(' '), _ref2.dangerouslySetInnerHTML = {
|
5790
|
-
__html: rules
|
5791
|
-
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
5792
|
-
}
|
5793
|
-
|
5794
|
-
return null;
|
5795
|
-
};
|
5796
|
-
|
5797
|
-
var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
5798
|
-
var hasRendered = false;
|
5799
|
-
var serializedArr = [];
|
5800
|
-
|
5801
|
-
var css = function css() {
|
5802
|
-
if (hasRendered && process.env.NODE_ENV !== 'production') {
|
5803
|
-
throw new Error('css can only be used during render');
|
5804
|
-
}
|
5805
|
-
|
5806
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
5807
|
-
args[_key] = arguments[_key];
|
5808
|
-
}
|
5809
|
-
|
5810
|
-
var serialized = serializeStyles(args, cache.registered);
|
5811
|
-
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
5812
|
-
|
5813
|
-
registerStyles(cache, serialized, false);
|
5814
|
-
return cache.key + "-" + serialized.name;
|
5815
|
-
};
|
5816
|
-
|
5817
|
-
var cx = function cx() {
|
5818
|
-
if (hasRendered && process.env.NODE_ENV !== 'production') {
|
5819
|
-
throw new Error('cx can only be used during render');
|
5820
|
-
}
|
5821
|
-
|
5822
|
-
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
5823
|
-
args[_key2] = arguments[_key2];
|
5824
|
-
}
|
5825
|
-
|
5826
|
-
return merge$1(cache.registered, css, classnames(args));
|
5827
|
-
};
|
5828
|
-
|
5829
|
-
var content = {
|
5830
|
-
css: css,
|
5831
|
-
cx: cx,
|
5832
|
-
theme: React.useContext(ThemeContext)
|
5833
|
-
};
|
5834
|
-
var ele = props.children(content);
|
5835
|
-
hasRendered = true;
|
5836
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion$1, {
|
5837
|
-
cache: cache,
|
5838
|
-
serializedArr: serializedArr
|
5839
|
-
}), ele);
|
5840
|
-
});
|
5841
|
-
|
5842
|
-
if (process.env.NODE_ENV !== 'production') {
|
5843
|
-
ClassNames.displayName = 'EmotionClassNames';
|
5844
|
-
}
|
5845
|
-
|
5846
|
-
if (process.env.NODE_ENV !== 'production') {
|
5847
|
-
var isBrowser$1 = typeof document !== 'undefined'; // #1727, #2905 for some reason Jest and Vitest evaluate modules twice if some consuming module gets mocked
|
5848
|
-
|
5849
|
-
var isTestEnv = typeof jest !== 'undefined' || typeof vi !== 'undefined';
|
5850
|
-
|
5851
|
-
if (isBrowser$1 && !isTestEnv) {
|
5852
|
-
// globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later
|
5853
|
-
var globalContext = // $FlowIgnore
|
5854
|
-
typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef
|
5855
|
-
: isBrowser$1 ? window : global;
|
5856
|
-
var globalKey = "__EMOTION_REACT_" + pkg.version.split('.')[0] + "__";
|
5857
|
-
|
5858
|
-
if (globalContext[globalKey]) {
|
5859
|
-
console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');
|
5860
|
-
}
|
5861
|
-
|
5862
|
-
globalContext[globalKey] = true;
|
5863
|
-
}
|
5864
|
-
}
|
3663
|
+
var useInsertionEffectAlwaysWithSyncFallback = !isBrowser$1 ? syncFallback : useInsertionEffect || syncFallback;
|
5865
3664
|
|
5866
3665
|
var testOmitPropsOnStringTag = isPropValid;
|
5867
3666
|
|
@@ -6117,7 +3916,7 @@ function _objectWithoutPropertiesLoose$2(source, excluded) {
|
|
6117
3916
|
return target;
|
6118
3917
|
}
|
6119
3918
|
|
6120
|
-
const _excluded$
|
3919
|
+
const _excluded$r = ["values", "unit", "step"];
|
6121
3920
|
const sortBreakpointsValues = values => {
|
6122
3921
|
const breakpointsAsArray = Object.keys(values).map(key => ({
|
6123
3922
|
key,
|
@@ -6152,7 +3951,7 @@ function createBreakpoints(breakpoints) {
|
|
6152
3951
|
unit = 'px',
|
6153
3952
|
step = 5
|
6154
3953
|
} = breakpoints,
|
6155
|
-
other = _objectWithoutPropertiesLoose$2(breakpoints, _excluded$
|
3954
|
+
other = _objectWithoutPropertiesLoose$2(breakpoints, _excluded$r);
|
6156
3955
|
const sortedValues = sortBreakpointsValues(values);
|
6157
3956
|
const keys = Object.keys(sortedValues);
|
6158
3957
|
function up(key) {
|
@@ -7248,7 +5047,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
|
|
7248
5047
|
styleFunctionSx.filterProps = ['sx'];
|
7249
5048
|
var styleFunctionSx$1 = styleFunctionSx;
|
7250
5049
|
|
7251
|
-
const _excluded$
|
5050
|
+
const _excluded$q = ["breakpoints", "palette", "spacing", "shape"];
|
7252
5051
|
function createTheme$1(options = {}, ...args) {
|
7253
5052
|
const {
|
7254
5053
|
breakpoints: breakpointsInput = {},
|
@@ -7256,7 +5055,7 @@ function createTheme$1(options = {}, ...args) {
|
|
7256
5055
|
spacing: spacingInput,
|
7257
5056
|
shape: shapeInput = {}
|
7258
5057
|
} = options,
|
7259
|
-
other = _objectWithoutPropertiesLoose$2(options, _excluded$
|
5058
|
+
other = _objectWithoutPropertiesLoose$2(options, _excluded$q);
|
7260
5059
|
const breakpoints = createBreakpoints(breakpointsInput);
|
7261
5060
|
const spacing = createSpacing(spacingInput);
|
7262
5061
|
let muiTheme = deepmerge({
|
@@ -7294,7 +5093,7 @@ function useTheme$1(defaultTheme = systemDefaultTheme$1) {
|
|
7294
5093
|
return useTheme$2(defaultTheme);
|
7295
5094
|
}
|
7296
5095
|
|
7297
|
-
const _excluded$
|
5096
|
+
const _excluded$p = ["sx"];
|
7298
5097
|
const splitProps = props => {
|
7299
5098
|
var _props$theme$unstable, _props$theme;
|
7300
5099
|
const result = {
|
@@ -7315,7 +5114,7 @@ function extendSxProp(props) {
|
|
7315
5114
|
const {
|
7316
5115
|
sx: inSx
|
7317
5116
|
} = props,
|
7318
|
-
other = _objectWithoutPropertiesLoose$2(props, _excluded$
|
5117
|
+
other = _objectWithoutPropertiesLoose$2(props, _excluded$p);
|
7319
5118
|
const {
|
7320
5119
|
systemProps,
|
7321
5120
|
otherProps
|
@@ -7341,7 +5140,7 @@ function extendSxProp(props) {
|
|
7341
5140
|
|
7342
5141
|
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))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
7343
5142
|
|
7344
|
-
const _excluded$
|
5143
|
+
const _excluded$o = ["className", "component"];
|
7345
5144
|
function createBox(options = {}) {
|
7346
5145
|
const {
|
7347
5146
|
themeId,
|
@@ -7359,7 +5158,7 @@ function createBox(options = {}) {
|
|
7359
5158
|
className,
|
7360
5159
|
component = 'div'
|
7361
5160
|
} = _extendSxProp,
|
7362
|
-
other = _objectWithoutPropertiesLoose$2(_extendSxProp, _excluded$
|
5161
|
+
other = _objectWithoutPropertiesLoose$2(_extendSxProp, _excluded$o);
|
7363
5162
|
return /*#__PURE__*/jsx(BoxRoot, _extends$1({
|
7364
5163
|
as: component,
|
7365
5164
|
ref: ref,
|
@@ -7370,7 +5169,7 @@ function createBox(options = {}) {
|
|
7370
5169
|
return Box;
|
7371
5170
|
}
|
7372
5171
|
|
7373
|
-
const _excluded$
|
5172
|
+
const _excluded$n = ["variant"];
|
7374
5173
|
function isEmpty$1(string) {
|
7375
5174
|
return string.length === 0;
|
7376
5175
|
}
|
@@ -7384,7 +5183,7 @@ function propsToClassKey(props) {
|
|
7384
5183
|
const {
|
7385
5184
|
variant
|
7386
5185
|
} = props,
|
7387
|
-
other = _objectWithoutPropertiesLoose$2(props, _excluded$
|
5186
|
+
other = _objectWithoutPropertiesLoose$2(props, _excluded$n);
|
7388
5187
|
let classKey = variant || '';
|
7389
5188
|
Object.keys(other).sort().forEach(key => {
|
7390
5189
|
if (key === 'color') {
|
@@ -7396,7 +5195,7 @@ function propsToClassKey(props) {
|
|
7396
5195
|
return classKey;
|
7397
5196
|
}
|
7398
5197
|
|
7399
|
-
const _excluded$
|
5198
|
+
const _excluded$m = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
|
7400
5199
|
function isEmpty(obj) {
|
7401
5200
|
return Object.keys(obj).length === 0;
|
7402
5201
|
}
|
@@ -7533,7 +5332,7 @@ function createStyled(input = {}) {
|
|
7533
5332
|
// For more details: https://github.com/mui/material-ui/pull/37908
|
7534
5333
|
overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot))
|
7535
5334
|
} = inputOptions,
|
7536
|
-
options = _objectWithoutPropertiesLoose$2(inputOptions, _excluded$
|
5335
|
+
options = _objectWithoutPropertiesLoose$2(inputOptions, _excluded$m);
|
7537
5336
|
|
7538
5337
|
// if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
|
7539
5338
|
const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :
|
@@ -7954,7 +5753,7 @@ function lighten(color, coefficient) {
|
|
7954
5753
|
return recomposeColor(color);
|
7955
5754
|
}
|
7956
5755
|
|
7957
|
-
const _excluded$
|
5756
|
+
const _excluded$l = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
|
7958
5757
|
const defaultTheme$3 = createTheme$1();
|
7959
5758
|
// widening Theme to any so that the consumer can own the theme structure.
|
7960
5759
|
const defaultCreateStyledComponent = systemStyled('div', {
|
@@ -8087,7 +5886,7 @@ function createStack(options = {}) {
|
|
8087
5886
|
className,
|
8088
5887
|
useFlexGap = false
|
8089
5888
|
} = props,
|
8090
|
-
other = _objectWithoutPropertiesLoose$2(props, _excluded$
|
5889
|
+
other = _objectWithoutPropertiesLoose$2(props, _excluded$l);
|
8091
5890
|
const ownerState = {
|
8092
5891
|
direction,
|
8093
5892
|
spacing,
|
@@ -8261,7 +6060,7 @@ const green = {
|
|
8261
6060
|
};
|
8262
6061
|
var green$1 = green;
|
8263
6062
|
|
8264
|
-
const _excluded$
|
6063
|
+
const _excluded$k = ["mode", "contrastThreshold", "tonalOffset"];
|
8265
6064
|
const light = {
|
8266
6065
|
// The colors used to style the text.
|
8267
6066
|
text: {
|
@@ -8430,7 +6229,7 @@ function createPalette(palette) {
|
|
8430
6229
|
contrastThreshold = 3,
|
8431
6230
|
tonalOffset = 0.2
|
8432
6231
|
} = palette,
|
8433
|
-
other = _objectWithoutPropertiesLoose$3(palette, _excluded$
|
6232
|
+
other = _objectWithoutPropertiesLoose$3(palette, _excluded$k);
|
8434
6233
|
const primary = palette.primary || getDefaultPrimary(mode);
|
8435
6234
|
const secondary = palette.secondary || getDefaultSecondary(mode);
|
8436
6235
|
const error = palette.error || getDefaultError(mode);
|
@@ -8554,7 +6353,7 @@ const theme2 = createTheme({ palette: {
|
|
8554
6353
|
return paletteOutput;
|
8555
6354
|
}
|
8556
6355
|
|
8557
|
-
const _excluded$
|
6356
|
+
const _excluded$j = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
|
8558
6357
|
function round(value) {
|
8559
6358
|
return Math.round(value * 1e5) / 1e5;
|
8560
6359
|
}
|
@@ -8585,7 +6384,7 @@ function createTypography(palette, typography) {
|
|
8585
6384
|
allVariants,
|
8586
6385
|
pxToRem: pxToRem2
|
8587
6386
|
} = _ref,
|
8588
|
-
other = _objectWithoutPropertiesLoose$3(_ref, _excluded$
|
6387
|
+
other = _objectWithoutPropertiesLoose$3(_ref, _excluded$j);
|
8589
6388
|
if (process.env.NODE_ENV !== 'production') {
|
8590
6389
|
if (typeof fontSize !== 'number') {
|
8591
6390
|
console.error('MUI: `fontSize` is required to be a number.');
|
@@ -8653,7 +6452,7 @@ function createShadow(...px) {
|
|
8653
6452
|
const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
|
8654
6453
|
var shadows$1 = shadows;
|
8655
6454
|
|
8656
|
-
const _excluded$
|
6455
|
+
const _excluded$i = ["duration", "easing", "delay"];
|
8657
6456
|
// Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
|
8658
6457
|
// to learn the context in which each easing should be used.
|
8659
6458
|
const easing = {
|
@@ -8704,7 +6503,7 @@ function createTransitions(inputTransitions) {
|
|
8704
6503
|
easing: easingOption = mergedEasing.easeInOut,
|
8705
6504
|
delay = 0
|
8706
6505
|
} = options,
|
8707
|
-
other = _objectWithoutPropertiesLoose$3(options, _excluded$
|
6506
|
+
other = _objectWithoutPropertiesLoose$3(options, _excluded$i);
|
8708
6507
|
if (process.env.NODE_ENV !== 'production') {
|
8709
6508
|
const isString = value => typeof value === 'string';
|
8710
6509
|
// IE11 support, replace with Number.isNaN
|
@@ -8754,7 +6553,7 @@ const zIndex = {
|
|
8754
6553
|
};
|
8755
6554
|
var zIndex$1 = zIndex;
|
8756
6555
|
|
8757
|
-
const _excluded$
|
6556
|
+
const _excluded$h = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
|
8758
6557
|
function createTheme(options = {}, ...args) {
|
8759
6558
|
const {
|
8760
6559
|
mixins: mixinsInput = {},
|
@@ -8762,7 +6561,7 @@ function createTheme(options = {}, ...args) {
|
|
8762
6561
|
transitions: transitionsInput = {},
|
8763
6562
|
typography: typographyInput = {}
|
8764
6563
|
} = options,
|
8765
|
-
other = _objectWithoutPropertiesLoose$3(options, _excluded$
|
6564
|
+
other = _objectWithoutPropertiesLoose$3(options, _excluded$h);
|
8766
6565
|
if (options.vars) {
|
8767
6566
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
|
8768
6567
|
Please use another name.` : formatMuiErrorMessage(18));
|
@@ -8869,8 +6668,8 @@ function getSvgIconUtilityClass(slot) {
|
|
8869
6668
|
}
|
8870
6669
|
generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
|
8871
6670
|
|
8872
|
-
const _excluded$
|
8873
|
-
const useUtilityClasses$
|
6671
|
+
const _excluded$g = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
|
6672
|
+
const useUtilityClasses$c = ownerState => {
|
8874
6673
|
const {
|
8875
6674
|
color,
|
8876
6675
|
fontSize,
|
@@ -8937,7 +6736,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
8937
6736
|
titleAccess,
|
8938
6737
|
viewBox = '0 0 24 24'
|
8939
6738
|
} = props,
|
8940
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
6739
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$g);
|
8941
6740
|
const hasSvgAsChild = /*#__PURE__*/React.isValidElement(children) && children.type === 'svg';
|
8942
6741
|
const ownerState = _extends$3({}, props, {
|
8943
6742
|
color,
|
@@ -8952,7 +6751,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
|
|
8952
6751
|
if (!inheritViewBox) {
|
8953
6752
|
more.viewBox = viewBox;
|
8954
6753
|
}
|
8955
|
-
const classes = useUtilityClasses$
|
6754
|
+
const classes = useUtilityClasses$c(ownerState);
|
8956
6755
|
return /*#__PURE__*/jsxs(SvgIconRoot, _extends$3({
|
8957
6756
|
as: component,
|
8958
6757
|
className: clsx(classes.root, className),
|
@@ -9077,6 +6876,14 @@ var InfoRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
|
9077
6876
|
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1-8h-2V7h2v2z"
|
9078
6877
|
}), 'InfoRounded');
|
9079
6878
|
|
6879
|
+
var KeyboardArrowDown = createSvgIcon( /*#__PURE__*/jsx("path", {
|
6880
|
+
d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"
|
6881
|
+
}), 'KeyboardArrowDown');
|
6882
|
+
|
6883
|
+
var KeyboardArrowUp = createSvgIcon( /*#__PURE__*/jsx("path", {
|
6884
|
+
d: "M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"
|
6885
|
+
}), 'KeyboardArrowUp');
|
6886
|
+
|
9080
6887
|
var WarningRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
9081
6888
|
d: "M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"
|
9082
6889
|
}), 'WarningRounded');
|
@@ -10963,8 +8770,8 @@ function getPaperUtilityClass(slot) {
|
|
10963
8770
|
}
|
10964
8771
|
generateUtilityClasses('MuiPaper', ['root', 'rounded', 'outlined', 'elevation', 'elevation0', 'elevation1', 'elevation2', 'elevation3', 'elevation4', 'elevation5', 'elevation6', 'elevation7', 'elevation8', 'elevation9', 'elevation10', 'elevation11', 'elevation12', 'elevation13', 'elevation14', 'elevation15', 'elevation16', 'elevation17', 'elevation18', 'elevation19', 'elevation20', 'elevation21', 'elevation22', 'elevation23', 'elevation24']);
|
10965
8772
|
|
10966
|
-
const _excluded$
|
10967
|
-
const useUtilityClasses$
|
8773
|
+
const _excluded$f = ["className", "component", "elevation", "square", "variant"];
|
8774
|
+
const useUtilityClasses$b = ownerState => {
|
10968
8775
|
const {
|
10969
8776
|
square,
|
10970
8777
|
elevation,
|
@@ -11018,14 +8825,14 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
|
|
11018
8825
|
square = false,
|
11019
8826
|
variant = 'elevation'
|
11020
8827
|
} = props,
|
11021
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
8828
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$f);
|
11022
8829
|
const ownerState = _extends$3({}, props, {
|
11023
8830
|
component,
|
11024
8831
|
elevation,
|
11025
8832
|
square,
|
11026
8833
|
variant
|
11027
8834
|
});
|
11028
|
-
const classes = useUtilityClasses$
|
8835
|
+
const classes = useUtilityClasses$b(ownerState);
|
11029
8836
|
if (process.env.NODE_ENV !== 'production') {
|
11030
8837
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
11031
8838
|
const theme = useTheme();
|
@@ -11176,15 +8983,15 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
|
|
11176
8983
|
const touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
|
11177
8984
|
var touchRippleClasses$1 = touchRippleClasses;
|
11178
8985
|
|
11179
|
-
const _excluded$
|
11180
|
-
let _ = t => t,
|
11181
|
-
_t,
|
11182
|
-
_t2,
|
11183
|
-
_t3,
|
11184
|
-
_t4;
|
8986
|
+
const _excluded$e = ["center", "classes", "className"];
|
8987
|
+
let _$1 = t => t,
|
8988
|
+
_t$1,
|
8989
|
+
_t2$1,
|
8990
|
+
_t3$1,
|
8991
|
+
_t4$1;
|
11185
8992
|
const DURATION = 550;
|
11186
8993
|
const DELAY_RIPPLE = 80;
|
11187
|
-
const enterKeyframe = keyframes(_t || (_t = _`
|
8994
|
+
const enterKeyframe = keyframes(_t$1 || (_t$1 = _$1`
|
11188
8995
|
0% {
|
11189
8996
|
transform: scale(0);
|
11190
8997
|
opacity: 0.1;
|
@@ -11195,7 +9002,7 @@ const enterKeyframe = keyframes(_t || (_t = _`
|
|
11195
9002
|
opacity: 0.3;
|
11196
9003
|
}
|
11197
9004
|
`));
|
11198
|
-
const exitKeyframe = keyframes(_t2 || (_t2 = _`
|
9005
|
+
const exitKeyframe = keyframes(_t2$1 || (_t2$1 = _$1`
|
11199
9006
|
0% {
|
11200
9007
|
opacity: 1;
|
11201
9008
|
}
|
@@ -11204,7 +9011,7 @@ const exitKeyframe = keyframes(_t2 || (_t2 = _`
|
|
11204
9011
|
opacity: 0;
|
11205
9012
|
}
|
11206
9013
|
`));
|
11207
|
-
const pulsateKeyframe = keyframes(_t3 || (_t3 = _`
|
9014
|
+
const pulsateKeyframe = keyframes(_t3$1 || (_t3$1 = _$1`
|
11208
9015
|
0% {
|
11209
9016
|
transform: scale(1);
|
11210
9017
|
}
|
@@ -11237,7 +9044,7 @@ const TouchRippleRoot = styled$1('span', {
|
|
11237
9044
|
const TouchRippleRipple = styled$1(Ripple, {
|
11238
9045
|
name: 'MuiTouchRipple',
|
11239
9046
|
slot: 'Ripple'
|
11240
|
-
})(_t4 || (_t4 = _`
|
9047
|
+
})(_t4$1 || (_t4$1 = _$1`
|
11241
9048
|
opacity: 0;
|
11242
9049
|
position: absolute;
|
11243
9050
|
|
@@ -11305,7 +9112,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
|
|
11305
9112
|
classes = {},
|
11306
9113
|
className
|
11307
9114
|
} = props,
|
11308
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
9115
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$e);
|
11309
9116
|
const [ripples, setRipples] = React.useState([]);
|
11310
9117
|
const nextKey = React.useRef(0);
|
11311
9118
|
const rippleCallback = React.useRef(null);
|
@@ -11508,8 +9315,8 @@ function getButtonBaseUtilityClass(slot) {
|
|
11508
9315
|
const buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
|
11509
9316
|
var buttonBaseClasses$1 = buttonBaseClasses;
|
11510
9317
|
|
11511
|
-
const _excluded$
|
11512
|
-
const useUtilityClasses$
|
9318
|
+
const _excluded$d = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
|
9319
|
+
const useUtilityClasses$a = ownerState => {
|
11513
9320
|
const {
|
11514
9321
|
disabled,
|
11515
9322
|
focusVisible,
|
@@ -11610,7 +9417,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
11610
9417
|
touchRippleRef,
|
11611
9418
|
type
|
11612
9419
|
} = props,
|
11613
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
9420
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$d);
|
11614
9421
|
const buttonRef = React.useRef(null);
|
11615
9422
|
const rippleRef = React.useRef(null);
|
11616
9423
|
const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
|
@@ -11777,7 +9584,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
11777
9584
|
tabIndex,
|
11778
9585
|
focusVisible
|
11779
9586
|
});
|
11780
|
-
const classes = useUtilityClasses$
|
9587
|
+
const classes = useUtilityClasses$a(ownerState);
|
11781
9588
|
return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends$3({
|
11782
9589
|
as: ComponentProp,
|
11783
9590
|
className: clsx(classes.root, className),
|
@@ -11974,8 +9781,8 @@ function getIconButtonUtilityClass(slot) {
|
|
11974
9781
|
const iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
|
11975
9782
|
var iconButtonClasses$1 = iconButtonClasses;
|
11976
9783
|
|
11977
|
-
const _excluded$
|
11978
|
-
const useUtilityClasses$
|
9784
|
+
const _excluded$c = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
|
9785
|
+
const useUtilityClasses$9 = ownerState => {
|
11979
9786
|
const {
|
11980
9787
|
classes,
|
11981
9788
|
disabled,
|
@@ -12075,7 +9882,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
12075
9882
|
disableFocusRipple = false,
|
12076
9883
|
size = 'medium'
|
12077
9884
|
} = props,
|
12078
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
9885
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$c);
|
12079
9886
|
const ownerState = _extends$3({}, props, {
|
12080
9887
|
edge,
|
12081
9888
|
color,
|
@@ -12083,7 +9890,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
|
|
12083
9890
|
disableFocusRipple,
|
12084
9891
|
size
|
12085
9892
|
});
|
12086
|
-
const classes = useUtilityClasses$
|
9893
|
+
const classes = useUtilityClasses$9(ownerState);
|
12087
9894
|
return /*#__PURE__*/jsx(IconButtonRoot, _extends$3({
|
12088
9895
|
className: clsx(classes.root, className),
|
12089
9896
|
centerRipple: true,
|
@@ -12169,8 +9976,8 @@ function getTypographyUtilityClass(slot) {
|
|
12169
9976
|
}
|
12170
9977
|
generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
|
12171
9978
|
|
12172
|
-
const _excluded$
|
12173
|
-
const useUtilityClasses$
|
9979
|
+
const _excluded$b = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
|
9980
|
+
const useUtilityClasses$8 = ownerState => {
|
12174
9981
|
const {
|
12175
9982
|
align,
|
12176
9983
|
gutterBottom,
|
@@ -12256,7 +10063,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
12256
10063
|
variant = 'body1',
|
12257
10064
|
variantMapping = defaultVariantMapping
|
12258
10065
|
} = props,
|
12259
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
10066
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$b);
|
12260
10067
|
const ownerState = _extends$3({}, props, {
|
12261
10068
|
align,
|
12262
10069
|
color,
|
@@ -12269,7 +10076,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
|
|
12269
10076
|
variantMapping
|
12270
10077
|
});
|
12271
10078
|
const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
|
12272
|
-
const classes = useUtilityClasses$
|
10079
|
+
const classes = useUtilityClasses$8(ownerState);
|
12273
10080
|
return /*#__PURE__*/jsx(TypographyRoot, _extends$3({
|
12274
10081
|
as: Component,
|
12275
10082
|
ref: ref,
|
@@ -12359,8 +10166,8 @@ function getAppBarUtilityClass(slot) {
|
|
12359
10166
|
}
|
12360
10167
|
generateUtilityClasses('MuiAppBar', ['root', 'positionFixed', 'positionAbsolute', 'positionSticky', 'positionStatic', 'positionRelative', 'colorDefault', 'colorPrimary', 'colorSecondary', 'colorInherit', 'colorTransparent', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning']);
|
12361
10168
|
|
12362
|
-
const _excluded$
|
12363
|
-
const useUtilityClasses$
|
10169
|
+
const _excluded$a = ["className", "color", "enableColorOnDark", "position"];
|
10170
|
+
const useUtilityClasses$7 = ownerState => {
|
12364
10171
|
const {
|
12365
10172
|
color,
|
12366
10173
|
position,
|
@@ -12465,13 +10272,13 @@ const AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
|
|
12465
10272
|
enableColorOnDark = false,
|
12466
10273
|
position = 'fixed'
|
12467
10274
|
} = props,
|
12468
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
10275
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$a);
|
12469
10276
|
const ownerState = _extends$3({}, props, {
|
12470
10277
|
color,
|
12471
10278
|
position,
|
12472
10279
|
enableColorOnDark
|
12473
10280
|
});
|
12474
|
-
const classes = useUtilityClasses$
|
10281
|
+
const classes = useUtilityClasses$7(ownerState);
|
12475
10282
|
return /*#__PURE__*/jsx(AppBarRoot, _extends$3({
|
12476
10283
|
square: true,
|
12477
10284
|
component: "header",
|
@@ -12694,7 +10501,7 @@ function mergeSlotProps(parameters) {
|
|
12694
10501
|
};
|
12695
10502
|
}
|
12696
10503
|
|
12697
|
-
const _excluded$
|
10504
|
+
const _excluded$9 = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
|
12698
10505
|
/**
|
12699
10506
|
* @ignore - do not document.
|
12700
10507
|
* Builds the props to be passed into the slot of an unstyled component.
|
@@ -12711,7 +10518,7 @@ function useSlotProps(parameters) {
|
|
12711
10518
|
ownerState,
|
12712
10519
|
skipResolvingSlotProps = false
|
12713
10520
|
} = parameters,
|
12714
|
-
rest = _objectWithoutPropertiesLoose(parameters, _excluded$
|
10521
|
+
rest = _objectWithoutPropertiesLoose(parameters, _excluded$9);
|
12715
10522
|
const resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps(externalSlotProps, ownerState);
|
12716
10523
|
const {
|
12717
10524
|
props: mergedProps,
|
@@ -13539,7 +11346,7 @@ function useModal(parameters) {
|
|
13539
11346
|
};
|
13540
11347
|
}
|
13541
11348
|
|
13542
|
-
const _excluded$
|
11349
|
+
const _excluded$8 = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
13543
11350
|
const styles = {
|
13544
11351
|
entering: {
|
13545
11352
|
opacity: 1
|
@@ -13576,7 +11383,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
|
|
13576
11383
|
// eslint-disable-next-line react/prop-types
|
13577
11384
|
TransitionComponent = Transition$1
|
13578
11385
|
} = props,
|
13579
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
11386
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$8);
|
13580
11387
|
const nodeRef = React.useRef(null);
|
13581
11388
|
const handleRef = useForkRef(nodeRef, children.ref, ref);
|
13582
11389
|
const normalizedTransitionCallback = callback => maybeIsAppearing => {
|
@@ -13737,8 +11544,8 @@ function getBackdropUtilityClass(slot) {
|
|
13737
11544
|
}
|
13738
11545
|
generateUtilityClasses('MuiBackdrop', ['root', 'invisible']);
|
13739
11546
|
|
13740
|
-
const _excluded$
|
13741
|
-
const useUtilityClasses$
|
11547
|
+
const _excluded$7 = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
|
11548
|
+
const useUtilityClasses$6 = ownerState => {
|
13742
11549
|
const {
|
13743
11550
|
classes,
|
13744
11551
|
invisible
|
@@ -13792,30 +11599,445 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
|
|
13792
11599
|
TransitionComponent = Fade$1,
|
13793
11600
|
transitionDuration
|
13794
11601
|
} = props,
|
13795
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
11602
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$7);
|
13796
11603
|
const ownerState = _extends$3({}, props, {
|
13797
11604
|
component,
|
13798
11605
|
invisible
|
13799
11606
|
});
|
13800
|
-
const classes = useUtilityClasses$
|
11607
|
+
const classes = useUtilityClasses$6(ownerState);
|
13801
11608
|
const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
|
13802
11609
|
return /*#__PURE__*/jsx(TransitionComponent, _extends$3({
|
13803
11610
|
in: open,
|
13804
11611
|
timeout: transitionDuration
|
13805
11612
|
}, other, {
|
13806
|
-
children: /*#__PURE__*/jsx(BackdropRoot, _extends$3({
|
13807
|
-
"aria-hidden": true
|
13808
|
-
}, rootSlotProps, {
|
13809
|
-
as: (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : component,
|
13810
|
-
className: clsx(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className),
|
13811
|
-
ownerState: _extends$3({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
|
13812
|
-
classes: classes,
|
13813
|
-
ref: ref,
|
13814
|
-
children: children
|
13815
|
-
}))
|
11613
|
+
children: /*#__PURE__*/jsx(BackdropRoot, _extends$3({
|
11614
|
+
"aria-hidden": true
|
11615
|
+
}, rootSlotProps, {
|
11616
|
+
as: (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : component,
|
11617
|
+
className: clsx(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className),
|
11618
|
+
ownerState: _extends$3({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
|
11619
|
+
classes: classes,
|
11620
|
+
ref: ref,
|
11621
|
+
children: children
|
11622
|
+
}))
|
11623
|
+
}));
|
11624
|
+
});
|
11625
|
+
process.env.NODE_ENV !== "production" ? Backdrop.propTypes /* remove-proptypes */ = {
|
11626
|
+
// ----------------------------- Warning --------------------------------
|
11627
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
11628
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
11629
|
+
// ----------------------------------------------------------------------
|
11630
|
+
/**
|
11631
|
+
* The content of the component.
|
11632
|
+
*/
|
11633
|
+
children: PropTypes.node,
|
11634
|
+
/**
|
11635
|
+
* Override or extend the styles applied to the component.
|
11636
|
+
*/
|
11637
|
+
classes: PropTypes.object,
|
11638
|
+
/**
|
11639
|
+
* @ignore
|
11640
|
+
*/
|
11641
|
+
className: PropTypes.string,
|
11642
|
+
/**
|
11643
|
+
* The component used for the root node.
|
11644
|
+
* Either a string to use a HTML element or a component.
|
11645
|
+
*/
|
11646
|
+
component: PropTypes.elementType,
|
11647
|
+
/**
|
11648
|
+
* The components used for each slot inside.
|
11649
|
+
*
|
11650
|
+
* This prop is an alias for the `slots` prop.
|
11651
|
+
* It's recommended to use the `slots` prop instead.
|
11652
|
+
*
|
11653
|
+
* @default {}
|
11654
|
+
*/
|
11655
|
+
components: PropTypes.shape({
|
11656
|
+
Root: PropTypes.elementType
|
11657
|
+
}),
|
11658
|
+
/**
|
11659
|
+
* The extra props for the slot components.
|
11660
|
+
* You can override the existing props or add new ones.
|
11661
|
+
*
|
11662
|
+
* This prop is an alias for the `slotProps` prop.
|
11663
|
+
* It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
|
11664
|
+
*
|
11665
|
+
* @default {}
|
11666
|
+
*/
|
11667
|
+
componentsProps: PropTypes.shape({
|
11668
|
+
root: PropTypes.object
|
11669
|
+
}),
|
11670
|
+
/**
|
11671
|
+
* If `true`, the backdrop is invisible.
|
11672
|
+
* It can be used when rendering a popover or a custom select component.
|
11673
|
+
* @default false
|
11674
|
+
*/
|
11675
|
+
invisible: PropTypes.bool,
|
11676
|
+
/**
|
11677
|
+
* If `true`, the component is shown.
|
11678
|
+
*/
|
11679
|
+
open: PropTypes.bool.isRequired,
|
11680
|
+
/**
|
11681
|
+
* The extra props for the slot components.
|
11682
|
+
* You can override the existing props or add new ones.
|
11683
|
+
*
|
11684
|
+
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
|
11685
|
+
*
|
11686
|
+
* @default {}
|
11687
|
+
*/
|
11688
|
+
slotProps: PropTypes.shape({
|
11689
|
+
root: PropTypes.object
|
11690
|
+
}),
|
11691
|
+
/**
|
11692
|
+
* The components used for each slot inside.
|
11693
|
+
*
|
11694
|
+
* This prop is an alias for the `components` prop, which will be deprecated in the future.
|
11695
|
+
*
|
11696
|
+
* @default {}
|
11697
|
+
*/
|
11698
|
+
slots: PropTypes.shape({
|
11699
|
+
root: PropTypes.elementType
|
11700
|
+
}),
|
11701
|
+
/**
|
11702
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
11703
|
+
*/
|
11704
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
11705
|
+
/**
|
11706
|
+
* The component used for the transition.
|
11707
|
+
* [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
11708
|
+
* @default Fade
|
11709
|
+
*/
|
11710
|
+
TransitionComponent: PropTypes.elementType,
|
11711
|
+
/**
|
11712
|
+
* The duration for the transition, in milliseconds.
|
11713
|
+
* You may specify a single timeout for all transitions, or individually with an object.
|
11714
|
+
*/
|
11715
|
+
transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
|
11716
|
+
appear: PropTypes.number,
|
11717
|
+
enter: PropTypes.number,
|
11718
|
+
exit: PropTypes.number
|
11719
|
+
})])
|
11720
|
+
} : void 0;
|
11721
|
+
var Backdrop$1 = Backdrop;
|
11722
|
+
|
11723
|
+
const defaultTheme = createTheme();
|
11724
|
+
const Box$1 = createBox({
|
11725
|
+
themeId: THEME_ID,
|
11726
|
+
defaultTheme,
|
11727
|
+
defaultClassName: 'MuiBox-root',
|
11728
|
+
generateClassName: ClassNameGenerator$1.generate
|
11729
|
+
});
|
11730
|
+
process.env.NODE_ENV !== "production" ? Box$1.propTypes /* remove-proptypes */ = {
|
11731
|
+
// ----------------------------- Warning --------------------------------
|
11732
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
11733
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
11734
|
+
// ----------------------------------------------------------------------
|
11735
|
+
/**
|
11736
|
+
* @ignore
|
11737
|
+
*/
|
11738
|
+
children: PropTypes.node,
|
11739
|
+
/**
|
11740
|
+
* The component used for the root node.
|
11741
|
+
* Either a string to use a HTML element or a component.
|
11742
|
+
*/
|
11743
|
+
component: PropTypes.elementType,
|
11744
|
+
/**
|
11745
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
11746
|
+
*/
|
11747
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
11748
|
+
} : void 0;
|
11749
|
+
var Box$2 = Box$1;
|
11750
|
+
|
11751
|
+
function getButtonUtilityClass(slot) {
|
11752
|
+
return generateUtilityClass('MuiButton', slot);
|
11753
|
+
}
|
11754
|
+
const buttonClasses = generateUtilityClasses('MuiButton', ['root', 'text', 'textInherit', 'textPrimary', 'textSecondary', 'textSuccess', 'textError', 'textInfo', 'textWarning', 'outlined', 'outlinedInherit', 'outlinedPrimary', 'outlinedSecondary', 'outlinedSuccess', 'outlinedError', 'outlinedInfo', 'outlinedWarning', 'contained', 'containedInherit', 'containedPrimary', 'containedSecondary', 'containedSuccess', 'containedError', 'containedInfo', 'containedWarning', 'disableElevation', 'focusVisible', 'disabled', 'colorInherit', 'textSizeSmall', 'textSizeMedium', 'textSizeLarge', 'outlinedSizeSmall', 'outlinedSizeMedium', 'outlinedSizeLarge', 'containedSizeSmall', 'containedSizeMedium', 'containedSizeLarge', 'sizeMedium', 'sizeSmall', 'sizeLarge', 'fullWidth', 'startIcon', 'endIcon', 'iconSizeSmall', 'iconSizeMedium', 'iconSizeLarge']);
|
11755
|
+
var buttonClasses$1 = buttonClasses;
|
11756
|
+
|
11757
|
+
/**
|
11758
|
+
* @ignore - internal component.
|
11759
|
+
*/
|
11760
|
+
const ButtonGroupContext = /*#__PURE__*/React.createContext({});
|
11761
|
+
if (process.env.NODE_ENV !== 'production') {
|
11762
|
+
ButtonGroupContext.displayName = 'ButtonGroupContext';
|
11763
|
+
}
|
11764
|
+
var ButtonGroupContext$1 = ButtonGroupContext;
|
11765
|
+
|
11766
|
+
/**
|
11767
|
+
* @ignore - internal component.
|
11768
|
+
*/
|
11769
|
+
const ButtonGroupButtonContext = /*#__PURE__*/React.createContext(undefined);
|
11770
|
+
if (process.env.NODE_ENV !== 'production') {
|
11771
|
+
ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';
|
11772
|
+
}
|
11773
|
+
var ButtonGroupButtonContext$1 = ButtonGroupButtonContext;
|
11774
|
+
|
11775
|
+
const _excluded$6 = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
|
11776
|
+
const useUtilityClasses$5 = ownerState => {
|
11777
|
+
const {
|
11778
|
+
color,
|
11779
|
+
disableElevation,
|
11780
|
+
fullWidth,
|
11781
|
+
size,
|
11782
|
+
variant,
|
11783
|
+
classes
|
11784
|
+
} = ownerState;
|
11785
|
+
const slots = {
|
11786
|
+
root: ['root', variant, `${variant}${capitalize(color)}`, `size${capitalize(size)}`, `${variant}Size${capitalize(size)}`, color === 'inherit' && 'colorInherit', disableElevation && 'disableElevation', fullWidth && 'fullWidth'],
|
11787
|
+
label: ['label'],
|
11788
|
+
startIcon: ['startIcon', `iconSize${capitalize(size)}`],
|
11789
|
+
endIcon: ['endIcon', `iconSize${capitalize(size)}`]
|
11790
|
+
};
|
11791
|
+
const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
|
11792
|
+
return _extends$3({}, classes, composedClasses);
|
11793
|
+
};
|
11794
|
+
const commonIconStyles = ownerState => _extends$3({}, ownerState.size === 'small' && {
|
11795
|
+
'& > *:nth-of-type(1)': {
|
11796
|
+
fontSize: 18
|
11797
|
+
}
|
11798
|
+
}, ownerState.size === 'medium' && {
|
11799
|
+
'& > *:nth-of-type(1)': {
|
11800
|
+
fontSize: 20
|
11801
|
+
}
|
11802
|
+
}, ownerState.size === 'large' && {
|
11803
|
+
'& > *:nth-of-type(1)': {
|
11804
|
+
fontSize: 22
|
11805
|
+
}
|
11806
|
+
});
|
11807
|
+
const ButtonRoot = styled$1(ButtonBase$1, {
|
11808
|
+
shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
|
11809
|
+
name: 'MuiButton',
|
11810
|
+
slot: 'Root',
|
11811
|
+
overridesResolver: (props, styles) => {
|
11812
|
+
const {
|
11813
|
+
ownerState
|
11814
|
+
} = props;
|
11815
|
+
return [styles.root, styles[ownerState.variant], styles[`${ownerState.variant}${capitalize(ownerState.color)}`], styles[`size${capitalize(ownerState.size)}`], styles[`${ownerState.variant}Size${capitalize(ownerState.size)}`], ownerState.color === 'inherit' && styles.colorInherit, ownerState.disableElevation && styles.disableElevation, ownerState.fullWidth && styles.fullWidth];
|
11816
|
+
}
|
11817
|
+
})(({
|
11818
|
+
theme,
|
11819
|
+
ownerState
|
11820
|
+
}) => {
|
11821
|
+
var _theme$palette$getCon, _theme$palette;
|
11822
|
+
const inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];
|
11823
|
+
const inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];
|
11824
|
+
return _extends$3({}, theme.typography.button, {
|
11825
|
+
minWidth: 64,
|
11826
|
+
padding: '6px 16px',
|
11827
|
+
borderRadius: (theme.vars || theme).shape.borderRadius,
|
11828
|
+
transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
|
11829
|
+
duration: theme.transitions.duration.short
|
11830
|
+
}),
|
11831
|
+
'&:hover': _extends$3({
|
11832
|
+
textDecoration: 'none',
|
11833
|
+
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
|
11834
|
+
// Reset on touch devices, it doesn't add specificity
|
11835
|
+
'@media (hover: none)': {
|
11836
|
+
backgroundColor: 'transparent'
|
11837
|
+
}
|
11838
|
+
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
11839
|
+
backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
|
11840
|
+
// Reset on touch devices, it doesn't add specificity
|
11841
|
+
'@media (hover: none)': {
|
11842
|
+
backgroundColor: 'transparent'
|
11843
|
+
}
|
11844
|
+
}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
|
11845
|
+
border: `1px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
|
11846
|
+
backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
|
11847
|
+
// Reset on touch devices, it doesn't add specificity
|
11848
|
+
'@media (hover: none)': {
|
11849
|
+
backgroundColor: 'transparent'
|
11850
|
+
}
|
11851
|
+
}, ownerState.variant === 'contained' && {
|
11852
|
+
backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedHoverBg : inheritContainedHoverBackgroundColor,
|
11853
|
+
boxShadow: (theme.vars || theme).shadows[4],
|
11854
|
+
// Reset on touch devices, it doesn't add specificity
|
11855
|
+
'@media (hover: none)': {
|
11856
|
+
boxShadow: (theme.vars || theme).shadows[2],
|
11857
|
+
backgroundColor: (theme.vars || theme).palette.grey[300]
|
11858
|
+
}
|
11859
|
+
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
11860
|
+
backgroundColor: (theme.vars || theme).palette[ownerState.color].dark,
|
11861
|
+
// Reset on touch devices, it doesn't add specificity
|
11862
|
+
'@media (hover: none)': {
|
11863
|
+
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
11864
|
+
}
|
11865
|
+
}),
|
11866
|
+
'&:active': _extends$3({}, ownerState.variant === 'contained' && {
|
11867
|
+
boxShadow: (theme.vars || theme).shadows[8]
|
11868
|
+
}),
|
11869
|
+
[`&.${buttonClasses$1.focusVisible}`]: _extends$3({}, ownerState.variant === 'contained' && {
|
11870
|
+
boxShadow: (theme.vars || theme).shadows[6]
|
11871
|
+
}),
|
11872
|
+
[`&.${buttonClasses$1.disabled}`]: _extends$3({
|
11873
|
+
color: (theme.vars || theme).palette.action.disabled
|
11874
|
+
}, ownerState.variant === 'outlined' && {
|
11875
|
+
border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
|
11876
|
+
}, ownerState.variant === 'contained' && {
|
11877
|
+
color: (theme.vars || theme).palette.action.disabled,
|
11878
|
+
boxShadow: (theme.vars || theme).shadows[0],
|
11879
|
+
backgroundColor: (theme.vars || theme).palette.action.disabledBackground
|
11880
|
+
})
|
11881
|
+
}, ownerState.variant === 'text' && {
|
11882
|
+
padding: '6px 8px'
|
11883
|
+
}, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
|
11884
|
+
color: (theme.vars || theme).palette[ownerState.color].main
|
11885
|
+
}, ownerState.variant === 'outlined' && {
|
11886
|
+
padding: '5px 15px',
|
11887
|
+
border: '1px solid currentColor'
|
11888
|
+
}, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
|
11889
|
+
color: (theme.vars || theme).palette[ownerState.color].main,
|
11890
|
+
border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${alpha(theme.palette[ownerState.color].main, 0.5)}`
|
11891
|
+
}, ownerState.variant === 'contained' && {
|
11892
|
+
color: theme.vars ?
|
11893
|
+
// this is safe because grey does not change between default light/dark mode
|
11894
|
+
theme.vars.palette.text.primary : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]),
|
11895
|
+
backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedBg : inheritContainedBackgroundColor,
|
11896
|
+
boxShadow: (theme.vars || theme).shadows[2]
|
11897
|
+
}, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
|
11898
|
+
color: (theme.vars || theme).palette[ownerState.color].contrastText,
|
11899
|
+
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
11900
|
+
}, ownerState.color === 'inherit' && {
|
11901
|
+
color: 'inherit',
|
11902
|
+
borderColor: 'currentColor'
|
11903
|
+
}, ownerState.size === 'small' && ownerState.variant === 'text' && {
|
11904
|
+
padding: '4px 5px',
|
11905
|
+
fontSize: theme.typography.pxToRem(13)
|
11906
|
+
}, ownerState.size === 'large' && ownerState.variant === 'text' && {
|
11907
|
+
padding: '8px 11px',
|
11908
|
+
fontSize: theme.typography.pxToRem(15)
|
11909
|
+
}, ownerState.size === 'small' && ownerState.variant === 'outlined' && {
|
11910
|
+
padding: '3px 9px',
|
11911
|
+
fontSize: theme.typography.pxToRem(13)
|
11912
|
+
}, ownerState.size === 'large' && ownerState.variant === 'outlined' && {
|
11913
|
+
padding: '7px 21px',
|
11914
|
+
fontSize: theme.typography.pxToRem(15)
|
11915
|
+
}, ownerState.size === 'small' && ownerState.variant === 'contained' && {
|
11916
|
+
padding: '4px 10px',
|
11917
|
+
fontSize: theme.typography.pxToRem(13)
|
11918
|
+
}, ownerState.size === 'large' && ownerState.variant === 'contained' && {
|
11919
|
+
padding: '8px 22px',
|
11920
|
+
fontSize: theme.typography.pxToRem(15)
|
11921
|
+
}, ownerState.fullWidth && {
|
11922
|
+
width: '100%'
|
11923
|
+
});
|
11924
|
+
}, ({
|
11925
|
+
ownerState
|
11926
|
+
}) => ownerState.disableElevation && {
|
11927
|
+
boxShadow: 'none',
|
11928
|
+
'&:hover': {
|
11929
|
+
boxShadow: 'none'
|
11930
|
+
},
|
11931
|
+
[`&.${buttonClasses$1.focusVisible}`]: {
|
11932
|
+
boxShadow: 'none'
|
11933
|
+
},
|
11934
|
+
'&:active': {
|
11935
|
+
boxShadow: 'none'
|
11936
|
+
},
|
11937
|
+
[`&.${buttonClasses$1.disabled}`]: {
|
11938
|
+
boxShadow: 'none'
|
11939
|
+
}
|
11940
|
+
});
|
11941
|
+
const ButtonStartIcon = styled$1('span', {
|
11942
|
+
name: 'MuiButton',
|
11943
|
+
slot: 'StartIcon',
|
11944
|
+
overridesResolver: (props, styles) => {
|
11945
|
+
const {
|
11946
|
+
ownerState
|
11947
|
+
} = props;
|
11948
|
+
return [styles.startIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
|
11949
|
+
}
|
11950
|
+
})(({
|
11951
|
+
ownerState
|
11952
|
+
}) => _extends$3({
|
11953
|
+
display: 'inherit',
|
11954
|
+
marginRight: 8,
|
11955
|
+
marginLeft: -4
|
11956
|
+
}, ownerState.size === 'small' && {
|
11957
|
+
marginLeft: -2
|
11958
|
+
}, commonIconStyles(ownerState)));
|
11959
|
+
const ButtonEndIcon = styled$1('span', {
|
11960
|
+
name: 'MuiButton',
|
11961
|
+
slot: 'EndIcon',
|
11962
|
+
overridesResolver: (props, styles) => {
|
11963
|
+
const {
|
11964
|
+
ownerState
|
11965
|
+
} = props;
|
11966
|
+
return [styles.endIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
|
11967
|
+
}
|
11968
|
+
})(({
|
11969
|
+
ownerState
|
11970
|
+
}) => _extends$3({
|
11971
|
+
display: 'inherit',
|
11972
|
+
marginRight: -4,
|
11973
|
+
marginLeft: 8
|
11974
|
+
}, ownerState.size === 'small' && {
|
11975
|
+
marginRight: -2
|
11976
|
+
}, commonIconStyles(ownerState)));
|
11977
|
+
const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
|
11978
|
+
// props priority: `inProps` > `contextProps` > `themeDefaultProps`
|
11979
|
+
const contextProps = React.useContext(ButtonGroupContext$1);
|
11980
|
+
const buttonGroupButtonContextPositionClassName = React.useContext(ButtonGroupButtonContext$1);
|
11981
|
+
const resolvedProps = resolveProps(contextProps, inProps);
|
11982
|
+
const props = useThemeProps({
|
11983
|
+
props: resolvedProps,
|
11984
|
+
name: 'MuiButton'
|
11985
|
+
});
|
11986
|
+
const {
|
11987
|
+
children,
|
11988
|
+
color = 'primary',
|
11989
|
+
component = 'button',
|
11990
|
+
className,
|
11991
|
+
disabled = false,
|
11992
|
+
disableElevation = false,
|
11993
|
+
disableFocusRipple = false,
|
11994
|
+
endIcon: endIconProp,
|
11995
|
+
focusVisibleClassName,
|
11996
|
+
fullWidth = false,
|
11997
|
+
size = 'medium',
|
11998
|
+
startIcon: startIconProp,
|
11999
|
+
type,
|
12000
|
+
variant = 'text'
|
12001
|
+
} = props,
|
12002
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$6);
|
12003
|
+
const ownerState = _extends$3({}, props, {
|
12004
|
+
color,
|
12005
|
+
component,
|
12006
|
+
disabled,
|
12007
|
+
disableElevation,
|
12008
|
+
disableFocusRipple,
|
12009
|
+
fullWidth,
|
12010
|
+
size,
|
12011
|
+
type,
|
12012
|
+
variant
|
12013
|
+
});
|
12014
|
+
const classes = useUtilityClasses$5(ownerState);
|
12015
|
+
const startIcon = startIconProp && /*#__PURE__*/jsx(ButtonStartIcon, {
|
12016
|
+
className: classes.startIcon,
|
12017
|
+
ownerState: ownerState,
|
12018
|
+
children: startIconProp
|
12019
|
+
});
|
12020
|
+
const endIcon = endIconProp && /*#__PURE__*/jsx(ButtonEndIcon, {
|
12021
|
+
className: classes.endIcon,
|
12022
|
+
ownerState: ownerState,
|
12023
|
+
children: endIconProp
|
12024
|
+
});
|
12025
|
+
const positionClassName = buttonGroupButtonContextPositionClassName || '';
|
12026
|
+
return /*#__PURE__*/jsxs(ButtonRoot, _extends$3({
|
12027
|
+
ownerState: ownerState,
|
12028
|
+
className: clsx(contextProps.className, classes.root, className, positionClassName),
|
12029
|
+
component: component,
|
12030
|
+
disabled: disabled,
|
12031
|
+
focusRipple: !disableFocusRipple,
|
12032
|
+
focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
|
12033
|
+
ref: ref,
|
12034
|
+
type: type
|
12035
|
+
}, other, {
|
12036
|
+
classes: classes,
|
12037
|
+
children: [startIcon, children, endIcon]
|
13816
12038
|
}));
|
13817
12039
|
});
|
13818
|
-
process.env.NODE_ENV !== "production" ?
|
12040
|
+
process.env.NODE_ENV !== "production" ? Button.propTypes /* remove-proptypes */ = {
|
13819
12041
|
// ----------------------------- Warning --------------------------------
|
13820
12042
|
// | These PropTypes are generated from the TypeScript type definitions |
|
13821
12043
|
// | To update them edit the d.ts file and run "yarn proptypes" |
|
@@ -13832,122 +12054,92 @@ process.env.NODE_ENV !== "production" ? Backdrop.propTypes /* remove-proptypes *
|
|
13832
12054
|
* @ignore
|
13833
12055
|
*/
|
13834
12056
|
className: PropTypes.string,
|
12057
|
+
/**
|
12058
|
+
* The color of the component.
|
12059
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
12060
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
12061
|
+
* @default 'primary'
|
12062
|
+
*/
|
12063
|
+
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), PropTypes.string]),
|
13835
12064
|
/**
|
13836
12065
|
* The component used for the root node.
|
13837
12066
|
* Either a string to use a HTML element or a component.
|
13838
12067
|
*/
|
13839
12068
|
component: PropTypes.elementType,
|
13840
12069
|
/**
|
13841
|
-
*
|
13842
|
-
*
|
13843
|
-
* This prop is an alias for the `slots` prop.
|
13844
|
-
* It's recommended to use the `slots` prop instead.
|
13845
|
-
*
|
13846
|
-
* @default {}
|
13847
|
-
*/
|
13848
|
-
components: PropTypes.shape({
|
13849
|
-
Root: PropTypes.elementType
|
13850
|
-
}),
|
13851
|
-
/**
|
13852
|
-
* The extra props for the slot components.
|
13853
|
-
* You can override the existing props or add new ones.
|
13854
|
-
*
|
13855
|
-
* This prop is an alias for the `slotProps` prop.
|
13856
|
-
* It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
|
13857
|
-
*
|
13858
|
-
* @default {}
|
12070
|
+
* If `true`, the component is disabled.
|
12071
|
+
* @default false
|
13859
12072
|
*/
|
13860
|
-
|
13861
|
-
root: PropTypes.object
|
13862
|
-
}),
|
12073
|
+
disabled: PropTypes.bool,
|
13863
12074
|
/**
|
13864
|
-
* If `true`,
|
13865
|
-
* It can be used when rendering a popover or a custom select component.
|
12075
|
+
* If `true`, no elevation is used.
|
13866
12076
|
* @default false
|
13867
12077
|
*/
|
13868
|
-
|
12078
|
+
disableElevation: PropTypes.bool,
|
13869
12079
|
/**
|
13870
|
-
* If `true`, the
|
12080
|
+
* If `true`, the keyboard focus ripple is disabled.
|
12081
|
+
* @default false
|
13871
12082
|
*/
|
13872
|
-
|
12083
|
+
disableFocusRipple: PropTypes.bool,
|
13873
12084
|
/**
|
13874
|
-
*
|
13875
|
-
* You can override the existing props or add new ones.
|
13876
|
-
*
|
13877
|
-
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
|
12085
|
+
* If `true`, the ripple effect is disabled.
|
13878
12086
|
*
|
13879
|
-
*
|
12087
|
+
* ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
|
12088
|
+
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
12089
|
+
* @default false
|
13880
12090
|
*/
|
13881
|
-
|
13882
|
-
root: PropTypes.object
|
13883
|
-
}),
|
12091
|
+
disableRipple: PropTypes.bool,
|
13884
12092
|
/**
|
13885
|
-
*
|
13886
|
-
*
|
13887
|
-
* This prop is an alias for the `components` prop, which will be deprecated in the future.
|
13888
|
-
*
|
13889
|
-
* @default {}
|
12093
|
+
* Element placed after the children.
|
13890
12094
|
*/
|
13891
|
-
|
13892
|
-
root: PropTypes.elementType
|
13893
|
-
}),
|
12095
|
+
endIcon: PropTypes.node,
|
13894
12096
|
/**
|
13895
|
-
*
|
12097
|
+
* @ignore
|
13896
12098
|
*/
|
13897
|
-
|
12099
|
+
focusVisibleClassName: PropTypes.string,
|
13898
12100
|
/**
|
13899
|
-
*
|
13900
|
-
*
|
13901
|
-
* @default Fade
|
12101
|
+
* If `true`, the button will take up the full width of its container.
|
12102
|
+
* @default false
|
13902
12103
|
*/
|
13903
|
-
|
12104
|
+
fullWidth: PropTypes.bool,
|
13904
12105
|
/**
|
13905
|
-
* The
|
13906
|
-
*
|
12106
|
+
* The URL to link to when the button is clicked.
|
12107
|
+
* If defined, an `a` element will be used as the root node.
|
13907
12108
|
*/
|
13908
|
-
|
13909
|
-
appear: PropTypes.number,
|
13910
|
-
enter: PropTypes.number,
|
13911
|
-
exit: PropTypes.number
|
13912
|
-
})])
|
13913
|
-
} : void 0;
|
13914
|
-
var Backdrop$1 = Backdrop;
|
13915
|
-
|
13916
|
-
const defaultTheme = createTheme();
|
13917
|
-
const Box$1 = createBox({
|
13918
|
-
themeId: THEME_ID,
|
13919
|
-
defaultTheme,
|
13920
|
-
defaultClassName: 'MuiBox-root',
|
13921
|
-
generateClassName: ClassNameGenerator$1.generate
|
13922
|
-
});
|
13923
|
-
process.env.NODE_ENV !== "production" ? Box$1.propTypes /* remove-proptypes */ = {
|
13924
|
-
// ----------------------------- Warning --------------------------------
|
13925
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
13926
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
13927
|
-
// ----------------------------------------------------------------------
|
12109
|
+
href: PropTypes.string,
|
13928
12110
|
/**
|
13929
|
-
*
|
12111
|
+
* The size of the component.
|
12112
|
+
* `small` is equivalent to the dense button styling.
|
12113
|
+
* @default 'medium'
|
13930
12114
|
*/
|
13931
|
-
|
12115
|
+
size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
|
13932
12116
|
/**
|
13933
|
-
*
|
13934
|
-
* Either a string to use a HTML element or a component.
|
12117
|
+
* Element placed before the children.
|
13935
12118
|
*/
|
13936
|
-
|
12119
|
+
startIcon: PropTypes.node,
|
13937
12120
|
/**
|
13938
12121
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
13939
12122
|
*/
|
13940
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
12123
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
12124
|
+
/**
|
12125
|
+
* @ignore
|
12126
|
+
*/
|
12127
|
+
type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),
|
12128
|
+
/**
|
12129
|
+
* The variant to use.
|
12130
|
+
* @default 'text'
|
12131
|
+
*/
|
12132
|
+
variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
|
13941
12133
|
} : void 0;
|
13942
|
-
var
|
12134
|
+
var Button$1 = Button;
|
13943
12135
|
|
13944
12136
|
function getModalUtilityClass(slot) {
|
13945
12137
|
return generateUtilityClass('MuiModal', slot);
|
13946
12138
|
}
|
13947
12139
|
generateUtilityClasses('MuiModal', ['root', 'hidden', 'backdrop']);
|
13948
12140
|
|
13949
|
-
const _excluded$
|
13950
|
-
const useUtilityClasses$
|
12141
|
+
const _excluded$5 = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
|
12142
|
+
const useUtilityClasses$4 = ownerState => {
|
13951
12143
|
const {
|
13952
12144
|
open,
|
13953
12145
|
exited,
|
@@ -14034,7 +12226,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
|
|
14034
12226
|
slots
|
14035
12227
|
// eslint-disable-next-line react/prop-types
|
14036
12228
|
} = props,
|
14037
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
12229
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$5);
|
14038
12230
|
const propsWithDefaults = _extends$3({}, props, {
|
14039
12231
|
closeAfterTransition,
|
14040
12232
|
disableAutoFocus,
|
@@ -14060,7 +12252,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
|
|
14060
12252
|
const ownerState = _extends$3({}, propsWithDefaults, {
|
14061
12253
|
exited
|
14062
12254
|
});
|
14063
|
-
const classes = useUtilityClasses$
|
12255
|
+
const classes = useUtilityClasses$4(ownerState);
|
14064
12256
|
const childProps = {};
|
14065
12257
|
if (children.props.tabIndex === undefined) {
|
14066
12258
|
childProps.tabIndex = '-1';
|
@@ -14305,11 +12497,254 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
|
|
14305
12497
|
/**
|
14306
12498
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
14307
12499
|
*/
|
14308
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
12500
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
12501
|
+
} : void 0;
|
12502
|
+
var Modal$1 = Modal;
|
12503
|
+
|
12504
|
+
function getDividerUtilityClass(slot) {
|
12505
|
+
return generateUtilityClass('MuiDivider', slot);
|
12506
|
+
}
|
12507
|
+
generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
|
12508
|
+
|
12509
|
+
const _excluded$4 = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"];
|
12510
|
+
const useUtilityClasses$3 = ownerState => {
|
12511
|
+
const {
|
12512
|
+
absolute,
|
12513
|
+
children,
|
12514
|
+
classes,
|
12515
|
+
flexItem,
|
12516
|
+
light,
|
12517
|
+
orientation,
|
12518
|
+
textAlign,
|
12519
|
+
variant
|
12520
|
+
} = ownerState;
|
12521
|
+
const slots = {
|
12522
|
+
root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
|
12523
|
+
wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
|
12524
|
+
};
|
12525
|
+
return composeClasses(slots, getDividerUtilityClass, classes);
|
12526
|
+
};
|
12527
|
+
const DividerRoot = styled$1('div', {
|
12528
|
+
name: 'MuiDivider',
|
12529
|
+
slot: 'Root',
|
12530
|
+
overridesResolver: (props, styles) => {
|
12531
|
+
const {
|
12532
|
+
ownerState
|
12533
|
+
} = props;
|
12534
|
+
return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
|
12535
|
+
}
|
12536
|
+
})(({
|
12537
|
+
theme,
|
12538
|
+
ownerState
|
12539
|
+
}) => _extends$3({
|
12540
|
+
margin: 0,
|
12541
|
+
// Reset browser default style.
|
12542
|
+
flexShrink: 0,
|
12543
|
+
borderWidth: 0,
|
12544
|
+
borderStyle: 'solid',
|
12545
|
+
borderColor: (theme.vars || theme).palette.divider,
|
12546
|
+
borderBottomWidth: 'thin'
|
12547
|
+
}, ownerState.absolute && {
|
12548
|
+
position: 'absolute',
|
12549
|
+
bottom: 0,
|
12550
|
+
left: 0,
|
12551
|
+
width: '100%'
|
12552
|
+
}, ownerState.light && {
|
12553
|
+
borderColor: theme.vars ? `rgba(${theme.vars.palette.dividerChannel} / 0.08)` : alpha(theme.palette.divider, 0.08)
|
12554
|
+
}, ownerState.variant === 'inset' && {
|
12555
|
+
marginLeft: 72
|
12556
|
+
}, ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {
|
12557
|
+
marginLeft: theme.spacing(2),
|
12558
|
+
marginRight: theme.spacing(2)
|
12559
|
+
}, ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {
|
12560
|
+
marginTop: theme.spacing(1),
|
12561
|
+
marginBottom: theme.spacing(1)
|
12562
|
+
}, ownerState.orientation === 'vertical' && {
|
12563
|
+
height: '100%',
|
12564
|
+
borderBottomWidth: 0,
|
12565
|
+
borderRightWidth: 'thin'
|
12566
|
+
}, ownerState.flexItem && {
|
12567
|
+
alignSelf: 'stretch',
|
12568
|
+
height: 'auto'
|
12569
|
+
}), ({
|
12570
|
+
ownerState
|
12571
|
+
}) => _extends$3({}, ownerState.children && {
|
12572
|
+
display: 'flex',
|
12573
|
+
whiteSpace: 'nowrap',
|
12574
|
+
textAlign: 'center',
|
12575
|
+
border: 0,
|
12576
|
+
'&::before, &::after': {
|
12577
|
+
content: '""',
|
12578
|
+
alignSelf: 'center'
|
12579
|
+
}
|
12580
|
+
}), ({
|
12581
|
+
theme,
|
12582
|
+
ownerState
|
12583
|
+
}) => _extends$3({}, ownerState.children && ownerState.orientation !== 'vertical' && {
|
12584
|
+
'&::before, &::after': {
|
12585
|
+
width: '100%',
|
12586
|
+
borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
|
12587
|
+
}
|
12588
|
+
}), ({
|
12589
|
+
theme,
|
12590
|
+
ownerState
|
12591
|
+
}) => _extends$3({}, ownerState.children && ownerState.orientation === 'vertical' && {
|
12592
|
+
flexDirection: 'column',
|
12593
|
+
'&::before, &::after': {
|
12594
|
+
height: '100%',
|
12595
|
+
borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`
|
12596
|
+
}
|
12597
|
+
}), ({
|
12598
|
+
ownerState
|
12599
|
+
}) => _extends$3({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
|
12600
|
+
'&::before': {
|
12601
|
+
width: '90%'
|
12602
|
+
},
|
12603
|
+
'&::after': {
|
12604
|
+
width: '10%'
|
12605
|
+
}
|
12606
|
+
}, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {
|
12607
|
+
'&::before': {
|
12608
|
+
width: '10%'
|
12609
|
+
},
|
12610
|
+
'&::after': {
|
12611
|
+
width: '90%'
|
12612
|
+
}
|
12613
|
+
}));
|
12614
|
+
const DividerWrapper = styled$1('span', {
|
12615
|
+
name: 'MuiDivider',
|
12616
|
+
slot: 'Wrapper',
|
12617
|
+
overridesResolver: (props, styles) => {
|
12618
|
+
const {
|
12619
|
+
ownerState
|
12620
|
+
} = props;
|
12621
|
+
return [styles.wrapper, ownerState.orientation === 'vertical' && styles.wrapperVertical];
|
12622
|
+
}
|
12623
|
+
})(({
|
12624
|
+
theme,
|
12625
|
+
ownerState
|
12626
|
+
}) => _extends$3({
|
12627
|
+
display: 'inline-block',
|
12628
|
+
paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
|
12629
|
+
paddingRight: `calc(${theme.spacing(1)} * 1.2)`
|
12630
|
+
}, ownerState.orientation === 'vertical' && {
|
12631
|
+
paddingTop: `calc(${theme.spacing(1)} * 1.2)`,
|
12632
|
+
paddingBottom: `calc(${theme.spacing(1)} * 1.2)`
|
12633
|
+
}));
|
12634
|
+
const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
|
12635
|
+
const props = useThemeProps({
|
12636
|
+
props: inProps,
|
12637
|
+
name: 'MuiDivider'
|
12638
|
+
});
|
12639
|
+
const {
|
12640
|
+
absolute = false,
|
12641
|
+
children,
|
12642
|
+
className,
|
12643
|
+
component = children ? 'div' : 'hr',
|
12644
|
+
flexItem = false,
|
12645
|
+
light = false,
|
12646
|
+
orientation = 'horizontal',
|
12647
|
+
role = component !== 'hr' ? 'separator' : undefined,
|
12648
|
+
textAlign = 'center',
|
12649
|
+
variant = 'fullWidth'
|
12650
|
+
} = props,
|
12651
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$4);
|
12652
|
+
const ownerState = _extends$3({}, props, {
|
12653
|
+
absolute,
|
12654
|
+
component,
|
12655
|
+
flexItem,
|
12656
|
+
light,
|
12657
|
+
orientation,
|
12658
|
+
role,
|
12659
|
+
textAlign,
|
12660
|
+
variant
|
12661
|
+
});
|
12662
|
+
const classes = useUtilityClasses$3(ownerState);
|
12663
|
+
return /*#__PURE__*/jsx(DividerRoot, _extends$3({
|
12664
|
+
as: component,
|
12665
|
+
className: clsx(classes.root, className),
|
12666
|
+
role: role,
|
12667
|
+
ref: ref,
|
12668
|
+
ownerState: ownerState
|
12669
|
+
}, other, {
|
12670
|
+
children: children ? /*#__PURE__*/jsx(DividerWrapper, {
|
12671
|
+
className: classes.wrapper,
|
12672
|
+
ownerState: ownerState,
|
12673
|
+
children: children
|
12674
|
+
}) : null
|
12675
|
+
}));
|
12676
|
+
});
|
12677
|
+
|
12678
|
+
/**
|
12679
|
+
* The following flag is used to ensure that this component isn't tabbable i.e.
|
12680
|
+
* does not get highlight/focus inside of MUI List.
|
12681
|
+
*/
|
12682
|
+
Divider.muiSkipListHighlight = true;
|
12683
|
+
process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */ = {
|
12684
|
+
// ----------------------------- Warning --------------------------------
|
12685
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
12686
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
12687
|
+
// ----------------------------------------------------------------------
|
12688
|
+
/**
|
12689
|
+
* Absolutely position the element.
|
12690
|
+
* @default false
|
12691
|
+
*/
|
12692
|
+
absolute: PropTypes.bool,
|
12693
|
+
/**
|
12694
|
+
* The content of the component.
|
12695
|
+
*/
|
12696
|
+
children: PropTypes.node,
|
12697
|
+
/**
|
12698
|
+
* Override or extend the styles applied to the component.
|
12699
|
+
*/
|
12700
|
+
classes: PropTypes.object,
|
12701
|
+
/**
|
12702
|
+
* @ignore
|
12703
|
+
*/
|
12704
|
+
className: PropTypes.string,
|
12705
|
+
/**
|
12706
|
+
* The component used for the root node.
|
12707
|
+
* Either a string to use a HTML element or a component.
|
12708
|
+
*/
|
12709
|
+
component: PropTypes.elementType,
|
12710
|
+
/**
|
12711
|
+
* If `true`, a vertical divider will have the correct height when used in flex container.
|
12712
|
+
* (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
|
12713
|
+
* @default false
|
12714
|
+
*/
|
12715
|
+
flexItem: PropTypes.bool,
|
12716
|
+
/**
|
12717
|
+
* If `true`, the divider will have a lighter color.
|
12718
|
+
* @default false
|
12719
|
+
*/
|
12720
|
+
light: PropTypes.bool,
|
12721
|
+
/**
|
12722
|
+
* The component orientation.
|
12723
|
+
* @default 'horizontal'
|
12724
|
+
*/
|
12725
|
+
orientation: PropTypes.oneOf(['horizontal', 'vertical']),
|
12726
|
+
/**
|
12727
|
+
* @ignore
|
12728
|
+
*/
|
12729
|
+
role: PropTypes /* @typescript-to-proptypes-ignore */.string,
|
12730
|
+
/**
|
12731
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
12732
|
+
*/
|
12733
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
12734
|
+
/**
|
12735
|
+
* The text alignment.
|
12736
|
+
* @default 'center'
|
12737
|
+
*/
|
12738
|
+
textAlign: PropTypes.oneOf(['center', 'left', 'right']),
|
12739
|
+
/**
|
12740
|
+
* The variant to use.
|
12741
|
+
* @default 'fullWidth'
|
12742
|
+
*/
|
12743
|
+
variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])
|
14309
12744
|
} : void 0;
|
14310
|
-
var
|
12745
|
+
var Divider$1 = Divider;
|
14311
12746
|
|
14312
|
-
const _excluded$
|
12747
|
+
const _excluded$3 = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
|
14313
12748
|
function getTranslateValue(direction, node, resolvedContainer) {
|
14314
12749
|
const rect = node.getBoundingClientRect();
|
14315
12750
|
const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
|
@@ -14398,7 +12833,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
|
|
14398
12833
|
// eslint-disable-next-line react/prop-types
|
14399
12834
|
TransitionComponent = Transition$1
|
14400
12835
|
} = props,
|
14401
|
-
other = _objectWithoutPropertiesLoose$3(props, _excluded$
|
12836
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$3);
|
14402
12837
|
const childrenRef = React.useRef(null);
|
14403
12838
|
const handleRef = useForkRef(children.ref, childrenRef, ref);
|
14404
12839
|
const normalizedTransitionCallback = callback => isAppearing => {
|
@@ -14626,7 +13061,7 @@ function getDrawerUtilityClass(slot) {
|
|
14626
13061
|
}
|
14627
13062
|
generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
|
14628
13063
|
|
14629
|
-
const _excluded$
|
13064
|
+
const _excluded$2 = ["BackdropProps"],
|
14630
13065
|
_excluded2 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
|
14631
13066
|
const overridesResolver = (props, styles) => {
|
14632
13067
|
const {
|
@@ -14634,7 +13069,7 @@ const overridesResolver = (props, styles) => {
|
|
14634
13069
|
} = props;
|
14635
13070
|
return [styles.root, (ownerState.variant === 'permanent' || ownerState.variant === 'persistent') && styles.docked, styles.modal];
|
14636
13071
|
};
|
14637
|
-
const useUtilityClasses$
|
13072
|
+
const useUtilityClasses$2 = ownerState => {
|
14638
13073
|
const {
|
14639
13074
|
classes,
|
14640
13075
|
anchor,
|
@@ -14766,7 +13201,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
14766
13201
|
transitionDuration = defaultTransitionDuration,
|
14767
13202
|
variant = 'temporary'
|
14768
13203
|
} = props,
|
14769
|
-
ModalProps = _objectWithoutPropertiesLoose$3(props.ModalProps, _excluded$
|
13204
|
+
ModalProps = _objectWithoutPropertiesLoose$3(props.ModalProps, _excluded$2),
|
14770
13205
|
other = _objectWithoutPropertiesLoose$3(props, _excluded2);
|
14771
13206
|
|
14772
13207
|
// Let's assume that the Drawer will always be rendered on user space.
|
@@ -14784,7 +13219,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
14784
13219
|
open,
|
14785
13220
|
variant
|
14786
13221
|
}, other);
|
14787
|
-
const classes = useUtilityClasses$
|
13222
|
+
const classes = useUtilityClasses$2(ownerState);
|
14788
13223
|
const drawer = /*#__PURE__*/jsx(DrawerPaper, _extends$3({
|
14789
13224
|
elevation: variant === 'temporary' ? elevation : 0,
|
14790
13225
|
square: true
|
@@ -14980,6 +13415,346 @@ process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ =
|
|
14980
13415
|
} : void 0;
|
14981
13416
|
var Stack$1 = Stack;
|
14982
13417
|
|
13418
|
+
function getLinearProgressUtilityClass(slot) {
|
13419
|
+
return generateUtilityClass('MuiLinearProgress', slot);
|
13420
|
+
}
|
13421
|
+
generateUtilityClasses('MuiLinearProgress', ['root', 'colorPrimary', 'colorSecondary', 'determinate', 'indeterminate', 'buffer', 'query', 'dashed', 'dashedColorPrimary', 'dashedColorSecondary', 'bar', 'barColorPrimary', 'barColorSecondary', 'bar1Indeterminate', 'bar1Determinate', 'bar1Buffer', 'bar2Indeterminate', 'bar2Buffer']);
|
13422
|
+
|
13423
|
+
const _excluded$1 = ["className", "color", "value", "valueBuffer", "variant"];
|
13424
|
+
let _ = t => t,
|
13425
|
+
_t,
|
13426
|
+
_t2,
|
13427
|
+
_t3,
|
13428
|
+
_t4,
|
13429
|
+
_t5,
|
13430
|
+
_t6;
|
13431
|
+
const TRANSITION_DURATION = 4; // seconds
|
13432
|
+
const indeterminate1Keyframe = keyframes(_t || (_t = _`
|
13433
|
+
0% {
|
13434
|
+
left: -35%;
|
13435
|
+
right: 100%;
|
13436
|
+
}
|
13437
|
+
|
13438
|
+
60% {
|
13439
|
+
left: 100%;
|
13440
|
+
right: -90%;
|
13441
|
+
}
|
13442
|
+
|
13443
|
+
100% {
|
13444
|
+
left: 100%;
|
13445
|
+
right: -90%;
|
13446
|
+
}
|
13447
|
+
`));
|
13448
|
+
const indeterminate2Keyframe = keyframes(_t2 || (_t2 = _`
|
13449
|
+
0% {
|
13450
|
+
left: -200%;
|
13451
|
+
right: 100%;
|
13452
|
+
}
|
13453
|
+
|
13454
|
+
60% {
|
13455
|
+
left: 107%;
|
13456
|
+
right: -8%;
|
13457
|
+
}
|
13458
|
+
|
13459
|
+
100% {
|
13460
|
+
left: 107%;
|
13461
|
+
right: -8%;
|
13462
|
+
}
|
13463
|
+
`));
|
13464
|
+
const bufferKeyframe = keyframes(_t3 || (_t3 = _`
|
13465
|
+
0% {
|
13466
|
+
opacity: 1;
|
13467
|
+
background-position: 0 -23px;
|
13468
|
+
}
|
13469
|
+
|
13470
|
+
60% {
|
13471
|
+
opacity: 0;
|
13472
|
+
background-position: 0 -23px;
|
13473
|
+
}
|
13474
|
+
|
13475
|
+
100% {
|
13476
|
+
opacity: 1;
|
13477
|
+
background-position: -200px -23px;
|
13478
|
+
}
|
13479
|
+
`));
|
13480
|
+
const useUtilityClasses$1 = ownerState => {
|
13481
|
+
const {
|
13482
|
+
classes,
|
13483
|
+
variant,
|
13484
|
+
color
|
13485
|
+
} = ownerState;
|
13486
|
+
const slots = {
|
13487
|
+
root: ['root', `color${capitalize(color)}`, variant],
|
13488
|
+
dashed: ['dashed', `dashedColor${capitalize(color)}`],
|
13489
|
+
bar1: ['bar', `barColor${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar1Indeterminate', variant === 'determinate' && 'bar1Determinate', variant === 'buffer' && 'bar1Buffer'],
|
13490
|
+
bar2: ['bar', variant !== 'buffer' && `barColor${capitalize(color)}`, variant === 'buffer' && `color${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar2Indeterminate', variant === 'buffer' && 'bar2Buffer']
|
13491
|
+
};
|
13492
|
+
return composeClasses(slots, getLinearProgressUtilityClass, classes);
|
13493
|
+
};
|
13494
|
+
const getColorShade = (theme, color) => {
|
13495
|
+
if (color === 'inherit') {
|
13496
|
+
return 'currentColor';
|
13497
|
+
}
|
13498
|
+
if (theme.vars) {
|
13499
|
+
return theme.vars.palette.LinearProgress[`${color}Bg`];
|
13500
|
+
}
|
13501
|
+
return theme.palette.mode === 'light' ? lighten(theme.palette[color].main, 0.62) : darken(theme.palette[color].main, 0.5);
|
13502
|
+
};
|
13503
|
+
const LinearProgressRoot = styled$1('span', {
|
13504
|
+
name: 'MuiLinearProgress',
|
13505
|
+
slot: 'Root',
|
13506
|
+
overridesResolver: (props, styles) => {
|
13507
|
+
const {
|
13508
|
+
ownerState
|
13509
|
+
} = props;
|
13510
|
+
return [styles.root, styles[`color${capitalize(ownerState.color)}`], styles[ownerState.variant]];
|
13511
|
+
}
|
13512
|
+
})(({
|
13513
|
+
ownerState,
|
13514
|
+
theme
|
13515
|
+
}) => _extends$3({
|
13516
|
+
position: 'relative',
|
13517
|
+
overflow: 'hidden',
|
13518
|
+
display: 'block',
|
13519
|
+
height: 4,
|
13520
|
+
zIndex: 0,
|
13521
|
+
// Fix Safari's bug during composition of different paint.
|
13522
|
+
'@media print': {
|
13523
|
+
colorAdjust: 'exact'
|
13524
|
+
},
|
13525
|
+
backgroundColor: getColorShade(theme, ownerState.color)
|
13526
|
+
}, ownerState.color === 'inherit' && ownerState.variant !== 'buffer' && {
|
13527
|
+
backgroundColor: 'none',
|
13528
|
+
'&::before': {
|
13529
|
+
content: '""',
|
13530
|
+
position: 'absolute',
|
13531
|
+
left: 0,
|
13532
|
+
top: 0,
|
13533
|
+
right: 0,
|
13534
|
+
bottom: 0,
|
13535
|
+
backgroundColor: 'currentColor',
|
13536
|
+
opacity: 0.3
|
13537
|
+
}
|
13538
|
+
}, ownerState.variant === 'buffer' && {
|
13539
|
+
backgroundColor: 'transparent'
|
13540
|
+
}, ownerState.variant === 'query' && {
|
13541
|
+
transform: 'rotate(180deg)'
|
13542
|
+
}));
|
13543
|
+
const LinearProgressDashed = styled$1('span', {
|
13544
|
+
name: 'MuiLinearProgress',
|
13545
|
+
slot: 'Dashed',
|
13546
|
+
overridesResolver: (props, styles) => {
|
13547
|
+
const {
|
13548
|
+
ownerState
|
13549
|
+
} = props;
|
13550
|
+
return [styles.dashed, styles[`dashedColor${capitalize(ownerState.color)}`]];
|
13551
|
+
}
|
13552
|
+
})(({
|
13553
|
+
ownerState,
|
13554
|
+
theme
|
13555
|
+
}) => {
|
13556
|
+
const backgroundColor = getColorShade(theme, ownerState.color);
|
13557
|
+
return _extends$3({
|
13558
|
+
position: 'absolute',
|
13559
|
+
marginTop: 0,
|
13560
|
+
height: '100%',
|
13561
|
+
width: '100%'
|
13562
|
+
}, ownerState.color === 'inherit' && {
|
13563
|
+
opacity: 0.3
|
13564
|
+
}, {
|
13565
|
+
backgroundImage: `radial-gradient(${backgroundColor} 0%, ${backgroundColor} 16%, transparent 42%)`,
|
13566
|
+
backgroundSize: '10px 10px',
|
13567
|
+
backgroundPosition: '0 -23px'
|
13568
|
+
});
|
13569
|
+
}, css(_t4 || (_t4 = _`
|
13570
|
+
animation: ${0} 3s infinite linear;
|
13571
|
+
`), bufferKeyframe));
|
13572
|
+
const LinearProgressBar1 = styled$1('span', {
|
13573
|
+
name: 'MuiLinearProgress',
|
13574
|
+
slot: 'Bar1',
|
13575
|
+
overridesResolver: (props, styles) => {
|
13576
|
+
const {
|
13577
|
+
ownerState
|
13578
|
+
} = props;
|
13579
|
+
return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar1Indeterminate, ownerState.variant === 'determinate' && styles.bar1Determinate, ownerState.variant === 'buffer' && styles.bar1Buffer];
|
13580
|
+
}
|
13581
|
+
})(({
|
13582
|
+
ownerState,
|
13583
|
+
theme
|
13584
|
+
}) => _extends$3({
|
13585
|
+
width: '100%',
|
13586
|
+
position: 'absolute',
|
13587
|
+
left: 0,
|
13588
|
+
bottom: 0,
|
13589
|
+
top: 0,
|
13590
|
+
transition: 'transform 0.2s linear',
|
13591
|
+
transformOrigin: 'left',
|
13592
|
+
backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
|
13593
|
+
}, ownerState.variant === 'determinate' && {
|
13594
|
+
transition: `transform .${TRANSITION_DURATION}s linear`
|
13595
|
+
}, ownerState.variant === 'buffer' && {
|
13596
|
+
zIndex: 1,
|
13597
|
+
transition: `transform .${TRANSITION_DURATION}s linear`
|
13598
|
+
}), ({
|
13599
|
+
ownerState
|
13600
|
+
}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t5 || (_t5 = _`
|
13601
|
+
width: auto;
|
13602
|
+
animation: ${0} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
13603
|
+
`), indeterminate1Keyframe));
|
13604
|
+
const LinearProgressBar2 = styled$1('span', {
|
13605
|
+
name: 'MuiLinearProgress',
|
13606
|
+
slot: 'Bar2',
|
13607
|
+
overridesResolver: (props, styles) => {
|
13608
|
+
const {
|
13609
|
+
ownerState
|
13610
|
+
} = props;
|
13611
|
+
return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar2Indeterminate, ownerState.variant === 'buffer' && styles.bar2Buffer];
|
13612
|
+
}
|
13613
|
+
})(({
|
13614
|
+
ownerState,
|
13615
|
+
theme
|
13616
|
+
}) => _extends$3({
|
13617
|
+
width: '100%',
|
13618
|
+
position: 'absolute',
|
13619
|
+
left: 0,
|
13620
|
+
bottom: 0,
|
13621
|
+
top: 0,
|
13622
|
+
transition: 'transform 0.2s linear',
|
13623
|
+
transformOrigin: 'left'
|
13624
|
+
}, ownerState.variant !== 'buffer' && {
|
13625
|
+
backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
|
13626
|
+
}, ownerState.color === 'inherit' && {
|
13627
|
+
opacity: 0.3
|
13628
|
+
}, ownerState.variant === 'buffer' && {
|
13629
|
+
backgroundColor: getColorShade(theme, ownerState.color),
|
13630
|
+
transition: `transform .${TRANSITION_DURATION}s linear`
|
13631
|
+
}), ({
|
13632
|
+
ownerState
|
13633
|
+
}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t6 || (_t6 = _`
|
13634
|
+
width: auto;
|
13635
|
+
animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
|
13636
|
+
`), indeterminate2Keyframe));
|
13637
|
+
|
13638
|
+
/**
|
13639
|
+
* ## ARIA
|
13640
|
+
*
|
13641
|
+
* If the progress bar is describing the loading progress of a particular region of a page,
|
13642
|
+
* you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
|
13643
|
+
* attribute to `true` on that region until it has finished loading.
|
13644
|
+
*/
|
13645
|
+
const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inProps, ref) {
|
13646
|
+
const props = useThemeProps({
|
13647
|
+
props: inProps,
|
13648
|
+
name: 'MuiLinearProgress'
|
13649
|
+
});
|
13650
|
+
const {
|
13651
|
+
className,
|
13652
|
+
color = 'primary',
|
13653
|
+
value,
|
13654
|
+
valueBuffer,
|
13655
|
+
variant = 'indeterminate'
|
13656
|
+
} = props,
|
13657
|
+
other = _objectWithoutPropertiesLoose$3(props, _excluded$1);
|
13658
|
+
const ownerState = _extends$3({}, props, {
|
13659
|
+
color,
|
13660
|
+
variant
|
13661
|
+
});
|
13662
|
+
const classes = useUtilityClasses$1(ownerState);
|
13663
|
+
const theme = useTheme();
|
13664
|
+
const rootProps = {};
|
13665
|
+
const inlineStyles = {
|
13666
|
+
bar1: {},
|
13667
|
+
bar2: {}
|
13668
|
+
};
|
13669
|
+
if (variant === 'determinate' || variant === 'buffer') {
|
13670
|
+
if (value !== undefined) {
|
13671
|
+
rootProps['aria-valuenow'] = Math.round(value);
|
13672
|
+
rootProps['aria-valuemin'] = 0;
|
13673
|
+
rootProps['aria-valuemax'] = 100;
|
13674
|
+
let transform = value - 100;
|
13675
|
+
if (theme.direction === 'rtl') {
|
13676
|
+
transform = -transform;
|
13677
|
+
}
|
13678
|
+
inlineStyles.bar1.transform = `translateX(${transform}%)`;
|
13679
|
+
} else if (process.env.NODE_ENV !== 'production') {
|
13680
|
+
console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');
|
13681
|
+
}
|
13682
|
+
}
|
13683
|
+
if (variant === 'buffer') {
|
13684
|
+
if (valueBuffer !== undefined) {
|
13685
|
+
let transform = (valueBuffer || 0) - 100;
|
13686
|
+
if (theme.direction === 'rtl') {
|
13687
|
+
transform = -transform;
|
13688
|
+
}
|
13689
|
+
inlineStyles.bar2.transform = `translateX(${transform}%)`;
|
13690
|
+
} else if (process.env.NODE_ENV !== 'production') {
|
13691
|
+
console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
|
13692
|
+
}
|
13693
|
+
}
|
13694
|
+
return /*#__PURE__*/jsxs(LinearProgressRoot, _extends$3({
|
13695
|
+
className: clsx(classes.root, className),
|
13696
|
+
ownerState: ownerState,
|
13697
|
+
role: "progressbar"
|
13698
|
+
}, rootProps, {
|
13699
|
+
ref: ref
|
13700
|
+
}, other, {
|
13701
|
+
children: [variant === 'buffer' ? /*#__PURE__*/jsx(LinearProgressDashed, {
|
13702
|
+
className: classes.dashed,
|
13703
|
+
ownerState: ownerState
|
13704
|
+
}) : null, /*#__PURE__*/jsx(LinearProgressBar1, {
|
13705
|
+
className: classes.bar1,
|
13706
|
+
ownerState: ownerState,
|
13707
|
+
style: inlineStyles.bar1
|
13708
|
+
}), variant === 'determinate' ? null : /*#__PURE__*/jsx(LinearProgressBar2, {
|
13709
|
+
className: classes.bar2,
|
13710
|
+
ownerState: ownerState,
|
13711
|
+
style: inlineStyles.bar2
|
13712
|
+
})]
|
13713
|
+
}));
|
13714
|
+
});
|
13715
|
+
process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-proptypes */ = {
|
13716
|
+
// ----------------------------- Warning --------------------------------
|
13717
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
13718
|
+
// | To update them edit the d.ts file and run "yarn proptypes" |
|
13719
|
+
// ----------------------------------------------------------------------
|
13720
|
+
/**
|
13721
|
+
* Override or extend the styles applied to the component.
|
13722
|
+
*/
|
13723
|
+
classes: PropTypes.object,
|
13724
|
+
/**
|
13725
|
+
* @ignore
|
13726
|
+
*/
|
13727
|
+
className: PropTypes.string,
|
13728
|
+
/**
|
13729
|
+
* The color of the component.
|
13730
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
13731
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
13732
|
+
* @default 'primary'
|
13733
|
+
*/
|
13734
|
+
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary']), PropTypes.string]),
|
13735
|
+
/**
|
13736
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
13737
|
+
*/
|
13738
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
13739
|
+
/**
|
13740
|
+
* The value of the progress indicator for the determinate and buffer variants.
|
13741
|
+
* Value between 0 and 100.
|
13742
|
+
*/
|
13743
|
+
value: PropTypes.number,
|
13744
|
+
/**
|
13745
|
+
* The value for the buffer variant.
|
13746
|
+
* Value between 0 and 100.
|
13747
|
+
*/
|
13748
|
+
valueBuffer: PropTypes.number,
|
13749
|
+
/**
|
13750
|
+
* The variant to use.
|
13751
|
+
* Use indeterminate or query when there is no progress value.
|
13752
|
+
* @default 'indeterminate'
|
13753
|
+
*/
|
13754
|
+
variant: PropTypes.oneOf(['buffer', 'determinate', 'indeterminate', 'query'])
|
13755
|
+
} : void 0;
|
13756
|
+
var LinearProgress$1 = LinearProgress;
|
13757
|
+
|
14983
13758
|
function getToolbarUtilityClass(slot) {
|
14984
13759
|
return generateUtilityClass('MuiToolbar', slot);
|
14985
13760
|
}
|
@@ -15780,6 +14555,168 @@ const FooterActionComponent = ({
|
|
15780
14555
|
}), /*#__PURE__*/React__default.createElement(Box$2, null, labelChangeCounter), renderRightContent));
|
15781
14556
|
};
|
15782
14557
|
|
14558
|
+
const useProgress = timeProgress => {
|
14559
|
+
const [progress, setProgress] = useState(100);
|
14560
|
+
useEffect(() => {
|
14561
|
+
const interval = setInterval(() => {
|
14562
|
+
setProgress(prev => {
|
14563
|
+
if (prev <= 0) {
|
14564
|
+
clearInterval(interval);
|
14565
|
+
}
|
14566
|
+
return prev - 1;
|
14567
|
+
});
|
14568
|
+
}, timeProgress * 10);
|
14569
|
+
return () => {
|
14570
|
+
clearInterval(interval);
|
14571
|
+
};
|
14572
|
+
}, [timeProgress]);
|
14573
|
+
return {
|
14574
|
+
progressToast: progress
|
14575
|
+
};
|
14576
|
+
};
|
14577
|
+
|
14578
|
+
const ToastNotificationComponent = toast => {
|
14579
|
+
const [stateOptions, setStateOptions] = useState(true);
|
14580
|
+
const [stateToast, setStateToast] = useState(true);
|
14581
|
+
const timeProgress = toast.time || 10;
|
14582
|
+
const {
|
14583
|
+
progressToast
|
14584
|
+
} = useProgress(timeProgress);
|
14585
|
+
const toastColorConfig = toast.type || "info";
|
14586
|
+
const toastIconOption = {
|
14587
|
+
success: /*#__PURE__*/React__default.createElement(CheckCircleRounded, null),
|
14588
|
+
error: /*#__PURE__*/React__default.createElement(ErrorRounded, null),
|
14589
|
+
warning: /*#__PURE__*/React__default.createElement(WarningRounded, null),
|
14590
|
+
info: /*#__PURE__*/React__default.createElement(InfoRounded, null)
|
14591
|
+
};
|
14592
|
+
const ToastIconConfig = toastIconOption[toast.type || "info"];
|
14593
|
+
const closeToast = () => {
|
14594
|
+
setStateToast(false);
|
14595
|
+
};
|
14596
|
+
const toggleToastOptions = () => {
|
14597
|
+
setStateOptions(prevShowOptions => !prevShowOptions);
|
14598
|
+
};
|
14599
|
+
useEffect(() => {
|
14600
|
+
progressToast <= 0 && setStateToast(false);
|
14601
|
+
}, [progressToast]);
|
14602
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stateToast && /*#__PURE__*/React__default.createElement(Stack$1, {
|
14603
|
+
position: "fixed",
|
14604
|
+
zIndex: 1400,
|
14605
|
+
right: 16,
|
14606
|
+
top: 16,
|
14607
|
+
width: 370,
|
14608
|
+
sx: {
|
14609
|
+
boxShadow: theme => theme.shadows[8]
|
14610
|
+
}
|
14611
|
+
}, /*#__PURE__*/React__default.createElement(Box$2, {
|
14612
|
+
padding: 1.5,
|
14613
|
+
gap: 1.5,
|
14614
|
+
display: "flex",
|
14615
|
+
alignItems: "center",
|
14616
|
+
sx: {
|
14617
|
+
"&.color-error": {
|
14618
|
+
backgroundColor: "#FEEBEE"
|
14619
|
+
},
|
14620
|
+
"&.color-info": {
|
14621
|
+
backgroundColor: "#E1F5FE"
|
14622
|
+
},
|
14623
|
+
"&.color-warning": {
|
14624
|
+
backgroundColor: "#FFF3E0"
|
14625
|
+
},
|
14626
|
+
"&.color-success": {
|
14627
|
+
backgroundColor: "#E8F5E9"
|
14628
|
+
}
|
14629
|
+
},
|
14630
|
+
className: `color-${toastColorConfig}`
|
14631
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
14632
|
+
p: 1,
|
14633
|
+
gap: 1,
|
14634
|
+
height: 20,
|
14635
|
+
borderRadius: 50,
|
14636
|
+
sx: {
|
14637
|
+
"&.ripple-error": {
|
14638
|
+
backgroundColor: "#D143431F"
|
14639
|
+
},
|
14640
|
+
"&.ripple-info": {
|
14641
|
+
backgroundColor: "#2D9FC51F"
|
14642
|
+
},
|
14643
|
+
"&.ripple-warning": {
|
14644
|
+
backgroundColor: "#FB85001F"
|
14645
|
+
},
|
14646
|
+
"&.ripple-success": {
|
14647
|
+
backgroundColor: "#8FC93A1F"
|
14648
|
+
}
|
14649
|
+
},
|
14650
|
+
className: `ripple-${toast.type || "info"}`
|
14651
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
14652
|
+
sx: {
|
14653
|
+
"&.icon-color.color-info": {
|
14654
|
+
color: theme => theme.palette.info.main
|
14655
|
+
},
|
14656
|
+
"&.icon-color.color-error": {
|
14657
|
+
color: theme => theme.palette.error.main
|
14658
|
+
},
|
14659
|
+
"&.icon-color.color-warning": {
|
14660
|
+
color: theme => theme.palette.warning.main
|
14661
|
+
},
|
14662
|
+
"&.icon-color.color-success": {
|
14663
|
+
color: theme => theme.palette.success.main
|
14664
|
+
}
|
14665
|
+
},
|
14666
|
+
className: `icon-color color-${toast.type || "info"}`
|
14667
|
+
}, ToastIconConfig)), /*#__PURE__*/React__default.createElement(Divider$1, {
|
14668
|
+
orientation: "vertical",
|
14669
|
+
flexItem: true
|
14670
|
+
}), /*#__PURE__*/React__default.createElement(Stack$1, {
|
14671
|
+
width: 285
|
14672
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
14673
|
+
justifyContent: "space-between",
|
14674
|
+
flexDirection: "row",
|
14675
|
+
alignItems: "center"
|
14676
|
+
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
14677
|
+
variant: "subtitle2",
|
14678
|
+
color: "text.primary"
|
14679
|
+
}, toast.title), /*#__PURE__*/React__default.createElement(IconButton$1, {
|
14680
|
+
size: "small",
|
14681
|
+
onClick: closeToast
|
14682
|
+
}, /*#__PURE__*/React__default.createElement(Close, {
|
14683
|
+
fontSize: "small"
|
14684
|
+
}))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
14685
|
+
gap: 0.5
|
14686
|
+
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
14687
|
+
color: "text.primary",
|
14688
|
+
variant: "body2"
|
14689
|
+
}, toast.subtitle), !stateOptions && toast.dataOpt && toast.dataOpt.length > 0 && /*#__PURE__*/React__default.createElement(Stack$1, null, toast.dataOpt.map((element, i) => /*#__PURE__*/React__default.createElement(Typography$1, {
|
14690
|
+
variant: "caption",
|
14691
|
+
key: i
|
14692
|
+
}, "\u2022 ", element)))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
14693
|
+
justifyContent: "flex-end",
|
14694
|
+
flexDirection: "row"
|
14695
|
+
}, toast.actions && /*#__PURE__*/React__default.createElement(Stack$1, {
|
14696
|
+
flexDirection: "row",
|
14697
|
+
gap: 1
|
14698
|
+
}, toast.actions), toast.seeMore && /*#__PURE__*/React__default.createElement(Button$1, {
|
14699
|
+
onClick: toggleToastOptions,
|
14700
|
+
size: "small",
|
14701
|
+
variant: "text",
|
14702
|
+
color: toastColorConfig
|
14703
|
+
}, stateOptions ? "Ver más" : "Ver menos", stateOptions ? /*#__PURE__*/React__default.createElement(KeyboardArrowDown, null) : /*#__PURE__*/React__default.createElement(KeyboardArrowUp, null))))), /*#__PURE__*/React__default.createElement(LinearProgress$1, {
|
14704
|
+
color: toastColorConfig,
|
14705
|
+
variant: "determinate",
|
14706
|
+
value: progressToast
|
14707
|
+
})));
|
14708
|
+
};
|
14709
|
+
|
14710
|
+
function PageHeaderWrapper({
|
14711
|
+
item,
|
14712
|
+
color,
|
14713
|
+
variant
|
14714
|
+
}) {
|
14715
|
+
return /*#__PURE__*/React__default.createElement(Typography$1, {
|
14716
|
+
variant: variant,
|
14717
|
+
color: color
|
14718
|
+
}, item);
|
14719
|
+
}
|
15783
14720
|
const PageHeaderComponent = ({
|
15784
14721
|
title,
|
15785
14722
|
subtitle,
|
@@ -15805,17 +14742,19 @@ const PageHeaderComponent = ({
|
|
15805
14742
|
gap: 1.5,
|
15806
14743
|
flexDirection: "row",
|
15807
14744
|
alignItems: "center"
|
15808
|
-
}, buttonBack, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(
|
15809
|
-
|
15810
|
-
|
15811
|
-
|
14745
|
+
}, buttonBack, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(PageHeaderWrapper, {
|
14746
|
+
color: "text.primary",
|
14747
|
+
item: title,
|
14748
|
+
variant: "h6"
|
14749
|
+
})), subtitle && /*#__PURE__*/React__default.createElement(Stack$1, {
|
15812
14750
|
alignItems: "center",
|
15813
14751
|
flexDirection: "row",
|
15814
14752
|
gap: 2
|
15815
|
-
}, /*#__PURE__*/React__default.createElement(
|
15816
|
-
|
15817
|
-
|
15818
|
-
|
14753
|
+
}, /*#__PURE__*/React__default.createElement(PageHeaderWrapper, {
|
14754
|
+
color: "text.secondary",
|
14755
|
+
item: subtitle,
|
14756
|
+
variant: "caption"
|
14757
|
+
})))), actions && /*#__PURE__*/React__default.createElement(Stack$1, {
|
15819
14758
|
gap: 1,
|
15820
14759
|
alignItems: "center",
|
15821
14760
|
flexDirection: "row"
|
@@ -21328,4 +20267,4 @@ const useDynamicColor = url => {
|
|
21328
20267
|
};
|
21329
20268
|
};
|
21330
20269
|
|
21331
|
-
export { AdproSincoTheme, DrawerComponent, DynamicColor, EmptyStateComponent as EmptyState, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, PageHeaderComponent, SincoTheme, useDynamicColor };
|
20270
|
+
export { AdproSincoTheme, DrawerComponent, DynamicColor, EmptyStateComponent as EmptyState, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, PageHeaderComponent, PageHeaderWrapper, SincoTheme, ToastNotificationComponent, useDynamicColor };
|