@alfalab/core-components-calendar-with-skeleton 5.0.18 → 5.0.20

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/Component.js CHANGED
@@ -1,17 +1,15 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
  var reactTransitionGroup = require('react-transition-group');
7
5
  var cn = require('classnames');
8
6
  var coreComponentsCalendar = require('@alfalab/core-components-calendar');
9
7
  var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
10
8
 
11
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
12
10
 
13
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
11
+ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
+ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
13
 
16
14
  /******************************************************************************
17
15
  Copyright (c) Microsoft Corporation.
@@ -52,26 +50,26 @@ function __rest(s, e) {
52
50
  return t;
53
51
  }
54
52
 
55
- var styles = {"component":"calendar-with-skeleton__component_1v88a","calendarVisible":"calendar-with-skeleton__calendarVisible_1v88a","skeleton":"calendar-with-skeleton__skeleton_1v88a","header":"calendar-with-skeleton__header_1v88a","weekDays":"calendar-with-skeleton__weekDays_1v88a","row":"calendar-with-skeleton__row_1v88a","enter":"calendar-with-skeleton__enter_1v88a","enterActive":"calendar-with-skeleton__enterActive_1v88a","exit":"calendar-with-skeleton__exit_1v88a","exitActive":"calendar-with-skeleton__exitActive_1v88a"};
53
+ var styles = {"component":"calendar-with-skeleton__component_1kxxe","calendarVisible":"calendar-with-skeleton__calendarVisible_1kxxe","skeleton":"calendar-with-skeleton__skeleton_1kxxe","header":"calendar-with-skeleton__header_1kxxe","weekDays":"calendar-with-skeleton__weekDays_1kxxe","row":"calendar-with-skeleton__row_1kxxe","enter":"calendar-with-skeleton__enter_1kxxe","enterActive":"calendar-with-skeleton__enterActive_1kxxe","exit":"calendar-with-skeleton__exit_1kxxe","exitActive":"calendar-with-skeleton__exitActive_1kxxe"};
56
54
  require('./index.css')
57
55
 
58
56
  var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
59
57
  var _b;
60
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"]);
61
59
  var skeletonProps = { visible: true, animate: animate };
62
- return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_b = {},
60
+ return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
63
61
  _b[styles.calendarVisible] = calendarVisible,
64
62
  _b)) },
65
- calendarVisible && React__default['default'].createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
66
- React__default['default'].createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
67
- React__default['default'].createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
68
- React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.header })),
69
- React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.weekDays })),
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 })),
73
- React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
74
- React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row }))))));
63
+ calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
64
+ React__default.default.createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
65
+ 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 }))))));
75
73
  });
76
74
 
77
75
  exports.CalendarWithSkeleton = CalendarWithSkeleton;
package/cssm/Component.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
  var reactTransitionGroup = require('react-transition-group');
7
5
  var cn = require('classnames');
@@ -9,11 +7,11 @@ var coreComponentsCalendar = require('@alfalab/core-components-calendar/cssm');
9
7
  var coreComponentsSkeleton = require('@alfalab/core-components-skeleton/cssm');
10
8
  var styles = require('./index.module.css');
11
9
 
12
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
13
11
 
14
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
- var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
12
+ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
+ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
+ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
17
15
 
18
16
  /******************************************************************************
19
17
  Copyright (c) Microsoft Corporation.
@@ -58,19 +56,19 @@ var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
58
56
  var _b;
59
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"]);
60
58
  var skeletonProps = { visible: true, animate: animate };
61
- return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, (_b = {},
62
- _b[styles__default['default'].calendarVisible] = calendarVisible,
59
+ return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
60
+ _b[styles__default.default.calendarVisible] = calendarVisible,
63
61
  _b)) },
64
- calendarVisible && React__default['default'].createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
65
- React__default['default'].createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles__default['default'] },
66
- React__default['default'].createElement("div", { className: styles__default['default'].skeleton, ref: calendarVisible ? undefined : ref },
67
- React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].header })),
68
- React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].weekDays })),
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 })),
72
- React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
73
- React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row }))))));
62
+ calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
63
+ React__default.default.createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles__default.default },
64
+ 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 }))))));
74
72
  });
75
73
 
76
74
  exports.CalendarWithSkeleton = CalendarWithSkeleton;
package/cssm/index.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var Component = require('./Component.js');
6
4
  require('react');
7
5
  require('react-transition-group');
package/esm/Component.js CHANGED
@@ -43,7 +43,7 @@ function __rest(s, e) {
43
43
  return t;
44
44
  }
45
45
 
46
- var styles = {"component":"calendar-with-skeleton__component_1v88a","calendarVisible":"calendar-with-skeleton__calendarVisible_1v88a","skeleton":"calendar-with-skeleton__skeleton_1v88a","header":"calendar-with-skeleton__header_1v88a","weekDays":"calendar-with-skeleton__weekDays_1v88a","row":"calendar-with-skeleton__row_1v88a","enter":"calendar-with-skeleton__enter_1v88a","enterActive":"calendar-with-skeleton__enterActive_1v88a","exit":"calendar-with-skeleton__exit_1v88a","exitActive":"calendar-with-skeleton__exitActive_1v88a"};
46
+ var styles = {"component":"calendar-with-skeleton__component_1kxxe","calendarVisible":"calendar-with-skeleton__calendarVisible_1kxxe","skeleton":"calendar-with-skeleton__skeleton_1kxxe","header":"calendar-with-skeleton__header_1kxxe","weekDays":"calendar-with-skeleton__weekDays_1kxxe","row":"calendar-with-skeleton__row_1kxxe","enter":"calendar-with-skeleton__enter_1kxxe","enterActive":"calendar-with-skeleton__enterActive_1kxxe","exit":"calendar-with-skeleton__exit_1kxxe","exitActive":"calendar-with-skeleton__exitActive_1kxxe"};
47
47
  require('./index.css')
48
48
 
49
49
  var CalendarWithSkeleton = forwardRef(function (_a, ref) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1c3a6 */
