@e1011/es-kit 1.0.70 → 1.0.74
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/dist/hooks/esm/index.css +30 -30
- package/dist/hooks/index.css +30 -30
- package/dist/ui/styles/generic.anims.css +169 -0
- package/dist/ui/styles/generic.anims.css.map +1 -0
- package/dist/utils/esm/index.css +30 -30
- package/dist/utils/index.css +30 -30
- package/package.json +5 -3
- package/dist/lib/cjs/src/core/ui/components/container/Container.js +0 -2
- package/dist/lib/cjs/src/core/ui/components/container/Container.js.map +0 -1
- package/dist/lib/esm/src/core/ui/components/container/Container.js +0 -2
- package/dist/lib/esm/src/core/ui/components/container/Container.js.map +0 -1
- package/dist/lib/src/core/ui/components/container/Container.js +0 -49
- package/dist/lib/src/core/ui/components/container/Container.js.map +0 -1
- package/dist/types/src/core/ui/components/container/Container.d.ts +0 -11
- package/dist/types/src/core/ui/components/container/Container.d.ts.map +0 -1
- package/dist/ui/esm/node_modules/core-js/internals/a-possible-prototype.js +0 -2
- package/dist/ui/esm/node_modules/core-js/internals/a-possible-prototype.js.map +0 -1
- package/dist/ui/esm/node_modules/core-js/internals/function-uncurry-this-accessor.js +0 -2
- package/dist/ui/esm/node_modules/core-js/internals/function-uncurry-this-accessor.js.map +0 -1
- package/dist/ui/esm/node_modules/core-js/internals/inherit-if-required.js +0 -2
- package/dist/ui/esm/node_modules/core-js/internals/inherit-if-required.js.map +0 -1
- package/dist/ui/esm/node_modules/core-js/internals/is-pure.js +0 -2
- package/dist/ui/esm/node_modules/core-js/internals/is-pure.js.map +0 -1
- package/dist/ui/esm/node_modules/core-js/internals/object-set-prototype-of.js +0 -2
- package/dist/ui/esm/node_modules/core-js/internals/object-set-prototype-of.js.map +0 -1
- package/dist/ui/esm/node_modules/core-js/internals/path.js +0 -2
- package/dist/ui/esm/node_modules/core-js/internals/path.js.map +0 -1
- package/dist/ui/esm/node_modules/core-js/internals/this-number-value.js +0 -2
- package/dist/ui/esm/node_modules/core-js/internals/this-number-value.js.map +0 -1
- package/dist/ui/esm/node_modules/core-js/modules/es.number.constructor.js +0 -2
- package/dist/ui/esm/node_modules/core-js/modules/es.number.constructor.js.map +0 -1
- package/dist/ui/esm/src/core/ui/components/container/Container.js +0 -2
- package/dist/ui/esm/src/core/ui/components/container/Container.js.map +0 -1
- package/dist/ui/node_modules/core-js/internals/a-possible-prototype.js +0 -2
- package/dist/ui/node_modules/core-js/internals/a-possible-prototype.js.map +0 -1
- package/dist/ui/node_modules/core-js/internals/function-uncurry-this-accessor.js +0 -2
- package/dist/ui/node_modules/core-js/internals/function-uncurry-this-accessor.js.map +0 -1
- package/dist/ui/node_modules/core-js/internals/inherit-if-required.js +0 -2
- package/dist/ui/node_modules/core-js/internals/inherit-if-required.js.map +0 -1
- package/dist/ui/node_modules/core-js/internals/is-pure.js +0 -2
- package/dist/ui/node_modules/core-js/internals/is-pure.js.map +0 -1
- package/dist/ui/node_modules/core-js/internals/object-set-prototype-of.js +0 -2
- package/dist/ui/node_modules/core-js/internals/object-set-prototype-of.js.map +0 -1
- package/dist/ui/node_modules/core-js/internals/path.js +0 -2
- package/dist/ui/node_modules/core-js/internals/path.js.map +0 -1
- package/dist/ui/node_modules/core-js/internals/this-number-value.js +0 -2
- package/dist/ui/node_modules/core-js/internals/this-number-value.js.map +0 -1
- package/dist/ui/node_modules/core-js/modules/es.number.constructor.js +0 -2
- package/dist/ui/node_modules/core-js/modules/es.number.constructor.js.map +0 -1
- package/dist/ui/src/core/ui/components/container/Container.js +0 -2
- package/dist/ui/src/core/ui/components/container/Container.js.map +0 -1
package/dist/hooks/esm/index.css
CHANGED
|
@@ -1,3 +1,33 @@
|
|
|
1
|
+
.icon-module_icon-base-parent__nOMvW {
|
|
2
|
+
line-height: 1px !important;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.icon-module_icon-base__S0tHf {
|
|
6
|
+
min-width: var(--min-width);
|
|
7
|
+
min-height: var(--min-height);
|
|
8
|
+
width: var(--width) !important;
|
|
9
|
+
height: var(--height) !important;
|
|
10
|
+
line-height: var(--height);
|
|
11
|
+
background-color: var(--icon-color);
|
|
12
|
+
color: var(--icon-content-color);
|
|
13
|
+
background-repeat: no-repeat;
|
|
14
|
+
mask-image: var(--icon-url);
|
|
15
|
+
-webkit-mask-image: var(--icon-url);
|
|
16
|
+
mask-repeat: no-repeat;
|
|
17
|
+
-webkit-mask-repeat: no-repeat;
|
|
18
|
+
mask-size: contain;
|
|
19
|
+
-webkit-mask-size: contain;
|
|
20
|
+
mask-position: center;
|
|
21
|
+
-webkit-mask-position: center;
|
|
22
|
+
display: inline-block;
|
|
23
|
+
will-change: transform;
|
|
24
|
+
transform: translate3d(0, 0, 0);
|
|
25
|
+
}
|
|
26
|
+
.icon-module_icon-base__S0tHf svg {
|
|
27
|
+
fill: var(--icon-content-color);
|
|
28
|
+
width: var(--height);
|
|
29
|
+
height: var(--width);
|
|
30
|
+
}
|
|
1
31
|
.fbox-module_flexible-box__rLJ93 {
|
|
2
32
|
display: flex;
|
|
3
33
|
position: relative;
|
|
@@ -73,34 +103,4 @@
|
|
|
73
103
|
left: var(--left);
|
|
74
104
|
height: var(--height);
|
|
75
105
|
margin: var(--margin);
|
|
76
|
-
}
|
|
77
|
-
.icon-module_icon-base-parent__nOMvW {
|
|
78
|
-
line-height: 1px !important;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.icon-module_icon-base__S0tHf {
|
|
82
|
-
min-width: var(--min-width);
|
|
83
|
-
min-height: var(--min-height);
|
|
84
|
-
width: var(--width) !important;
|
|
85
|
-
height: var(--height) !important;
|
|
86
|
-
line-height: var(--height);
|
|
87
|
-
background-color: var(--icon-color);
|
|
88
|
-
color: var(--icon-content-color);
|
|
89
|
-
background-repeat: no-repeat;
|
|
90
|
-
mask-image: var(--icon-url);
|
|
91
|
-
-webkit-mask-image: var(--icon-url);
|
|
92
|
-
mask-repeat: no-repeat;
|
|
93
|
-
-webkit-mask-repeat: no-repeat;
|
|
94
|
-
mask-size: contain;
|
|
95
|
-
-webkit-mask-size: contain;
|
|
96
|
-
mask-position: center;
|
|
97
|
-
-webkit-mask-position: center;
|
|
98
|
-
display: inline-block;
|
|
99
|
-
will-change: transform;
|
|
100
|
-
transform: translate3d(0, 0, 0);
|
|
101
|
-
}
|
|
102
|
-
.icon-module_icon-base__S0tHf svg {
|
|
103
|
-
fill: var(--icon-content-color);
|
|
104
|
-
width: var(--height);
|
|
105
|
-
height: var(--width);
|
|
106
106
|
}
|
package/dist/hooks/index.css
CHANGED
|
@@ -1,3 +1,33 @@
|
|
|
1
|
+
.icon-module_icon-base-parent__nOMvW {
|
|
2
|
+
line-height: 1px !important;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.icon-module_icon-base__S0tHf {
|
|
6
|
+
min-width: var(--min-width);
|
|
7
|
+
min-height: var(--min-height);
|
|
8
|
+
width: var(--width) !important;
|
|
9
|
+
height: var(--height) !important;
|
|
10
|
+
line-height: var(--height);
|
|
11
|
+
background-color: var(--icon-color);
|
|
12
|
+
color: var(--icon-content-color);
|
|
13
|
+
background-repeat: no-repeat;
|
|
14
|
+
mask-image: var(--icon-url);
|
|
15
|
+
-webkit-mask-image: var(--icon-url);
|
|
16
|
+
mask-repeat: no-repeat;
|
|
17
|
+
-webkit-mask-repeat: no-repeat;
|
|
18
|
+
mask-size: contain;
|
|
19
|
+
-webkit-mask-size: contain;
|
|
20
|
+
mask-position: center;
|
|
21
|
+
-webkit-mask-position: center;
|
|
22
|
+
display: inline-block;
|
|
23
|
+
will-change: transform;
|
|
24
|
+
transform: translate3d(0, 0, 0);
|
|
25
|
+
}
|
|
26
|
+
.icon-module_icon-base__S0tHf svg {
|
|
27
|
+
fill: var(--icon-content-color);
|
|
28
|
+
width: var(--height);
|
|
29
|
+
height: var(--width);
|
|
30
|
+
}
|
|
1
31
|
.fbox-module_flexible-box__rLJ93 {
|
|
2
32
|
display: flex;
|
|
3
33
|
position: relative;
|
|
@@ -73,34 +103,4 @@
|
|
|
73
103
|
left: var(--left);
|
|
74
104
|
height: var(--height);
|
|
75
105
|
margin: var(--margin);
|
|
76
|
-
}
|
|
77
|
-
.icon-module_icon-base-parent__nOMvW {
|
|
78
|
-
line-height: 1px !important;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.icon-module_icon-base__S0tHf {
|
|
82
|
-
min-width: var(--min-width);
|
|
83
|
-
min-height: var(--min-height);
|
|
84
|
-
width: var(--width) !important;
|
|
85
|
-
height: var(--height) !important;
|
|
86
|
-
line-height: var(--height);
|
|
87
|
-
background-color: var(--icon-color);
|
|
88
|
-
color: var(--icon-content-color);
|
|
89
|
-
background-repeat: no-repeat;
|
|
90
|
-
mask-image: var(--icon-url);
|
|
91
|
-
-webkit-mask-image: var(--icon-url);
|
|
92
|
-
mask-repeat: no-repeat;
|
|
93
|
-
-webkit-mask-repeat: no-repeat;
|
|
94
|
-
mask-size: contain;
|
|
95
|
-
-webkit-mask-size: contain;
|
|
96
|
-
mask-position: center;
|
|
97
|
-
-webkit-mask-position: center;
|
|
98
|
-
display: inline-block;
|
|
99
|
-
will-change: transform;
|
|
100
|
-
transform: translate3d(0, 0, 0);
|
|
101
|
-
}
|
|
102
|
-
.icon-module_icon-base__S0tHf svg {
|
|
103
|
-
fill: var(--icon-content-color);
|
|
104
|
-
width: var(--height);
|
|
105
|
-
height: var(--width);
|
|
106
106
|
}
|
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
.animBgr {
|
|
2
|
+
width: 100%;
|
|
3
|
+
opacity: 0;
|
|
4
|
+
animation: grow-animation 450ms ease-in-out forwards;
|
|
5
|
+
animation-delay: calc(var(--animation-delay) * 1ms);
|
|
6
|
+
}
|
|
7
|
+
@keyframes grow-animation {
|
|
8
|
+
0% {
|
|
9
|
+
width: 0%;
|
|
10
|
+
opacity: 1;
|
|
11
|
+
}
|
|
12
|
+
100% {
|
|
13
|
+
width: 100%;
|
|
14
|
+
opacity: 1;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.animFadeIn {
|
|
19
|
+
opacity: 0;
|
|
20
|
+
animation: fade-in-animation 350ms ease-in-out forwards;
|
|
21
|
+
will-change: opacity;
|
|
22
|
+
}
|
|
23
|
+
@keyframes fade-in-animation {
|
|
24
|
+
0% {
|
|
25
|
+
opacity: 0;
|
|
26
|
+
}
|
|
27
|
+
100% {
|
|
28
|
+
opacity: 1;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.animSlideDown {
|
|
33
|
+
opacity: 0;
|
|
34
|
+
animation: slide-down-animation 350ms ease-in-out forwards;
|
|
35
|
+
will-change: opacity, transform;
|
|
36
|
+
}
|
|
37
|
+
@keyframes slide-down-animation {
|
|
38
|
+
0% {
|
|
39
|
+
transform: translateY(-4rem);
|
|
40
|
+
opacity: 0;
|
|
41
|
+
}
|
|
42
|
+
30% {
|
|
43
|
+
opacity: 0;
|
|
44
|
+
}
|
|
45
|
+
100% {
|
|
46
|
+
transform: translateY(0rem);
|
|
47
|
+
opacity: 1;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.animSlideUp {
|
|
52
|
+
opacity: 0;
|
|
53
|
+
animation: slide-up-animation 350ms ease-in-out forwards;
|
|
54
|
+
will-change: opacity, transform;
|
|
55
|
+
}
|
|
56
|
+
@keyframes slide-up-animation {
|
|
57
|
+
0% {
|
|
58
|
+
transform: translateY(4rem);
|
|
59
|
+
opacity: 0;
|
|
60
|
+
}
|
|
61
|
+
30% {
|
|
62
|
+
opacity: 0;
|
|
63
|
+
}
|
|
64
|
+
100% {
|
|
65
|
+
transform: translateY(0rem);
|
|
66
|
+
opacity: 1;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.animSlideRight {
|
|
71
|
+
opacity: 0;
|
|
72
|
+
animation: slide-right-animation 350ms ease-in-out forwards;
|
|
73
|
+
will-change: opacity, transform;
|
|
74
|
+
}
|
|
75
|
+
@keyframes slide-right-animation {
|
|
76
|
+
0% {
|
|
77
|
+
transform: translateX(-4rem);
|
|
78
|
+
opacity: 0;
|
|
79
|
+
}
|
|
80
|
+
30% {
|
|
81
|
+
opacity: 0;
|
|
82
|
+
}
|
|
83
|
+
100% {
|
|
84
|
+
transform: translateX(0rem);
|
|
85
|
+
opacity: 1;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.animSlideLeft {
|
|
90
|
+
opacity: 0;
|
|
91
|
+
animation: slide-left-animation 350ms ease-in-out forwards;
|
|
92
|
+
will-change: opacity, transform;
|
|
93
|
+
}
|
|
94
|
+
@keyframes slide-left-animation {
|
|
95
|
+
0% {
|
|
96
|
+
transform: translateX(4rem);
|
|
97
|
+
opacity: 0;
|
|
98
|
+
}
|
|
99
|
+
30% {
|
|
100
|
+
opacity: 0;
|
|
101
|
+
}
|
|
102
|
+
100% {
|
|
103
|
+
transform: translateX(0rem);
|
|
104
|
+
opacity: 1;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.animSpin {
|
|
109
|
+
animation: spin-animation 1200ms ease-in-out forwards;
|
|
110
|
+
animation-delay: 400ms;
|
|
111
|
+
will-change: transform, opacity;
|
|
112
|
+
transition: opacity 250ms ease-out;
|
|
113
|
+
}
|
|
114
|
+
.animSpin:hover {
|
|
115
|
+
animation: spin-animation-reset 0ms ease forwards;
|
|
116
|
+
animation-delay: 0ms;
|
|
117
|
+
opacity: 0.5;
|
|
118
|
+
}
|
|
119
|
+
@keyframes spin-animation {
|
|
120
|
+
0% {
|
|
121
|
+
transform: rotate(0deg);
|
|
122
|
+
}
|
|
123
|
+
100% {
|
|
124
|
+
transform: rotate(1440deg);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
@-webkit-keyframes spin-animation-reset {
|
|
128
|
+
to {
|
|
129
|
+
transform: rotate(0deg);
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.animSpinInfinite {
|
|
134
|
+
animation: spin-animation 1200ms ease-in-out infinite;
|
|
135
|
+
animation-delay: 400ms;
|
|
136
|
+
will-change: transform, opacity;
|
|
137
|
+
transition: opacity 250ms ease-out;
|
|
138
|
+
}
|
|
139
|
+
.animSpinInfinite:hover {
|
|
140
|
+
animation: spin-animation-reset 0ms ease forwards;
|
|
141
|
+
animation-delay: 0ms;
|
|
142
|
+
opacity: 0.5;
|
|
143
|
+
}
|
|
144
|
+
@keyframes spin-animation {
|
|
145
|
+
0% {
|
|
146
|
+
transform: rotate(0deg);
|
|
147
|
+
}
|
|
148
|
+
100% {
|
|
149
|
+
transform: rotate(1440deg);
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
@-webkit-keyframes spin-animation-reset {
|
|
153
|
+
to {
|
|
154
|
+
transform: rotate(0deg);
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.breathOnHover {
|
|
159
|
+
transform: scale(1);
|
|
160
|
+
box-shadow: 0px 0px 0px 0px rgba(10, 12, 10, 0.27);
|
|
161
|
+
transition: transform 250ms ease-in-out, box-shadow 300ms ease;
|
|
162
|
+
will-change: transform;
|
|
163
|
+
}
|
|
164
|
+
.breathOnHover:hover {
|
|
165
|
+
transform: scale(1.1);
|
|
166
|
+
box-shadow: 0px 0px 20px 0px rgba(10, 12, 10, 0.27);
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
/*# sourceMappingURL=generic.anims.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/core/ui/styles/generic.anims.scss"],"names":[],"mappings":"AACA;EACE;EACA;EACA;EAKA;;AAJA;EACE;IAAK;IAAW;;EAChB;IAAO;IAAa;;;;AAKxB;EACE;EACA;EAKA;;AAJA;EACE;IAAK;;EACL;IAAO;;;;AAKX;EACE;EACA;EAMA;;AALA;EACE;IAAK;IAA8B;;EACnC;IAAM;;EACN;IAAO;IAA6B;;;;AAKxC;EACE;EACA;EAMA;;AALA;EACE;IAAK;IAA6B;;EAClC;IAAM;;EACN;IAAO;IAA6B;;;;AAKxC;EACE;EACA;EAMA;;AALA;EACE;IAAK;IAA8B;;EACnC;IAAM;;EACN;IAAO;IAA6B;;;;AAKxC;EACE;EACA;EAMA;;AALA;EACE;IAAK;IAA6B;;EAClC;IAAM;;EACN;IAAO;IAA6B;;;;AAMxC;EACE;EACA;EAEA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;;;AAIT;EACE;EACA;EAEA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;;;AAIT;EACE;EACA;EACA;EACA;;AACA;EACE;EACA","file":"generic.anims.css"}
|
package/dist/utils/esm/index.css
CHANGED
|
@@ -1,3 +1,33 @@
|
|
|
1
|
+
.icon-module_icon-base-parent__nOMvW {
|
|
2
|
+
line-height: 1px !important;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.icon-module_icon-base__S0tHf {
|
|
6
|
+
min-width: var(--min-width);
|
|
7
|
+
min-height: var(--min-height);
|
|
8
|
+
width: var(--width) !important;
|
|
9
|
+
height: var(--height) !important;
|
|
10
|
+
line-height: var(--height);
|
|
11
|
+
background-color: var(--icon-color);
|
|
12
|
+
color: var(--icon-content-color);
|
|
13
|
+
background-repeat: no-repeat;
|
|
14
|
+
mask-image: var(--icon-url);
|
|
15
|
+
-webkit-mask-image: var(--icon-url);
|
|
16
|
+
mask-repeat: no-repeat;
|
|
17
|
+
-webkit-mask-repeat: no-repeat;
|
|
18
|
+
mask-size: contain;
|
|
19
|
+
-webkit-mask-size: contain;
|
|
20
|
+
mask-position: center;
|
|
21
|
+
-webkit-mask-position: center;
|
|
22
|
+
display: inline-block;
|
|
23
|
+
will-change: transform;
|
|
24
|
+
transform: translate3d(0, 0, 0);
|
|
25
|
+
}
|
|
26
|
+
.icon-module_icon-base__S0tHf svg {
|
|
27
|
+
fill: var(--icon-content-color);
|
|
28
|
+
width: var(--height);
|
|
29
|
+
height: var(--width);
|
|
30
|
+
}
|
|
1
31
|
.fbox-module_flexible-box__rLJ93 {
|
|
2
32
|
display: flex;
|
|
3
33
|
position: relative;
|
|
@@ -73,34 +103,4 @@
|
|
|
73
103
|
left: var(--left);
|
|
74
104
|
height: var(--height);
|
|
75
105
|
margin: var(--margin);
|
|
76
|
-
}
|
|
77
|
-
.icon-module_icon-base-parent__nOMvW {
|
|
78
|
-
line-height: 1px !important;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.icon-module_icon-base__S0tHf {
|
|
82
|
-
min-width: var(--min-width);
|
|
83
|
-
min-height: var(--min-height);
|
|
84
|
-
width: var(--width) !important;
|
|
85
|
-
height: var(--height) !important;
|
|
86
|
-
line-height: var(--height);
|
|
87
|
-
background-color: var(--icon-color);
|
|
88
|
-
color: var(--icon-content-color);
|
|
89
|
-
background-repeat: no-repeat;
|
|
90
|
-
mask-image: var(--icon-url);
|
|
91
|
-
-webkit-mask-image: var(--icon-url);
|
|
92
|
-
mask-repeat: no-repeat;
|
|
93
|
-
-webkit-mask-repeat: no-repeat;
|
|
94
|
-
mask-size: contain;
|
|
95
|
-
-webkit-mask-size: contain;
|
|
96
|
-
mask-position: center;
|
|
97
|
-
-webkit-mask-position: center;
|
|
98
|
-
display: inline-block;
|
|
99
|
-
will-change: transform;
|
|
100
|
-
transform: translate3d(0, 0, 0);
|
|
101
|
-
}
|
|
102
|
-
.icon-module_icon-base__S0tHf svg {
|
|
103
|
-
fill: var(--icon-content-color);
|
|
104
|
-
width: var(--height);
|
|
105
|
-
height: var(--width);
|
|
106
106
|
}
|
package/dist/utils/index.css
CHANGED
|
@@ -1,3 +1,33 @@
|
|
|
1
|
+
.icon-module_icon-base-parent__nOMvW {
|
|
2
|
+
line-height: 1px !important;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.icon-module_icon-base__S0tHf {
|
|
6
|
+
min-width: var(--min-width);
|
|
7
|
+
min-height: var(--min-height);
|
|
8
|
+
width: var(--width) !important;
|
|
9
|
+
height: var(--height) !important;
|
|
10
|
+
line-height: var(--height);
|
|
11
|
+
background-color: var(--icon-color);
|
|
12
|
+
color: var(--icon-content-color);
|
|
13
|
+
background-repeat: no-repeat;
|
|
14
|
+
mask-image: var(--icon-url);
|
|
15
|
+
-webkit-mask-image: var(--icon-url);
|
|
16
|
+
mask-repeat: no-repeat;
|
|
17
|
+
-webkit-mask-repeat: no-repeat;
|
|
18
|
+
mask-size: contain;
|
|
19
|
+
-webkit-mask-size: contain;
|
|
20
|
+
mask-position: center;
|
|
21
|
+
-webkit-mask-position: center;
|
|
22
|
+
display: inline-block;
|
|
23
|
+
will-change: transform;
|
|
24
|
+
transform: translate3d(0, 0, 0);
|
|
25
|
+
}
|
|
26
|
+
.icon-module_icon-base__S0tHf svg {
|
|
27
|
+
fill: var(--icon-content-color);
|
|
28
|
+
width: var(--height);
|
|
29
|
+
height: var(--width);
|
|
30
|
+
}
|
|
1
31
|
.fbox-module_flexible-box__rLJ93 {
|
|
2
32
|
display: flex;
|
|
3
33
|
position: relative;
|
|
@@ -73,34 +103,4 @@
|
|
|
73
103
|
left: var(--left);
|
|
74
104
|
height: var(--height);
|
|
75
105
|
margin: var(--margin);
|
|
76
|
-
}
|
|
77
|
-
.icon-module_icon-base-parent__nOMvW {
|
|
78
|
-
line-height: 1px !important;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.icon-module_icon-base__S0tHf {
|
|
82
|
-
min-width: var(--min-width);
|
|
83
|
-
min-height: var(--min-height);
|
|
84
|
-
width: var(--width) !important;
|
|
85
|
-
height: var(--height) !important;
|
|
86
|
-
line-height: var(--height);
|
|
87
|
-
background-color: var(--icon-color);
|
|
88
|
-
color: var(--icon-content-color);
|
|
89
|
-
background-repeat: no-repeat;
|
|
90
|
-
mask-image: var(--icon-url);
|
|
91
|
-
-webkit-mask-image: var(--icon-url);
|
|
92
|
-
mask-repeat: no-repeat;
|
|
93
|
-
-webkit-mask-repeat: no-repeat;
|
|
94
|
-
mask-size: contain;
|
|
95
|
-
-webkit-mask-size: contain;
|
|
96
|
-
mask-position: center;
|
|
97
|
-
-webkit-mask-position: center;
|
|
98
|
-
display: inline-block;
|
|
99
|
-
will-change: transform;
|
|
100
|
-
transform: translate3d(0, 0, 0);
|
|
101
|
-
}
|
|
102
|
-
.icon-module_icon-base__S0tHf svg {
|
|
103
|
-
fill: var(--icon-content-color);
|
|
104
|
-
width: var(--height);
|
|
105
|
-
height: var(--width);
|
|
106
106
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@e1011/es-kit",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.74",
|
|
4
4
|
"main": "dist/lib/cjs/src/index.js",
|
|
5
5
|
"module": "dist/lib/esm/src/index.js",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
"types": "./dist/types/src/core/ui/index.d.ts"
|
|
36
36
|
},
|
|
37
37
|
"./dist/*": "./dist/*",
|
|
38
|
+
"./css/*": "./dist/ui/styles/*",
|
|
38
39
|
"./package.json": "./package.json"
|
|
39
40
|
},
|
|
40
41
|
"scripts": {
|
|
@@ -42,7 +43,8 @@
|
|
|
42
43
|
"prepublish": "yarn clean && yarn build:lib",
|
|
43
44
|
"clean": "rimraf ./dist ./es ./coverage",
|
|
44
45
|
"build:lib": "yarn tsc && BABEL_ENV=production NODE_ENV=production rollup --config --environment INCLUDE_DEPS,BUILD:production",
|
|
45
|
-
"build": "
|
|
46
|
+
"build:css": "sass src/core/ui/styles:dist/ui/styles",
|
|
47
|
+
"build": "yarn prepush && yarn build:lib && yarn build:css",
|
|
46
48
|
"watch": "rollup --config --watch",
|
|
47
49
|
"lint": "eslint src --ext js,jsx,ts,tsx",
|
|
48
50
|
"lint:quiet": "eslint src --ext js,jsx,ts,tsx --quiet",
|
|
@@ -101,7 +103,7 @@
|
|
|
101
103
|
"reflect-metadata": "^0.1.13",
|
|
102
104
|
"rollup": "^2.60.1",
|
|
103
105
|
"rollup-plugin-postcss": "^4.0.2",
|
|
104
|
-
"sass": "^1.
|
|
106
|
+
"sass": "^1.59.3",
|
|
105
107
|
"ts-jest": "^29.0.5",
|
|
106
108
|
"ts-node": "^10.9.1",
|
|
107
109
|
"typescript": "^4.5.2"
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("styled-components");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var t=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(n),r=["collapsed","collapseHandler","children","propName","className","css"],l={width:"scrollWidth",height:"scrollHeight"},i=function(e){return e.propName},c=t.memo(a.default.div.withConfig({displayName:"Container__StyledContainer",componentId:"sc-heiku-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],i,i,i,i,i,i,i,(function(e){var n=e.contentProp;return"".concat(n,"px")}),i,(function(e){var n=e.contentProp;return"".concat(n,"px")}))),s=a.default(c).withConfig({displayName:"Container___StyledStyledContainer",componentId:"sc-heiku-1"})(["",""],(function(e){return e.$_css})),u=t.memo((function(n){var o=n.collapsed,a=void 0!==o&&o,i=n.collapseHandler,c=n.children,u=n.propName,p=void 0===u?"height":u,d=n.className,_=n.css,m=e.objectWithoutProperties(n,r),f=t.useRef(),h=t.useState(0),y=e.slicedToArray(h,2),v=y[0],C=y[1];t.useEffect((function(){null==i||i(a)}),[i,a]),t.useEffect((function(){null!=f&&f.current&&C(f.current[l[p]])}),[f,p]);var x="";return a&&v&&null!=v&&(x="Collapsible__container__collapsed"),!a&&v&&null!=v&&(x="Collapsible__container__expanded"),React.createElement(s,e.extends({className:"".concat(d," ").concat(x),ref:f,contentProp:v,propName:p},m,{$_css:_}),c)}));u.displayName="Container",exports.Container=u;
|
|
2
|
-
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sources":["../../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n transform-origin: 0% 0%;\n transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n overflow: hidden;\n opacity: 0;\n\n &.Collapsible__container__collapsed {\n ${propNameFunc}: 0;\n max-${propNameFunc}: 0;\n opacity: 0;\n }\n\n &.Collapsible__container__expanded {\n ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n opacity: 1;\n }\n`)\n\nexport type ContainerProps = {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n propName?: string\n className?: string\n css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n const containerRef = useRef<HTMLDivElement>()\n const [contentProp, setContentProp] = useState(0)\n\n useEffect(() => {\n collapseHandler?.(collapsed)\n }, [collapseHandler, collapsed])\n\n useEffect(() => {\n if (containerRef?.current) {\n setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n }\n }, [containerRef, propName])\n\n let resolvedClassName = ''\n\n if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__collapsed'\n }\n if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__expanded'\n }\n\n return (\n <StyledContainer\n className={`${className} ${resolvedClassName}`}\n ref={containerRef}\n contentProp={contentProp}\n propName={propName}\n css={css}\n {...props}\n >\n {children}\n </StyledContainer>\n )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","Container","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","props","_objectWithoutProperties","objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"uaAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAIA,KAACC,UAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,cAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAA,QAAAF,GAAAI,WAAA,CAAAC,YAAA,oCAAAC,YAAA,cAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAgCb,EAAAA,MAAK,SAAAc,GAE5B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAAQC,EAAKC,EAAAC,wBAAAV,EAAAW,GAErFC,EAAeC,EAAAA,SACrBC,EAAsCC,EAAQA,SAAC,GAAEC,EAAAC,EAAAA,cAAAH,EAAA,GAA1CrB,EAAWuB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,EAAAA,WAAU,WACRhB,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBiB,EAAAA,WAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBzC,EAAmBK,IAEpE,GAAG,CAAC4B,EAAc5B,IAElB,IAAIqC,EAAoB,GASxB,OAPInB,GAAaT,GAAbS,MAA4BT,IAC9B4B,EAAoB,sCAEjBnB,GAAaT,GAAd,MAA6BA,IAC/B4B,EAAoB,oCAIpBC,MAAAC,cAAA3B,EAAA4B,UAAA,CACElB,UAAS,GAAAZ,OAAKY,OAASZ,OAAI2B,GAC3BI,IAAKb,EACLnB,YAAaA,EACbT,SAAUA,GAENwB,EAAK,CAAAV,MADJS,IAGJH,EAGP,IAEAL,EAAUT,YAAc"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{objectWithoutProperties as e,slicedToArray as o,extends as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import a from"styled-components";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as t,useRef as r,useState as l,useEffect as i}from"react";var c=["collapsed","collapseHandler","children","propName","className","css"],s={width:"scrollWidth",height:"scrollHeight"},p=function(e){return e.propName},d=t(a.div.withConfig({displayName:"Container__StyledContainer",componentId:"sc-heiku-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],p,p,p,p,p,p,p,(function(e){var o=e.contentProp;return"".concat(o,"px")}),p,(function(e){var o=e.contentProp;return"".concat(o,"px")}))),u=a(d).withConfig({displayName:"Container___StyledStyledContainer",componentId:"sc-heiku-1"})(["",""],(function(e){return e.$_css})),m=t((function(a){var t=a.collapsed,p=void 0!==t&&t,d=a.collapseHandler,m=a.children,_=a.propName,h=void 0===_?"height":_,f=a.className,y=a.css,C=e(a,c),v=r(),x=l(0),N=o(x,2),g=N[0],b=N[1];i((function(){null==d||d(p)}),[d,p]),i((function(){null!=v&&v.current&&b(v.current[s[h]])}),[v,h]);var w="";return p&&g&&null!=g&&(w="Collapsible__container__collapsed"),!p&&g&&null!=g&&(w="Collapsible__container__expanded"),React.createElement(u,n({className:"".concat(f," ").concat(w),ref:v,contentProp:g,propName:h},C,{$_css:y}),m)}));m.displayName="Container";export{m as Container};
|
|
2
|
-
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sources":["../../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n transform-origin: 0% 0%;\n transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n overflow: hidden;\n opacity: 0;\n\n &.Collapsible__container__collapsed {\n ${propNameFunc}: 0;\n max-${propNameFunc}: 0;\n opacity: 0;\n }\n\n &.Collapsible__container__expanded {\n ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n opacity: 1;\n }\n`)\n\nexport type ContainerProps = {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n propName?: string\n className?: string\n css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n const containerRef = useRef<HTMLDivElement>()\n const [contentProp, setContentProp] = useState(0)\n\n useEffect(() => {\n collapseHandler?.(collapsed)\n }, [collapseHandler, collapsed])\n\n useEffect(() => {\n if (containerRef?.current) {\n setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n }\n }, [containerRef, propName])\n\n let resolvedClassName = ''\n\n if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__collapsed'\n }\n if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__expanded'\n }\n\n return (\n <StyledContainer\n className={`${className} ${resolvedClassName}`}\n ref={containerRef}\n contentProp={contentProp}\n propName={propName}\n css={css}\n {...props}\n >\n {children}\n </StyledContainer>\n )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","Container","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","props","_objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"2XAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,cAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAAF,GAAAI,WAAA,CAAAC,YAAA,oCAAAC,YAAA,cAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAgCb,GAAK,SAAAc,GAE5B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAAQC,EAAKC,EAAAT,EAAAU,GAErFC,EAAeC,IACrBC,EAAsCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAA1CpB,EAAWsB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,GAAU,WACRf,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBgB,GAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBxC,EAAmBK,IAEpE,GAAG,CAAC2B,EAAc3B,IAElB,IAAIoC,EAAoB,GASxB,OAPIlB,GAAaT,GAAbS,MAA4BT,IAC9B2B,EAAoB,sCAEjBlB,GAAaT,GAAd,MAA6BA,IAC/B2B,EAAoB,oCAIpBC,MAAAC,cAAA1B,EAAA2B,EAAA,CACEjB,UAAS,GAAAZ,OAAKY,OAASZ,OAAI0B,GAC3BI,IAAKb,EACLlB,YAAaA,EACbT,SAAUA,GAENwB,EAAK,CAAAV,MADJS,IAGJH,EAGP,IAEAL,EAAUT,YAAc"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useRef, useState, memo, useEffect } from 'react';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
const elementPropNameMap = {
|
|
5
|
-
width: 'scrollWidth',
|
|
6
|
-
height: 'scrollHeight',
|
|
7
|
-
};
|
|
8
|
-
const propNameFunc = ({ propName }) => propName;
|
|
9
|
-
const StyledContainer = memo(styled.div `
|
|
10
|
-
transform-origin: 0% 0%;
|
|
11
|
-
transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;
|
|
12
|
-
will-change: opacity, ${propNameFunc}, max-${propNameFunc};
|
|
13
|
-
overflow: hidden;
|
|
14
|
-
opacity: 0;
|
|
15
|
-
|
|
16
|
-
&.Collapsible__container__collapsed {
|
|
17
|
-
${propNameFunc}: 0;
|
|
18
|
-
max-${propNameFunc}: 0;
|
|
19
|
-
opacity: 0;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
&.Collapsible__container__expanded {
|
|
23
|
-
${propNameFunc}: ${({ contentProp }) => `${contentProp}px`};
|
|
24
|
-
max-${propNameFunc}: ${({ contentProp }) => `${contentProp}px`};
|
|
25
|
-
opacity: 1;
|
|
26
|
-
}
|
|
27
|
-
`);
|
|
28
|
-
export const Container = memo(({ collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props }) => {
|
|
29
|
-
const containerRef = useRef();
|
|
30
|
-
const [contentProp, setContentProp] = useState(0);
|
|
31
|
-
useEffect(() => {
|
|
32
|
-
collapseHandler?.(collapsed);
|
|
33
|
-
}, [collapseHandler, collapsed]);
|
|
34
|
-
useEffect(() => {
|
|
35
|
-
if (containerRef?.current) {
|
|
36
|
-
setContentProp(containerRef.current[elementPropNameMap[propName]]);
|
|
37
|
-
}
|
|
38
|
-
}, [containerRef, propName]);
|
|
39
|
-
let resolvedClassName = '';
|
|
40
|
-
if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
|
|
41
|
-
resolvedClassName = 'Collapsible__container__collapsed';
|
|
42
|
-
}
|
|
43
|
-
if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {
|
|
44
|
-
resolvedClassName = 'Collapsible__container__expanded';
|
|
45
|
-
}
|
|
46
|
-
return (_jsx(StyledContainer, { className: `${className} ${resolvedClassName}`, ref: containerRef, contentProp: contentProp, propName: propName, css: css, ...props, children: children }));
|
|
47
|
-
});
|
|
48
|
-
Container.displayName = 'Container';
|
|
49
|
-
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,MAAM,kBAAkB,GAA2B;IACjD,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAiD,EAAE,EAAE,CAAC,QAAQ,CAAA;AAE9F,MAAM,eAAe,GAA6B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAsB;;0CAE7C,YAAY,0BAA0B,YAAY;0BAClE,YAAY,SAAS,YAAY;;;;;MAKrD,YAAY;UACR,YAAY;;;;;MAKhB,YAAY,KAAK,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,GAAG,WAAW,IAAI;UACnF,YAAY,KAAK,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,GAAG,WAAW,IAAI;;;CAGhG,CAAC,CAAA;AAUF,MAAM,CAAC,MAAM,SAAS,GAAuB,IAAI,CAAC,CAAC,EACjD,SAAS,GAAG,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,GAAG,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAC5E,EAAE,EAAE;IACnB,MAAM,YAAY,GAAG,MAAM,EAAkB,CAAA;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAC,SAAS,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,OAAO,EAAE;YACzB,cAAc,CAAE,YAAY,CAAC,OAAe,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;SAC5E;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE5B,IAAI,iBAAiB,GAAG,EAAE,CAAA;IAE1B,IAAI,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;QACjF,iBAAiB,GAAG,mCAAmC,CAAA;KACxD;IACD,IAAI,CAAC,SAAS,IAAI,WAAW,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,EAAE;QAClF,iBAAiB,GAAG,kCAAkC,CAAA;KACvD;IAED,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAE,GAAG,SAAS,IAAI,iBAAiB,EAAE,EAC9C,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACO,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
export type ContainerProps = {
|
|
3
|
-
collapsed?: boolean;
|
|
4
|
-
collapseHandler?: (collapsed: boolean) => void;
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
propName?: string;
|
|
7
|
-
className?: string;
|
|
8
|
-
css?: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const Container: FC<ContainerProps>;
|
|
11
|
-
//# sourceMappingURL=Container.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA0B,SAAS,EAAa,MAAM,OAAO,CAAA;AAgCxE,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AACD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAqCvC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"a-possible-prototype.js","sources":["../../../../../../node_modules/core-js/internals/a-possible-prototype.js"],"sourcesContent":["var isCallable = require('../internals/is-callable');\n\nvar $String = String;\nvar $TypeError = TypeError;\n\nmodule.exports = function (argument) {\n if (typeof argument == 'object' || isCallable(argument)) return argument;\n throw $TypeError(\"Can't set \" + $String(argument) + ' as a prototype');\n};\n"],"names":["isCallable","require$$0","$String","String","$TypeError","TypeError","aPossiblePrototype","argument"],"mappings":"gCAAA,IAAIA,EAAaC,EAEbC,EAAUC,OACVC,EAAaC,UAEjBC,EAAiB,SAAUC,GACzB,GAAuB,iBAAZA,GAAwBP,EAAWO,GAAW,OAAOA,EAChE,MAAMH,EAAW,aAAeF,EAAQK,GAAY,kBACtD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"function-uncurry-this-accessor.js","sources":["../../../../../../node_modules/core-js/internals/function-uncurry-this-accessor.js"],"sourcesContent":["var uncurryThis = require('../internals/function-uncurry-this');\nvar aCallable = require('../internals/a-callable');\n\nmodule.exports = function (object, key, method) {\n try {\n // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe\n return uncurryThis(aCallable(Object.getOwnPropertyDescriptor(object, key)[method]));\n } catch (error) { /* empty */ }\n};\n"],"names":["uncurryThis","require$$0","aCallable","require$$1","functionUncurryThisAccessor","object","key","method","Object","getOwnPropertyDescriptor","error"],"mappings":"yEAAA,IAAIA,EAAcC,EACdC,EAAYC,EAEhBC,EAAiB,SAAUC,EAAQC,EAAKC,GACtC,IAEE,OAAOP,EAAYE,EAAUM,OAAOC,yBAAyBJ,EAAQC,GAAKC,IAC9E,CAAI,MAAOG,GAAsB,CACjC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import o from"./is-callable.js";import t from"./is-object.js";import r from"./object-set-prototype-of.js";var e=o,p=t,s=r,a=function(o,t,r){var a,c;return s&&e(a=t.constructor)&&a!==r&&p(c=a.prototype)&&c!==r.prototype&&s(o,c),o};export{a as default};
|
|
2
|
-
//# sourceMappingURL=inherit-if-required.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inherit-if-required.js","sources":["../../../../../../node_modules/core-js/internals/inherit-if-required.js"],"sourcesContent":["var isCallable = require('../internals/is-callable');\nvar isObject = require('../internals/is-object');\nvar setPrototypeOf = require('../internals/object-set-prototype-of');\n\n// makes subclassing work correct for wrapped built-ins\nmodule.exports = function ($this, dummy, Wrapper) {\n var NewTarget, NewTargetPrototype;\n if (\n // it can work only with native `setPrototypeOf`\n setPrototypeOf &&\n // we haven't completely correct pre-ES6 way for getting `new.target`, so use this\n isCallable(NewTarget = dummy.constructor) &&\n NewTarget !== Wrapper &&\n isObject(NewTargetPrototype = NewTarget.prototype) &&\n NewTargetPrototype !== Wrapper.prototype\n ) setPrototypeOf($this, NewTargetPrototype);\n return $this;\n};\n"],"names":["isCallable","require$$0","isObject","require$$1","setPrototypeOf","require$$2","inheritIfRequired","$this","dummy","Wrapper","NewTarget","NewTargetPrototype","constructor","prototype"],"mappings":"0GAAA,IAAIA,EAAaC,EACbC,EAAWC,EACXC,EAAiBC,EAGrBC,EAAiB,SAAUC,EAAOC,EAAOC,GACvC,IAAIC,EAAWC,EAUf,OAPEP,GAEAJ,EAAWU,EAAYF,EAAMI,cAC7BF,IAAcD,GACdP,EAASS,EAAqBD,EAAUG,YACxCF,IAAuBF,EAAQI,WAC/BT,EAAeG,EAAOI,GACjBJ,CACT"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"is-pure.js","sources":["../../../../../../node_modules/core-js/internals/is-pure.js"],"sourcesContent":["module.exports = false;\n"],"names":["isPure"],"mappings":"AAAA,IAAAA,GAAiB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import t from"./function-uncurry-this-accessor.js";import o from"./an-object.js";import r from"./a-possible-prototype.js";var e=t,n=o,p=r,c=Object.setPrototypeOf||("__proto__"in{}?function(){var t,o=!1,r={};try{(t=e(Object.prototype,"__proto__","set"))(r,[]),o=r instanceof Array}catch(t){}return function(r,e){return n(r),p(e),o?t(r,e):r.__proto__=e,r}}():void 0);export{c as default};
|
|
2
|
-
//# sourceMappingURL=object-set-prototype-of.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"object-set-prototype-of.js","sources":["../../../../../../node_modules/core-js/internals/object-set-prototype-of.js"],"sourcesContent":["/* eslint-disable no-proto -- safe */\nvar uncurryThisAccessor = require('../internals/function-uncurry-this-accessor');\nvar anObject = require('../internals/an-object');\nvar aPossiblePrototype = require('../internals/a-possible-prototype');\n\n// `Object.setPrototypeOf` method\n// https://tc39.es/ecma262/#sec-object.setprototypeof\n// Works with __proto__ only. Old v8 can't work with null proto objects.\n// eslint-disable-next-line es/no-object-setprototypeof -- safe\nmodule.exports = Object.setPrototypeOf || ('__proto__' in {} ? function () {\n var CORRECT_SETTER = false;\n var test = {};\n var setter;\n try {\n setter = uncurryThisAccessor(Object.prototype, '__proto__', 'set');\n setter(test, []);\n CORRECT_SETTER = test instanceof Array;\n } catch (error) { /* empty */ }\n return function setPrototypeOf(O, proto) {\n anObject(O);\n aPossiblePrototype(proto);\n if (CORRECT_SETTER) setter(O, proto);\n else O.__proto__ = proto;\n return O;\n };\n}() : undefined);\n"],"names":["uncurryThisAccessor","require$$0","anObject","require$$1","aPossiblePrototype","require$$2","objectSetPrototypeOf","Object","setPrototypeOf","setter","CORRECT_SETTER","test","prototype","Array","error","O","proto","__proto__","undefined"],"mappings":"0HACA,IAAIA,EAAsBC,EACtBC,EAAWC,EACXC,EAAqBC,EAMzBC,EAAiBC,OAAOC,iBAAmB,aAAe,CAAE,EAAG,WAC7D,IAEIC,EAFAC,GAAiB,EACjBC,EAAO,CAAA,EAEX,KACEF,EAAST,EAAoBO,OAAOK,UAAW,YAAa,QACrDD,EAAM,IACbD,EAAiBC,aAAgBE,KACrC,CAAI,MAAOC,GAAsB,CAC/B,OAAO,SAAwBC,EAAGC,GAKhC,OAJAd,EAASa,GACTX,EAAmBY,GACfN,EAAgBD,EAAOM,EAAGC,GACzBD,EAAEE,UAAYD,EACZD,CACX,CACA,CAhB+D,QAgBzDG"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"path.js","sources":["../../../../../../node_modules/core-js/internals/path.js"],"sourcesContent":["var global = require('../internals/global');\n\nmodule.exports = global;\n"],"names":["path","require$$0"],"mappings":"2BAAA,IAEAA,EAFaC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"this-number-value.js","sources":["../../../../../../node_modules/core-js/internals/this-number-value.js"],"sourcesContent":["var uncurryThis = require('../internals/function-uncurry-this');\n\n// `thisNumberValue` abstract operation\n// https://tc39.es/ecma262/#sec-thisnumbervalue\nmodule.exports = uncurryThis(1.0.valueOf);\n"],"names":["thisNumberValue","require$$0","valueOf"],"mappings":"0CAAA,IAIAA,EAJkBC,EAIW,GAAIC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import r from"../internals/export.js";import t from"../internals/is-pure.js";import e from"../internals/descriptors.js";import o from"../internals/global.js";import i from"../internals/path.js";import n from"../internals/function-uncurry-this.js";import s from"../internals/is-forced.js";import a from"../internals/has-own-property.js";import p from"../internals/inherit-if-required.js";import m from"../internals/object-is-prototype-of.js";import f from"../internals/is-symbol.js";import l from"../internals/to-primitive.js";import c from"../internals/fails.js";import"../internals/object-get-own-property-names.js";import"../internals/object-get-own-property-descriptor.js";import"../internals/object-define-property.js";import u from"../internals/this-number-value.js";import j from"../internals/string-trim.js";import{__exports as b}from"../../../_virtual/object-get-own-property-names.js";import{__exports as N}from"../../../_virtual/object-get-own-property-descriptor.js";import{__exports as I}from"../../../_virtual/object-define-property.js";var g=r,_=t,y=e,h=o,v=i,E=n,d=s,w=a,A=p,S=m,T=f,F=l,x=c,M=b.f,V=N.f,G=I.f,L=u,O=j.trim,k="Number",C=h[k];v[k];var P=C.prototype,R=h.TypeError,U=E("".slice),X=E("".charCodeAt),Y=function(r){var t=F(r,"number");return"bigint"==typeof t?t:q(t)},q=function(r){var t,e,o,i,n,s,a,p,m=F(r,"number");if(T(m))throw R("Cannot convert a Symbol value to a number");if("string"==typeof m&&m.length>2)if(m=O(m),43===(t=X(m,0))||45===t){if(88===(e=X(m,2))||120===e)return NaN}else if(48===t){switch(X(m,1)){case 66:case 98:o=2,i=49;break;case 79:case 111:o=8,i=55;break;default:return+m}for(s=(n=U(m,2)).length,a=0;a<s;a++)if((p=X(n,a))<48||p>i)return NaN;return parseInt(n,o)}return+m},z=d(k,!C(" 0o1")||!C("0b1")||C("+0x1")),B=function(r){return S(P,r)&&x((function(){L(r)}))},D=function(r){var t=arguments.length<1?0:C(Y(r));return B(this)?A(Object(t),this,D):t};D.prototype=P,z&&!_&&(P.constructor=D),g({global:!0,constructor:!0,wrap:!0,forced:z},{Number:D});(z||_)&&function(r,t){for(var e,o=y?M(t):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,isFinite,isInteger,isNaN,isSafeInteger,parseFloat,parseInt,fromString,range".split(","),i=0;o.length>i;i++)w(t,e=o[i])&&!w(r,e)&&G(r,e,V(t,e))}(v[k],C);
|
|
2
|
-
//# sourceMappingURL=es.number.constructor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"es.number.constructor.js","sources":["../../../../../../node_modules/core-js/modules/es.number.constructor.js"],"sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar IS_PURE = require('../internals/is-pure');\nvar DESCRIPTORS = require('../internals/descriptors');\nvar global = require('../internals/global');\nvar path = require('../internals/path');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar isForced = require('../internals/is-forced');\nvar hasOwn = require('../internals/has-own-property');\nvar inheritIfRequired = require('../internals/inherit-if-required');\nvar isPrototypeOf = require('../internals/object-is-prototype-of');\nvar isSymbol = require('../internals/is-symbol');\nvar toPrimitive = require('../internals/to-primitive');\nvar fails = require('../internals/fails');\nvar getOwnPropertyNames = require('../internals/object-get-own-property-names').f;\nvar getOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar defineProperty = require('../internals/object-define-property').f;\nvar thisNumberValue = require('../internals/this-number-value');\nvar trim = require('../internals/string-trim').trim;\n\nvar NUMBER = 'Number';\nvar NativeNumber = global[NUMBER];\nvar PureNumberNamespace = path[NUMBER];\nvar NumberPrototype = NativeNumber.prototype;\nvar TypeError = global.TypeError;\nvar stringSlice = uncurryThis(''.slice);\nvar charCodeAt = uncurryThis(''.charCodeAt);\n\n// `ToNumeric` abstract operation\n// https://tc39.es/ecma262/#sec-tonumeric\nvar toNumeric = function (value) {\n var primValue = toPrimitive(value, 'number');\n return typeof primValue == 'bigint' ? primValue : toNumber(primValue);\n};\n\n// `ToNumber` abstract operation\n// https://tc39.es/ecma262/#sec-tonumber\nvar toNumber = function (argument) {\n var it = toPrimitive(argument, 'number');\n var first, third, radix, maxCode, digits, length, index, code;\n if (isSymbol(it)) throw TypeError('Cannot convert a Symbol value to a number');\n if (typeof it == 'string' && it.length > 2) {\n it = trim(it);\n first = charCodeAt(it, 0);\n if (first === 43 || first === 45) {\n third = charCodeAt(it, 2);\n if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix\n } else if (first === 48) {\n switch (charCodeAt(it, 1)) {\n case 66: case 98: radix = 2; maxCode = 49; break; // fast equal of /^0b[01]+$/i\n case 79: case 111: radix = 8; maxCode = 55; break; // fast equal of /^0o[0-7]+$/i\n default: return +it;\n }\n digits = stringSlice(it, 2);\n length = digits.length;\n for (index = 0; index < length; index++) {\n code = charCodeAt(digits, index);\n // parseInt parses a string to a first unavailable symbol\n // but ToNumber should return NaN if a string contains unavailable symbols\n if (code < 48 || code > maxCode) return NaN;\n } return parseInt(digits, radix);\n }\n } return +it;\n};\n\nvar FORCED = isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'));\n\nvar calledWithNew = function (dummy) {\n // includes check on 1..constructor(foo) case\n return isPrototypeOf(NumberPrototype, dummy) && fails(function () { thisNumberValue(dummy); });\n};\n\n// `Number` constructor\n// https://tc39.es/ecma262/#sec-number-constructor\nvar NumberWrapper = function Number(value) {\n var n = arguments.length < 1 ? 0 : NativeNumber(toNumeric(value));\n return calledWithNew(this) ? inheritIfRequired(Object(n), this, NumberWrapper) : n;\n};\n\nNumberWrapper.prototype = NumberPrototype;\nif (FORCED && !IS_PURE) NumberPrototype.constructor = NumberWrapper;\n\n$({ global: true, constructor: true, wrap: true, forced: FORCED }, {\n Number: NumberWrapper\n});\n\n// Use `internal/copy-constructor-properties` helper in `core-js@4`\nvar copyConstructorProperties = function (target, source) {\n for (var keys = DESCRIPTORS ? getOwnPropertyNames(source) : (\n // ES3:\n 'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +\n // ES2015 (in case, if modules with ES2015 Number statics required before):\n 'EPSILON,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,isFinite,isInteger,isNaN,isSafeInteger,parseFloat,parseInt,' +\n // ESNext\n 'fromString,range'\n ).split(','), j = 0, key; keys.length > j; j++) {\n if (hasOwn(source, key = keys[j]) && !hasOwn(target, key)) {\n defineProperty(target, key, getOwnPropertyDescriptor(source, key));\n }\n }\n};\n\nif (IS_PURE && PureNumberNamespace) copyConstructorProperties(path[NUMBER], PureNumberNamespace);\nif (FORCED || IS_PURE) copyConstructorProperties(path[NUMBER], NativeNumber);\n"],"names":["$","require$$0","IS_PURE","require$$1","DESCRIPTORS","require$$2","global","require$$3","path","require$$4","uncurryThis","require$$5","isForced","require$$6","hasOwn","require$$7","inheritIfRequired","require$$8","isPrototypeOf","require$$9","isSymbol","require$$10","toPrimitive","require$$11","fails","require$$12","getOwnPropertyNames","require$$13","f","getOwnPropertyDescriptor","require$$14","defineProperty","require$$15","thisNumberValue","require$$16","trim","require$$17","NUMBER","NativeNumber","NumberPrototype","prototype","TypeError","stringSlice","slice","charCodeAt","toNumeric","value","primValue","toNumber","argument","first","third","radix","maxCode","digits","length","index","code","it","NaN","parseInt","FORCED","calledWithNew","dummy","NumberWrapper","n","arguments","this","Object","constructor","wrap","forced","Number","target","source","key","keys","split","j","copyConstructorProperties"],"mappings":"0hCACA,IAAIA,EAAIC,EACJC,EAAUC,EACVC,EAAcC,EACdC,EAASC,EACTC,EAAOC,EACPC,EAAcC,EACdC,EAAWC,EACXC,EAASC,EACTC,EAAoBC,EACpBC,EAAgBC,EAChBC,EAAWC,EACXC,EAAcC,EACdC,EAAQC,EACRC,EAAsBC,EAAsDC,EAC5EC,EAA2BC,EAA2DF,EACtFG,EAAiBC,EAA+CJ,EAChEK,EAAkBC,EAClBC,EAAOC,EAAoCD,KAE3CE,EAAS,SACTC,EAAehC,EAAO+B,GACA7B,EAAK6B,GAC/B,IAAIE,EAAkBD,EAAaE,UAC/BC,EAAYnC,EAAOmC,UACnBC,EAAchC,EAAY,GAAGiC,OAC7BC,EAAalC,EAAY,GAAGkC,YAI5BC,EAAY,SAAUC,GACxB,IAAIC,EAAYzB,EAAYwB,EAAO,UACnC,MAA2B,iBAAbC,EAAwBA,EAAYC,EAASD,EAC7D,EAIIC,EAAW,SAAUC,GACvB,IACIC,EAAOC,EAAOC,EAAOC,EAASC,EAAQC,EAAQC,EAAOC,EADrDC,EAAKpC,EAAY2B,EAAU,UAE/B,GAAI7B,EAASsC,GAAK,MAAMjB,EAAU,6CAClC,GAAiB,iBAANiB,GAAkBA,EAAGH,OAAS,EAGvC,GAFAG,EAAKvB,EAAKuB,GAEI,MADdR,EAAQN,EAAWc,EAAI,KACO,KAAVR,GAElB,GAAc,MADdC,EAAQP,EAAWc,EAAI,KACO,MAAVP,EAAe,OAAOQ,SACrC,GAAc,KAAVT,EAAc,CACvB,OAAQN,EAAWc,EAAI,IACrB,KAAK,GAAI,KAAK,GAAIN,EAAQ,EAAGC,EAAU,GAAI,MAC3C,KAAK,GAAI,KAAK,IAAKD,EAAQ,EAAGC,EAAU,GAAI,MAC5C,QAAS,OAAQK,EAInB,IADAH,GADAD,EAASZ,EAAYgB,EAAI,IACTH,OACXC,EAAQ,EAAGA,EAAQD,EAAQC,IAI9B,IAHAC,EAAOb,EAAWU,EAAQE,IAGf,IAAMC,EAAOJ,EAAS,OAAOM,IACxC,OAAOC,SAASN,EAAQF,EAC3B,CACD,OAAQM,CACZ,EAEIG,EAASjD,EAASyB,GAASC,EAAa,UAAYA,EAAa,QAAUA,EAAa,SAExFwB,EAAgB,SAAUC,GAE5B,OAAO7C,EAAcqB,EAAiBwB,IAAUvC,GAAM,WAAcS,EAAgB8B,EAAO,GAC7F,EAIIC,EAAgB,SAAgBlB,GAClC,IAAImB,EAAIC,UAAUX,OAAS,EAAI,EAAIjB,EAAaO,EAAUC,IAC1D,OAAOgB,EAAcK,MAAQnD,EAAkBoD,OAAOH,GAAIE,KAAMH,GAAiBC,CACnF,EAEAD,EAAcxB,UAAYD,EACtBsB,IAAW3D,IAASqC,EAAgB8B,YAAcL,GAEtDhE,EAAE,CAAEM,QAAQ,EAAM+D,aAAa,EAAMC,MAAM,EAAMC,OAAQV,GAAU,CACjEW,OAAQR,KAoBNH,GAAU3D,IAhBkB,SAAUuE,EAAQC,GAChD,IAAK,IAOgBC,EAPZC,EAAOxE,EAAcsB,EAAoBgD,GAAU,oLAO1DG,MAAM,KAAMC,EAAI,EAAQF,EAAKrB,OAASuB,EAAGA,IACrChE,EAAO4D,EAAQC,EAAMC,EAAKE,MAAQhE,EAAO2D,EAAQE,IACnD5C,EAAe0C,EAAQE,EAAK9C,EAAyB6C,EAAQC,GAGnE,CAGuBI,CAA0BvE,EAAK6B,GAASC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{objectWithoutProperties as e,slicedToArray as o,extends as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import a from"styled-components";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as t,useRef as r,useState as l,useEffect as i}from"react";var c=["collapsed","collapseHandler","children","propName","className","css"],s={width:"scrollWidth",height:"scrollHeight"},p=function(e){return e.propName},d=t(a.div.withConfig({displayName:"Container__StyledContainer",componentId:"sc-heiku-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],p,p,p,p,p,p,p,(function(e){var o=e.contentProp;return"".concat(o,"px")}),p,(function(e){var o=e.contentProp;return"".concat(o,"px")}))),u=a(d).withConfig({displayName:"Container___StyledStyledContainer",componentId:"sc-heiku-1"})(["",""],(function(e){return e.$_css})),m=t((function(a){var t=a.collapsed,p=void 0!==t&&t,d=a.collapseHandler,m=a.children,_=a.propName,h=void 0===_?"height":_,f=a.className,y=a.css,C=e(a,c),v=r(),x=l(0),N=o(x,2),g=N[0],b=N[1];i((function(){null==d||d(p)}),[d,p]),i((function(){null!=v&&v.current&&b(v.current[s[h]])}),[v,h]);var w="";return p&&g&&null!=g&&(w="Collapsible__container__collapsed"),!p&&g&&null!=g&&(w="Collapsible__container__expanded"),React.createElement(u,n({className:"".concat(f," ").concat(w),ref:v,contentProp:g,propName:h},C,{$_css:y}),m)}));m.displayName="Container";export{m as Container};
|
|
2
|
-
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sources":["../../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n transform-origin: 0% 0%;\n transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n overflow: hidden;\n opacity: 0;\n\n &.Collapsible__container__collapsed {\n ${propNameFunc}: 0;\n max-${propNameFunc}: 0;\n opacity: 0;\n }\n\n &.Collapsible__container__expanded {\n ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n opacity: 1;\n }\n`)\n\nexport type ContainerProps = {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n propName?: string\n className?: string\n css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n const containerRef = useRef<HTMLDivElement>()\n const [contentProp, setContentProp] = useState(0)\n\n useEffect(() => {\n collapseHandler?.(collapsed)\n }, [collapseHandler, collapsed])\n\n useEffect(() => {\n if (containerRef?.current) {\n setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n }\n }, [containerRef, propName])\n\n let resolvedClassName = ''\n\n if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__collapsed'\n }\n if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__expanded'\n }\n\n return (\n <StyledContainer\n className={`${className} ${resolvedClassName}`}\n ref={containerRef}\n contentProp={contentProp}\n propName={propName}\n css={css}\n {...props}\n >\n {children}\n </StyledContainer>\n )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","Container","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","props","_objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"2XAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,cAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAAF,GAAAI,WAAA,CAAAC,YAAA,oCAAAC,YAAA,cAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAgCb,GAAK,SAAAc,GAE5B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAAQC,EAAKC,EAAAT,EAAAU,GAErFC,EAAeC,IACrBC,EAAsCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAA1CpB,EAAWsB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,GAAU,WACRf,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBgB,GAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBxC,EAAmBK,IAEpE,GAAG,CAAC2B,EAAc3B,IAElB,IAAIoC,EAAoB,GASxB,OAPIlB,GAAaT,GAAbS,MAA4BT,IAC9B2B,EAAoB,sCAEjBlB,GAAaT,GAAd,MAA6BA,IAC/B2B,EAAoB,oCAIpBC,MAAAC,cAAA1B,EAAA2B,EAAA,CACEjB,UAAS,GAAAZ,OAAKY,OAASZ,OAAI0B,GAC3BI,IAAKb,EACLlB,YAAaA,EACbT,SAAUA,GAENwB,EAAK,CAAAV,MADJS,IAGJH,EAGP,IAEAL,EAAUT,YAAc"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"a-possible-prototype.js","sources":["../../../../../node_modules/core-js/internals/a-possible-prototype.js"],"sourcesContent":["var isCallable = require('../internals/is-callable');\n\nvar $String = String;\nvar $TypeError = TypeError;\n\nmodule.exports = function (argument) {\n if (typeof argument == 'object' || isCallable(argument)) return argument;\n throw $TypeError(\"Can't set \" + $String(argument) + ' as a prototype');\n};\n"],"names":["isCallable","$String","String","$TypeError","TypeError","argument"],"mappings":"iBAAIA,8BAEAC,EAAUC,OACVC,EAAaC,yBAEA,SAAUC,GACzB,GAAuB,iBAAZA,GAAwBL,EAAWK,GAAW,OAAOA,EAChE,MAAMF,EAAW,aAAeF,EAAQI,GAAY,kBACtD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"function-uncurry-this-accessor.js","sources":["../../../../../node_modules/core-js/internals/function-uncurry-this-accessor.js"],"sourcesContent":["var uncurryThis = require('../internals/function-uncurry-this');\nvar aCallable = require('../internals/a-callable');\n\nmodule.exports = function (object, key, method) {\n try {\n // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe\n return uncurryThis(aCallable(Object.getOwnPropertyDescriptor(object, key)[method]));\n } catch (error) { /* empty */ }\n};\n"],"names":["uncurryThis","require$$0","aCallable","require$$1","object","key","method","Object","getOwnPropertyDescriptor","error"],"mappings":"sFAAIA,EAAcC,EACdC,EAAYC,iBAEC,SAAUC,EAAQC,EAAKC,GACtC,IAEE,OAAON,EAAYE,EAAUK,OAAOC,yBAAyBJ,EAAQC,GAAKC,IAC9E,CAAI,MAAOG,GAAsB,CACjC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./is-callable.js"),r=require("./is-object.js"),t=require("./object-set-prototype-of.js"),o=e,s=r,u=t;module.exports=function(e,r,t){var c,i;return u&&o(c=r.constructor)&&c!==t&&s(i=c.prototype)&&i!==t.prototype&&u(e,i),e};
|
|
2
|
-
//# sourceMappingURL=inherit-if-required.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inherit-if-required.js","sources":["../../../../../node_modules/core-js/internals/inherit-if-required.js"],"sourcesContent":["var isCallable = require('../internals/is-callable');\nvar isObject = require('../internals/is-object');\nvar setPrototypeOf = require('../internals/object-set-prototype-of');\n\n// makes subclassing work correct for wrapped built-ins\nmodule.exports = function ($this, dummy, Wrapper) {\n var NewTarget, NewTargetPrototype;\n if (\n // it can work only with native `setPrototypeOf`\n setPrototypeOf &&\n // we haven't completely correct pre-ES6 way for getting `new.target`, so use this\n isCallable(NewTarget = dummy.constructor) &&\n NewTarget !== Wrapper &&\n isObject(NewTargetPrototype = NewTarget.prototype) &&\n NewTargetPrototype !== Wrapper.prototype\n ) setPrototypeOf($this, NewTargetPrototype);\n return $this;\n};\n"],"names":["isCallable","require$$0","isObject","require$$1","setPrototypeOf","require$$2","$this","dummy","Wrapper","NewTarget","NewTargetPrototype","constructor","prototype"],"mappings":"qHAAIA,EAAaC,EACbC,EAAWC,EACXC,EAAiBC,iBAGJ,SAAUC,EAAOC,EAAOC,GACvC,IAAIC,EAAWC,EAUf,OAPEN,GAEAJ,EAAWS,EAAYF,EAAMI,cAC7BF,IAAcD,GACdN,EAASQ,EAAqBD,EAAUG,YACxCF,IAAuBF,EAAQI,WAC/BR,EAAeE,EAAOI,GACjBJ,CACT"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"is-pure.js","sources":["../../../../../node_modules/core-js/internals/is-pure.js"],"sourcesContent":["module.exports = false;\n"],"names":[],"mappings":"6BAAiB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var r=require("./function-uncurry-this-accessor.js"),t=require("./an-object.js"),e=require("./a-possible-prototype.js"),o=r,s=t,c=e,n=Object.setPrototypeOf||("__proto__"in{}?function(){var r,t=!1,e={};try{(r=o(Object.prototype,"__proto__","set"))(e,[]),t=e instanceof Array}catch(r){}return function(e,o){return s(e),c(o),t?r(e,o):e.__proto__=o,e}}():void 0);module.exports=n;
|
|
2
|
-
//# sourceMappingURL=object-set-prototype-of.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"object-set-prototype-of.js","sources":["../../../../../node_modules/core-js/internals/object-set-prototype-of.js"],"sourcesContent":["/* eslint-disable no-proto -- safe */\nvar uncurryThisAccessor = require('../internals/function-uncurry-this-accessor');\nvar anObject = require('../internals/an-object');\nvar aPossiblePrototype = require('../internals/a-possible-prototype');\n\n// `Object.setPrototypeOf` method\n// https://tc39.es/ecma262/#sec-object.setprototypeof\n// Works with __proto__ only. Old v8 can't work with null proto objects.\n// eslint-disable-next-line es/no-object-setprototypeof -- safe\nmodule.exports = Object.setPrototypeOf || ('__proto__' in {} ? function () {\n var CORRECT_SETTER = false;\n var test = {};\n var setter;\n try {\n setter = uncurryThisAccessor(Object.prototype, '__proto__', 'set');\n setter(test, []);\n CORRECT_SETTER = test instanceof Array;\n } catch (error) { /* empty */ }\n return function setPrototypeOf(O, proto) {\n anObject(O);\n aPossiblePrototype(proto);\n if (CORRECT_SETTER) setter(O, proto);\n else O.__proto__ = proto;\n return O;\n };\n}() : undefined);\n"],"names":["uncurryThisAccessor","require$$0","anObject","require$$1","aPossiblePrototype","require$$2","objectSetPrototypeOf","Object","setPrototypeOf","setter","CORRECT_SETTER","test","prototype","Array","error","O","proto","__proto__","undefined"],"mappings":"qIACIA,EAAsBC,EACtBC,EAAWC,EACXC,EAAqBC,EAMzBC,EAAiBC,OAAOC,iBAAmB,aAAe,CAAE,EAAG,WAC7D,IAEIC,EAFAC,GAAiB,EACjBC,EAAO,CAAA,EAEX,KACEF,EAAST,EAAoBO,OAAOK,UAAW,YAAa,QACrDD,EAAM,IACbD,EAAiBC,aAAgBE,KACrC,CAAI,MAAOC,GAAsB,CAC/B,OAAO,SAAwBC,EAAGC,GAKhC,OAJAd,EAASa,GACTX,EAAmBY,GACfN,EAAgBD,EAAOM,EAAGC,GACzBD,EAAEE,UAAYD,EACZD,CACX,CACA,CAhB+D,QAgBzDG"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"path.js","sources":["../../../../../node_modules/core-js/internals/path.js"],"sourcesContent":["var global = require('../internals/global');\n\nmodule.exports = global;\n"],"names":["path"],"mappings":"iBAEAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"this-number-value.js","sources":["../../../../../node_modules/core-js/internals/this-number-value.js"],"sourcesContent":["var uncurryThis = require('../internals/function-uncurry-this');\n\n// `thisNumberValue` abstract operation\n// https://tc39.es/ecma262/#sec-thisnumbervalue\nmodule.exports = uncurryThis(1.0.valueOf);\n"],"names":["thisNumberValue","uncurryThis","valueOf"],"mappings":"iBAIAA,uCAAiBC,CAAY,GAAIC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var r=require("../internals/export.js"),e=require("../internals/is-pure.js"),t=require("../internals/descriptors.js"),i=require("../internals/global.js"),n=require("../internals/path.js"),s=require("../internals/function-uncurry-this.js"),o=require("../internals/is-forced.js"),a=require("../internals/has-own-property.js"),u=require("../internals/inherit-if-required.js"),l=require("../internals/object-is-prototype-of.js"),p=require("../internals/is-symbol.js"),c=require("../internals/to-primitive.js"),f=require("../internals/fails.js");require("../internals/object-get-own-property-names.js"),require("../internals/object-get-own-property-descriptor.js"),require("../internals/object-define-property.js");var j=require("../internals/this-number-value.js"),b=require("../internals/string-trim.js"),q=require("../../../_virtual/object-get-own-property-names.js"),N=require("../../../_virtual/object-get-own-property-descriptor.js"),I=require("../../../_virtual/object-define-property.js"),g=r,_=e,y=t,h=i,m=n,v=s,E=o,d=a,w=u,A=l,S=p,T=c,F=f,x=q.__exports.f,M=N.__exports.f,V=I.__exports.f,G=j,L=b.trim,O="Number",k=h[O];m[O];var C=k.prototype,P=h.TypeError,R=v("".slice),U=v("".charCodeAt),X=function(r){var e=T(r,"number");return"bigint"==typeof e?e:Y(e)},Y=function(r){var e,t,i,n,s,o,a,u,l=T(r,"number");if(S(l))throw P("Cannot convert a Symbol value to a number");if("string"==typeof l&&l.length>2)if(l=L(l),43===(e=U(l,0))||45===e){if(88===(t=U(l,2))||120===t)return NaN}else if(48===e){switch(U(l,1)){case 66:case 98:i=2,n=49;break;case 79:case 111:i=8,n=55;break;default:return+l}for(o=(s=R(l,2)).length,a=0;a<o;a++)if((u=U(s,a))<48||u>n)return NaN;return parseInt(s,i)}return+l},z=E(O,!k(" 0o1")||!k("0b1")||k("+0x1")),B=function(r){return A(C,r)&&F((function(){G(r)}))},D=function(r){var e=arguments.length<1?0:k(X(r));return B(this)?w(Object(e),this,D):e};D.prototype=C,z&&!_&&(C.constructor=D),g({global:!0,constructor:!0,wrap:!0,forced:z},{Number:D});(z||_)&&function(r,e){for(var t,i=y?x(e):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,isFinite,isInteger,isNaN,isSafeInteger,parseFloat,parseInt,fromString,range".split(","),n=0;i.length>n;n++)d(e,t=i[n])&&!d(r,t)&&V(r,t,M(e,t))}(m[O],k);
|
|
2
|
-
//# sourceMappingURL=es.number.constructor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"es.number.constructor.js","sources":["../../../../../node_modules/core-js/modules/es.number.constructor.js"],"sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar IS_PURE = require('../internals/is-pure');\nvar DESCRIPTORS = require('../internals/descriptors');\nvar global = require('../internals/global');\nvar path = require('../internals/path');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar isForced = require('../internals/is-forced');\nvar hasOwn = require('../internals/has-own-property');\nvar inheritIfRequired = require('../internals/inherit-if-required');\nvar isPrototypeOf = require('../internals/object-is-prototype-of');\nvar isSymbol = require('../internals/is-symbol');\nvar toPrimitive = require('../internals/to-primitive');\nvar fails = require('../internals/fails');\nvar getOwnPropertyNames = require('../internals/object-get-own-property-names').f;\nvar getOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar defineProperty = require('../internals/object-define-property').f;\nvar thisNumberValue = require('../internals/this-number-value');\nvar trim = require('../internals/string-trim').trim;\n\nvar NUMBER = 'Number';\nvar NativeNumber = global[NUMBER];\nvar PureNumberNamespace = path[NUMBER];\nvar NumberPrototype = NativeNumber.prototype;\nvar TypeError = global.TypeError;\nvar stringSlice = uncurryThis(''.slice);\nvar charCodeAt = uncurryThis(''.charCodeAt);\n\n// `ToNumeric` abstract operation\n// https://tc39.es/ecma262/#sec-tonumeric\nvar toNumeric = function (value) {\n var primValue = toPrimitive(value, 'number');\n return typeof primValue == 'bigint' ? primValue : toNumber(primValue);\n};\n\n// `ToNumber` abstract operation\n// https://tc39.es/ecma262/#sec-tonumber\nvar toNumber = function (argument) {\n var it = toPrimitive(argument, 'number');\n var first, third, radix, maxCode, digits, length, index, code;\n if (isSymbol(it)) throw TypeError('Cannot convert a Symbol value to a number');\n if (typeof it == 'string' && it.length > 2) {\n it = trim(it);\n first = charCodeAt(it, 0);\n if (first === 43 || first === 45) {\n third = charCodeAt(it, 2);\n if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix\n } else if (first === 48) {\n switch (charCodeAt(it, 1)) {\n case 66: case 98: radix = 2; maxCode = 49; break; // fast equal of /^0b[01]+$/i\n case 79: case 111: radix = 8; maxCode = 55; break; // fast equal of /^0o[0-7]+$/i\n default: return +it;\n }\n digits = stringSlice(it, 2);\n length = digits.length;\n for (index = 0; index < length; index++) {\n code = charCodeAt(digits, index);\n // parseInt parses a string to a first unavailable symbol\n // but ToNumber should return NaN if a string contains unavailable symbols\n if (code < 48 || code > maxCode) return NaN;\n } return parseInt(digits, radix);\n }\n } return +it;\n};\n\nvar FORCED = isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'));\n\nvar calledWithNew = function (dummy) {\n // includes check on 1..constructor(foo) case\n return isPrototypeOf(NumberPrototype, dummy) && fails(function () { thisNumberValue(dummy); });\n};\n\n// `Number` constructor\n// https://tc39.es/ecma262/#sec-number-constructor\nvar NumberWrapper = function Number(value) {\n var n = arguments.length < 1 ? 0 : NativeNumber(toNumeric(value));\n return calledWithNew(this) ? inheritIfRequired(Object(n), this, NumberWrapper) : n;\n};\n\nNumberWrapper.prototype = NumberPrototype;\nif (FORCED && !IS_PURE) NumberPrototype.constructor = NumberWrapper;\n\n$({ global: true, constructor: true, wrap: true, forced: FORCED }, {\n Number: NumberWrapper\n});\n\n// Use `internal/copy-constructor-properties` helper in `core-js@4`\nvar copyConstructorProperties = function (target, source) {\n for (var keys = DESCRIPTORS ? getOwnPropertyNames(source) : (\n // ES3:\n 'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +\n // ES2015 (in case, if modules with ES2015 Number statics required before):\n 'EPSILON,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,isFinite,isInteger,isNaN,isSafeInteger,parseFloat,parseInt,' +\n // ESNext\n 'fromString,range'\n ).split(','), j = 0, key; keys.length > j; j++) {\n if (hasOwn(source, key = keys[j]) && !hasOwn(target, key)) {\n defineProperty(target, key, getOwnPropertyDescriptor(source, key));\n }\n }\n};\n\nif (IS_PURE && PureNumberNamespace) copyConstructorProperties(path[NUMBER], PureNumberNamespace);\nif (FORCED || IS_PURE) copyConstructorProperties(path[NUMBER], NativeNumber);\n"],"names":["$","require$$0","IS_PURE","require$$1","DESCRIPTORS","require$$2","global","require$$3","path","require$$4","uncurryThis","require$$5","isForced","require$$6","hasOwn","require$$7","inheritIfRequired","require$$8","isPrototypeOf","require$$9","isSymbol","require$$10","toPrimitive","require$$11","fails","require$$12","getOwnPropertyNames","require$$13","__exports","f","getOwnPropertyDescriptor","require$$14","defineProperty","require$$15","thisNumberValue","require$$16","trim","require$$17","NUMBER","NativeNumber","NumberPrototype","prototype","TypeError","stringSlice","slice","charCodeAt","toNumeric","value","primValue","toNumber","argument","first","third","radix","maxCode","digits","length","index","code","it","NaN","parseInt","FORCED","calledWithNew","dummy","NumberWrapper","n","arguments","this","Object","constructor","wrap","forced","Number","target","source","key","keys","split","j","copyConstructorProperties"],"mappings":"6+BACIA,EAAIC,EACJC,EAAUC,EACVC,EAAcC,EACdC,EAASC,EACTC,EAAOC,EACPC,EAAcC,EACdC,EAAWC,EACXC,EAASC,EACTC,EAAoBC,EACpBC,EAAgBC,EAChBC,EAAWC,EACXC,EAAcC,EACdC,EAAQC,EACRC,EAAsBC,EAAqDC,UAACC,EAC5EC,EAA2BC,EAA0DH,UAACC,EACtFG,EAAiBC,EAA8CL,UAACC,EAChEK,EAAkBC,EAClBC,EAAOC,EAAoCD,KAE3CE,EAAS,SACTC,EAAejC,EAAOgC,GACA9B,EAAK8B,GAC/B,IAAIE,EAAkBD,EAAaE,UAC/BC,EAAYpC,EAAOoC,UACnBC,EAAcjC,EAAY,GAAGkC,OAC7BC,EAAanC,EAAY,GAAGmC,YAI5BC,EAAY,SAAUC,GACxB,IAAIC,EAAY1B,EAAYyB,EAAO,UACnC,MAA2B,iBAAbC,EAAwBA,EAAYC,EAASD,EAC7D,EAIIC,EAAW,SAAUC,GACvB,IACIC,EAAOC,EAAOC,EAAOC,EAASC,EAAQC,EAAQC,EAAOC,EADrDC,EAAKrC,EAAY4B,EAAU,UAE/B,GAAI9B,EAASuC,GAAK,MAAMjB,EAAU,6CAClC,GAAiB,iBAANiB,GAAkBA,EAAGH,OAAS,EAGvC,GAFAG,EAAKvB,EAAKuB,GAEI,MADdR,EAAQN,EAAWc,EAAI,KACO,KAAVR,GAElB,GAAc,MADdC,EAAQP,EAAWc,EAAI,KACO,MAAVP,EAAe,OAAOQ,SACrC,GAAc,KAAVT,EAAc,CACvB,OAAQN,EAAWc,EAAI,IACrB,KAAK,GAAI,KAAK,GAAIN,EAAQ,EAAGC,EAAU,GAAI,MAC3C,KAAK,GAAI,KAAK,IAAKD,EAAQ,EAAGC,EAAU,GAAI,MAC5C,QAAS,OAAQK,EAInB,IADAH,GADAD,EAASZ,EAAYgB,EAAI,IACTH,OACXC,EAAQ,EAAGA,EAAQD,EAAQC,IAI9B,IAHAC,EAAOb,EAAWU,EAAQE,IAGf,IAAMC,EAAOJ,EAAS,OAAOM,IACxC,OAAOC,SAASN,EAAQF,EAC3B,CACD,OAAQM,CACZ,EAEIG,EAASlD,EAAS0B,GAASC,EAAa,UAAYA,EAAa,QAAUA,EAAa,SAExFwB,EAAgB,SAAUC,GAE5B,OAAO9C,EAAcsB,EAAiBwB,IAAUxC,GAAM,WAAcU,EAAgB8B,EAAO,GAC7F,EAIIC,EAAgB,SAAgBlB,GAClC,IAAImB,EAAIC,UAAUX,OAAS,EAAI,EAAIjB,EAAaO,EAAUC,IAC1D,OAAOgB,EAAcK,MAAQpD,EAAkBqD,OAAOH,GAAIE,KAAMH,GAAiBC,CACnF,EAEAD,EAAcxB,UAAYD,EACtBsB,IAAW5D,IAASsC,EAAgB8B,YAAcL,GAEtDjE,EAAE,CAAEM,QAAQ,EAAMgE,aAAa,EAAMC,MAAM,EAAMC,OAAQV,GAAU,CACjEW,OAAQR,KAoBNH,GAAU5D,IAhBkB,SAAUwE,EAAQC,GAChD,IAAK,IAOgBC,EAPZC,EAAOzE,EAAcsB,EAAoBiD,GAAU,oLAO1DG,MAAM,KAAMC,EAAI,EAAQF,EAAKrB,OAASuB,EAAGA,IACrCjE,EAAO6D,EAAQC,EAAMC,EAAKE,MAAQjE,EAAO4D,EAAQE,IACnD5C,EAAe0C,EAAQE,EAAK9C,EAAyB6C,EAAQC,GAGnE,CAGuBI,CAA0BxE,EAAK8B,GAASC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("styled-components");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var t=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(n),r=["collapsed","collapseHandler","children","propName","className","css"],l={width:"scrollWidth",height:"scrollHeight"},i=function(e){return e.propName},c=t.memo(a.default.div.withConfig({displayName:"Container__StyledContainer",componentId:"sc-heiku-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],i,i,i,i,i,i,i,(function(e){var n=e.contentProp;return"".concat(n,"px")}),i,(function(e){var n=e.contentProp;return"".concat(n,"px")}))),s=a.default(c).withConfig({displayName:"Container___StyledStyledContainer",componentId:"sc-heiku-1"})(["",""],(function(e){return e.$_css})),u=t.memo((function(n){var o=n.collapsed,a=void 0!==o&&o,i=n.collapseHandler,c=n.children,u=n.propName,p=void 0===u?"height":u,d=n.className,_=n.css,m=e.objectWithoutProperties(n,r),f=t.useRef(),h=t.useState(0),y=e.slicedToArray(h,2),v=y[0],C=y[1];t.useEffect((function(){null==i||i(a)}),[i,a]),t.useEffect((function(){null!=f&&f.current&&C(f.current[l[p]])}),[f,p]);var x="";return a&&v&&null!=v&&(x="Collapsible__container__collapsed"),!a&&v&&null!=v&&(x="Collapsible__container__expanded"),React.createElement(s,e.extends({className:"".concat(d," ").concat(x),ref:f,contentProp:v,propName:p},m,{$_css:_}),c)}));u.displayName="Container",exports.Container=u;
|
|
2
|
-
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n transform-origin: 0% 0%;\n transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n overflow: hidden;\n opacity: 0;\n\n &.Collapsible__container__collapsed {\n ${propNameFunc}: 0;\n max-${propNameFunc}: 0;\n opacity: 0;\n }\n\n &.Collapsible__container__expanded {\n ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n opacity: 1;\n }\n`)\n\nexport type ContainerProps = {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n propName?: string\n className?: string\n css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n const containerRef = useRef<HTMLDivElement>()\n const [contentProp, setContentProp] = useState(0)\n\n useEffect(() => {\n collapseHandler?.(collapsed)\n }, [collapseHandler, collapsed])\n\n useEffect(() => {\n if (containerRef?.current) {\n setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n }\n }, [containerRef, propName])\n\n let resolvedClassName = ''\n\n if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__collapsed'\n }\n if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__expanded'\n }\n\n return (\n <StyledContainer\n className={`${className} ${resolvedClassName}`}\n ref={containerRef}\n contentProp={contentProp}\n propName={propName}\n css={css}\n {...props}\n >\n {children}\n </StyledContainer>\n )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","Container","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","props","_objectWithoutProperties","objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"uaAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAIA,KAACC,UAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,cAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAA,QAAAF,GAAAI,WAAA,CAAAC,YAAA,oCAAAC,YAAA,cAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAgCb,EAAAA,MAAK,SAAAc,GAE5B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAAQC,EAAKC,EAAAC,wBAAAV,EAAAW,GAErFC,EAAeC,EAAAA,SACrBC,EAAsCC,EAAQA,SAAC,GAAEC,EAAAC,EAAAA,cAAAH,EAAA,GAA1CrB,EAAWuB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,EAAAA,WAAU,WACRhB,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBiB,EAAAA,WAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBzC,EAAmBK,IAEpE,GAAG,CAAC4B,EAAc5B,IAElB,IAAIqC,EAAoB,GASxB,OAPInB,GAAaT,GAAbS,MAA4BT,IAC9B4B,EAAoB,sCAEjBnB,GAAaT,GAAd,MAA6BA,IAC/B4B,EAAoB,oCAIpBC,MAAAC,cAAA3B,EAAA4B,UAAA,CACElB,UAAS,GAAAZ,OAAKY,OAASZ,OAAI2B,GAC3BI,IAAKb,EACLnB,YAAaA,EACbT,SAAUA,GAENwB,EAAK,CAAAV,MADJS,IAGJH,EAGP,IAEAL,EAAUT,YAAc"}
|