@alfalab/core-components-calendar-with-skeleton 5.0.27 → 5.0.29

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.
Files changed (11) hide show
  1. package/Component.js +11 -49
  2. package/cssm/Component.js +10 -48
  3. package/cssm/index.js +1 -0
  4. package/esm/Component.js +2 -40
  5. package/esm/index.css +12 -12
  6. package/esm/index.js +1 -0
  7. package/index.css +12 -12
  8. package/index.js +1 -0
  9. package/modern/Component.js +1 -1
  10. package/modern/index.css +12 -12
  11. package/package.json +5 -4
package/Component.js CHANGED
@@ -1,5 +1,6 @@
1
1
  'use strict';
2
2
 
3
+ var tslib = require('tslib');
3
4
  var React = require('react');
4
5
  var reactTransitionGroup = require('react-transition-group');
5
6
  var cn = require('classnames');
@@ -11,65 +12,26 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
14
 
14
- /******************************************************************************
15
- Copyright (c) Microsoft Corporation.
16
-
17
- Permission to use, copy, modify, and/or distribute this software for any
18
- purpose with or without fee is hereby granted.
19
-
20
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
21
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
22
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
23
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
24
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
25
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
26
- PERFORMANCE OF THIS SOFTWARE.
27
- ***************************************************************************** */
28
- var __assign = function () {
29
- __assign = Object.assign || function __assign(t) {
30
- for (var s, i = 1, n = arguments.length; i < n; i++) {
31
- s = arguments[i];
32
- for (var p in s)
33
- if (Object.prototype.hasOwnProperty.call(s, p))
34
- t[p] = s[p];
35
- }
36
- return t;
37
- };
38
- return __assign.apply(this, arguments);
39
- };
40
- function __rest(s, e) {
41
- var t = {};
42
- for (var p in s)
43
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
44
- t[p] = s[p];
45
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
46
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
47
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
48
- t[p[i]] = s[p[i]];
49
- }
50
- return t;
51
- }
52
-
53
- var styles = {"component":"calendar-with-skeleton__component_4xfe1","calendarVisible":"calendar-with-skeleton__calendarVisible_4xfe1","skeleton":"calendar-with-skeleton__skeleton_4xfe1","header":"calendar-with-skeleton__header_4xfe1","weekDays":"calendar-with-skeleton__weekDays_4xfe1","row":"calendar-with-skeleton__row_4xfe1","enter":"calendar-with-skeleton__enter_4xfe1","enterActive":"calendar-with-skeleton__enterActive_4xfe1","exit":"calendar-with-skeleton__exit_4xfe1","exitActive":"calendar-with-skeleton__exitActive_4xfe1"};
15
+ var styles = {"component":"calendar-with-skeleton__component_1qv7q","calendarVisible":"calendar-with-skeleton__calendarVisible_1qv7q","skeleton":"calendar-with-skeleton__skeleton_1qv7q","header":"calendar-with-skeleton__header_1qv7q","weekDays":"calendar-with-skeleton__weekDays_1qv7q","row":"calendar-with-skeleton__row_1qv7q","enter":"calendar-with-skeleton__enter_1qv7q","enterActive":"calendar-with-skeleton__enterActive_1qv7q","exit":"calendar-with-skeleton__exit_1qv7q","exitActive":"calendar-with-skeleton__exitActive_1qv7q"};
54
16
  require('./index.css')
55
17
 
56
18
  var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
57
19
  var _b;
58
- var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, className = _a.className, restProps = __rest(_a, ["calendarVisible", "animate", "className"]);
20
+ var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, className = _a.className, restProps = tslib.__rest(_a, ["calendarVisible", "animate", "className"]);
59
21
  var skeletonProps = { visible: true, animate: animate };
60
22
  return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
61
23
  _b[styles.calendarVisible] = calendarVisible,
62
24
  _b)) },