1
+ /* hash: g7vcm */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -38,15 +38,15 @@
38
38
 
39
39
  /* marker */
40
40
  }
41
- .calendar-with-skeleton__component_1v88a {
41
+ .calendar-with-skeleton__component_1kxxe {
42
42
  width: var(--calendar-width);
43
43
  height: var(--calendar-height);
44
44
  position: relative;
45
45
  }
46
- .calendar-with-skeleton__calendarVisible_1v88a {
46
+ .calendar-with-skeleton__calendarVisible_1kxxe {
47
47
  height: auto;
48
48
  }
49
- .calendar-with-skeleton__skeleton_1v88a {
49
+ .calendar-with-skeleton__skeleton_1kxxe {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  padding: var(--gap-m);
@@ -61,25 +61,25 @@
61
61
  background-color: var(--color-light-bg-primary);
62
62
  background-clip: content-box;
63
63
  }
64
- .calendar-with-skeleton__header_1v88a {
64
+ .calendar-with-skeleton__header_1kxxe {
65
65
  height: 48px;
66
66
  margin-bottom: var(--gap-l);
67
67
  }
68
- .calendar-with-skeleton__weekDays_1v88a {
68
+ .calendar-with-skeleton__weekDays_1kxxe {
69
69
  height: 12px;
70
70
  margin-bottom: var(--gap-m);
71
71
  }
72
- .calendar-with-skeleton__row_1v88a {
72
+ .calendar-with-skeleton__row_1kxxe {
73
73
  height: 32px
74
74
  }
75
- .calendar-with-skeleton__row_1v88a + .calendar-with-skeleton__row_1v88a {
75
+ .calendar-with-skeleton__row_1kxxe + .calendar-with-skeleton__row_1kxxe {
76
76
  margin-top: 10px;
77
77
  }
78
- .calendar-with-skeleton__enter_1v88a,
79
- .calendar-with-skeleton__enterActive_1v88a,
80
- .calendar-with-skeleton__exit_1v88a {
78
+ .calendar-with-skeleton__enter_1kxxe,
79
+ .calendar-with-skeleton__enterActive_1kxxe,
80
+ .calendar-with-skeleton__exit_1kxxe {
81
81
  opacity: 1;
82
82
  }
83
- .calendar-with-skeleton__exitActive_1v88a {
83
+ .calendar-with-skeleton__exitActive_1kxxe {
84
84
  opacity: 0;
85
85
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1c3a6 */
1
+ /* hash: g7vcm */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -38,15 +38,15 @@
38
38
 
39
39
  /* marker */
40
40
  }
41
- .calendar-with-skeleton__component_1v88a {
41
+ .calendar-with-skeleton__component_1kxxe {
42
42
  width: var(--calendar-width);
43
43
  height: var(--calendar-height);
44
44
  position: relative;
45
45
  }
46
- .calendar-with-skeleton__calendarVisible_1v88a {
46
+ .calendar-with-skeleton__calendarVisible_1kxxe {
47
47
  height: auto;
48
48
  }
49
- .calendar-with-skeleton__skeleton_1v88a {
49
+ .calendar-with-skeleton__skeleton_1kxxe {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  padding: var(--gap-m);
@@ -61,25 +61,25 @@
61
61
  background-color: var(--color-light-bg-primary);
62
62
  background-clip: content-box;
63
63
  }
64
- .calendar-with-skeleton__header_1v88a {
64
+ .calendar-with-skeleton__header_1kxxe {
65
65
  height: 48px;
66
66
  margin-bottom: var(--gap-l);
67
67
  }
68
- .calendar-with-skeleton__weekDays_1v88a {
68
+ .calendar-with-skeleton__weekDays_1kxxe {
69
69
  height: 12px;
70
70
  margin-bottom: var(--gap-m);
71
71
  }
72
- .calendar-with-skeleton__row_1v88a {
72
+ .calendar-with-skeleton__row_1kxxe {
73
73
  height: 32px
74
74
  }
75
- .calendar-with-skeleton__row_1v88a + .calendar-with-skeleton__row_1v88a {
75
+ .calendar-with-skeleton__row_1kxxe + .calendar-with-skeleton__row_1kxxe {
76
76
  margin-top: 10px;
77
77
  }
78
- .calendar-with-skeleton__enter_1v88a,
79
- .calendar-with-skeleton__enterActive_1v88a,
80
- .calendar-with-skeleton__exit_1v88a {
78
+ .calendar-with-skeleton__enter_1kxxe,
79
+ .calendar-with-skeleton__enterActive_1kxxe,
80
+ .calendar-with-skeleton__exit_1kxxe {
81
81
  opacity: 1;
82
82
  }
83
- .calendar-with-skeleton__exitActive_1v88a {
83
+ .calendar-with-skeleton__exitActive_1kxxe {
84
84
  opacity: 0;
85
85
  }
package/index.js CHANGED
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var Component = require('./Component.js');
6
4
  require('react');
7
5
  require('react-transition-group');
@@ -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
- var styles = {"component":"calendar-with-skeleton__component_1v88a","calendarVisible":"calendar-with-skeleton__calendarVisible_1v88a","skeleton":"calendar-with-skeleton__skeleton_1v88a","header":"calendar-with-skeleton__header_1v88a","weekDays":"calendar-with-skeleton__weekDays_1v88a","row":"calendar-with-skeleton__row_1v88a","enter":"calendar-with-skeleton__enter_1v88a","enterActive":"calendar-with-skeleton__enterActive_1v88a","exit":"calendar-with-skeleton__exit_1v88a","exitActive":"calendar-with-skeleton__exitActive_1v88a"};
7
+ const styles = {"component":"calendar-with-skeleton__component_1kxxe","calendarVisible":"calendar-with-skeleton__calendarVisible_1kxxe","skeleton":"calendar-with-skeleton__skeleton_1kxxe","header":"calendar-with-skeleton__header_1kxxe","weekDays":"calendar-with-skeleton__weekDays_1kxxe","row":"calendar-with-skeleton__row_1kxxe","enter":"calendar-with-skeleton__enter_1kxxe","enterActive":"calendar-with-skeleton__enterActive_1kxxe","exit":"calendar-with-skeleton__exit_1kxxe","exitActive":"calendar-with-skeleton__exitActive_1kxxe"};
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: 1c3a6 */
1
+ /* hash: g7vcm */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -38,15 +38,15 @@
38
38
 
39
39
  /* marker */
40
40
  }
41
- .calendar-with-skeleton__component_1v88a {
41
+ .calendar-with-skeleton__component_1kxxe {
42
42
  width: var(--calendar-width);
43
43
  height: var(--calendar-height);
44
44
  position: relative;
45
45
  }
46
- .calendar-with-skeleton__calendarVisible_1v88a {
46
+ .calendar-with-skeleton__calendarVisible_1kxxe {
47
47
  height: auto;
48
48
  }
49
- .calendar-with-skeleton__skeleton_1v88a {
49
+ .calendar-with-skeleton__skeleton_1kxxe {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  padding: var(--gap-m);
@@ -61,25 +61,25 @@
61
61
  background-color: var(--color-light-bg-primary);
62
62
  background-clip: content-box;
63
63
  }
64
- .calendar-with-skeleton__header_1v88a {
64
+ .calendar-with-skeleton__header_1kxxe {
65
65
  height: 48px;
66
66
  margin-bottom: var(--gap-l);
67
67
  }
68
- .calendar-with-skeleton__weekDays_1v88a {
68
+ .calendar-with-skeleton__weekDays_1kxxe {
69
69
  height: 12px;
70
70
  margin-bottom: var(--gap-m);
71
71
  }
72
- .calendar-with-skeleton__row_1v88a {
72
+ .calendar-with-skeleton__row_1kxxe {
73
73
  height: 32px
74
74
  }
75
- .calendar-with-skeleton__row_1v88a + .calendar-with-skeleton__row_1v88a {
75
+ .calendar-with-skeleton__row_1kxxe + .calendar-with-skeleton__row_1kxxe {
76
76
  margin-top: 10px;
77
77
  }
78
- .calendar-with-skeleton__enter_1v88a,
79
- .calendar-with-skeleton__enterActive_1v88a,
80
- .calendar-with-skeleton__exit_1v88a {
78
+ .calendar-with-skeleton__enter_1kxxe,
79
+ .calendar-with-skeleton__enterActive_1kxxe,
80
+ .calendar-with-skeleton__exit_1kxxe {
81
81
  opacity: 1;
82
82
  }
83
- .calendar-with-skeleton__exitActive_1v88a {
83
+ .calendar-with-skeleton__exitActive_1kxxe {
84
84
  opacity: 0;
85
85
  }
package/modern/index.js CHANGED
@@ -1,6 +1,6 @@
1
+ export { CalendarWithSkeleton } from './Component.js';
1
2
  import 'react';
2
3
  import 'react-transition-group';
3
4
  import 'classnames';
4
5
  import '@alfalab/core-components-calendar/modern';
5
6
  import '@alfalab/core-components-skeleton/modern';
6
- export { CalendarWithSkeleton } from './Component.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-with-skeleton",
3
- "version": "5.0.18",
3
+ "version": "5.0.20",
4
4
  "description": "CalendarWithSkeleton component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,8 +18,8 @@
18
18
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@alfalab/core-components-calendar": "^6.1.14",
22
- "@alfalab/core-components-skeleton": "^4.0.2",
21
+ "@alfalab/core-components-calendar": "^6.2.0",
22
+ "@alfalab/core-components-skeleton": "^4.0.3",
23
23
  "classnames": "^2.3.1",
24
24
  "react-transition-group": "^4.4.1"
25
25
  }