@alfalab/core-components-calendar-with-skeleton 5.0.11 → 5.0.13

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 (12) hide show
  1. package/Component.js +4 -4
  2. package/cssm/Component.js +3 -3
  3. package/cssm/index.js +2 -2
  4. package/esm/Component.js +4 -4
  5. package/esm/index.css +12 -12
  6. package/esm/index.js +2 -2
  7. package/index.css +12 -12
  8. package/index.js +2 -2
  9. package/modern/Component.js +11 -11
  10. package/modern/index.css +12 -12
  11. package/modern/index.js +2 -2
  12. package/package.json +2 -2
package/Component.js CHANGED
@@ -3,17 +3,17 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var cn = require('classnames');
7
6
  var reactTransitionGroup = require('react-transition-group');
8
- var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
7
+ var cn = require('classnames');
9
8
  var coreComponentsCalendar = require('@alfalab/core-components-calendar');
9
+ var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
12
 
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
15
15
 
16
- /*! *****************************************************************************
16
+ /******************************************************************************
17
17
  Copyright (c) Microsoft Corporation.
18
18
 
19
19
  Permission to use, copy, modify, and/or distribute this software for any
@@ -52,7 +52,7 @@ function __rest(s, e) {
52
52
  return t;
53
53
  }
54
54
 
55
- var styles = {"component":"calendar-with-skeleton__component_9husv","calendarVisible":"calendar-with-skeleton__calendarVisible_9husv","skeleton":"calendar-with-skeleton__skeleton_9husv","header":"calendar-with-skeleton__header_9husv","weekDays":"calendar-with-skeleton__weekDays_9husv","row":"calendar-with-skeleton__row_9husv","enter":"calendar-with-skeleton__enter_9husv","enterActive":"calendar-with-skeleton__enterActive_9husv","exit":"calendar-with-skeleton__exit_9husv","exitActive":"calendar-with-skeleton__exitActive_9husv"};
55
+ var styles = {"component":"calendar-with-skeleton__component_z9m3u","calendarVisible":"calendar-with-skeleton__calendarVisible_z9m3u","skeleton":"calendar-with-skeleton__skeleton_z9m3u","header":"calendar-with-skeleton__header_z9m3u","weekDays":"calendar-with-skeleton__weekDays_z9m3u","row":"calendar-with-skeleton__row_z9m3u","enter":"calendar-with-skeleton__enter_z9m3u","enterActive":"calendar-with-skeleton__enterActive_z9m3u","exit":"calendar-with-skeleton__exit_z9m3u","exitActive":"calendar-with-skeleton__exitActive_z9m3u"};
56
56
  require('./index.css')
57
57
 
58
58
  var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
package/cssm/Component.js CHANGED
@@ -3,10 +3,10 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var cn = require('classnames');
7
6
  var reactTransitionGroup = require('react-transition-group');
8
- var coreComponentsSkeleton = require('@alfalab/core-components-skeleton/cssm');
7
+ var cn = require('classnames');
9
8
  var coreComponentsCalendar = require('@alfalab/core-components-calendar/cssm');
9
+ var coreComponentsSkeleton = require('@alfalab/core-components-skeleton/cssm');
10
10
  var styles = require('./index.module.css');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
16
  var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
17
17
 
18
- /*! *****************************************************************************
18
+ /******************************************************************************
19
19
  Copyright (c) Microsoft Corporation.
20
20
 
21
21
  Permission to use, copy, modify, and/or distribute this software for any
package/cssm/index.js CHANGED
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component = require('./Component.js');
6
6
  require('react');
7
- require('classnames');
8
7
  require('react-transition-group');
9
- require('@alfalab/core-components-skeleton/cssm');
8
+ require('classnames');
10
9
  require('@alfalab/core-components-calendar/cssm');
10
+ require('@alfalab/core-components-skeleton/cssm');
11
11
  require('./index.module.css');
12
12
 
13
13
 
package/esm/Component.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import React, { forwardRef } from 'react';
2
- import cn from 'classnames';
3
2
  import { CSSTransition } from 'react-transition-group';
4
- import { Skeleton } from '@alfalab/core-components-skeleton/esm';
3
+ import cn from 'classnames';
5
4
  import { Calendar } from '@alfalab/core-components-calendar/esm';
5
+ import { Skeleton } from '@alfalab/core-components-skeleton/esm';
6
6
 
7
- /*! *****************************************************************************
7
+ /******************************************************************************
8
8
  Copyright (c) Microsoft Corporation.
9
9
 
10
10
  Permission to use, copy, modify, and/or distribute this software for any
@@ -43,7 +43,7 @@ function __rest(s, e) {
43
43
  return t;
44
44
  }
45
45
 
46
- var styles = {"component":"calendar-with-skeleton__component_9husv","calendarVisible":"calendar-with-skeleton__calendarVisible_9husv","skeleton":"calendar-with-skeleton__skeleton_9husv","header":"calendar-with-skeleton__header_9husv","weekDays":"calendar-with-skeleton__weekDays_9husv","row":"calendar-with-skeleton__row_9husv","enter":"calendar-with-skeleton__enter_9husv","enterActive":"calendar-with-skeleton__enterActive_9husv","exit":"calendar-with-skeleton__exit_9husv","exitActive":"calendar-with-skeleton__exitActive_9husv"};
46
+ var styles = {"component":"calendar-with-skeleton__component_z9m3u","calendarVisible":"calendar-with-skeleton__calendarVisible_z9m3u","skeleton":"calendar-with-skeleton__skeleton_z9m3u","header":"calendar-with-skeleton__header_z9m3u","weekDays":"calendar-with-skeleton__weekDays_z9m3u","row":"calendar-with-skeleton__row_z9m3u","enter":"calendar-with-skeleton__enter_z9m3u","enterActive":"calendar-with-skeleton__enterActive_z9m3u","exit":"calendar-with-skeleton__exit_z9m3u","exitActive":"calendar-with-skeleton__exitActive_z9m3u"};
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: pf9ka */
1
+ /* hash: xxjml */
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_9husv {
41
+ .calendar-with-skeleton__component_z9m3u {
42
42
  width: var(--calendar-width);
43
43
  height: var(--calendar-height);
44
44
  position: relative;
45
45
  }
46
- .calendar-with-skeleton__calendarVisible_9husv {
46
+ .calendar-with-skeleton__calendarVisible_z9m3u {
47
47
  height: auto;
48
48
  }
49
- .calendar-with-skeleton__skeleton_9husv {
49
+ .calendar-with-skeleton__skeleton_z9m3u {
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_9husv {
64
+ .calendar-with-skeleton__header_z9m3u {
65
65
  height: 48px;
66
66
  margin-bottom: var(--gap-l);
67
67
  }
68
- .calendar-with-skeleton__weekDays_9husv {
68
+ .calendar-with-skeleton__weekDays_z9m3u {
69
69
  height: 12px;
70
70
  margin-bottom: var(--gap-m);
71
71
  }
72
- .calendar-with-skeleton__row_9husv {
72
+ .calendar-with-skeleton__row_z9m3u {
73
73
  height: 32px
74
74
  }
75
- .calendar-with-skeleton__row_9husv + .calendar-with-skeleton__row_9husv {
75
+ .calendar-with-skeleton__row_z9m3u + .calendar-with-skeleton__row_z9m3u {
76
76
  margin-top: 10px;
77
77
  }
78
- .calendar-with-skeleton__enter_9husv,
79
- .calendar-with-skeleton__enterActive_9husv,
80
- .calendar-with-skeleton__exit_9husv {
78
+ .calendar-with-skeleton__enter_z9m3u,
79
+ .calendar-with-skeleton__enterActive_z9m3u,
80
+ .calendar-with-skeleton__exit_z9m3u {
81
81
  opacity: 1;
82
82
  }
83
- .calendar-with-skeleton__exitActive_9husv {
83
+ .calendar-with-skeleton__exitActive_z9m3u {
84
84
  opacity: 0;
85
85
  }
package/esm/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export { CalendarWithSkeleton } from './Component.js';
2
2
  import 'react';
3
- import 'classnames';
4
3
  import 'react-transition-group';
5
- import '@alfalab/core-components-skeleton/esm';
4
+ import 'classnames';
6
5
  import '@alfalab/core-components-calendar/esm';
6
+ import '@alfalab/core-components-skeleton/esm';
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: pf9ka */
1
+ /* hash: xxjml */
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_9husv {
41
+ .calendar-with-skeleton__component_z9m3u {
42
42
  width: var(--calendar-width);
43
43
  height: var(--calendar-height);
44
44
  position: relative;
45
45
  }
46
- .calendar-with-skeleton__calendarVisible_9husv {
46
+ .calendar-with-skeleton__calendarVisible_z9m3u {
47
47
  height: auto;
48
48
  }
49
- .calendar-with-skeleton__skeleton_9husv {
49
+ .calendar-with-skeleton__skeleton_z9m3u {
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_9husv {
64
+ .calendar-with-skeleton__header_z9m3u {
65
65
  height: 48px;
66
66
  margin-bottom: var(--gap-l);
67
67
  }
68
- .calendar-with-skeleton__weekDays_9husv {
68
+ .calendar-with-skeleton__weekDays_z9m3u {
69
69
  height: 12px;
70
70
  margin-bottom: var(--gap-m);
71
71
  }
72
- .calendar-with-skeleton__row_9husv {
72
+ .calendar-with-skeleton__row_z9m3u {
73
73
  height: 32px
74
74
  }
75
- .calendar-with-skeleton__row_9husv + .calendar-with-skeleton__row_9husv {
75
+ .calendar-with-skeleton__row_z9m3u + .calendar-with-skeleton__row_z9m3u {
76
76
  margin-top: 10px;
77
77
  }
78
- .calendar-with-skeleton__enter_9husv,
79
- .calendar-with-skeleton__enterActive_9husv,
80
- .calendar-with-skeleton__exit_9husv {
78
+ .calendar-with-skeleton__enter_z9m3u,
79
+ .calendar-with-skeleton__enterActive_z9m3u,
80
+ .calendar-with-skeleton__exit_z9m3u {
81
81
  opacity: 1;
82
82
  }
83
- .calendar-with-skeleton__exitActive_9husv {
83
+ .calendar-with-skeleton__exitActive_z9m3u {
84
84
  opacity: 0;
85
85
  }
package/index.js CHANGED
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component = require('./Component.js');
6
6
  require('react');
7
- require('classnames');
8
7
  require('react-transition-group');
9
- require('@alfalab/core-components-skeleton');
8
+ require('classnames');
10
9
  require('@alfalab/core-components-calendar');
10
+ require('@alfalab/core-components-skeleton');
11
11
 
12
12
 
13
13
 
package/modern/Component.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import React, { forwardRef } from 'react';
2
- import cn from 'classnames';
3
2
  import { CSSTransition } from 'react-transition-group';
4
- import { Skeleton } from '@alfalab/core-components-skeleton/modern';
3
+ import cn from 'classnames';
5
4
  import { Calendar } from '@alfalab/core-components-calendar/modern';
5
+ import { Skeleton } from '@alfalab/core-components-skeleton/modern';
6
6
 
7
- var styles = {"component":"calendar-with-skeleton__component_9husv","calendarVisible":"calendar-with-skeleton__calendarVisible_9husv","skeleton":"calendar-with-skeleton__skeleton_9husv","header":"calendar-with-skeleton__header_9husv","weekDays":"calendar-with-skeleton__weekDays_9husv","row":"calendar-with-skeleton__row_9husv","enter":"calendar-with-skeleton__enter_9husv","enterActive":"calendar-with-skeleton__enterActive_9husv","exit":"calendar-with-skeleton__exit_9husv","exitActive":"calendar-with-skeleton__exitActive_9husv"};
7
+ var styles = {"component":"calendar-with-skeleton__component_z9m3u","calendarVisible":"calendar-with-skeleton__calendarVisible_z9m3u","skeleton":"calendar-with-skeleton__skeleton_z9m3u","header":"calendar-with-skeleton__header_z9m3u","weekDays":"calendar-with-skeleton__weekDays_z9m3u","row":"calendar-with-skeleton__row_z9m3u","enter":"calendar-with-skeleton__enter_z9m3u","enterActive":"calendar-with-skeleton__enterActive_z9m3u","exit":"calendar-with-skeleton__exit_z9m3u","exitActive":"calendar-with-skeleton__exitActive_z9m3u"};
8
8
  require('./index.css')
9
9
 
10
10
  const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {
@@ -12,16 +12,16 @@ const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = tru
12
12
  return (React.createElement("div", { className: cn(styles.component, className, {
13
13
  [styles.calendarVisible]: calendarVisible,
14
14
  }) },
15
- calendarVisible && React.createElement(Calendar, Object.assign({ ref: ref }, restProps)),
15
+ calendarVisible && React.createElement(Calendar, { ref: ref, ...restProps }),
16
16
  React.createElement(CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
17
17
  React.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
18
- React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.header })),
19
- React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.weekDays })),
20
- React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.row })),
21
- React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.row })),
22
- React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.row })),
23
- React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.row })),
24
- React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.row }))))));
18
+ React.createElement(Skeleton, { ...skeletonProps, className: styles.header }),
19
+ React.createElement(Skeleton, { ...skeletonProps, className: styles.weekDays }),
20
+ React.createElement(Skeleton, { ...skeletonProps, className: styles.row }),
21
+ React.createElement(Skeleton, { ...skeletonProps, className: styles.row }),
22
+ React.createElement(Skeleton, { ...skeletonProps, className: styles.row }),
23
+ React.createElement(Skeleton, { ...skeletonProps, className: styles.row }),
24
+ React.createElement(Skeleton, { ...skeletonProps, className: styles.row })))));
25
25
  });