63
- calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
25
+ calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, tslib.__assign({ ref: ref }, restProps)),
64
26
  React__default.default.createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
65
27
  React__default.default.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
66
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.header })),
67
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.weekDays })),
68
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
69
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
70
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
71
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
72
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row }))))));
28
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles.header })),
29
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles.weekDays })),
30
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles.row })),
31
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles.row })),
32
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles.row })),
33
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles.row })),
34
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles.row }))))));
73
35
  });
74
36
 
75
37
  exports.CalendarWithSkeleton = CalendarWithSkeleton;
package/cssm/Component.js CHANGED
@@ -1,5 +1,6 @@
1
1
  'use strict';
2
2
 
3
+ var tslib = require('tslib');
3
4
  var React = require('react');
4
5
  var reactTransitionGroup = require('react-transition-group');
5
6
  var cn = require('classnames');
@@ -13,62 +14,23 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
15
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
15
16
 
16
- /******************************************************************************
17
- Copyright (c) Microsoft Corporation.
18
-
19
- Permission to use, copy, modify, and/or distribute this software for any
20
- purpose with or without fee is hereby granted.
21
-
22
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
23
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
24
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
25
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
26
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
27
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
28
- PERFORMANCE OF THIS SOFTWARE.
29
- ***************************************************************************** */
30
- var __assign = function () {
31
- __assign = Object.assign || function __assign(t) {
32
- for (var s, i = 1, n = arguments.length; i < n; i++) {
33
- s = arguments[i];
34
- for (var p in s)
35
- if (Object.prototype.hasOwnProperty.call(s, p))
36
- t[p] = s[p];
37
- }
38
- return t;
39
- };
40
- return __assign.apply(this, arguments);
41
- };
42
- function __rest(s, e) {
43
- var t = {};
44
- for (var p in s)
45
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
46
- t[p] = s[p];
47
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
48
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
49
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
50
- t[p[i]] = s[p[i]];
51
- }
52
- return t;
53
- }
54
-
55
17
  var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
56
18
  var _b;
57
- var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, className = _a.className, restProps = __rest(_a, ["calendarVisible", "animate", "className"]);
19
+ var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, className = _a.className, restProps = tslib.__rest(_a, ["calendarVisible", "animate", "className"]);
58
20
  var skeletonProps = { visible: true, animate: animate };
59
21
  return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
60
22
  _b[styles__default.default.calendarVisible] = calendarVisible,
61
23
  _b)) },
62
- calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
24
+ calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, tslib.__assign({ ref: ref }, restProps)),
63
25
  React__default.default.createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles__default.default },
64
26
  React__default.default.createElement("div", { className: styles__default.default.skeleton, ref: calendarVisible ? undefined : ref },
65
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default.default.header })),
66
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default.default.weekDays })),
67
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default.default.row })),
68
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default.default.row })),
69
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default.default.row })),
70
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default.default.row })),
71
- React__default.default.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default.default.row }))))));
27
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles__default.default.header })),
28
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles__default.default.weekDays })),
29
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles__default.default.row })),
30
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles__default.default.row })),
31
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles__default.default.row })),
32
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles__default.default.row })),
33
+ React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles__default.default.row }))))));
72
34
  });
73
35
 
74
36
  exports.CalendarWithSkeleton = CalendarWithSkeleton;
package/cssm/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component = require('./Component.js');
4
+ require('tslib');
4
5
  require('react');
5
6
  require('react-transition-group');
6
7
  require('classnames');
package/esm/Component.js CHANGED
@@ -1,49 +1,11 @@
1
+ import { __rest, __assign } from 'tslib';
1
2
  import React, { forwardRef } from 'react';
2
3
  import { CSSTransition } from 'react-transition-group';
3
4
  import cn from 'classnames';
4
5
  import { Calendar } from '@alfalab/core-components-calendar/esm';
5
6
  import { Skeleton } from '@alfalab/core-components-skeleton/esm';
