@coorpacademy/components 11.11.15-alpha.1 → 11.11.15

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "11.11.15-alpha.1+30c6ae8153",
3
+ "version": "11.11.15",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -164,6 +164,5 @@
164
164
  "browserslist": [
165
165
  "last 2 versions",
166
166
  "IE 11"
167
- ],
168
- "gitHead": "30c6ae8153375b08bb29af46aae237c80d3510f4"
167
+ ]
169
168
  }
@@ -1,45 +0,0 @@
1
- .container {
2
- width: 300px;
3
- height: 300px;
4
- position: relative;
5
- perspective: 800px;
6
- }
7
-
8
- .square {
9
- position: absolute;
10
- width: 100%;
11
- height: 100%;
12
- transform-style: preserve-3d;
13
- transition: transform 1s;
14
- border: 1px solid black;
15
- top: 100px;
16
- left: 100px;
17
- }
18
-
19
- .flipped > .square {
20
- transform: rotateY(180deg);
21
- }
22
-
23
- .front,
24
- .back {
25
- margin: 0;
26
- display: block;
27
- position: absolute;
28
- width: 100%;
29
- height: 100%;
30
- backface-visibility: hidden;
31
- }
32
-
33
- .front {
34
- font-size: 20px;
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- flex-flow: column;
39
- }
40
-
41
- .back {
42
- background-image: url(http://img.voi.pmdstatic.net/fit/http.3A.2F.2Fprd2-bone-image.2Es3-website-eu-west-1.2Eamazonaws.2Ecom.2Fprismamedia_people.2F2017.2F06.2F30.2Fa9a1132c-920d-4d0d-af0c-7c686d72dfe5.2Ejpeg/380x285/quality/80/jacques-chirac.jpg);
43
- background-size: cover;
44
- transform: rotateY(180deg);
45
- }
@@ -1,211 +0,0 @@
1
- # Snapshot report for `src/molecule/select-multiple/test/index.js`
2
-
3
- The actual snapshot is saved in `index.js.snap`.
4
-
5
- Generated by [AVA](https://ava.li).
6
-
7
- ## should shallow render when select is opened
8
-
9
- > Snapshot 1
10
-
11
- ShallowWrapper {
12
- <div
13
- className="select-multiple__default variables__defaultText"
14
- >
15
- <span
16
- className="select-multiple__title"
17
- >
18
- Learning Path:
19
- </span>
20
- <div
21
- className="select-multiple__select"
22
- onClick={Function {}}
23
- title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
24
- >
25
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
26
- <SvgComponent⍟
27
- className="select-multiple__arrow select-multiple__down"
28
- color={undefined}
29
- />
30
- </div>
31
- <div
32
- className="select-multiple__activeChoices"
33
- >
34
- <ul
35
- className="select-multiple__list"
36
- >
37
- <li
38
- className="select-multiple__choice"
39
- key="0"
40
- >
41
- <TitledCheckbox⍟
42
- background={undefined}
43
- choice={
44
- {
45
- i: 0,
46
- name: 'Digital',
47
- selected: false,
48
- value: 'digital',
49
- }
50
- }
51
- onToggle={Function {}}
52
- />
53
- </li>
54
- <li
55
- className="select-multiple__choice"
56
- key="1"
57
- >
58
- <TitledCheckbox⍟
59
- background={undefined}
60
- choice={
61
- {
62
- i: 1,
63
- name: 'Esprit du temps',
64
- selected: false,
65
- value: 'espritDuTemps',
66
- }
67
- }
68
- onToggle={Function {}}
69
- />
70
- </li>
71
- <li
72
- className="select-multiple__choice"
73
- key="2"
74
- >
75
- <TitledCheckbox⍟
76
- background={undefined}
77
- choice={
78
- {
79
- i: 2,
80
- name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
81
- selected: true,
82
- value: 'loremIpsum',
83
- }
84
- }
85
- onToggle={Function {}}
86
- />
87
- </li>
88
- <li
89
- className="select-multiple__choice"
90
- key="3"
91
- >
92
- <TitledCheckbox⍟
93
- background={undefined}
94
- choice={
95
- {
96
- i: 3,
97
- name: 'Le monde du projet',
98
- selected: false,
99
- value: 'project',
100
- }
101
- }
102
- onToggle={Function {}}
103
- />
104
- </li>
105
- </ul>
106
- </div>
107
- </div>,
108
- }
109
-
110
- ## should shallow render with default props
111
-
112
- > Snapshot 1
113
-
114
- ShallowWrapper {
115
- <div
116
- className="select-multiple__default variables__defaultText"
117
- >
118
- <span
119
- className="select-multiple__title"
120
- >
121
- Learning Path:
122
- </span>
123
- <div
124
- className="select-multiple__select"
125
- onClick={Function {}}
126
- title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
127
- >
128
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
129
- <SvgComponent⍟
130
- className="select-multiple__arrow"
131
- color={undefined}
132
- />
133
- </div>
134
- <div
135
- className="select-multiple__choices"
136
- >
137
- <ul
138
- className="select-multiple__list"
139
- >
140
- <li
141
- className="select-multiple__choice"
142
- key="0"
143
- >
144
- <TitledCheckbox⍟
145
- background={undefined}
146
- choice={
147
- {
148
- i: 0,
149
- name: 'Digital',
150
- selected: false,
151
- value: 'digital',
152
- }
153
- }
154
- onToggle={Function {}}
155
- />
156
- </li>
157
- <li
158
- className="select-multiple__choice"
159
- key="1"
160
- >
161
- <TitledCheckbox⍟
162
- background={undefined}
163
- choice={
164
- {
165
- i: 1,
166
- name: 'Esprit du temps',
167
- selected: false,
168
- value: 'espritDuTemps',
169
- }
170
- }
171
- onToggle={Function {}}
172
- />
173
- </li>
174
- <li
175
- className="select-multiple__choice"
176
- key="2"
177
- >
178
- <TitledCheckbox⍟
179
- background={undefined}
180
- choice={
181
- {
182
- i: 2,
183
- name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
184
- selected: true,
185
- value: 'loremIpsum',
186
- }
187
- }
188
- onToggle={Function {}}
189
- />
190
- </li>
191
- <li
192
- className="select-multiple__choice"
193
- key="3"
194
- >
195
- <TitledCheckbox⍟
196
- background={undefined}
197
- choice={
198
- {
199
- i: 3,
200
- name: 'Le monde du projet',
201
- selected: false,
202
- value: 'project',
203
- }
204
- }
205
- onToggle={Function {}}
206
- />
207
- </li>
208
- </ul>
209
- </div>
210
- </div>,
211
- }
@@ -1,34 +0,0 @@
1
- [{
2
- "label": "1mn",
3
- "value": 1
4
- }, {
5
- "label": "2mn",
6
- "value": 2
7
- }, {
8
- "label": "3mn",
9
- "value": 3
10
- }, {
11
- "label": "5mn",
12
- "value": 5
13
- }, {
14
- "label": "10mn",
15
- "value": 10
16
- }, {
17
- "label": "15mn",
18
- "value": 15
19
- }, {
20
- "label": "30mn",
21
- "value": 30
22
- }, {
23
- "label": "45mn",
24
- "value": 45
25
- }, {
26
- "label": "1h",
27
- "value": 60
28
- }, {
29
- "label": "2h",
30
- "value": 120
31
- }, {
32
- "label": "2h+",
33
- "value": 121
34
- }]
@@ -1,45 +0,0 @@
1
- .container {
2
- width: 300px;
3
- height: 300px;
4
- position: relative;
5
- perspective: 800px;
6
- }
7
-
8
- .square {
9
- position: absolute;
10
- width: 100%;
11
- height: 100%;
12
- transform-style: preserve-3d;
13
- transition: transform 1s;
14
- border: 1px solid black;
15
- top: 100px;
16
- left: 100px;
17
- }
18
-
19
- .flipped > .square {
20
- transform: rotateY(180deg);
21
- }
22
-
23
- .front,
24
- .back {
25
- margin: 0;
26
- display: block;
27
- position: absolute;
28
- width: 100%;
29
- height: 100%;
30
- backface-visibility: hidden;
31
- }
32
-
33
- .front {
34
- font-size: 20px;
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- flex-flow: column;
39
- }
40
-
41
- .back {
42
- background-image: url(http://img.voi.pmdstatic.net/fit/http.3A.2F.2Fprd2-bone-image.2Es3-website-eu-west-1.2Eamazonaws.2Ecom.2Fprismamedia_people.2F2017.2F06.2F30.2Fa9a1132c-920d-4d0d-af0c-7c686d72dfe5.2Ejpeg/380x285/quality/80/jacques-chirac.jpg);
43
- background-size: cover;
44
- transform: rotateY(180deg);
45
- }
@@ -1,211 +0,0 @@
1
- # Snapshot report for `src/molecule/select-multiple/test/index.js`
2
-
3
- The actual snapshot is saved in `index.js.snap`.
4
-
5
- Generated by [AVA](https://ava.li).
6
-
7
- ## should shallow render when select is opened
8
-
9
- > Snapshot 1
10
-
11
- ShallowWrapper {
12
- <div
13
- className="select-multiple__default variables__defaultText"
14
- >
15
- <span
16
- className="select-multiple__title"
17
- >
18
- Learning Path:
19
- </span>
20
- <div
21
- className="select-multiple__select"
22
- onClick={Function {}}
23
- title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
24
- >
25
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
26
- <SvgComponent⍟
27
- className="select-multiple__arrow select-multiple__down"
28
- color={undefined}
29
- />
30
- </div>
31
- <div
32
- className="select-multiple__activeChoices"
33
- >
34
- <ul
35
- className="select-multiple__list"
36
- >
37
- <li
38
- className="select-multiple__choice"
39
- key="0"
40
- >
41
- <TitledCheckbox⍟
42
- background={undefined}
43
- choice={
44
- {
45
- i: 0,
46
- name: 'Digital',
47
- selected: false,
48
- value: 'digital',
49
- }
50
- }
51
- onToggle={Function {}}
52
- />
53
- </li>
54
- <li
55
- className="select-multiple__choice"
56
- key="1"
57
- >
58
- <TitledCheckbox⍟
59
- background={undefined}
60
- choice={
61
- {
62
- i: 1,
63
- name: 'Esprit du temps',
64
- selected: false,
65
- value: 'espritDuTemps',
66
- }
67
- }
68
- onToggle={Function {}}
69
- />
70
- </li>
71
- <li
72
- className="select-multiple__choice"
73
- key="2"
74
- >
75
- <TitledCheckbox⍟
76
- background={undefined}
77
- choice={
78
- {
79
- i: 2,
80
- name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
81
- selected: true,
82
- value: 'loremIpsum',
83
- }
84
- }
85
- onToggle={Function {}}
86
- />
87
- </li>
88
- <li
89
- className="select-multiple__choice"
90
- key="3"
91
- >
92
- <TitledCheckbox⍟
93
- background={undefined}
94
- choice={
95
- {
96
- i: 3,
97
- name: 'Le monde du projet',
98
- selected: false,
99
- value: 'project',
100
- }
101
- }
102
- onToggle={Function {}}
103
- />
104
- </li>
105
- </ul>
106
- </div>
107
- </div>,
108
- }
109
-
110
- ## should shallow render with default props
111
-
112
- > Snapshot 1
113
-
114
- ShallowWrapper {
115
- <div
116
- className="select-multiple__default variables__defaultText"
117
- >
118
- <span
119
- className="select-multiple__title"
120
- >
121
- Learning Path:
122
- </span>
123
- <div
124
- className="select-multiple__select"
125
- onClick={Function {}}
126
- title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
127
- >
128
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
129
- <SvgComponent⍟
130
- className="select-multiple__arrow"
131
- color={undefined}
132
- />
133
- </div>
134
- <div
135
- className="select-multiple__choices"
136
- >
137
- <ul
138
- className="select-multiple__list"
139
- >
140
- <li
141
- className="select-multiple__choice"
142
- key="0"
143
- >
144
- <TitledCheckbox⍟
145
- background={undefined}
146
- choice={
147
- {
148
- i: 0,
149
- name: 'Digital',
150
- selected: false,
151
- value: 'digital',
152
- }
153
- }
154
- onToggle={Function {}}
155
- />
156
- </li>
157
- <li
158
- className="select-multiple__choice"
159
- key="1"
160
- >
161
- <TitledCheckbox⍟
162
- background={undefined}
163
- choice={
164
- {
165
- i: 1,
166
- name: 'Esprit du temps',
167
- selected: false,
168
- value: 'espritDuTemps',
169
- }
170
- }
171
- onToggle={Function {}}
172
- />
173
- </li>
174
- <li
175
- className="select-multiple__choice"
176
- key="2"
177
- >
178
- <TitledCheckbox⍟
179
- background={undefined}
180
- choice={
181
- {
182
- i: 2,
183
- name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut',
184
- selected: true,
185
- value: 'loremIpsum',
186
- }
187
- }
188
- onToggle={Function {}}
189
- />
190
- </li>
191
- <li
192
- className="select-multiple__choice"
193
- key="3"
194
- >
195
- <TitledCheckbox⍟
196
- background={undefined}
197
- choice={
198
- {
199
- i: 3,
200
- name: 'Le monde du projet',
201
- selected: false,
202
- value: 'project',
203
- }
204
- }
205
- onToggle={Function {}}
206
- />
207
- </li>
208
- </ul>
209
- </div>
210
- </div>,
211
- }
@@ -1,34 +0,0 @@
1
- [{
2
- "label": "1mn",
3
- "value": 1
4
- }, {
5
- "label": "2mn",
6
- "value": 2
7
- }, {
8
- "label": "3mn",
9
- "value": 3
10
- }, {
11
- "label": "5mn",
12
- "value": 5
13
- }, {
14
- "label": "10mn",
15
- "value": 10
16
- }, {
17
- "label": "15mn",
18
- "value": 15
19
- }, {
20
- "label": "30mn",
21
- "value": 30
22
- }, {
23
- "label": "45mn",
24
- "value": 45
25
- }, {
26
- "label": "1h",
27
- "value": 60
28
- }, {
29
- "label": "2h",
30
- "value": 120
31
- }, {
32
- "label": "2h+",
33
- "value": 121
34
- }]