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

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 (8) hide show
  1. package/Component.js +17 -12
  2. package/cssm/Component.js +18 -12
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +12 -12
  5. package/index.css +12 -12
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +12 -12
  8. package/package.json +3 -3
package/Component.js CHANGED
@@ -6,6 +6,11 @@ var cn = require('classnames');
6
6
  var coreComponentsCalendar = require('@alfalab/core-components-calendar');
7
7
  var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
8
8
 
9
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
+ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
+
9
14
  /******************************************************************************
10
15
  Copyright (c) Microsoft Corporation.
11
16
 
@@ -45,26 +50,26 @@ function __rest(s, e) {
45
50
  return t;
46
51
  }
47
52
 
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"};
53
+ var styles = {"component":"calendar-with-skeleton__component_kevtn","calendarVisible":"calendar-with-skeleton__calendarVisible_kevtn","skeleton":"calendar-with-skeleton__skeleton_kevtn","header":"calendar-with-skeleton__header_kevtn","weekDays":"calendar-with-skeleton__weekDays_kevtn","row":"calendar-with-skeleton__row_kevtn","enter":"calendar-with-skeleton__enter_kevtn","enterActive":"calendar-with-skeleton__enterActive_kevtn","exit":"calendar-with-skeleton__exit_kevtn","exitActive":"calendar-with-skeleton__exitActive_kevtn"};
49
54
  require('./index.css')
50
55
 
51
56
  var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
52
57
  var _b;
53
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"]);
54
59
  var skeletonProps = { visible: true, animate: animate };
55
- return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
60
+ return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
56
61
  _b[styles.calendarVisible] = calendarVisible,
57
62
  _b)) },
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 }))))));
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 }))))));
68
73
  });
69
74
 
70
75
  exports.CalendarWithSkeleton = CalendarWithSkeleton;
package/cssm/Component.js CHANGED
@@ -7,6 +7,12 @@ var coreComponentsCalendar = require('@alfalab/core-components-calendar/cssm');
7
7
  var coreComponentsSkeleton = require('@alfalab/core-components-skeleton/cssm');
8
8
  var styles = require('./index.module.css');
9
9
 
10
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
+ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
+ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
15
+
10
16
  /******************************************************************************
11
17
  Copyright (c) Microsoft Corporation.
12
18
 
@@ -50,19 +56,19 @@ var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
50
56
  var _b;
51
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"]);
52
58
  var skeletonProps = { visible: true, animate: animate };
53
- return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
54
- _b[styles.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,
55
61
  _b)) },
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 }))))));
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 }))))));
66
72
  });
67
73
 
68
74
  exports.CalendarWithSkeleton = CalendarWithSkeleton;
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_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"};
46
+ var styles = {"component":"calendar-with-skeleton__component_kevtn","calendarVisible":"calendar-with-skeleton__calendarVisible_kevtn","skeleton":"calendar-with-skeleton__skeleton_kevtn","header":"calendar-with-skeleton__header_kevtn","weekDays":"calendar-with-skeleton__weekDays_kevtn","row":"calendar-with-skeleton__row_kevtn","enter":"calendar-with-skeleton__enter_kevtn","enterActive":"calendar-with-skeleton__enterActive_kevtn","exit":"calendar-with-skeleton__exit_kevtn","exitActive":"calendar-with-skeleton__exitActive_kevtn"};
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: 1rskq */
1
+ /* hash: 1dqti */
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_1vq2x {
41
+ .calendar-with-skeleton__component_kevtn {
42
42
  width: var(--calendar-width);
43
43
  height: var(--calendar-height);
44
44
  position: relative;
45
45
  }
46
- .calendar-with-skeleton__calendarVisible_1vq2x {
46
+ .calendar-with-skeleton__calendarVisible_kevtn {
47
47
  height: auto;
48
48
  }
49
- .calendar-with-skeleton__skeleton_1vq2x {
49
+ .calendar-with-skeleton__skeleton_kevtn {
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_1vq2x {
64
+ .calendar-with-skeleton__header_kevtn {
65
65
  height: 48px;
66
66
  margin-bottom: var(--gap-l);
67
67
  }
68
- .calendar-with-skeleton__weekDays_1vq2x {
68
+ .calendar-with-skeleton__weekDays_kevtn {
69
69
  height: 12px;
70
70
  margin-bottom: var(--gap-m);
71
71
  }
72
- .calendar-with-skeleton__row_1vq2x {
72
+ .calendar-with-skeleton__row_kevtn {
73
73
  height: 32px
74
74
  }
75
- .calendar-with-skeleton__row_1vq2x + .calendar-with-skeleton__row_1vq2x {
75
+ .calendar-with-skeleton__row_kevtn + .calendar-with-skeleton__row_kevtn {
76
76
  margin-top: 10px;
77
77
  }
78
- .calendar-with-skeleton__enter_1vq2x,
79
- .calendar-with-skeleton__enterActive_1vq2x,
80
- .calendar-with-skeleton__exit_1vq2x {
78
+ .calendar-with-skeleton__enter_kevtn,
79
+ .calendar-with-skeleton__enterActive_kevtn,
80
+ .calendar-with-skeleton__exit_kevtn {
81
81
  opacity: 1;
82
82
  }
83
- .calendar-with-skeleton__exitActive_1vq2x {
83
+ .calendar-with-skeleton__exitActive_kevtn {
84
84
  opacity: 0;
85
85
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1rskq */
1
+ /* hash: 1dqti */
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_1vq2x {
41
+ .calendar-with-skeleton__component_kevtn {
42
42
  width: var(--calendar-width);
43
43
  height: var(--calendar-height);
44
44
  position: relative;
45
45
  }
46
- .calendar-with-skeleton__calendarVisible_1vq2x {
46
+ .calendar-with-skeleton__calendarVisible_kevtn {
47
47
  height: auto;
48
48
  }
49
- .calendar-with-skeleton__skeleton_1vq2x {
49
+ .calendar-with-skeleton__skeleton_kevtn {
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_1vq2x {
64
+ .calendar-with-skeleton__header_kevtn {
65
65
  height: 48px;
66
66
  margin-bottom: var(--gap-l);
67
67
  }
68
- .calendar-with-skeleton__weekDays_1vq2x {
68
+ .calendar-with-skeleton__weekDays_kevtn {
69
69
  height: 12px;
70
70
  margin-bottom: var(--gap-m);
71
71
  }
72
- .calendar-with-skeleton__row_1vq2x {
72
+ .calendar-with-skeleton__row_kevtn {
73
73
  height: 32px
74
74
  }
75
- .calendar-with-skeleton__row_1vq2x + .calendar-with-skeleton__row_1vq2x {
75
+ .calendar-with-skeleton__row_kevtn + .calendar-with-skeleton__row_kevtn {
76
76
  margin-top: 10px;
77
77
  }
78
- .calendar-with-skeleton__enter_1vq2x,
79
- .calendar-with-skeleton__enterActive_1vq2x,
80
- .calendar-with-skeleton__exit_1vq2x {
78
+ .calendar-with-skeleton__enter_kevtn,
79
+ .calendar-with-skeleton__enterActive_kevtn,
80
+ .calendar-with-skeleton__exit_kevtn {
81
81
  opacity: 1;
82
82
  }
83
- .calendar-with-skeleton__exitActive_1vq2x {
83
+ .calendar-with-skeleton__exitActive_kevtn {
84
84
  opacity: 0;
85
85
  }
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_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"};
7
+ const styles = {"component":"calendar-with-skeleton__component_kevtn","calendarVisible":"calendar-with-skeleton__calendarVisible_kevtn","skeleton":"calendar-with-skeleton__skeleton_kevtn","header":"calendar-with-skeleton__header_kevtn","weekDays":"calendar-with-skeleton__weekDays_kevtn","row":"calendar-with-skeleton__row_kevtn","enter":"calendar-with-skeleton__enter_kevtn","enterActive":"calendar-with-skeleton__enterActive_kevtn","exit":"calendar-with-skeleton__exit_kevtn","exitActive":"calendar-with-skeleton__exitActive_kevtn"};
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: 1rskq */
1
+ /* hash: 1dqti */
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_1vq2x {
41
+ .calendar-with-skeleton__component_kevtn {
42
42
  width: var(--calendar-width);
43
43
  height: var(--calendar-height);
44
44
  position: relative;
45
45
  }
46
- .calendar-with-skeleton__calendarVisible_1vq2x {
46
+ .calendar-with-skeleton__calendarVisible_kevtn {
47
47
  height: auto;
48
48
  }
49
- .calendar-with-skeleton__skeleton_1vq2x {
49
+ .calendar-with-skeleton__skeleton_kevtn {
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_1vq2x {
64
+ .calendar-with-skeleton__header_kevtn {
65
65
  height: 48px;
66
66
  margin-bottom: var(--gap-l);
67
67
  }
68
- .calendar-with-skeleton__weekDays_1vq2x {
68
+ .calendar-with-skeleton__weekDays_kevtn {
69
69
  height: 12px;
70
70
  margin-bottom: var(--gap-m);
71
71
  }
72
- .calendar-with-skeleton__row_1vq2x {
72
+ .calendar-with-skeleton__row_kevtn {
73
73
  height: 32px
74
74
  }
75
- .calendar-with-skeleton__row_1vq2x + .calendar-with-skeleton__row_1vq2x {
75
+ .calendar-with-skeleton__row_kevtn + .calendar-with-skeleton__row_kevtn {
76
76
  margin-top: 10px;
77
77
  }
78
- .calendar-with-skeleton__enter_1vq2x,
79
- .calendar-with-skeleton__enterActive_1vq2x,
80
- .calendar-with-skeleton__exit_1vq2x {
78
+ .calendar-with-skeleton__enter_kevtn,
79
+ .calendar-with-skeleton__enterActive_kevtn,
80
+ .calendar-with-skeleton__exit_kevtn {
81
81
  opacity: 1;
82
82
  }
83
- .calendar-with-skeleton__exitActive_1vq2x {
83
+ .calendar-with-skeleton__exitActive_kevtn {
84
84
  opacity: 0;
85
85
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-calendar-with-skeleton",
3
- "version": "5.0.19",
3
+ "version": "5.0.21",
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.15",
22
- "@alfalab/core-components-skeleton": "^4.0.2",
21
+ "@alfalab/core-components-calendar": "^6.2.1",
22
+ "@alfalab/core-components-skeleton": "^4.0.3",
23
23
  "classnames": "^2.3.1",
24
24
  "react-transition-group": "^4.4.1"
25
25
  }