@alfalab/core-components-calendar-with-skeleton 5.0.44 → 5.0.46

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
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"component":"calendar-with-skeleton__component_10rxi","calendarVisible":"calendar-with-skeleton__calendarVisible_10rxi","skeleton":"calendar-with-skeleton__skeleton_10rxi","header":"calendar-with-skeleton__header_10rxi","weekDays":"calendar-with-skeleton__weekDays_10rxi","row":"calendar-with-skeleton__row_10rxi","enter":"calendar-with-skeleton__enter_10rxi","enterActive":"calendar-with-skeleton__enterActive_10rxi","exit":"calendar-with-skeleton__exit_10rxi","exitActive":"calendar-with-skeleton__exitActive_10rxi"};
17
+ var styles = {"component":"calendar-with-skeleton__component_n4zxe","calendarVisible":"calendar-with-skeleton__calendarVisible_n4zxe","skeleton":"calendar-with-skeleton__skeleton_n4zxe","header":"calendar-with-skeleton__header_n4zxe","weekDays":"calendar-with-skeleton__weekDays_n4zxe","row":"calendar-with-skeleton__row_n4zxe","enter":"calendar-with-skeleton__enter_n4zxe","enterActive":"calendar-with-skeleton__enterActive_n4zxe","exit":"calendar-with-skeleton__exit_n4zxe","exitActive":"calendar-with-skeleton__exitActive_n4zxe"};
18
18
  require('./index.css')
19
19
 
20
20
  var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
@@ -24,7 +24,7 @@ var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
24
24
  return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
25
25
  _b[styles.calendarVisible] = calendarVisible,
26
26
  _b)) },
27
- calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, tslib.__assign({ ref: ref }, restProps)),
27
+ calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, tslib.__assign({ ref: ref, responsive: true }, restProps)),
28
28
  React__default.default.createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
29
29
  React__default.default.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
30
30
  React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles.header })),
package/cssm/Component.js CHANGED
@@ -23,7 +23,7 @@ var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
23
23
  return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
24
24
  _b[styles__default.default.calendarVisible] = calendarVisible,
25
25
  _b)) },
26
- calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, tslib.__assign({ ref: ref }, restProps)),
26
+ calendarVisible && React__default.default.createElement(coreComponentsCalendar.Calendar, tslib.__assign({ ref: ref, responsive: true }, restProps)),
27
27
  React__default.default.createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles__default.default },
