react-asc 25.5.5 → 25.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +1028 -0
- package/index.es.js +29 -40
- package/index.js +93 -111
- package/package.json +1 -1
- package/index.es.js.map +0 -1
- package/index.js.map +0 -1
package/index.js
CHANGED
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var reactDom = require('react-dom');
|
|
8
6
|
var core = require('@popperjs/core');
|
|
9
7
|
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
-
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
-
var reactDom__default = /*#__PURE__*/_interopDefaultLegacy(reactDom);
|
|
14
|
-
|
|
15
8
|
exports.COLOR = void 0;
|
|
16
9
|
(function (COLOR) {
|
|
17
10
|
COLOR["primary"] = "primary";
|
|
@@ -1173,20 +1166,16 @@ var objectAssign = shouldUseNative() ? Object.assign : function (target, source)
|
|
|
1173
1166
|
* LICENSE file in the root directory of this source tree.
|
|
1174
1167
|
*/
|
|
1175
1168
|
|
|
1176
|
-
var ReactPropTypesSecret$
|
|
1177
|
-
|
|
1178
|
-
var ReactPropTypesSecret_1 = ReactPropTypesSecret$2;
|
|
1179
|
-
|
|
1180
|
-
var has$2 = Function.call.bind(Object.prototype.hasOwnProperty);
|
|
1169
|
+
var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
|
|
1181
1170
|
|
|
1182
|
-
var ReactPropTypesSecret$1
|
|
1171
|
+
var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
|
|
1183
1172
|
|
|
1184
|
-
var has$1 =
|
|
1173
|
+
var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
|
|
1185
1174
|
|
|
1186
1175
|
var printWarning$1 = function() {};
|
|
1187
1176
|
|
|
1188
1177
|
if (process.env.NODE_ENV !== 'production') {
|
|
1189
|
-
var ReactPropTypesSecret =
|
|
1178
|
+
var ReactPropTypesSecret = ReactPropTypesSecret_1;
|
|
1190
1179
|
var loggedTypeFailures = {};
|
|
1191
1180
|
var has = has$1;
|
|
1192
1181
|
|
|
@@ -1215,7 +1204,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
1215
1204
|
* @param {?Function} getStack Returns the component stack.
|
|
1216
1205
|
* @private
|
|
1217
1206
|
*/
|
|
1218
|
-
function checkPropTypes
|
|
1207
|
+
function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
|
|
1219
1208
|
if (process.env.NODE_ENV !== 'production') {
|
|
1220
1209
|
for (var typeSpecName in typeSpecs) {
|
|
1221
1210
|
if (has(typeSpecs, typeSpecName)) {
|
|
@@ -1270,15 +1259,13 @@ function checkPropTypes$1(typeSpecs, values, location, componentName, getStack)
|
|
|
1270
1259
|
*
|
|
1271
1260
|
* @private
|
|
1272
1261
|
*/
|
|
1273
|
-
checkPropTypes
|
|
1262
|
+
checkPropTypes.resetWarningCache = function() {
|
|
1274
1263
|
if (process.env.NODE_ENV !== 'production') {
|
|
1275
1264
|
loggedTypeFailures = {};
|
|
1276
1265
|
}
|
|
1277
1266
|
};
|
|
1278
1267
|
|
|
1279
|
-
var checkPropTypes_1 = checkPropTypes
|
|
1280
|
-
|
|
1281
|
-
var checkPropTypes = checkPropTypes_1;
|
|
1268
|
+
var checkPropTypes_1 = checkPropTypes;
|
|
1282
1269
|
|
|
1283
1270
|
var printWarning = function() {};
|
|
1284
1271
|
|
|
@@ -1443,7 +1430,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
|
|
|
1443
1430
|
componentName = componentName || ANONYMOUS;
|
|
1444
1431
|
propFullName = propFullName || propName;
|
|
1445
1432
|
|
|
1446
|
-
if (secret !==
|
|
1433
|
+
if (secret !== ReactPropTypesSecret_1) {
|
|
1447
1434
|
if (throwOnDirectAccess) {
|
|
1448
1435
|
// New behavior only for users of `prop-types` package
|
|
1449
1436
|
var err = new Error(
|
|
@@ -1527,7 +1514,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
|
|
|
1527
1514
|
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
|
|
1528
1515
|
}
|
|
1529
1516
|
for (var i = 0; i < propValue.length; i++) {
|
|
1530
|
-
var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']',
|
|
1517
|
+
var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret_1);
|
|
1531
1518
|
if (error instanceof Error) {
|
|
1532
1519
|
return error;
|
|
1533
1520
|
}
|
|
@@ -1620,7 +1607,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
|
|
|
1620
1607
|
}
|
|
1621
1608
|
for (var key in propValue) {
|
|
1622
1609
|
if (has$1(propValue, key)) {
|
|
1623
|
-
var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key,
|
|
1610
|
+
var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
|
|
1624
1611
|
if (error instanceof Error) {
|
|
1625
1612
|
return error;
|
|
1626
1613
|
}
|
|
@@ -1652,7 +1639,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
|
|
|
1652
1639
|
var expectedTypes = [];
|
|
1653
1640
|
for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
|
|
1654
1641
|
var checker = arrayOfTypeCheckers[i];
|
|
1655
|
-
var checkerResult = checker(props, propName, componentName, location, propFullName,
|
|
1642
|
+
var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1);
|
|
1656
1643
|
if (checkerResult == null) {
|
|
1657
1644
|
return null;
|
|
1658
1645
|
}
|
|
@@ -1695,7 +1682,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
|
|
|
1695
1682
|
if (typeof checker !== 'function') {
|
|
1696
1683
|
return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
|
|
1697
1684
|
}
|
|
1698
|
-
var error = checker(propValue, key, componentName, location, propFullName + '.' + key,
|
|
1685
|
+
var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
|
|
1699
1686
|
if (error) {
|
|
1700
1687
|
return error;
|
|
1701
1688
|
}
|
|
@@ -1726,7 +1713,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
|
|
|
1726
1713
|
'\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ')
|
|
1727
1714
|
);
|
|
1728
1715
|
}
|
|
1729
|
-
var error = checker(propValue, key, componentName, location, propFullName + '.' + key,
|
|
1716
|
+
var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
|
|
1730
1717
|
if (error) {
|
|
1731
1718
|
return error;
|
|
1732
1719
|
}
|
|
@@ -1868,8 +1855,8 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
|
|
|
1868
1855
|
return propValue.constructor.name;
|
|
1869
1856
|
}
|
|
1870
1857
|
|
|
1871
|
-
ReactPropTypes.checkPropTypes =
|
|
1872
|
-
ReactPropTypes.resetWarningCache =
|
|
1858
|
+
ReactPropTypes.checkPropTypes = checkPropTypes_1;
|
|
1859
|
+
ReactPropTypes.resetWarningCache = checkPropTypes_1.resetWarningCache;
|
|
1873
1860
|
ReactPropTypes.PropTypes = ReactPropTypes;
|
|
1874
1861
|
|
|
1875
1862
|
return ReactPropTypes;
|
|
@@ -1881,7 +1868,7 @@ emptyFunctionWithReset.resetWarningCache = emptyFunction;
|
|
|
1881
1868
|
|
|
1882
1869
|
var factoryWithThrowingShims = function() {
|
|
1883
1870
|
function shim(props, propName, componentName, location, propFullName, secret) {
|
|
1884
|
-
if (secret ===
|
|
1871
|
+
if (secret === ReactPropTypesSecret_1) {
|
|
1885
1872
|
// It is still safe when called from React.
|
|
1886
1873
|
return;
|
|
1887
1874
|
}
|
|
@@ -1928,10 +1915,6 @@ var factoryWithThrowingShims = function() {
|
|
|
1928
1915
|
return ReactPropTypes;
|
|
1929
1916
|
};
|
|
1930
1917
|
|
|
1931
|
-
var require$$1 = factoryWithTypeCheckers;
|
|
1932
|
-
|
|
1933
|
-
var require$$2 = factoryWithThrowingShims;
|
|
1934
|
-
|
|
1935
1918
|
var propTypes = createCommonjsModule(function (module) {
|
|
1936
1919
|
/**
|
|
1937
1920
|
* Copyright (c) 2013-present, Facebook, Inc.
|
|
@@ -1946,11 +1929,11 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
1946
1929
|
// By explicitly using `prop-types` you are opting into new development behavior.
|
|
1947
1930
|
// http://fb.me/prop-types-in-prod
|
|
1948
1931
|
var throwOnDirectAccess = true;
|
|
1949
|
-
module.exports =
|
|
1932
|
+
module.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
|
|
1950
1933
|
} else {
|
|
1951
1934
|
// By explicitly using `prop-types` you are opting into new production behavior.
|
|
1952
1935
|
// http://fb.me/prop-types-in-prod
|
|
1953
|
-
module.exports =
|
|
1936
|
+
module.exports = factoryWithThrowingShims();
|
|
1954
1937
|
}
|
|
1955
1938
|
});
|
|
1956
1939
|
|
|
@@ -2635,6 +2618,8 @@ function isObject(value) {
|
|
|
2635
2618
|
|
|
2636
2619
|
var lodash_memoize = memoize;
|
|
2637
2620
|
|
|
2621
|
+
var memoize$1 = lodash_memoize;
|
|
2622
|
+
|
|
2638
2623
|
function resolver(options) {
|
|
2639
2624
|
return JSON.stringify(options);
|
|
2640
2625
|
}
|
|
@@ -2678,13 +2663,13 @@ function getUserLocalesInternal(_temp) {
|
|
|
2678
2663
|
return normalizeLocales(uniqDefined(languageList));
|
|
2679
2664
|
}
|
|
2680
2665
|
|
|
2681
|
-
var getUserLocales =
|
|
2666
|
+
var getUserLocales = memoize$1(getUserLocalesInternal, resolver);
|
|
2682
2667
|
|
|
2683
2668
|
function getUserLocaleInternal(options) {
|
|
2684
2669
|
return getUserLocales(options)[0] || null;
|
|
2685
2670
|
}
|
|
2686
2671
|
|
|
2687
|
-
var getUserLocale =
|
|
2672
|
+
var getUserLocale = memoize$1(getUserLocaleInternal, resolver);
|
|
2688
2673
|
|
|
2689
2674
|
/**
|
|
2690
2675
|
* Utils
|
|
@@ -3422,7 +3407,7 @@ function Navigation(_ref) {
|
|
|
3422
3407
|
}
|
|
3423
3408
|
function renderButton() {
|
|
3424
3409
|
var labelClassName = "".concat(className$6, "__label");
|
|
3425
|
-
return /*#__PURE__*/
|
|
3410
|
+
return /*#__PURE__*/React.createElement("button", {
|
|
3426
3411
|
"aria-label": navigationAriaLabel,
|
|
3427
3412
|
"aria-live": navigationAriaLive,
|
|
3428
3413
|
className: labelClassName,
|
|
@@ -3432,35 +3417,35 @@ function Navigation(_ref) {
|
|
|
3432
3417
|
flexGrow: 1
|
|
3433
3418
|
},
|
|
3434
3419
|
type: "button"
|
|
3435
|
-
}, /*#__PURE__*/
|
|
3420
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
3436
3421
|
className: "".concat(labelClassName, "__labelText ").concat(labelClassName, "__labelText--from")
|
|
3437
|
-
}, renderLabel(activeStartDate)), showDoubleView && /*#__PURE__*/
|
|
3422
|
+
}, renderLabel(activeStartDate)), showDoubleView && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
3438
3423
|
className: "".concat(labelClassName, "__divider")
|
|
3439
|
-
}, " \u2013 "), /*#__PURE__*/
|
|
3424
|
+
}, " \u2013 "), /*#__PURE__*/React.createElement("span", {
|
|
3440
3425
|
className: "".concat(labelClassName, "__labelText ").concat(labelClassName, "__labelText--to")
|
|
3441
3426
|
}, renderLabel(nextActiveStartDate))));
|
|
3442
3427
|
}
|
|
3443
|
-
return /*#__PURE__*/
|
|
3428
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
3444
3429
|
className: className$6
|
|
3445
|
-
}, prev2Label !== null && shouldShowPrevNext2Buttons && /*#__PURE__*/
|
|
3430
|
+
}, prev2Label !== null && shouldShowPrevNext2Buttons && /*#__PURE__*/React.createElement("button", {
|
|
3446
3431
|
"aria-label": prev2AriaLabel,
|
|
3447
3432
|
className: "".concat(className$6, "__arrow ").concat(className$6, "__prev2-button"),
|
|
3448
3433
|
disabled: prev2ButtonDisabled,
|
|
3449
3434
|
onClick: onClickPrevious2,
|
|
3450
3435
|
type: "button"
|
|
3451
|
-
}, prev2Label), prevLabel !== null && /*#__PURE__*/
|
|
3436
|
+
}, prev2Label), prevLabel !== null && /*#__PURE__*/React.createElement("button", {
|
|
3452
3437
|
"aria-label": prevAriaLabel,
|
|
3453
3438
|
className: "".concat(className$6, "__arrow ").concat(className$6, "__prev-button"),
|
|
3454
3439
|
disabled: prevButtonDisabled,
|
|
3455
3440
|
onClick: onClickPrevious,
|
|
3456
3441
|
type: "button"
|
|
3457
|
-
}, prevLabel), renderButton(), nextLabel !== null && /*#__PURE__*/
|
|
3442
|
+
}, prevLabel), renderButton(), nextLabel !== null && /*#__PURE__*/React.createElement("button", {
|
|
3458
3443
|
"aria-label": nextAriaLabel,
|
|
3459
3444
|
className: "".concat(className$6, "__arrow ").concat(className$6, "__next-button"),
|
|
3460
3445
|
disabled: nextButtonDisabled,
|
|
3461
3446
|
onClick: onClickNext,
|
|
3462
3447
|
type: "button"
|
|
3463
|
-
}, nextLabel), next2Label !== null && shouldShowPrevNext2Buttons && /*#__PURE__*/
|
|
3448
|
+
}, nextLabel), next2Label !== null && shouldShowPrevNext2Buttons && /*#__PURE__*/React.createElement("button", {
|
|
3464
3449
|
"aria-label": next2AriaLabel,
|
|
3465
3450
|
className: "".concat(className$6, "__arrow ").concat(className$6, "__next2-button"),
|
|
3466
3451
|
disabled: next2ButtonDisabled,
|
|
@@ -3512,15 +3497,15 @@ function Flex(_ref) {
|
|
|
3512
3497
|
style = _ref.style,
|
|
3513
3498
|
wrap = _ref.wrap,
|
|
3514
3499
|
otherProps = _objectWithoutProperties$9(_ref, _excluded$9);
|
|
3515
|
-
return /*#__PURE__*/
|
|
3500
|
+
return /*#__PURE__*/React.createElement("div", _extends$c({
|
|
3516
3501
|
className: className,
|
|
3517
3502
|
style: _objectSpread$c({
|
|
3518
3503
|
display: 'flex',
|
|
3519
3504
|
flexDirection: direction,
|
|
3520
3505
|
flexWrap: wrap ? 'wrap' : 'no-wrap'
|
|
3521
3506
|
}, style)
|
|
3522
|
-
}, otherProps),
|
|
3523
|
-
return /*#__PURE__*/
|
|
3507
|
+
}, otherProps), React.Children.map(children, function (child, index) {
|
|
3508
|
+
return /*#__PURE__*/React.cloneElement(child, _objectSpread$c(_objectSpread$c({}, child.props), {}, {
|
|
3524
3509
|
style: {
|
|
3525
3510
|
flexBasis: toPercent(100 / count),
|
|
3526
3511
|
flexShrink: 0,
|
|
@@ -3661,7 +3646,7 @@ function TileGroup(_ref) {
|
|
|
3661
3646
|
var tiles = [];
|
|
3662
3647
|
for (var point = start; point <= end; point += step) {
|
|
3663
3648
|
var date = dateTransform(point);
|
|
3664
|
-
tiles.push( /*#__PURE__*/
|
|
3649
|
+
tiles.push( /*#__PURE__*/React.createElement(Tile, _extends$b({
|
|
3665
3650
|
key: date.getTime(),
|
|
3666
3651
|
classes: getTileClasses({
|
|
3667
3652
|
value: value,
|
|
@@ -3674,7 +3659,7 @@ function TileGroup(_ref) {
|
|
|
3674
3659
|
point: point
|
|
3675
3660
|
}, tileProps)));
|
|
3676
3661
|
}
|
|
3677
|
-
return /*#__PURE__*/
|
|
3662
|
+
return /*#__PURE__*/React.createElement(Flex, {
|
|
3678
3663
|
className: className,
|
|
3679
3664
|
count: count,
|
|
3680
3665
|
offset: offset,
|
|
@@ -3753,7 +3738,7 @@ var Tile = /*#__PURE__*/function (_Component) {
|
|
|
3753
3738
|
var _this$state = this.state,
|
|
3754
3739
|
tileClassName = _this$state.tileClassName,
|
|
3755
3740
|
tileContent = _this$state.tileContent;
|
|
3756
|
-
return /*#__PURE__*/
|
|
3741
|
+
return /*#__PURE__*/React.createElement("button", {
|
|
3757
3742
|
className: clsx(classes, tileClassName),
|
|
3758
3743
|
disabled: minDate && minDateTransform(minDate) > date || maxDate && maxDateTransform(maxDate) < date || tileDisabled && tileDisabled({
|
|
3759
3744
|
activeStartDate: activeStartDate,
|
|
@@ -3771,7 +3756,7 @@ var Tile = /*#__PURE__*/function (_Component) {
|
|
|
3771
3756
|
},
|
|
3772
3757
|
style: style,
|
|
3773
3758
|
type: "button"
|
|
3774
|
-
}, formatAbbr ? /*#__PURE__*/
|
|
3759
|
+
}, formatAbbr ? /*#__PURE__*/React.createElement("abbr", {
|
|
3775
3760
|
"aria-label": formatAbbr(locale, date)
|
|
3776
3761
|
}, children) : children, tileContent);
|
|
3777
3762
|
}
|
|
@@ -3818,7 +3803,7 @@ function Decade(_ref) {
|
|
|
3818
3803
|
otherProps = _objectWithoutProperties$7(_ref, _excluded$7);
|
|
3819
3804
|
var date = otherProps.date,
|
|
3820
3805
|
locale = otherProps.locale;
|
|
3821
|
-
return /*#__PURE__*/
|
|
3806
|
+
return /*#__PURE__*/React.createElement(Tile, _extends$a({}, otherProps, {
|
|
3822
3807
|
classes: [].concat(classes, className$5),
|
|
3823
3808
|
maxDateTransform: getDecadeEnd,
|
|
3824
3809
|
minDateTransform: getDecadeStart,
|
|
@@ -3837,7 +3822,7 @@ function Decades(props) {
|
|
|
3837
3822
|
var activeStartDate = props.activeStartDate;
|
|
3838
3823
|
var start = getBeginOfCenturyYear(activeStartDate);
|
|
3839
3824
|
var end = start + 99;
|
|
3840
|
-
return /*#__PURE__*/
|
|
3825
|
+
return /*#__PURE__*/React.createElement(TileGroup, _extends$9({}, props, {
|
|
3841
3826
|
className: "react-calendar__century-view__decades",
|
|
3842
3827
|
dateTransform: getDecadeStart,
|
|
3843
3828
|
dateType: "decade",
|
|
@@ -3851,9 +3836,9 @@ Decades.propTypes = _objectSpread$8({}, tileGroupProps);
|
|
|
3851
3836
|
|
|
3852
3837
|
function CenturyView(props) {
|
|
3853
3838
|
function renderDecades() {
|
|
3854
|
-
return /*#__PURE__*/
|
|
3839
|
+
return /*#__PURE__*/React.createElement(Decades, props);
|
|
3855
3840
|
}
|
|
3856
|
-
return /*#__PURE__*/
|
|
3841
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
3857
3842
|
className: "react-calendar__century-view"
|
|
3858
3843
|
}, renderDecades());
|
|
3859
3844
|
}
|
|
@@ -3873,7 +3858,7 @@ function Year(_ref) {
|
|
|
3873
3858
|
otherProps = _objectWithoutProperties$6(_ref, _excluded$6);
|
|
3874
3859
|
var date = otherProps.date,
|
|
3875
3860
|
locale = otherProps.locale;
|
|
3876
|
-
return /*#__PURE__*/
|
|
3861
|
+
return /*#__PURE__*/React.createElement(Tile, _extends$8({}, otherProps, {
|
|
3877
3862
|
classes: [].concat(classes, className$4),
|
|
3878
3863
|
maxDateTransform: getYearEnd,
|
|
3879
3864
|
minDateTransform: getYearStart,
|
|
@@ -3892,7 +3877,7 @@ function Years(props) {
|
|
|
3892
3877
|
var activeStartDate = props.activeStartDate;
|
|
3893
3878
|
var start = getBeginOfDecadeYear(activeStartDate);
|
|
3894
3879
|
var end = start + 9;
|
|
3895
|
-
return /*#__PURE__*/
|
|
3880
|
+
return /*#__PURE__*/React.createElement(TileGroup, _extends$7({}, props, {
|
|
3896
3881
|
className: "react-calendar__decade-view__years",
|
|
3897
3882
|
dateTransform: function dateTransform(year) {
|
|
3898
3883
|
var date = new Date();
|
|
@@ -3910,9 +3895,9 @@ Years.propTypes = _objectSpread$6({}, tileGroupProps);
|
|
|
3910
3895
|
|
|
3911
3896
|
function DecadeView(props) {
|
|
3912
3897
|
function renderYears() {
|
|
3913
|
-
return /*#__PURE__*/
|
|
3898
|
+
return /*#__PURE__*/React.createElement(Years, props);
|
|
3914
3899
|
}
|
|
3915
|
-
return /*#__PURE__*/
|
|
3900
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
3916
3901
|
className: "react-calendar__decade-view"
|
|
3917
3902
|
}, renderYears());
|
|
3918
3903
|
}
|
|
@@ -3934,7 +3919,7 @@ function Month(_ref) {
|
|
|
3934
3919
|
otherProps = _objectWithoutProperties$5(_ref, _excluded$5);
|
|
3935
3920
|
var date = otherProps.date,
|
|
3936
3921
|
locale = otherProps.locale;
|
|
3937
|
-
return /*#__PURE__*/
|
|
3922
|
+
return /*#__PURE__*/React.createElement(Tile, _extends$6({}, otherProps, {
|
|
3938
3923
|
classes: [].concat(classes, className$3),
|
|
3939
3924
|
formatAbbr: formatMonthYear$1,
|
|
3940
3925
|
maxDateTransform: getMonthEnd,
|
|
@@ -3956,7 +3941,7 @@ function Months(props) {
|
|
|
3956
3941
|
var start = 0;
|
|
3957
3942
|
var end = 11;
|
|
3958
3943
|
var year = getYear(activeStartDate);
|
|
3959
|
-
return /*#__PURE__*/
|
|
3944
|
+
return /*#__PURE__*/React.createElement(TileGroup, _extends$5({}, props, {
|
|
3960
3945
|
className: "react-calendar__year-view__months",
|
|
3961
3946
|
dateTransform: function dateTransform(monthIndex) {
|
|
3962
3947
|
var date = new Date();
|
|
@@ -3976,9 +3961,9 @@ Months.propTypes = _objectSpread$4(_objectSpread$4({}, tileGroupProps), {}, {
|
|
|
3976
3961
|
|
|
3977
3962
|
function YearView(props) {
|
|
3978
3963
|
function renderMonths() {
|
|
3979
|
-
return /*#__PURE__*/
|
|
3964
|
+
return /*#__PURE__*/React.createElement(Months, props);
|
|
3980
3965
|
}
|
|
3981
|
-
return /*#__PURE__*/
|
|
3966
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
3982
3967
|
className: "react-calendar__year-view"
|
|
3983
3968
|
}, renderMonths());
|
|
3984
3969
|
}
|
|
@@ -4002,7 +3987,7 @@ function Day(_ref) {
|
|
|
4002
3987
|
otherProps = _objectWithoutProperties$4(_ref, _excluded$4);
|
|
4003
3988
|
var date = otherProps.date,
|
|
4004
3989
|
locale = otherProps.locale;
|
|
4005
|
-
return /*#__PURE__*/
|
|
3990
|
+
return /*#__PURE__*/React.createElement(Tile, _extends$4({}, otherProps, {
|
|
4006
3991
|
classes: [].concat(classes, className$2, isWeekend(date, calendarType) ? "".concat(className$2, "--weekend") : null, date.getMonth() !== currentMonthIndex ? "".concat(className$2, "--neighboringMonth") : null),
|
|
4007
3992
|
formatAbbr: formatLongDate$1,
|
|
4008
3993
|
maxDateTransform: getDayEnd,
|
|
@@ -4062,7 +4047,7 @@ function Days(props) {
|
|
|
4062
4047
|
}
|
|
4063
4048
|
return daysInMonth;
|
|
4064
4049
|
}();
|
|
4065
|
-
return /*#__PURE__*/
|
|
4050
|
+
return /*#__PURE__*/React.createElement(TileGroup, _extends$3({}, otherProps, {
|
|
4066
4051
|
className: "react-calendar__month-view__days",
|
|
4067
4052
|
count: 7,
|
|
4068
4053
|
currentMonthIndex: monthIndex,
|
|
@@ -4103,15 +4088,15 @@ function Weekdays(props) {
|
|
|
4103
4088
|
for (var weekday = 1; weekday <= 7; weekday += 1) {
|
|
4104
4089
|
var weekdayDate = new Date(year, monthIndex, weekday - getDayOfWeek(beginOfMonth, calendarType));
|
|
4105
4090
|
var abbr = formatWeekday$1(locale, weekdayDate);
|
|
4106
|
-
weekdays.push( /*#__PURE__*/
|
|
4091
|
+
weekdays.push( /*#__PURE__*/React.createElement("div", {
|
|
4107
4092
|
key: weekday,
|
|
4108
4093
|
className: clsx(weekdayClassName, isWeekend(weekdayDate, calendarType) && "".concat(weekdayClassName, "--weekend"))
|
|
4109
|
-
}, /*#__PURE__*/
|
|
4094
|
+
}, /*#__PURE__*/React.createElement("abbr", {
|
|
4110
4095
|
"aria-label": abbr,
|
|
4111
4096
|
title: abbr
|
|
4112
4097
|
}, formatShortWeekday$1(locale, weekdayDate).replace('.', ''))));
|
|
4113
4098
|
}
|
|
4114
|
-
return /*#__PURE__*/
|
|
4099
|
+
return /*#__PURE__*/React.createElement(Flex, {
|
|
4115
4100
|
className: className$1,
|
|
4116
4101
|
count: 7,
|
|
4117
4102
|
onFocus: onMouseLeave,
|
|
@@ -4142,13 +4127,13 @@ function WeekNumber(_ref) {
|
|
|
4142
4127
|
var props = _objectSpread$1({
|
|
4143
4128
|
className: className
|
|
4144
4129
|
}, otherProps);
|
|
4145
|
-
var children = /*#__PURE__*/
|
|
4146
|
-
return onClickWeekNumber ? /*#__PURE__*/
|
|
4130
|
+
var children = /*#__PURE__*/React.createElement("span", null, weekNumber);
|
|
4131
|
+
return onClickWeekNumber ? /*#__PURE__*/React.createElement("button", _extends$2({}, props, {
|
|
4147
4132
|
onClick: function onClick(event) {
|
|
4148
4133
|
return onClickWeekNumber(weekNumber, date, event);
|
|
4149
4134
|
},
|
|
4150
4135
|
type: "button"
|
|
4151
|
-
}), children) : /*#__PURE__*/
|
|
4136
|
+
}), children) : /*#__PURE__*/React.createElement("div", props, children);
|
|
4152
4137
|
}
|
|
4153
4138
|
WeekNumber.propTypes = {
|
|
4154
4139
|
date: PropTypes.instanceOf(Date).isRequired,
|
|
@@ -4184,7 +4169,7 @@ function WeekNumbers(props) {
|
|
|
4184
4169
|
var weekNumbers = dates.map(function (date) {
|
|
4185
4170
|
return getWeekNumber(date, calendarType);
|
|
4186
4171
|
});
|
|
4187
|
-
return /*#__PURE__*/
|
|
4172
|
+
return /*#__PURE__*/React.createElement(Flex, {
|
|
4188
4173
|
className: "react-calendar__month-view__weekNumbers",
|
|
4189
4174
|
count: numberOfWeeks,
|
|
4190
4175
|
direction: "column",
|
|
@@ -4195,7 +4180,7 @@ function WeekNumbers(props) {
|
|
|
4195
4180
|
flexShrink: 0
|
|
4196
4181
|
}
|
|
4197
4182
|
}, weekNumbers.map(function (weekNumber, weekIndex) {
|
|
4198
|
-
return /*#__PURE__*/
|
|
4183
|
+
return /*#__PURE__*/React.createElement(WeekNumber, {
|
|
4199
4184
|
key: weekNumber,
|
|
4200
4185
|
date: dates[weekIndex],
|
|
4201
4186
|
onClickWeekNumber: onClickWeekNumber,
|
|
@@ -4233,7 +4218,7 @@ function MonthView(props) {
|
|
|
4233
4218
|
showWeekNumbers = props.showWeekNumbers,
|
|
4234
4219
|
childProps = _objectWithoutProperties$1(props, _excluded$1);
|
|
4235
4220
|
function renderWeekdays() {
|
|
4236
|
-
return /*#__PURE__*/
|
|
4221
|
+
return /*#__PURE__*/React.createElement(Weekdays, {
|
|
4237
4222
|
calendarType: calendarType,
|
|
4238
4223
|
formatShortWeekday: formatShortWeekday,
|
|
4239
4224
|
formatWeekday: formatWeekday,
|
|
@@ -4245,7 +4230,7 @@ function MonthView(props) {
|
|
|
4245
4230
|
if (!showWeekNumbers) {
|
|
4246
4231
|
return null;
|
|
4247
4232
|
}
|
|
4248
|
-
return /*#__PURE__*/
|
|
4233
|
+
return /*#__PURE__*/React.createElement(WeekNumbers, {
|
|
4249
4234
|
activeStartDate: activeStartDate,
|
|
4250
4235
|
calendarType: calendarType,
|
|
4251
4236
|
onClickWeekNumber: onClickWeekNumber,
|
|
@@ -4254,19 +4239,19 @@ function MonthView(props) {
|
|
|
4254
4239
|
});
|
|
4255
4240
|
}
|
|
4256
4241
|
function renderDays() {
|
|
4257
|
-
return /*#__PURE__*/
|
|
4242
|
+
return /*#__PURE__*/React.createElement(Days, _extends$1({
|
|
4258
4243
|
calendarType: calendarType
|
|
4259
4244
|
}, childProps));
|
|
4260
4245
|
}
|
|
4261
4246
|
var className = 'react-calendar__month-view';
|
|
4262
|
-
return /*#__PURE__*/
|
|
4247
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
4263
4248
|
className: clsx(className, showWeekNumbers ? "".concat(className, "--weekNumbers") : '')
|
|
4264
|
-
}, /*#__PURE__*/
|
|
4249
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4265
4250
|
style: {
|
|
4266
4251
|
display: 'flex',
|
|
4267
4252
|
alignItems: 'flex-end'
|
|
4268
4253
|
}
|
|
4269
|
-
}, renderWeekNumbers(), /*#__PURE__*/
|
|
4254
|
+
}, renderWeekNumbers(), /*#__PURE__*/React.createElement("div", {
|
|
4270
4255
|
style: {
|
|
4271
4256
|
flexGrow: 1,
|
|
4272
4257
|
width: '100%'
|
|
@@ -4438,7 +4423,7 @@ function getInitialActiveStartDate(props) {
|
|
|
4438
4423
|
var getIsSingleValue = function getIsSingleValue(value) {
|
|
4439
4424
|
return value && [].concat(value).length === 1;
|
|
4440
4425
|
};
|
|
4441
|
-
var Calendar
|
|
4426
|
+
var Calendar = /*#__PURE__*/function (_Component) {
|
|
4442
4427
|
_inherits(Calendar, _Component);
|
|
4443
4428
|
var _super = _createSuper(Calendar);
|
|
4444
4429
|
function Calendar() {
|
|
@@ -4763,14 +4748,14 @@ var Calendar$1 = /*#__PURE__*/function (_Component) {
|
|
|
4763
4748
|
case 'century':
|
|
4764
4749
|
{
|
|
4765
4750
|
var formatYear = this.props.formatYear;
|
|
4766
|
-
return /*#__PURE__*/
|
|
4751
|
+
return /*#__PURE__*/React.createElement(CenturyView, _extends({
|
|
4767
4752
|
formatYear: formatYear
|
|
4768
4753
|
}, commonProps));
|
|
4769
4754
|
}
|
|
4770
4755
|
case 'decade':
|
|
4771
4756
|
{
|
|
4772
4757
|
var _formatYear = this.props.formatYear;
|
|
4773
|
-
return /*#__PURE__*/
|
|
4758
|
+
return /*#__PURE__*/React.createElement(DecadeView, _extends({
|
|
4774
4759
|
formatYear: _formatYear
|
|
4775
4760
|
}, commonProps));
|
|
4776
4761
|
}
|
|
@@ -4779,7 +4764,7 @@ var Calendar$1 = /*#__PURE__*/function (_Component) {
|
|
|
4779
4764
|
var _this$props9 = this.props,
|
|
4780
4765
|
formatMonth = _this$props9.formatMonth,
|
|
4781
4766
|
formatMonthYear = _this$props9.formatMonthYear;
|
|
4782
|
-
return /*#__PURE__*/
|
|
4767
|
+
return /*#__PURE__*/React.createElement(YearView, _extends({
|
|
4783
4768
|
formatMonth: formatMonth,
|
|
4784
4769
|
formatMonthYear: formatMonthYear
|
|
4785
4770
|
}, commonProps));
|
|
@@ -4797,7 +4782,7 @@ var Calendar$1 = /*#__PURE__*/function (_Component) {
|
|
|
4797
4782
|
showNeighboringMonth = _this$props10.showNeighboringMonth,
|
|
4798
4783
|
showWeekNumbers = _this$props10.showWeekNumbers;
|
|
4799
4784
|
var onMouseLeave = this.onMouseLeave;
|
|
4800
|
-
return /*#__PURE__*/
|
|
4785
|
+
return /*#__PURE__*/React.createElement(MonthView, _extends({
|
|
4801
4786
|
calendarType: calendarType,
|
|
4802
4787
|
formatDay: formatDay,
|
|
4803
4788
|
formatLongDate: formatLongDate,
|
|
@@ -4842,7 +4827,7 @@ var Calendar$1 = /*#__PURE__*/function (_Component) {
|
|
|
4842
4827
|
prevAriaLabel = _this$props11.prevAriaLabel,
|
|
4843
4828
|
prevLabel = _this$props11.prevLabel,
|
|
4844
4829
|
showDoubleView = _this$props11.showDoubleView;
|
|
4845
|
-
return /*#__PURE__*/
|
|
4830
|
+
return /*#__PURE__*/React.createElement(Navigation, {
|
|
4846
4831
|
activeStartDate: activeStartDate,
|
|
4847
4832
|
drillUp: this.drillUp,
|
|
4848
4833
|
formatMonthYear: formatMonthYear,
|
|
@@ -4878,10 +4863,10 @@ var Calendar$1 = /*#__PURE__*/function (_Component) {
|
|
|
4878
4863
|
var onMouseLeave = this.onMouseLeave,
|
|
4879
4864
|
value = this.value;
|
|
4880
4865
|
var valueArray = [].concat(value);
|
|
4881
|
-
return /*#__PURE__*/
|
|
4866
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
4882
4867
|
className: clsx(baseClassName, selectRange && valueArray.length === 1 && "".concat(baseClassName, "--selectRange"), showDoubleView && "".concat(baseClassName, "--doubleView"), className),
|
|
4883
4868
|
ref: inputRef
|
|
4884
|
-
}, this.renderNavigation(), /*#__PURE__*/
|
|
4869
|
+
}, this.renderNavigation(), /*#__PURE__*/React.createElement("div", {
|
|
4885
4870
|
className: "".concat(baseClassName, "__viewContainer"),
|
|
4886
4871
|
onBlur: selectRange ? onMouseLeave : null,
|
|
4887
4872
|
onMouseLeave: selectRange ? onMouseLeave : null
|
|
@@ -4890,7 +4875,7 @@ var Calendar$1 = /*#__PURE__*/function (_Component) {
|
|
|
4890
4875
|
}]);
|
|
4891
4876
|
return Calendar;
|
|
4892
4877
|
}(React.Component);
|
|
4893
|
-
Calendar
|
|
4878
|
+
Calendar.defaultProps = {
|
|
4894
4879
|
goToRangeStartOnSelect: true,
|
|
4895
4880
|
maxDate: defaultMaxDate,
|
|
4896
4881
|
maxDetail: 'month',
|
|
@@ -4902,7 +4887,7 @@ Calendar$1.defaultProps = {
|
|
|
4902
4887
|
};
|
|
4903
4888
|
var isActiveStartDate = PropTypes.instanceOf(Date);
|
|
4904
4889
|
var isLooseValue = PropTypes.oneOfType([PropTypes.string, isValue]);
|
|
4905
|
-
Calendar
|
|
4890
|
+
Calendar.propTypes = {
|
|
4906
4891
|
activeStartDate: isActiveStartDate,
|
|
4907
4892
|
allowPartialRange: PropTypes.bool,
|
|
4908
4893
|
calendarType: isCalendarType,
|
|
@@ -4959,8 +4944,6 @@ Calendar$1.propTypes = {
|
|
|
4959
4944
|
view: isView
|
|
4960
4945
|
};
|
|
4961
4946
|
|
|
4962
|
-
var Calendar = Calendar$1;
|
|
4963
|
-
|
|
4964
4947
|
var css_248z$H = ".DatePicker-module_datePicker__mTJ3f {\n width: 100%;\n}";
|
|
4965
4948
|
var styles$H = {"datePicker":"DatePicker-module_datePicker__mTJ3f"};
|
|
4966
4949
|
styleInject(css_248z$H);
|
|
@@ -5744,14 +5727,14 @@ var client = createCommonjsModule(function (module, exports) {
|
|
|
5744
5727
|
|
|
5745
5728
|
|
|
5746
5729
|
if (process.env.NODE_ENV === 'production') {
|
|
5747
|
-
exports.createRoot =
|
|
5748
|
-
exports.hydrateRoot =
|
|
5730
|
+
exports.createRoot = reactDom.createRoot;
|
|
5731
|
+
exports.hydrateRoot = reactDom.hydrateRoot;
|
|
5749
5732
|
} else {
|
|
5750
|
-
var i =
|
|
5733
|
+
var i = reactDom.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
5751
5734
|
exports.createRoot = function(c, o) {
|
|
5752
5735
|
i.usingClientEntryPoint = true;
|
|
5753
5736
|
try {
|
|
5754
|
-
return
|
|
5737
|
+
return reactDom.createRoot(c, o);
|
|
5755
5738
|
} finally {
|
|
5756
5739
|
i.usingClientEntryPoint = false;
|
|
5757
5740
|
}
|
|
@@ -5759,7 +5742,7 @@ if (process.env.NODE_ENV === 'production') {
|
|
|
5759
5742
|
exports.hydrateRoot = function(c, h, o) {
|
|
5760
5743
|
i.usingClientEntryPoint = true;
|
|
5761
5744
|
try {
|
|
5762
|
-
return
|
|
5745
|
+
return reactDom.hydrateRoot(c, h, o);
|
|
5763
5746
|
} finally {
|
|
5764
5747
|
i.usingClientEntryPoint = false;
|
|
5765
5748
|
}
|
|
@@ -6271,11 +6254,11 @@ const Sidebar = (props) => {
|
|
|
6271
6254
|
const handleClickSubItem = (itemPath, subItemPath, e) => {
|
|
6272
6255
|
navigate(e, `${itemPath}/${subItemPath}`);
|
|
6273
6256
|
};
|
|
6274
|
-
return (jsxRuntime.jsx("nav", { className: getCssClasses(), ...rest, children: jsxRuntime.jsx(List, { children: menuItems.map(item => (jsxRuntime.jsxs(
|
|
6257
|
+
return (jsxRuntime.jsx("nav", { className: getCssClasses(), ...rest, children: jsxRuntime.jsx(List, { children: menuItems.map(item => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs(ListItem, { active: isMenuItemActive(item.path), onClick: (e) => handleClickItem(item, e), children: [jsxRuntime.jsx(ListItemText, { primary: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.label, item.items && item.items.length > 0 && (jsxRuntime.jsxs("small", { className: "ml-2", children: ["(", item.items.length, ")"] }))] }) }), item.items && item.items.length > 0 &&
|
|
6275
6258
|
jsxRuntime.jsx(ListItemAction, { children: item.isCollapsed ? jsxRuntime.jsx(ChevronDownSolidIcon, {}) : jsxRuntime.jsx(ChevronUpSolidIcon, {}) })] }), !item.isCollapsed && item.items && item.items.length > 0 && (jsxRuntime.jsx(List, { className: "list-level-1", children: item.items.map(subItem => (jsxRuntime.jsx(ListItem, { className: "list-item-level-1", active: isMenuItemActive(subItem.path), onClick: (e) => handleClickSubItem(item.path, subItem.path, e), children: subItem.label }, subItem.id))) }, `${item.id}-sub`))] }, item.id))) }) }));
|
|
6276
6259
|
};
|
|
6277
6260
|
|
|
6278
|
-
var css_248z$j = "@keyframes SkeletonAvatar-module_skeleton-loading__eM-ZU {\n 0% {\n background-color: hsl(
|
|
6261
|
+
var css_248z$j = "@keyframes SkeletonAvatar-module_skeleton-loading__eM-ZU {\n 0% {\n background-color: hsl(200, 20%, 80%);\n }\n 100% {\n background-color: hsl(200, 20%, 95%);\n }\n}\n.SkeletonAvatar-module_skeletonAvatar__03QnJ {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n background-color: var(--secondary);\n animation: SkeletonAvatar-module_skeleton-loading__eM-ZU 1s linear infinite alternate;\n}";
|
|
6279
6262
|
var styles$j = {"skeletonAvatar":"SkeletonAvatar-module_skeletonAvatar__03QnJ","skeleton-loading":"SkeletonAvatar-module_skeleton-loading__eM-ZU"};
|
|
6280
6263
|
styleInject(css_248z$j);
|
|
6281
6264
|
|
|
@@ -6290,7 +6273,7 @@ const SkeletonAvatar = (props) => {
|
|
|
6290
6273
|
return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest }));
|
|
6291
6274
|
};
|
|
6292
6275
|
|
|
6293
|
-
var css_248z$i = "@keyframes SkeletonText-module_skeleton-loading__EYFfJ {\n 0% {\n background-color: hsl(
|
|
6276
|
+
var css_248z$i = "@keyframes SkeletonText-module_skeleton-loading__EYFfJ {\n 0% {\n background-color: hsl(200, 20%, 80%);\n }\n 100% {\n background-color: hsl(200, 20%, 95%);\n }\n}\n.SkeletonText-module_skeletonText__E5NCO {\n width: 100%;\n height: 0.7rem;\n margin-bottom: 0.5rem;\n border-radius: 0.25rem;\n animation: SkeletonText-module_skeleton-loading__EYFfJ 1s linear infinite alternate;\n}";
|
|
6294
6277
|
var styles$i = {"skeletonText":"SkeletonText-module_skeletonText__E5NCO","skeleton-loading":"SkeletonText-module_skeleton-loading__EYFfJ"};
|
|
6295
6278
|
styleInject(css_248z$i);
|
|
6296
6279
|
|
|
@@ -6305,7 +6288,7 @@ const SkeletonText = (props) => {
|
|
|
6305
6288
|
return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest }));
|
|
6306
6289
|
};
|
|
6307
6290
|
|
|
6308
|
-
var css_248z$h = "@keyframes SkeletonFooter-module_skeleton-loading__OEErv {\n 0% {\n background-color: hsl(
|
|
6291
|
+
var css_248z$h = "@keyframes SkeletonFooter-module_skeleton-loading__OEErv {\n 0% {\n background-color: hsl(200, 20%, 80%);\n }\n 100% {\n background-color: hsl(200, 20%, 95%);\n }\n}\n.SkeletonFooter-module_skeletonFooter__u2Gxc {\n width: 30%;\n height: 0.7rem;\n border-radius: 0.25rem;\n animation: SkeletonFooter-module_skeleton-loading__OEErv 1s linear infinite alternate;\n}";
|
|
6309
6292
|
var styles$h = {"skeletonFooter":"SkeletonFooter-module_skeletonFooter__u2Gxc","skeleton-loading":"SkeletonFooter-module_skeleton-loading__OEErv"};
|
|
6310
6293
|
styleInject(css_248z$h);
|
|
6311
6294
|
|
|
@@ -6320,7 +6303,7 @@ const SkeletonFooter = (props) => {
|
|
|
6320
6303
|
return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest }));
|
|
6321
6304
|
};
|
|
6322
6305
|
|
|
6323
|
-
var css_248z$g = "@keyframes SkeletonImage-module_skeleton-loading__04lJ7 {\n 0% {\n background-color: hsl(
|
|
6306
|
+
var css_248z$g = "@keyframes SkeletonImage-module_skeleton-loading__04lJ7 {\n 0% {\n background-color: hsl(200, 20%, 80%);\n }\n 100% {\n background-color: hsl(200, 20%, 95%);\n }\n}\n.SkeletonImage-module_skeletonImage__2EwDG {\n height: 10rem;\n margin: 0.5rem 0;\n border-radius: 0.75rem;\n animation: SkeletonImage-module_skeleton-loading__04lJ7 1s linear infinite alternate;\n}\n\n.SkeletonImage-module_div__tqqrB {\n width: 100%;\n height: 100%;\n object-fit: cover;\n margin: auto;\n border-radius: 0.75rem;\n border-color: none;\n}";
|
|
6324
6307
|
var styles$g = {"skeletonImage":"SkeletonImage-module_skeletonImage__2EwDG","skeleton-loading":"SkeletonImage-module_skeleton-loading__04lJ7","div":"SkeletonImage-module_div__tqqrB"};
|
|
6325
6308
|
styleInject(css_248z$g);
|
|
6326
6309
|
|
|
@@ -6520,11 +6503,11 @@ const Dot = (props) => {
|
|
|
6520
6503
|
const Stepper = (props) => {
|
|
6521
6504
|
const { children, isLinear = true, showLabel = true, showProgressCheckIcon = false, value, isHorizontal = true, showDoneButton, showResetButton, showSteps = true, showDots, onChange, onFinish } = props;
|
|
6522
6505
|
const [steps, setSteps] = React.useState();
|
|
6523
|
-
const [activeIndex, setActiveIndex] =
|
|
6524
|
-
const [skipped, setSkipped] =
|
|
6506
|
+
const [activeIndex, setActiveIndex] = React.useState(0);
|
|
6507
|
+
const [skipped, setSkipped] = React.useState(new Set());
|
|
6525
6508
|
React.useEffect(() => {
|
|
6526
6509
|
if (children) {
|
|
6527
|
-
setSteps(
|
|
6510
|
+
setSteps(React.Children.toArray(children));
|
|
6528
6511
|
}
|
|
6529
6512
|
}, [children]);
|
|
6530
6513
|
const prevActiveIndexRef = React.useRef(activeIndex);
|
|
@@ -6546,7 +6529,7 @@ const Stepper = (props) => {
|
|
|
6546
6529
|
setActiveIndex(index);
|
|
6547
6530
|
};
|
|
6548
6531
|
const renderSteps = (child, index) => {
|
|
6549
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children:
|
|
6532
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: React.isValidElement(child) &&
|
|
6550
6533
|
React.cloneElement(child, {
|
|
6551
6534
|
index: index,
|
|
6552
6535
|
isActive: activeIndex >= index,
|
|
@@ -6624,7 +6607,7 @@ const Wrapper = (props) => {
|
|
|
6624
6607
|
className && cssClasses.push(className);
|
|
6625
6608
|
return cssClasses.filter(css => css).join(' ');
|
|
6626
6609
|
};
|
|
6627
|
-
return
|
|
6610
|
+
return React.createElement(as, { ...rest, className: getCssClasses() }, children);
|
|
6628
6611
|
};
|
|
6629
6612
|
const Typography = ({ children, as = 'span', wrap, ...rest }) => {
|
|
6630
6613
|
return (jsxRuntime.jsx(Wrapper, { as: as, wrap: wrap, ...rest, children: children }));
|
|
@@ -6759,7 +6742,7 @@ const Tabs = (props) => {
|
|
|
6759
6742
|
}, [value]);
|
|
6760
6743
|
React.useEffect(() => {
|
|
6761
6744
|
if (selectedValue && children) {
|
|
6762
|
-
|
|
6745
|
+
React.Children.toArray(children).forEach((child, index) => {
|
|
6763
6746
|
if (child.props.value === selectedValue) {
|
|
6764
6747
|
setSelectedIndex(index);
|
|
6765
6748
|
onChange && onChange(selectedValue);
|
|
@@ -6774,7 +6757,7 @@ const Tabs = (props) => {
|
|
|
6774
6757
|
return cssClasses.filter(css => css).join(' ');
|
|
6775
6758
|
};
|
|
6776
6759
|
return (jsxRuntime.jsx(ButtonContext.Provider, { value: { color: color || exports.COLOR.light }, children: jsxRuntime.jsx(TabContext.Provider, { value: tabContext, children: jsxRuntime.jsxs("div", { className: getCssClasses(), children: [children, children &&
|
|
6777
|
-
jsxRuntime.jsx(TabIndicator, { color: indicatorColor, width: (100 /
|
|
6760
|
+
jsxRuntime.jsx(TabIndicator, { color: indicatorColor, width: (100 / React.Children.toArray(children).length) + '%', index: selectedIndex, amount: React.Children.toArray(children).length })] }) }) }));
|
|
6778
6761
|
};
|
|
6779
6762
|
|
|
6780
6763
|
var css_248z$2 = ".Tab-module_tab__Q8w1f {\n padding: 6px 12px;\n overflow: hidden;\n position: relative;\n font-size: 0.875rem;\n min-width: 72px;\n box-sizing: border-box;\n min-height: 48px;\n text-align: center;\n font-weight: 500;\n line-height: 1.75;\n white-space: normal;\n letter-spacing: 0.02857em;\n text-transform: uppercase;\n border-radius: 0;\n flex-grow: 1;\n flex-basis: 0;\n transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}";
|
|
@@ -7111,4 +7094,3 @@ exports.useHover = useHover;
|
|
|
7111
7094
|
exports.useMobileDetect = useMobileDetect;
|
|
7112
7095
|
exports.useOnDestroy = useOnDestroy;
|
|
7113
7096
|
exports.useWindowSize = useWindowSize;
|
|
7114
|
-
//# sourceMappingURL=index.js.map
|