@alfalab/core-components-calendar-with-skeleton 5.1.3 → 5.1.4
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 +1 -1
- package/cssm/index-ebda875c.d.ts +5 -1
- package/esm/Component.js +1 -1
- package/esm/index-ebda875c.d.ts +5 -1
- package/esm/index.css +12 -12
- package/index-ebda875c.d.ts +5 -1
- package/index.css +12 -12
- package/modern/Component.js +1 -1
- package/modern/index-ebda875c.d.ts +5 -1
- package/modern/index.css +12 -12
- package/package.json +2 -2
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-
|
|
17
|
+
var styles = {"component":"calendar-with-skeleton__component_1nv4a","calendarVisible":"calendar-with-skeleton__calendarVisible_1nv4a","skeleton":"calendar-with-skeleton__skeleton_1nv4a","header":"calendar-with-skeleton__header_1nv4a","weekDays":"calendar-with-skeleton__weekDays_1nv4a","row":"calendar-with-skeleton__row_1nv4a","enter":"calendar-with-skeleton__enter_1nv4a","enterActive":"calendar-with-skeleton__enterActive_1nv4a","exit":"calendar-with-skeleton__exit_1nv4a","exitActive":"calendar-with-skeleton__exitActive_1nv4a"};
|
|
18
18
|
require('./index.css')
|
|
19
19
|
|
|
20
20
|
var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
|
package/cssm/index-ebda875c.d.ts
CHANGED
|
@@ -21,6 +21,10 @@ declare function easeInOutQuad(x: number): number;
|
|
|
21
21
|
declare const easingFns: {
|
|
22
22
|
easeInOutQuad: typeof easeInOutQuad;
|
|
23
23
|
};
|
|
24
|
+
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
25
|
+
declare const inputUtils: {
|
|
26
|
+
disableUserInput: typeof disableUserInput;
|
|
27
|
+
};
|
|
24
28
|
type SpinnerProps = {
|
|
25
29
|
/**
|
|
26
30
|
* Управление видимостью компонента
|
|
@@ -48,4 +52,4 @@ type SpinnerProps = {
|
|
|
48
52
|
colors?: "default" | "inverted";
|
|
49
53
|
};
|
|
50
54
|
declare const Spinner: FC<SpinnerProps>;
|
|
51
|
-
export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, isClient, getDataTestId, createPaddingStyle, easingFns, SpinnerProps, Spinner };
|
|
55
|
+
export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, SpinnerProps, Spinner };
|
package/esm/Component.js
CHANGED
|
@@ -5,7 +5,7 @@ import cn from 'classnames';
|
|
|
5
5
|
import { CalendarDesktop } from '@alfalab/core-components-calendar/esm/desktop';
|
|
6
6
|
import { Skeleton } from '@alfalab/core-components-skeleton/esm';
|
|
7
7
|
|
|
8
|
-
var styles = {"component":"calendar-with-
|
|
8
|
+
var styles = {"component":"calendar-with-skeleton__component_1nv4a","calendarVisible":"calendar-with-skeleton__calendarVisible_1nv4a","skeleton":"calendar-with-skeleton__skeleton_1nv4a","header":"calendar-with-skeleton__header_1nv4a","weekDays":"calendar-with-skeleton__weekDays_1nv4a","row":"calendar-with-skeleton__row_1nv4a","enter":"calendar-with-skeleton__enter_1nv4a","enterActive":"calendar-with-skeleton__enterActive_1nv4a","exit":"calendar-with-skeleton__exit_1nv4a","exitActive":"calendar-with-skeleton__exitActive_1nv4a"};
|
|
9
9
|
require('./index.css')
|
|
10
10
|
|
|
11
11
|
var CalendarWithSkeleton = forwardRef(function (_a, ref) {
|
package/esm/index-ebda875c.d.ts
CHANGED
|
@@ -21,6 +21,10 @@ declare function easeInOutQuad(x: number): number;
|
|
|
21
21
|
declare const easingFns: {
|
|
22
22
|
easeInOutQuad: typeof easeInOutQuad;
|
|
23
23
|
};
|
|
24
|
+
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
25
|
+
declare const inputUtils: {
|
|
26
|
+
disableUserInput: typeof disableUserInput;
|
|
27
|
+
};
|
|
24
28
|
type SpinnerProps = {
|
|
25
29
|
/**
|
|
26
30
|
* Управление видимостью компонента
|
|
@@ -48,4 +52,4 @@ type SpinnerProps = {
|
|
|
48
52
|
colors?: "default" | "inverted";
|
|
49
53
|
};
|
|
50
54
|
declare const Spinner: FC<SpinnerProps>;
|
|
51
|
-
export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, isClient, getDataTestId, createPaddingStyle, easingFns, SpinnerProps, Spinner };
|
|
55
|
+
export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, SpinnerProps, Spinner };
|
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1bxzh */
|
|
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-
|
|
43
|
+
} .calendar-with-skeleton__component_1nv4a {
|
|
44
44
|
width: var(--calendar-width);
|
|
45
45
|
height: var(--calendar-height);
|
|
46
46
|
position: relative;
|
|
47
|
-
} .calendar-with-
|
|
47
|
+
} .calendar-with-skeleton__calendarVisible_1nv4a {
|
|
48
48
|
height: auto;
|
|
49
|
-
} .calendar-with-
|
|
49
|
+
} .calendar-with-skeleton__skeleton_1nv4a {
|
|
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-
|
|
63
|
+
} .calendar-with-skeleton__header_1nv4a {
|
|
64
64
|
height: 48px;
|
|
65
65
|
margin-bottom: var(--gap-l);
|
|
66
|
-
} .calendar-with-
|
|
66
|
+
} .calendar-with-skeleton__weekDays_1nv4a {
|
|
67
67
|
height: 12px;
|
|
68
68
|
margin-bottom: var(--gap-m);
|
|
69
|
-
} .calendar-with-
|
|
69
|
+
} .calendar-with-skeleton__row_1nv4a {
|
|
70
70
|
height: 32px
|
|
71
|
-
} .calendar-with-
|
|
71
|
+
} .calendar-with-skeleton__row_1nv4a + .calendar-with-skeleton__row_1nv4a {
|
|
72
72
|
margin-top: 10px;
|
|
73
|
-
} .calendar-with-
|
|
74
|
-
.calendar-with-
|
|
75
|
-
.calendar-with-
|
|
73
|
+
} .calendar-with-skeleton__enter_1nv4a,
|
|
74
|
+
.calendar-with-skeleton__enterActive_1nv4a,
|
|
75
|
+
.calendar-with-skeleton__exit_1nv4a {
|
|
76
76
|
opacity: 1;
|
|
77
|
-
} .calendar-with-
|
|
77
|
+
} .calendar-with-skeleton__exitActive_1nv4a {
|
|
78
78
|
opacity: 0;
|
|
79
79
|
}
|
package/index-ebda875c.d.ts
CHANGED
|
@@ -21,6 +21,10 @@ declare function easeInOutQuad(x: number): number;
|
|
|
21
21
|
declare const easingFns: {
|
|
22
22
|
easeInOutQuad: typeof easeInOutQuad;
|
|
23
23
|
};
|
|
24
|
+
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
25
|
+
declare const inputUtils: {
|
|
26
|
+
disableUserInput: typeof disableUserInput;
|
|
27
|
+
};
|
|
24
28
|
type SpinnerProps = {
|
|
25
29
|
/**
|
|
26
30
|
* Управление видимостью компонента
|
|
@@ -48,4 +52,4 @@ type SpinnerProps = {
|
|
|
48
52
|
colors?: "default" | "inverted";
|
|
49
53
|
};
|
|
50
54
|
declare const Spinner: FC<SpinnerProps>;
|
|
51
|
-
export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, isClient, getDataTestId, createPaddingStyle, easingFns, SpinnerProps, Spinner };
|
|
55
|
+
export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, SpinnerProps, Spinner };
|
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1bxzh */
|
|
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-
|
|
43
|
+
} .calendar-with-skeleton__component_1nv4a {
|
|
44
44
|
width: var(--calendar-width);
|
|
45
45
|
height: var(--calendar-height);
|
|
46
46
|
position: relative;
|
|
47
|
-
} .calendar-with-
|
|
47
|
+
} .calendar-with-skeleton__calendarVisible_1nv4a {
|
|
48
48
|
height: auto;
|
|
49
|
-
} .calendar-with-
|
|
49
|
+
} .calendar-with-skeleton__skeleton_1nv4a {
|
|
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-
|
|
63
|
+
} .calendar-with-skeleton__header_1nv4a {
|
|
64
64
|
height: 48px;
|
|
65
65
|
margin-bottom: var(--gap-l);
|
|
66
|
-
} .calendar-with-
|
|
66
|
+
} .calendar-with-skeleton__weekDays_1nv4a {
|
|
67
67
|
height: 12px;
|
|
68
68
|
margin-bottom: var(--gap-m);
|
|
69
|
-
} .calendar-with-
|
|
69
|
+
} .calendar-with-skeleton__row_1nv4a {
|
|
70
70
|
height: 32px
|
|
71
|
-
} .calendar-with-
|
|
71
|
+
} .calendar-with-skeleton__row_1nv4a + .calendar-with-skeleton__row_1nv4a {
|
|
72
72
|
margin-top: 10px;
|
|
73
|
-
} .calendar-with-
|
|
74
|
-
.calendar-with-
|
|
75
|
-
.calendar-with-
|
|
73
|
+
} .calendar-with-skeleton__enter_1nv4a,
|
|
74
|
+
.calendar-with-skeleton__enterActive_1nv4a,
|
|
75
|
+
.calendar-with-skeleton__exit_1nv4a {
|
|
76
76
|
opacity: 1;
|
|
77
|
-
} .calendar-with-
|
|
77
|
+
} .calendar-with-skeleton__exitActive_1nv4a {
|
|
78
78
|
opacity: 0;
|
|
79
79
|
}
|
package/modern/Component.js
CHANGED
|
@@ -4,7 +4,7 @@ import cn from 'classnames';
|
|
|
4
4
|
import { CalendarDesktop } from '@alfalab/core-components-calendar/modern/desktop';
|
|
5
5
|
import { Skeleton } from '@alfalab/core-components-skeleton/modern';
|
|
6
6
|
|
|
7
|
-
const styles = {"component":"calendar-with-
|
|
7
|
+
const styles = {"component":"calendar-with-skeleton__component_1nv4a","calendarVisible":"calendar-with-skeleton__calendarVisible_1nv4a","skeleton":"calendar-with-skeleton__skeleton_1nv4a","header":"calendar-with-skeleton__header_1nv4a","weekDays":"calendar-with-skeleton__weekDays_1nv4a","row":"calendar-with-skeleton__row_1nv4a","enter":"calendar-with-skeleton__enter_1nv4a","enterActive":"calendar-with-skeleton__enterActive_1nv4a","exit":"calendar-with-skeleton__exit_1nv4a","exitActive":"calendar-with-skeleton__exitActive_1nv4a"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {
|
|
@@ -21,6 +21,10 @@ declare function easeInOutQuad(x: number): number;
|
|
|
21
21
|
declare const easingFns: {
|
|
22
22
|
easeInOutQuad: typeof easeInOutQuad;
|
|
23
23
|
};
|
|
24
|
+
declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
|
|
25
|
+
declare const inputUtils: {
|
|
26
|
+
disableUserInput: typeof disableUserInput;
|
|
27
|
+
};
|
|
24
28
|
type SpinnerProps = {
|
|
25
29
|
/**
|
|
26
30
|
* Управление видимостью компонента
|
|
@@ -48,4 +52,4 @@ type SpinnerProps = {
|
|
|
48
52
|
colors?: "default" | "inverted";
|
|
49
53
|
};
|
|
50
54
|
declare const Spinner: FC<SpinnerProps>;
|
|
51
|
-
export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, isClient, getDataTestId, createPaddingStyle, easingFns, SpinnerProps, Spinner };
|
|
55
|
+
export { LOADER_MIN_DISPLAY_INTERVAL, BaseButton, isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, SpinnerProps, Spinner };
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1bxzh */
|
|
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-
|
|
43
|
+
} .calendar-with-skeleton__component_1nv4a {
|
|
44
44
|
width: var(--calendar-width);
|
|
45
45
|
height: var(--calendar-height);
|
|
46
46
|
position: relative;
|
|
47
|
-
} .calendar-with-
|
|
47
|
+
} .calendar-with-skeleton__calendarVisible_1nv4a {
|
|
48
48
|
height: auto;
|
|
49
|
-
} .calendar-with-
|
|
49
|
+
} .calendar-with-skeleton__skeleton_1nv4a {
|
|
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-
|
|
63
|
+
} .calendar-with-skeleton__header_1nv4a {
|
|
64
64
|
height: 48px;
|
|
65
65
|
margin-bottom: var(--gap-l);
|
|
66
|
-
} .calendar-with-
|
|
66
|
+
} .calendar-with-skeleton__weekDays_1nv4a {
|
|
67
67
|
height: 12px;
|
|
68
68
|
margin-bottom: var(--gap-m);
|
|
69
|
-
} .calendar-with-
|
|
69
|
+
} .calendar-with-skeleton__row_1nv4a {
|
|
70
70
|
height: 32px
|
|
71
|
-
} .calendar-with-
|
|
71
|
+
} .calendar-with-skeleton__row_1nv4a + .calendar-with-skeleton__row_1nv4a {
|
|
72
72
|
margin-top: 10px;
|
|
73
|
-
} .calendar-with-
|
|
74
|
-
.calendar-with-
|
|
75
|
-
.calendar-with-
|
|
73
|
+
} .calendar-with-skeleton__enter_1nv4a,
|
|
74
|
+
.calendar-with-skeleton__enterActive_1nv4a,
|
|
75
|
+
.calendar-with-skeleton__exit_1nv4a {
|
|
76
76
|
opacity: 1;
|
|
77
|
-
} .calendar-with-
|
|
77
|
+
} .calendar-with-skeleton__exitActive_1nv4a {
|
|
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.1.
|
|
3
|
+
"version": "5.1.4",
|
|
4
4
|
"description": "CalendarWithSkeleton component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@alfalab/core-components-calendar": "^7.0.
|
|
18
|
+
"@alfalab/core-components-calendar": "^7.0.4",
|
|
19
19
|
"@alfalab/core-components-skeleton": "^4.1.0",
|
|
20
20
|
"classnames": "^2.3.1",
|
|
21
21
|
"react-transition-group": "^4.4.5",
|