6
7
 
7
- /******************************************************************************
8
- Copyright (c) Microsoft Corporation.
9
-
10
- Permission to use, copy, modify, and/or distribute this software for any
11
- purpose with or without fee is hereby granted.
12
-
13
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
14
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
15
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
16
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
17
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
18
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
19
- PERFORMANCE OF THIS SOFTWARE.
20
- ***************************************************************************** */
21
- var __assign = function () {
22
- __assign = Object.assign || function __assign(t) {
23
- for (var s, i = 1, n = arguments.length; i < n; i++) {
24
- s = arguments[i];
25
- for (var p in s)
26
- if (Object.prototype.hasOwnProperty.call(s, p))
27
- t[p] = s[p];
28
- }
29
- return t;
30
- };
31
- return __assign.apply(this, arguments);
32
- };
33
- function __rest(s, e) {
34
- var t = {};
35
- for (var p in s)
36
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
37
- t[p] = s[p];
38
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
39
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
40
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
41
- t[p[i]] = s[p[i]];
42
- }
43
- return t;
44
- }
45
-
46
- var styles = {"component":"calendar-with-skeleton__component_4xfe1","calendarVisible":"calendar-with-skeleton__calendarVisible_4xfe1","skeleton":"calendar-with-skeleton__skeleton_4xfe1","header":"calendar-with-skeleton__header_4xfe1","weekDays":"calendar-with-skeleton__weekDays_4xfe1","row":"calendar-with-skeleton__row_4xfe1","enter":"calendar-with-skeleton__enter_4xfe1","enterActive":"calendar-with-skeleton__enterActive_4xfe1","exit":"calendar-with-skeleton__exit_4xfe1","exitActive":"calendar-with-skeleton__exitActive_4xfe1"};
8
+ var styles = {"component":"calendar-with-skeleton__component_1qv7q","calendarVisible":"calendar-with-skeleton__calendarVisible_1qv7q","skeleton":"calendar-with-skeleton__skeleton_1qv7q","header":"calendar-with-skeleton__header_1qv7q","weekDays":"calendar-with-skeleton__weekDays_1qv7q","row":"calendar-with-skeleton__row_1qv7q","enter":"calendar-with-skeleton__enter_1qv7q","enterActive":"calendar-with-skeleton__enterActive_1qv7q","exit":"calendar-with-skeleton__exit_1qv7q","exitActive":"calendar-with-skeleton__exitActive_1qv7q"};
47
9
  require('./index.css')
48
10
 