28
28
  React__default.default.createElement("div", { className: styles__default.default.skeleton, ref: calendarVisible ? undefined : ref },
29
29
  React__default.default.createElement(coreComponentsSkeleton.Skeleton, tslib.__assign({}, skeletonProps, { className: styles__default.default.header })),
package/esm/Component.js CHANGED
@@ -5,7 +5,7 @@ import cn from 'classnames';
5
5
  import { Calendar } from '@alfalab/core-components-calendar/esm';
6
6
  import { Skeleton } from '@alfalab/core-components-skeleton/esm';
7
7
 
8
- var styles = {"component":"calendar-with-skeleton__component_10rxi","calendarVisible":"calendar-with-skeleton__calendarVisible_10rxi","skeleton":"calendar-with-skeleton__skeleton_10rxi","header":"calendar-with-skeleton__header_10rxi","weekDays":"calendar-with-skeleton__weekDays_10rxi","row":"calendar-with-skeleton__row_10rxi","enter":"calendar-with-skeleton__enter_10rxi","enterActive":"calendar-with-skeleton__enterActive_10rxi","exit":"calendar-with-skeleton__exit_10rxi","exitActive":"calendar-with-skeleton__exitActive_10rxi"};
8
+ var styles = {"component":"calendar-with-skeleton__component_n4zxe","calendarVisible":"calendar-with-skeleton__calendarVisible_n4zxe","skeleton":"calendar-with-skeleton__skeleton_n4zxe","header":"calendar-with-skeleton__header_n4zxe","weekDays":"calendar-with-skeleton__weekDays_n4zxe","row":"calendar-with-skeleton__row_n4zxe","enter":"calendar-with-skeleton__enter_n4zxe","enterActive":"calendar-with-skeleton__enterActive_n4zxe","exit":"calendar-with-skeleton__exit_n4zxe","exitActive":"calendar-with-skeleton__exitActive_n4zxe"};
9
9
  require('./index.css')
10
10
 
11
11
  var CalendarWithSkeleton = forwardRef(function (_a, ref) {
@@ -15,7 +15,7 @@ var CalendarWithSkeleton = forwardRef(function (_a, ref) {
15
15
  return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
16
16
  _b[styles.calendarVisible] = calendarVisible,
17
17
  _b)) },
18
- calendarVisible && React.createElement(Calendar, __assign({ ref: ref }, restProps)),
18
+ calendarVisible && React.createElement(Calendar, __assign({ ref: ref, responsive: true }, restProps)),
19
19
  React.createElement(CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
20
20
  React.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
21
21
  React.createElement(Skeleton, __assign({}, skeletonProps, { className: styles.header })),
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: hv30s */
1
+ /* hash: qmb4l */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -40,13 +40,13 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_10rxi {
43
+ } .calendar-with-skeleton__component_n4zxe {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_10rxi {
47
+ } .calendar-with-skeleton__calendarVisible_n4zxe {
48
48
  height: auto;
49
- } .calendar-with-skeleton__skeleton_10rxi {
49
+ } .calendar-with-skeleton__skeleton_n4zxe {
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_10rxi {
63
+ } .calendar-with-skeleton__header_n4zxe {
64
64
  height: 48px;
65
65
  margin-bottom: var(--gap-l);
66
- } .calendar-with-skeleton__weekDays_10rxi {
66
+ } .calendar-with-skeleton__weekDays_n4zxe {
67
67
  height: 12px;
68
68
  margin-bottom: var(--gap-m);
69
- } .calendar-with-skeleton__row_10rxi {
69
+ } .calendar-with-skeleton__row_n4zxe {
70
70
  height: 32px
71
- } .calendar-with-skeleton__row_10rxi + .calendar-with-skeleton__row_10rxi {
71
+ } .calendar-with-skeleton__row_n4zxe + .calendar-with-skeleton__row_n4zxe {
72
72
  margin-top: 10px;
73
- } .calendar-with-skeleton__enter_10rxi,
74
- .calendar-with-skeleton__enterActive_10rxi,
75
- .calendar-with-skeleton__exit_10rxi {
73
+ } .calendar-with-skeleton__enter_n4zxe,
74
+ .calendar-with-skeleton__enterActive_n4zxe,
75
+ .calendar-with-skeleton__exit_n4zxe {
76
76
  opacity: 1;
77
- } .calendar-with-skeleton__exitActive_10rxi {
77
+ } .calendar-with-skeleton__exitActive_n4zxe {
78
78
  opacity: 0;
79
79
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: hv30s */
1
+ /* hash: qmb4l */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -40,13 +40,13 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_10rxi {
43
+ } .calendar-with-skeleton__component_n4zxe {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_10rxi {
47
+ } .calendar-with-skeleton__calendarVisible_n4zxe {
48
48
  height: auto;
49
- } .calendar-with-skeleton__skeleton_10rxi {
49
+ } .calendar-with-skeleton__skeleton_n4zxe {
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_10rxi {
63
+ } .calendar-with-skeleton__header_n4zxe {
64
64
  height: 48px;
65
65
  margin-bottom: var(--gap-l);
66
- } .calendar-with-skeleton__weekDays_10rxi {
66
+ } .calendar-with-skeleton__weekDays_n4zxe {
67
67
  height: 12px;
68
68
  margin-bottom: var(--gap-m);
69
- } .calendar-with-skeleton__row_10rxi {
69
+ } .calendar-with-skeleton__row_n4zxe {
70
70
  height: 32px
71
- } .calendar-with-skeleton__row_10rxi + .calendar-with-skeleton__row_10rxi {
71
+ } .calendar-with-skeleton__row_n4zxe + .calendar-with-skeleton__row_n4zxe {
72
72
  margin-top: 10px;
73
- } .calendar-with-skeleton__enter_10rxi,
74
- .calendar-with-skeleton__enterActive_10rxi,
75
- .calendar-with-skeleton__exit_10rxi {
73
+ } .calendar-with-skeleton__enter_n4zxe,
74
+ .calendar-with-skeleton__enterActive_n4zxe,
75
+ .calendar-with-skeleton__exit_n4zxe {
76
76
  opacity: 1;
77
- } .calendar-with-skeleton__exitActive_10rxi {
77
+ } .calendar-with-skeleton__exitActive_n4zxe {
78
78
  opacity: 0;
79
79
  }
@@ -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_10rxi","calendarVisible":"calendar-with-skeleton__calendarVisible_10rxi","skeleton":"calendar-with-skeleton__skeleton_10rxi","header":"calendar-with-skeleton__header_10rxi","weekDays":"calendar-with-skeleton__weekDays_10rxi","row":"calendar-with-skeleton__row_10rxi","enter":"calendar-with-skeleton__enter_10rxi","enterActive":"calendar-with-skeleton__enterActive_10rxi","exit":"calendar-with-skeleton__exit_10rxi","exitActive":"calendar-with-skeleton__exitActive_10rxi"};
7
+ const styles = {"component":"calendar-with-skeleton__component_n4zxe","calendarVisible":"calendar-with-skeleton__calendarVisible_n4zxe","skeleton":"calendar-with-skeleton__skeleton_n4zxe","header":"calendar-with-skeleton__header_n4zxe","weekDays":"calendar-with-skeleton__weekDays_n4zxe","row":"calendar-with-skeleton__row_n4zxe","enter":"calendar-with-skeleton__enter_n4zxe","enterActive":"calendar-with-skeleton__enterActive_n4zxe","exit":"calendar-with-skeleton__exit_n4zxe","exitActive":"calendar-with-skeleton__exitActive_n4zxe"};
8
8
  require('./index.css')
9
9
 
10
10
  const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {
@@ -12,7 +12,7 @@ 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, { ref: ref, ...restProps }),
15
+ calendarVisible && React.createElement(Calendar, { ref: ref, responsive: true, ...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
18
  React.createElement(Skeleton, { ...skeletonProps, className: styles.header }),
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: hv30s */
1
+ /* hash: qmb4l */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -40,13 +40,13 @@
40
40
  /* disabled */
41
41
 
42
42
  /* marker */
43
- } .calendar-with-skeleton__component_10rxi {
43
+ } .calendar-with-skeleton__component_n4zxe {
44
44
  width: var(--calendar-width);
45
45
  height: var(--calendar-height);
46
46
  position: relative;
47
- } .calendar-with-skeleton__calendarVisible_10rxi {
47
+ } .calendar-with-skeleton__calendarVisible_n4zxe {
48
48
  height: auto;
49
- } .calendar-with-skeleton__skeleton_10rxi {
49
+ } .calendar-with-skeleton__skeleton_n4zxe {
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_10rxi {
63
+ } .calendar-with-skeleton__header_n4zxe {
64
64
  height: 48px;
65
65
  margin-bottom: var(--gap-l);
66
- } .calendar-with-skeleton__weekDays_10rxi {
66
+ } .calendar-with-skeleton__weekDays_n4zxe {
67
67
  height: 12px;
68
68
  margin-bottom: var(--gap-m);
69
- } .calendar-with-skeleton__row_10rxi {
69
+ } .calendar-with-skeleton__row_n4zxe {
70
70
  height: 32px
71
- } .calendar-with-skeleton__row_10rxi + .calendar-with-skeleton__row_10rxi {
71
+ } .calendar-with-skeleton__row_n4zxe + .calendar-with-skeleton__row_n4zxe {
72
72
  margin-top: 10px;
73
- } .calendar-with-skeleton__enter_10rxi,
74
- .calendar-with-skeleton__enterActive_10rxi,
75
- .calendar-with-skeleton__exit_10rxi {
73
+ } .calendar-with-skeleton__enter_n4zxe,
74
+ .calendar-with-skeleton__enterActive_n4zxe,
75
+ .calendar-with-skeleton__exit_n4zxe {
76
76
  opacity: 1;
77
- } .calendar-with-skeleton__exitActive_10rxi {
77
+ } .calendar-with-skeleton__exitActive_n4zxe {
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.44",
3
+ "version": "5.0.46",
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.4.0",
21
+ "@alfalab/core-components-calendar": "^6.5.0",
22
22
  "@alfalab/core-components-skeleton": "^4.0.5",
23
23
  "classnames": "^2.3.1",
24
24
  "react-transition-group": "^4.4.5",