26
26
 
27
27
  export { CalendarWithSkeleton };
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: pf9ka */
1
+ /* hash: xxjml */
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_9husv {
41
+ .calendar-with-skeleton__component_z9m3u {
42
42
  width: var(--calendar-width);
43
43
  height: var(--calendar-height);
44
44
  position: relative;
45
45
  }
46
- .calendar-with-skeleton__calendarVisible_9husv {
46
+ .calendar-with-skeleton__calendarVisible_z9m3u {
47
47
  height: auto;
48
48
  }
49
- .calendar-with-skeleton__skeleton_9husv {
49
+ .calendar-with-skeleton__skeleton_z9m3u {
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_9husv {
64
+ .calendar-with-skeleton__header_z9m3u {
65
65
  height: 48px;
66
66
  margin-bottom: var(--gap-l);
67
67
  }
68
- .calendar-with-skeleton__weekDays_9husv {
68
+ .calendar-with-skeleton__weekDays_z9m3u {
69
69
  height: 12px;
70
70
  margin-bottom: var(--gap-m);
71
71
  }
72
- .calendar-with-skeleton__row_9husv {
72
+ .calendar-with-skeleton__row_z9m3u {
73
73
  height: 32px
74
74
  }
75
- .calendar-with-skeleton__row_9husv + .calendar-with-skeleton__row_9husv {
75
+ .calendar-with-skeleton__row_z9m3u + .calendar-with-skeleton__row_z9m3u {
76
76
  margin-top: 10px;
77
77
  }
78
- .calendar-with-skeleton__enter_9husv,
79
- .calendar-with-skeleton__enterActive_9husv,
80
- .calendar-with-skeleton__exit_9husv {
78
+ .calendar-with-skeleton__enter_z9m3u,
79
+ .calendar-with-skeleton__enterActive_z9m3u,
80
+ .calendar-with-skeleton__exit_z9m3u {
81
81
  opacity: 1;
82
82
  }
83
- .calendar-with-skeleton__exitActive_9husv {
83
+ .calendar-with-skeleton__exitActive_z9m3u {
84
84
  opacity: 0;
85
85
  }
package/modern/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import 'react';
2
- import 'classnames';
3
2
  import 'react-transition-group';
4
- import '@alfalab/core-components-skeleton/modern';
3
+ import 'classnames';
5
4
  import '@alfalab/core-components-calendar/modern';
5
+ import '@alfalab/core-components-skeleton/modern';
6
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.11",
3
+ "version": "5.0.13",
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.7",
21
+ "@alfalab/core-components-calendar": "^6.1.9",
22
22
  "@alfalab/core-components-skeleton": "^4.0.2",
23
23
  "classnames": "^2.3.1",
24
24
  "react-transition-group": "^4.4.1"