49
11
  var CalendarWithSkeleton = forwardRef(function (_a, ref) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 17oef */
1
+ /* hash: h30n0 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -40,13 +40,13 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_4xfe1 {
43
+ } .calendar-with-skeleton__component_1qv7q {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_4xfe1 {
47
+ } .calendar-with-skeleton__calendarVisible_1qv7q {
48
48
  height: auto;
49
- } .calendar-with-skeleton__skeleton_4xfe1 {
49
+ } .calendar-with-skeleton__skeleton_1qv7q {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  padding: var(--gap-m);
@@ -60,20 +60,20 @@
60
60
  height: 100%;
61
61
  background-color: var(--color-light-bg-primary);
62
62
  background-clip: content-box;
63
- } .calendar-with-skeleton__header_4xfe1 {
63
+ } .calendar-with-skeleton__header_1qv7q {
64
64
  height: 48px;
65
65
  margin-bottom: var(--gap-l);
66
- } .calendar-with-skeleton__weekDays_4xfe1 {
66
+ } .calendar-with-skeleton__weekDays_1qv7q {
67
67
  height: 12px;
68
68
  margin-bottom: var(--gap-m);
69
- } .calendar-with-skeleton__row_4xfe1 {
69
+ } .calendar-with-skeleton__row_1qv7q {
70
70
  height: 32px
71
- } .calendar-with-skeleton__row_4xfe1 + .calendar-with-skeleton__row_4xfe1 {
71
+ } .calendar-with-skeleton__row_1qv7q + .calendar-with-skeleton__row_1qv7q {
72
72
  margin-top: 10px;
73
- } .calendar-with-skeleton__enter_4xfe1,
74
- .calendar-with-skeleton__enterActive_4xfe1,
75
- .calendar-with-skeleton__exit_4xfe1 {
73
+ } .calendar-with-skeleton__enter_1qv7q,
74
+ .calendar-with-skeleton__enterActive_1qv7q,
75
+ .calendar-with-skeleton__exit_1qv7q {
76
76
  opacity: 1;
77
- } .calendar-with-skeleton__exitActive_4xfe1 {
77
+ } .calendar-with-skeleton__exitActive_1qv7q {
78
78
  opacity: 0;
79
79
  }
package/esm/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export { CalendarWithSkeleton } from './Component.js';
2
+ import 'tslib';
2
3
  import 'react';
3
4
  import 'react-transition-group';
4
5
  import 'classnames';
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 17oef */
1
+ /* hash: h30n0 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -40,13 +40,13 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_4xfe1 {
43
+ } .calendar-with-skeleton__component_1qv7q {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_4xfe1 {
47
+ } .calendar-with-skeleton__calendarVisible_1qv7q {
48
48
  height: auto;
49
- } .calendar-with-skeleton__skeleton_4xfe1 {
49
+ } .calendar-with-skeleton__skeleton_1qv7q {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  padding: var(--gap-m);
@@ -60,20 +60,20 @@
60
60
  height: 100%;
61
61
  background-color: var(--color-light-bg-primary);
62
62
  background-clip: content-box;
63
- } .calendar-with-skeleton__header_4xfe1 {
63
+ } .calendar-with-skeleton__header_1qv7q {
64
64
  height: 48px;
65
65
  margin-bottom: var(--gap-l);
66
- } .calendar-with-skeleton__weekDays_4xfe1 {
66
+ } .calendar-with-skeleton__weekDays_1qv7q {
67
67
  height: 12px;
68
68
  margin-bottom: var(--gap-m);
69
- } .calendar-with-skeleton__row_4xfe1 {
69
+ } .calendar-with-skeleton__row_1qv7q {
70
70
  height: 32px
71
- } .calendar-with-skeleton__row_4xfe1 + .calendar-with-skeleton__row_4xfe1 {
71
+ } .calendar-with-skeleton__row_1qv7q + .calendar-with-skeleton__row_1qv7q {
72
72
  margin-top: 10px;
73
- } .calendar-with-skeleton__enter_4xfe1,
74
- .calendar-with-skeleton__enterActive_4xfe1,
75
- .calendar-with-skeleton__exit_4xfe1 {
73
+ } .calendar-with-skeleton__enter_1qv7q,
74
+ .calendar-with-skeleton__enterActive_1qv7q,
75
+ .calendar-with-skeleton__exit_1qv7q {
76
76
  opacity: 1;
77
- } .calendar-with-skeleton__exitActive_4xfe1 {
77
+ } .calendar-with-skeleton__exitActive_1qv7q {
78
78
  opacity: 0;
79
79
  }
package/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component = require('./Component.js');
4
+ require('tslib');
4
5
  require('react');
5
6
  require('react-transition-group');
6
7
  require('classnames');
package/modern/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { Calendar } from '@alfalab/core-components-calendar/modern';
5
5
  import { Skeleton } from '@alfalab/core-components-skeleton/modern';
6
6
 
7
- const styles = {"component":"calendar-with-skeleton__component_4xfe1","calendarVisible":"calendar-with-skeleton__calendarVisible_4xfe1","skeleton":"calendar-with-skeleton__skeleton_4xfe1","header":"calendar-with-skeleton__header_4xfe1","weekDays":"calendar-with-skeleton__weekDays_4xfe1","row":"calendar-with-skeleton__row_4xfe1","enter":"calendar-with-skeleton__enter_4xfe1","enterActive":"calendar-with-skeleton__enterActive_4xfe1","exit":"calendar-with-skeleton__exit_4xfe1","exitActive":"calendar-with-skeleton__exitActive_4xfe1"};
7
+ const styles = {"component":"calendar-with-skeleton__component_1qv7q","calendarVisible":"calendar-with-skeleton__calendarVisible_1qv7q","skeleton":"calendar-with-skeleton__skeleton_1qv7q","header":"calendar-with-skeleton__header_1qv7q","weekDays":"calendar-with-skeleton__weekDays_1qv7q","row":"calendar-with-skeleton__row_1qv7q","enter":"calendar-with-skeleton__enter_1qv7q","enterActive":"calendar-with-skeleton__enterActive_1qv7q","exit":"calendar-with-skeleton__exit_1qv7q","exitActive":"calendar-with-skeleton__exitActive_1qv7q"};
8
8
  require('./index.css')
9
9
 
10
10
  const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 17oef */
1
+ /* hash: h30n0 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -40,13 +40,13 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_4xfe1 {
43
+ } .calendar-with-skeleton__component_1qv7q {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_4xfe1 {
47
+ } .calendar-with-skeleton__calendarVisible_1qv7q {
48
48
  height: auto;
49
- } .calendar-with-skeleton__skeleton_4xfe1 {
49
+ } .calendar-with-skeleton__skeleton_1qv7q {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  padding: var(--gap-m);
@@ -60,20 +60,20 @@
60
60
  height: 100%;
61
61
  background-color: var(--color-light-bg-primary);
62
62
  background-clip: content-box;
63
- } .calendar-with-skeleton__header_4xfe1 {
63
+ } .calendar-with-skeleton__header_1qv7q {
64
64
  height: 48px;
65
65
  margin-bottom: var(--gap-l);
66
- } .calendar-with-skeleton__weekDays_4xfe1 {
66
+ } .calendar-with-skeleton__weekDays_1qv7q {
67
67
  height: 12px;
68
68
  margin-bottom: var(--gap-m);
69
- } .calendar-with-skeleton__row_4xfe1 {
69
+ } .calendar-with-skeleton__row_1qv7q {
70
70
  height: 32px
71
- } .calendar-with-skeleton__row_4xfe1 + .calendar-with-skeleton__row_4xfe1 {
71
+ } .calendar-with-skeleton__row_1qv7q + .calendar-with-skeleton__row_1qv7q {
72
72
  margin-top: 10px;
73
- } .calendar-with-skeleton__enter_4xfe1,
74
- .calendar-with-skeleton__enterActive_4xfe1,
75
- .calendar-with-skeleton__exit_4xfe1 {
73
+ } .calendar-with-skeleton__enter_1qv7q,
74
+ .calendar-with-skeleton__enterActive_1qv7q,
75
+ .calendar-with-skeleton__exit_1qv7q {
76
76
  opacity: 1;
77
- } .calendar-with-skeleton__exitActive_4xfe1 {
77
+ } .calendar-with-skeleton__exitActive_1qv7q {
78
78
  opacity: 0;
79
79
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-with-skeleton",
3
- "version": "5.0.27",
3
+ "version": "5.0.29",
4
4
  "description": "CalendarWithSkeleton component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,9 +18,10 @@
18
18
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@alfalab/core-components-calendar": "^6.2.7",
22
- "@alfalab/core-components-skeleton": "^4.0.3",
21
+ "@alfalab/core-components-calendar": "^6.2.9",
22
+ "@alfalab/core-components-skeleton": "^4.0.4",
23
23
  "classnames": "^2.3.1",
24
- "react-transition-group": "^4.4.5"
24
+ "react-transition-group": "^4.4.5",
25
+ "tslib": "^2.4.0"
25
26
  }
26
27
  }