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

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 +12 -19
  2. package/cssm/Component.js +12 -20
  3. package/cssm/index.js +0 -2
  4. package/esm/Component.js +1 -1
  5. package/esm/index.css +12 -12
  6. package/index.css +12 -12
  7. package/index.js +0 -2
  8. package/modern/Component.js +1 -1
  9. package/modern/index.css +12 -12
  10. package/modern/index.js +1 -1
  11. package/package.json +2 -2
package/Component.js CHANGED
@@ -1,18 +1,11 @@
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 }; }
12
-
13
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
15
-
16
9
  /******************************************************************************
17
10
  Copyright (c) Microsoft Corporation.
18
11
 
@@ -52,26 +45,26 @@ function __rest(s, e) {
52
45
  return t;
53
46
  }
54
47
 
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"};
48
+ var styles = {"component":"calendar-with-skeleton__component_1vq2x","calendarVisible":"calendar-with-skeleton__calendarVisible_1vq2x","skeleton":"calendar-with-skeleton__skeleton_1vq2x","header":"calendar-with-skeleton__header_1vq2x","weekDays":"calendar-with-skeleton__weekDays_1vq2x","row":"calendar-with-skeleton__row_1vq2x","enter":"calendar-with-skeleton__enter_1vq2x","enterActive":"calendar-with-skeleton__enterActive_1vq2x","exit":"calendar-with-skeleton__exit_1vq2x","exitActive":"calendar-with-skeleton__exitActive_1vq2x"};
56
49
  require('./index.css')
57
50
 
58
51
  var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
59
52
  var _b;
60
53
  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
54
  var skeletonProps = { visible: true, animate: animate };
62
- return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_b = {},
55
+ return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
63
56
  _b[styles.calendarVisible] = calendarVisible,
64
57
  _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 }))))));
58
+ calendarVisible && React.createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
59
+ React.createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
60
+ React.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
61
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.header })),
62
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.weekDays })),
63
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
64
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
65
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
66
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
67
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row }))))));
75
68
  });
76
69
 
77
70
  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,12 +7,6 @@ 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 }; }
13
-
14
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
- var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
17
-
18
10
  /******************************************************************************
19
11
  Copyright (c) Microsoft Corporation.
20
12
 
@@ -58,19 +50,19 @@ var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
58
50
  var _b;
59
51
  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
52
  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,
53
+ return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
54
+ _b[styles.calendarVisible] = calendarVisible,
63
55
  _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 }))))));
56
+ calendarVisible && React.createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
57
+ React.createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
58
+ React.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
59
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.header })),
60
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.weekDays })),
61
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
62
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
63
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
64
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
65
+ React.createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row }))))));
74
66
  });
75
67
 
76
68
  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_1vq2x","calendarVisible":"calendar-with-skeleton__calendarVisible_1vq2x","skeleton":"calendar-with-skeleton__skeleton_1vq2x","header":"calendar-with-skeleton__header_1vq2x","weekDays":"calendar-with-skeleton__weekDays_1vq2x","row":"calendar-with-skeleton__row_1vq2x","enter":"calendar-with-skeleton__enter_1vq2x","enterActive":"calendar-with-skeleton__enterActive_1vq2x","exit":"calendar-with-skeleton__exit_1vq2x","exitActive":"calendar-with-skeleton__exitActive_1vq2x"};
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: 1rskq */
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_1vq2x {
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_1vq2x {
47
47
  height: auto;
48
48
  }
49
- .calendar-with-skeleton__skeleton_1v88a {
49
+ .calendar-with-skeleton__skeleton_1vq2x {
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_1vq2x {
65
65
  height: 48px;
66
66
  margin-bottom: var(--gap-l);
67
67
  }
68
- .calendar-with-skeleton__weekDays_1v88a {
68
+ .calendar-with-skeleton__weekDays_1vq2x {
69
69
  height: 12px;
70
70
  margin-bottom: var(--gap-m);
71
71
  }
72
- .calendar-with-skeleton__row_1v88a {
72
+ .calendar-with-skeleton__row_1vq2x {
73
73
  height: 32px
74
74
  }
75
- .calendar-with-skeleton__row_1v88a + .calendar-with-skeleton__row_1v88a {
75
+ .calendar-with-skeleton__row_1vq2x + .calendar-with-skeleton__row_1vq2x {
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_1vq2x,
79
+ .calendar-with-skeleton__enterActive_1vq2x,
80
+ .calendar-with-skeleton__exit_1vq2x {
81
81
  opacity: 1;
82
82
  }
83
- .calendar-with-skeleton__exitActive_1v88a {
83
+ .calendar-with-skeleton__exitActive_1vq2x {
84
84
  opacity: 0;
85
85
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1c3a6 */
1
+ /* hash: 1rskq */
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_1vq2x {
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_1vq2x {
47
47
  height: auto;
48
48
  }
49
- .calendar-with-skeleton__skeleton_1v88a {
49
+ .calendar-with-skeleton__skeleton_1vq2x {
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_1vq2x {
65
65
  height: 48px;
66
66
  margin-bottom: var(--gap-l);
67
67
  }
68
- .calendar-with-skeleton__weekDays_1v88a {
68
+ .calendar-with-skeleton__weekDays_1vq2x {
69
69
  height: 12px;
70
70
  margin-bottom: var(--gap-m);
71
71
  }
72
- .calendar-with-skeleton__row_1v88a {
72
+ .calendar-with-skeleton__row_1vq2x {
73
73
  height: 32px
74
74
  }
75
- .calendar-with-skeleton__row_1v88a + .calendar-with-skeleton__row_1v88a {
75
+ .calendar-with-skeleton__row_1vq2x + .calendar-with-skeleton__row_1vq2x {
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_1vq2x,
79
+ .calendar-with-skeleton__enterActive_1vq2x,
80
+ .calendar-with-skeleton__exit_1vq2x {
81
81
  opacity: 1;
82
82
  }
83
- .calendar-with-skeleton__exitActive_1v88a {
83
+ .calendar-with-skeleton__exitActive_1vq2x {
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');
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
- 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_1vq2x","calendarVisible":"calendar-with-skeleton__calendarVisible_1vq2x","skeleton":"calendar-with-skeleton__skeleton_1vq2x","header":"calendar-with-skeleton__header_1vq2x","weekDays":"calendar-with-skeleton__weekDays_1vq2x","row":"calendar-with-skeleton__row_1vq2x","enter":"calendar-with-skeleton__enter_1vq2x","enterActive":"calendar-with-skeleton__enterActive_1vq2x","exit":"calendar-with-skeleton__exit_1vq2x","exitActive":"calendar-with-skeleton__exitActive_1vq2x"};
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: 1rskq */
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_1vq2x {
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_1vq2x {
47
47
  height: auto;
48
48
  }
49
- .calendar-with-skeleton__skeleton_1v88a {
49
+ .calendar-with-skeleton__skeleton_1vq2x {
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_1vq2x {
65
65
  height: 48px;
66
66
  margin-bottom: var(--gap-l);
67
67
  }
68
- .calendar-with-skeleton__weekDays_1v88a {
68
+ .calendar-with-skeleton__weekDays_1vq2x {
69
69
  height: 12px;
70
70
  margin-bottom: var(--gap-m);
71
71
  }
72
- .calendar-with-skeleton__row_1v88a {
72
+ .calendar-with-skeleton__row_1vq2x {
73
73
  height: 32px
74
74
  }
75
- .calendar-with-skeleton__row_1v88a + .calendar-with-skeleton__row_1v88a {
75
+ .calendar-with-skeleton__row_1vq2x + .calendar-with-skeleton__row_1vq2x {
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_1vq2x,
79
+ .calendar-with-skeleton__enterActive_1vq2x,
80
+ .calendar-with-skeleton__exit_1vq2x {
81
81
  opacity: 1;
82
82
  }
83
- .calendar-with-skeleton__exitActive_1v88a {
83
+ .calendar-with-skeleton__exitActive_1vq2x {
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.19",
4
4
  "description": "CalendarWithSkeleton component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,7 +18,7 @@
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",
21
+ "@alfalab/core-components-calendar": "^6.1.15",
22
22
  "@alfalab/core-components-skeleton": "^4.0.2",
23
23
  "classnames": "^2.3.1",
24
24
  "react-transition-group": "^4.4.1"