trepur_components 1.0.52 → 1.0.54
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/src/lib/components/Avatar/Avatar.d.ts +3 -0
- package/dist/src/lib/components/Avatar/Avatar.js +362 -0
- package/dist/src/lib/components/Avatar/Avatar.js.map +1 -0
- package/dist/src/lib/components/Showcase/Showcase.d.ts +0 -1
- package/dist/src/lib/components/Showcase/Showcase.js +3 -2
- package/dist/src/lib/components/Showcase/Showcase.js.map +1 -1
- package/dist/src/lib/components/Showcase/style.module.css +29 -7
- package/dist/src/lib/components/Showcase/style.module.css.map +1 -1
- package/dist/src/lib/snapWrapper.d.ts +2 -0
- package/dist/src/lib/snapWrapper.js +7 -0
- package/dist/src/lib/snapWrapper.js.map +1 -0
- package/package.json +4 -1
|
@@ -0,0 +1,362 @@
|
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
|
+
let Snap;
|
|
3
|
+
if (typeof (window) !== 'undefined') {
|
|
4
|
+
Snap = require('snapsvg-cjs');
|
|
5
|
+
}
|
|
6
|
+
const Avatar = () => {
|
|
7
|
+
const [s, setS] = useState(null);
|
|
8
|
+
let rightEyeWhite, rightEyePupil, leftEyeWhite, leftEyePupil, avatar, armless, torso, face, legs, rightArm, leftArm, rightHand, leftHand, arms, straps, hands, leftThigh, rightThigh, leftShoe, rightShoe;
|
|
9
|
+
const leftShoulderRotationPoints = '175, 202';
|
|
10
|
+
const rightShoulderRotationPoints = '94, 202';
|
|
11
|
+
const svgContainerHeight = 400;
|
|
12
|
+
const svgContainerWidth = 265;
|
|
13
|
+
const skinColour = '#FFCC9A';
|
|
14
|
+
const zipColour = '#315107';
|
|
15
|
+
const eyeColour = '#1389BF';
|
|
16
|
+
const hairColour = '#F1B452';
|
|
17
|
+
const beardColour = '#F1B452';
|
|
18
|
+
const rucksackColour = '#072765';
|
|
19
|
+
const trouserColour = '#D3D3D3';
|
|
20
|
+
const jacketColour = '#416E0A';
|
|
21
|
+
const mouthColour = '#DC7144';
|
|
22
|
+
const shoeColour = '#000000';
|
|
23
|
+
const eyebrowColour = '#F1B452';
|
|
24
|
+
const noseColour = '#F1B452';
|
|
25
|
+
const createAvatar = (s, callBack) => {
|
|
26
|
+
var _a, _b, _c, _d;
|
|
27
|
+
if (typeof window === undefined)
|
|
28
|
+
return;
|
|
29
|
+
const head = s === null || s === void 0 ? void 0 : s.rect(103, 90, 68, 87, 50).attr({ fill: skinColour });
|
|
30
|
+
const leftEyebrow = s === null || s === void 0 ? void 0 : s.rect(146, 122, 12, 3, 2);
|
|
31
|
+
const rightEyebrow = s === null || s === void 0 ? void 0 : s.rect(115, 122, 12, 3, 2);
|
|
32
|
+
leftEyeWhite = s === null || s === void 0 ? void 0 : s.ellipse(152, 132, 6, 4);
|
|
33
|
+
rightEyeWhite = s === null || s === void 0 ? void 0 : s.ellipse(121, 132, 6, 4);
|
|
34
|
+
leftEyePupil = s === null || s === void 0 ? void 0 : s.ellipse(152, 132, 3, 3).attr({ fill: eyeColour });
|
|
35
|
+
rightEyePupil = s === null || s === void 0 ? void 0 : s.ellipse(121, 132, 3, 3).attr({ fill: eyeColour });
|
|
36
|
+
const leftEye = s === null || s === void 0 ? void 0 : s.group(leftEyeWhite, leftEyePupil);
|
|
37
|
+
const rightEye = s === null || s === void 0 ? void 0 : s.group(rightEyeWhite, rightEyePupil);
|
|
38
|
+
const outerBeard = s === null || s === void 0 ? void 0 : s.rect(103, 90, 68, 87, 50).attr({ fill: 'white' });
|
|
39
|
+
const innerBeard = s === null || s === void 0 ? void 0 : s.rect(106, 105, 62, 62, 50);
|
|
40
|
+
const beardGroup = s === null || s === void 0 ? void 0 : s.group(outerBeard, innerBeard);
|
|
41
|
+
const beard = s === null || s === void 0 ? void 0 : s.rect(103, 140, 68, 60).attr({
|
|
42
|
+
mask: beardGroup,
|
|
43
|
+
fill: beardColour,
|
|
44
|
+
opacity: 0.6
|
|
45
|
+
});
|
|
46
|
+
const outerHair = s === null || s === void 0 ? void 0 : s.rect(103, 90, 68, 60, 25).attr({ fill: 'white' });
|
|
47
|
+
const innerHair = s === null || s === void 0 ? void 0 : s.rect(109, 105, 56, 40, 10);
|
|
48
|
+
const hairGroup = s === null || s === void 0 ? void 0 : s.group(outerHair, innerHair);
|
|
49
|
+
const baseHair = s === null || s === void 0 ? void 0 : s.rect(103, 90, 68, 40).attr({
|
|
50
|
+
mask: hairGroup,
|
|
51
|
+
fill: hairColour
|
|
52
|
+
});
|
|
53
|
+
const hairLevel1 = s === null || s === void 0 ? void 0 : s.rect(113, 88, 50, 16, 10).attr({ fill: hairColour }).transform('r0');
|
|
54
|
+
const hair = s === null || s === void 0 ? void 0 : s.group(baseHair, hairLevel1);
|
|
55
|
+
const outerNose = (_a = s === null || s === void 0 ? void 0 : s.rect(129, 140, 12, 10, 30)) === null || _a === void 0 ? void 0 : _a.attr({ fill: 'white' });
|
|
56
|
+
const innerNose = s === null || s === void 0 ? void 0 : s.rect(130, 142, 10, 12, 30);
|
|
57
|
+
const noseGroup = s === null || s === void 0 ? void 0 : s.group(outerNose, innerNose);
|
|
58
|
+
const nose = (_b = s === null || s === void 0 ? void 0 : s.rect(129, 140, 12, 10)) === null || _b === void 0 ? void 0 : _b.attr({
|
|
59
|
+
mask: noseGroup,
|
|
60
|
+
fill: noseColour
|
|
61
|
+
});
|
|
62
|
+
const leftEar = (_c = s === null || s === void 0 ? void 0 : s.circle(103, 135, 5)) === null || _c === void 0 ? void 0 : _c.attr({ fill: 'white' });
|
|
63
|
+
const leftEarMask = s === null || s === void 0 ? void 0 : s.rect(89, 120, 15, 30).attr({
|
|
64
|
+
mask: leftEar,
|
|
65
|
+
fill: skinColour
|
|
66
|
+
}).transform('r-2');
|
|
67
|
+
const rightEar = (_d = s === null || s === void 0 ? void 0 : s.circle(171, 135, 5)) === null || _d === void 0 ? void 0 : _d.attr({ fill: 'white' });
|
|
68
|
+
const rightEarMask = s === null || s === void 0 ? void 0 : s.rect(170, 120, 15, 30).attr({
|
|
69
|
+
mask: rightEar,
|
|
70
|
+
fill: skinColour
|
|
71
|
+
}).transform('r2');
|
|
72
|
+
const body = s === null || s === void 0 ? void 0 : s.rect(100, 188, 73, 105, 16, 16).attr({ fill: jacketColour });
|
|
73
|
+
const hood = s === null || s === void 0 ? void 0 : s.ellipse(136, 182, 24, 10).attr({ fill: jacketColour });
|
|
74
|
+
const rightShoulder = s === null || s === void 0 ? void 0 : s.rect(87, 190, 27, 14, 10);
|
|
75
|
+
rightArm = s === null || s === void 0 ? void 0 : s.rect(84, 195, 16, 90, 10, 10);
|
|
76
|
+
const leftShoulder = s === null || s === void 0 ? void 0 : s.rect(155, 190, 27, 14, 10);
|
|
77
|
+
leftArm = s === null || s === void 0 ? void 0 : s.rect(170, 195, 16, 90, 10, 10);
|
|
78
|
+
leftHand = s === null || s === void 0 ? void 0 : s.circle(178, 278, 8);
|
|
79
|
+
rightHand = s === null || s === void 0 ? void 0 : s.circle(92, 278, 8);
|
|
80
|
+
const wasteBand = s === null || s === void 0 ? void 0 : s.rect(98, 277, 74, 33, 0, 0);
|
|
81
|
+
leftThigh = s === null || s === void 0 ? void 0 : s.rect(142, 300, 30, 90, 0, 0);
|
|
82
|
+
rightThigh = s === null || s === void 0 ? void 0 : s.rect(98, 300, 30, 90, 0, 0);
|
|
83
|
+
const bag = s === null || s === void 0 ? void 0 : s.rect(99, 180, 74, 78, 10);
|
|
84
|
+
const rightStrap = s === null || s === void 0 ? void 0 : s.rect(101, 185, 5, 100, 10).transform('r4.5');
|
|
85
|
+
const leftStrap = s === null || s === void 0 ? void 0 : s.rect(163, 185, 5, 100, 10).transform('r-4.5');
|
|
86
|
+
const mouth = s === null || s === void 0 ? void 0 : s.circle(136, 155, 10).attr({ fill: 'white' });
|
|
87
|
+
const mouthCutOff = s === null || s === void 0 ? void 0 : s.rect(120, 155, 30, 15).attr({ fill: mouthColour });
|
|
88
|
+
const leftShoeTop = s === null || s === void 0 ? void 0 : s.rect(142, 370, 30, 20, 10);
|
|
89
|
+
const leftShoeSole = s === null || s === void 0 ? void 0 : s.rect(142, 378, 30, 12);
|
|
90
|
+
const rightShoeTop = s === null || s === void 0 ? void 0 : s.rect(98, 370, 30, 20, 10);
|
|
91
|
+
const rightShoeSole = s === null || s === void 0 ? void 0 : s.rect(98, 378, 30, 12);
|
|
92
|
+
const mainZip = s === null || s === void 0 ? void 0 : s.rect(135, 199, 3, 94);
|
|
93
|
+
const leftZip = s === null || s === void 0 ? void 0 : s.rect(141, 188, 2, 15).transform('r44.5');
|
|
94
|
+
const rightZip = s === null || s === void 0 ? void 0 : s.rect(130, 188, 2, 15).transform('r-44.5');
|
|
95
|
+
const centerNeck = s === null || s === void 0 ? void 0 : s.rect(128, 170, 17, 21);
|
|
96
|
+
const leftNeck = s === null || s === void 0 ? void 0 : s.rect(139, 181, 10, 10).transform('r-33');
|
|
97
|
+
const rightNeck = s === null || s === void 0 ? void 0 : s.rect(124, 181, 10, 10).transform('r33');
|
|
98
|
+
const frontNeck = s === null || s === void 0 ? void 0 : s.rect(129, 182, 15, 15).transform('r45');
|
|
99
|
+
const neck = s === null || s === void 0 ? void 0 : s.group(centerNeck, leftNeck, rightNeck, frontNeck).attr({ fill: skinColour });
|
|
100
|
+
const zip = s === null || s === void 0 ? void 0 : s.group(mainZip, leftZip, rightZip).attr({ fill: zipColour });
|
|
101
|
+
leftShoe = s === null || s === void 0 ? void 0 : s.group(leftShoeTop, leftShoeSole);
|
|
102
|
+
rightShoe = s === null || s === void 0 ? void 0 : s.group(rightShoeTop, rightShoeSole);
|
|
103
|
+
const rucksack = s === null || s === void 0 ? void 0 : s.group(leftStrap, rightStrap, bag).attr({ fill: rucksackColour });
|
|
104
|
+
const eyes = s === null || s === void 0 ? void 0 : s.group(leftEye, rightEye).attr({ fill: 'white' });
|
|
105
|
+
const eyebrows = s === null || s === void 0 ? void 0 : s.group(leftEyebrow, rightEyebrow).attr({ fill: eyebrowColour });
|
|
106
|
+
const shoes = s === null || s === void 0 ? void 0 : s.group(leftShoe, rightShoe).attr({ fill: shoeColour });
|
|
107
|
+
const ears = s === null || s === void 0 ? void 0 : s.group(leftEarMask, rightEarMask);
|
|
108
|
+
arms = s === null || s === void 0 ? void 0 : s.group(rightShoulder, leftShoulder, leftArm, rightArm).attr({ fill: jacketColour });
|
|
109
|
+
hands = s === null || s === void 0 ? void 0 : s.group(leftHand, rightHand).attr({ fill: skinColour });
|
|
110
|
+
straps = s === null || s === void 0 ? void 0 : s.group(leftStrap, rightStrap).attr({ fill: rucksackColour });
|
|
111
|
+
face = s === null || s === void 0 ? void 0 : s.group(head, eyes, eyebrows, nose, mouth, mouthCutOff, ears, hair, beard);
|
|
112
|
+
torso = s === null || s === void 0 ? void 0 : s.group(rucksack, hood, body, neck, zip);
|
|
113
|
+
legs = s === null || s === void 0 ? void 0 : s.group(leftThigh, rightThigh, wasteBand, shoes).attr({ fill: trouserColour });
|
|
114
|
+
armless = s === null || s === void 0 ? void 0 : s.group(legs, torso, face);
|
|
115
|
+
avatar = s === null || s === void 0 ? void 0 : s.group(armless, arms, straps, hands);
|
|
116
|
+
mouthCutOff === null || mouthCutOff === void 0 ? void 0 : mouthCutOff.attr({
|
|
117
|
+
mask: mouth
|
|
118
|
+
});
|
|
119
|
+
callBack(avatar);
|
|
120
|
+
};
|
|
121
|
+
const nextFrame = (s, frameArray, frame) => {
|
|
122
|
+
if (frame >= frameArray.length) {
|
|
123
|
+
return;
|
|
124
|
+
}
|
|
125
|
+
Snap.animate(frameArray[frame].from, frameArray[frame].to, frameArray[frame].funct, frameArray[frame].dur, null, nextFrame.bind(null, Snap, frameArray, frame + 1));
|
|
126
|
+
};
|
|
127
|
+
const rightWave = [
|
|
128
|
+
{
|
|
129
|
+
funct: function (val) {
|
|
130
|
+
rightArm.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
131
|
+
rightHand.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
132
|
+
},
|
|
133
|
+
from: 0,
|
|
134
|
+
to: 170,
|
|
135
|
+
dur: 100
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
funct: function (val) {
|
|
139
|
+
rightArm.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
140
|
+
rightHand.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
141
|
+
},
|
|
142
|
+
from: 170,
|
|
143
|
+
to: 120,
|
|
144
|
+
dur: 100
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
funct: function (val) {
|
|
148
|
+
rightArm.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
149
|
+
rightHand.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
150
|
+
},
|
|
151
|
+
from: 120,
|
|
152
|
+
to: 170,
|
|
153
|
+
dur: 100
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
funct: function (val) {
|
|
157
|
+
rightArm.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
158
|
+
rightHand.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
159
|
+
},
|
|
160
|
+
from: 170,
|
|
161
|
+
to: 120,
|
|
162
|
+
dur: 100
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
funct: function (val) {
|
|
166
|
+
rightArm.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
167
|
+
rightHand.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
168
|
+
},
|
|
169
|
+
from: 120,
|
|
170
|
+
to: 170,
|
|
171
|
+
dur: 100
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
funct: function (val) {
|
|
175
|
+
rightArm.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
176
|
+
rightHand.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
177
|
+
},
|
|
178
|
+
from: 170,
|
|
179
|
+
to: 120,
|
|
180
|
+
dur: 100
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
funct: function (val) {
|
|
184
|
+
rightArm.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
185
|
+
rightHand.transform('r' + val + ',' + rightShoulderRotationPoints);
|
|
186
|
+
},
|
|
187
|
+
from: 120,
|
|
188
|
+
to: 0,
|
|
189
|
+
dur: 100
|
|
190
|
+
}
|
|
191
|
+
];
|
|
192
|
+
const leftWave = [
|
|
193
|
+
{
|
|
194
|
+
funct: function (val) {
|
|
195
|
+
leftArm.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
196
|
+
leftHand.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
197
|
+
},
|
|
198
|
+
from: 0,
|
|
199
|
+
to: -150,
|
|
200
|
+
dur: 100
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
funct: function (val) {
|
|
204
|
+
leftArm.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
205
|
+
leftHand.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
206
|
+
},
|
|
207
|
+
from: -150,
|
|
208
|
+
to: -120,
|
|
209
|
+
dur: 100
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
funct: function (val) {
|
|
213
|
+
leftArm.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
214
|
+
leftHand.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
215
|
+
},
|
|
216
|
+
from: -120,
|
|
217
|
+
to: -150,
|
|
218
|
+
dur: 100
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
funct: function (val) {
|
|
222
|
+
leftArm.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
223
|
+
leftHand.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
224
|
+
},
|
|
225
|
+
from: -150,
|
|
226
|
+
to: -120,
|
|
227
|
+
dur: 100
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
funct: function (val) {
|
|
231
|
+
leftArm.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
232
|
+
leftHand.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
233
|
+
},
|
|
234
|
+
from: -120,
|
|
235
|
+
to: -150,
|
|
236
|
+
dur: 100
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
funct: function (val) {
|
|
240
|
+
leftArm.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
241
|
+
leftHand.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
242
|
+
},
|
|
243
|
+
from: -150,
|
|
244
|
+
to: -120,
|
|
245
|
+
dur: 100
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
funct: function (val) {
|
|
249
|
+
leftArm.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
250
|
+
leftHand.transform('r' + val + ',' + leftShoulderRotationPoints);
|
|
251
|
+
},
|
|
252
|
+
from: -120,
|
|
253
|
+
to: 0,
|
|
254
|
+
dur: 100
|
|
255
|
+
}
|
|
256
|
+
];
|
|
257
|
+
const jump = () => {
|
|
258
|
+
torso.animate({ transform: 't0,20' }, 500);
|
|
259
|
+
arms.animate({ transform: 't0,20' }, 500);
|
|
260
|
+
straps.animate({ transform: 't0,20' }, 500);
|
|
261
|
+
hands.animate({ transform: 't0,20' }, 500);
|
|
262
|
+
face.animate({ transform: 't0,20' }, 500, function () {
|
|
263
|
+
face.animate({ transform: 't0,-70' }, 200);
|
|
264
|
+
torso.animate({ transform: 't0,-70' }, 200);
|
|
265
|
+
arms.animate({ transform: 't0,-70' }, 200);
|
|
266
|
+
straps.animate({ transform: 't0,-70' }, 200);
|
|
267
|
+
hands.animate({ transform: 't0,-70' }, 200);
|
|
268
|
+
legs.animate({ transform: 't0,-70' }, 200, function () {
|
|
269
|
+
face.animate({ transform: 't0,0' }, 200);
|
|
270
|
+
torso.animate({ transform: 't0,0' }, 200);
|
|
271
|
+
arms.animate({ transform: 't0,0' }, 200);
|
|
272
|
+
straps.animate({ transform: 't0,0' }, 200);
|
|
273
|
+
hands.animate({ transform: 't0,0' }, 200);
|
|
274
|
+
legs.animate({ transform: 't0,0' }, 200);
|
|
275
|
+
});
|
|
276
|
+
});
|
|
277
|
+
};
|
|
278
|
+
const eyesLeft = (duration) => {
|
|
279
|
+
leftEyePupil.animate({ transform: 't2,0' }, duration);
|
|
280
|
+
rightEyePupil.animate({ transform: 't2,0' }, duration);
|
|
281
|
+
};
|
|
282
|
+
const eyesRight = (duration) => {
|
|
283
|
+
leftEyePupil.animate({ transform: 't-2,0' }, duration);
|
|
284
|
+
rightEyePupil.animate({ transform: 't-2,0' }, duration);
|
|
285
|
+
};
|
|
286
|
+
const eyesCenter = (duration) => {
|
|
287
|
+
leftEyePupil.animate({ transform: 't0,0' }, duration);
|
|
288
|
+
rightEyePupil.animate({ transform: 't0,0' }, duration);
|
|
289
|
+
};
|
|
290
|
+
const blink = (times) => {
|
|
291
|
+
if (times < 1)
|
|
292
|
+
return;
|
|
293
|
+
[...Array(times)].map((_) => {
|
|
294
|
+
leftEyeWhite === null || leftEyeWhite === void 0 ? void 0 : leftEyeWhite.animate({ ry: 0 }, 120);
|
|
295
|
+
leftEyePupil.animate({ ry: 0 }, 120);
|
|
296
|
+
rightEyeWhite === null || rightEyeWhite === void 0 ? void 0 : rightEyeWhite.animate({ ry: 0 }, 120);
|
|
297
|
+
rightEyePupil.animate({ ry: 0 }, 120, function () {
|
|
298
|
+
leftEyeWhite === null || leftEyeWhite === void 0 ? void 0 : leftEyeWhite.animate({ ry: 4 }, 200);
|
|
299
|
+
leftEyePupil === null || leftEyePupil === void 0 ? void 0 : leftEyePupil.animate({ ry: 3 }, 200);
|
|
300
|
+
rightEyeWhite === null || rightEyeWhite === void 0 ? void 0 : rightEyeWhite.animate({ ry: 4 }, 200);
|
|
301
|
+
rightEyePupil === null || rightEyePupil === void 0 ? void 0 : rightEyePupil.animate({ ry: 3 }, 200, () => blink(times - 1));
|
|
302
|
+
});
|
|
303
|
+
});
|
|
304
|
+
};
|
|
305
|
+
const animate = (s, animation) => {
|
|
306
|
+
return nextFrame(s, animation, 0);
|
|
307
|
+
};
|
|
308
|
+
const drawPath = (s) => {
|
|
309
|
+
const linePath = 'M46.5,433 q3.5,-153 7,-356 q59,-51 116,-5 q60,96 1,159 q-58,26 -116,2 q108,57 119,202 q26,-166 41,-371 q99,1 186,3 q28,108 -21,187 q-66,23 -160,-9 q154,79 133,143 q-82,59 -175,42';
|
|
310
|
+
const lineLength = Snap.path.getTotalLength(linePath);
|
|
311
|
+
const lineDraw = s === null || s === void 0 ? void 0 : s.path(linePath);
|
|
312
|
+
lineDraw.attr({
|
|
313
|
+
fill: 'none',
|
|
314
|
+
stroke: '#009FE3',
|
|
315
|
+
'stroke-dasharray': lineLength + ' ' + lineLength,
|
|
316
|
+
'stroke-dashoffset': lineLength,
|
|
317
|
+
'stroke-width': 6,
|
|
318
|
+
'stroke-linecap': 'round',
|
|
319
|
+
'stroke-linejoin': 'round',
|
|
320
|
+
'stroke-miterlimit': 10
|
|
321
|
+
});
|
|
322
|
+
lineDraw.animate({
|
|
323
|
+
strokeDashoffset: 0
|
|
324
|
+
}, 3000, null);
|
|
325
|
+
};
|
|
326
|
+
useEffect(() => {
|
|
327
|
+
if (typeof window === undefined)
|
|
328
|
+
return;
|
|
329
|
+
if (Snap) {
|
|
330
|
+
setS(Snap('#svg'));
|
|
331
|
+
}
|
|
332
|
+
const makeBlinkHappen = () => {
|
|
333
|
+
const randNum = Math.floor(Math.random() * 2) + 1;
|
|
334
|
+
blink(randNum);
|
|
335
|
+
};
|
|
336
|
+
const loadActions = () => {
|
|
337
|
+
if (!avatar)
|
|
338
|
+
return;
|
|
339
|
+
setTimeout(() => {
|
|
340
|
+
animate(s, leftWave);
|
|
341
|
+
}, 1000);
|
|
342
|
+
// drawPath(s)
|
|
343
|
+
setInterval(makeBlinkHappen, 3500);
|
|
344
|
+
rightArm === null || rightArm === void 0 ? void 0 : rightArm.click(() => animate(s, rightWave));
|
|
345
|
+
rightHand === null || rightHand === void 0 ? void 0 : rightHand.click(() => animate(s, rightWave));
|
|
346
|
+
leftArm === null || leftArm === void 0 ? void 0 : leftArm.click(() => animate(s, leftWave));
|
|
347
|
+
leftHand === null || leftHand === void 0 ? void 0 : leftHand.click(() => animate(s, leftWave));
|
|
348
|
+
armless === null || armless === void 0 ? void 0 : armless.click(jump);
|
|
349
|
+
leftArm === null || leftArm === void 0 ? void 0 : leftArm.hover(() => eyesLeft(200));
|
|
350
|
+
leftThigh === null || leftThigh === void 0 ? void 0 : leftThigh.hover(() => eyesLeft(200));
|
|
351
|
+
leftShoe === null || leftShoe === void 0 ? void 0 : leftShoe.hover(() => eyesLeft(200));
|
|
352
|
+
torso === null || torso === void 0 ? void 0 : torso.hover(() => eyesCenter(200));
|
|
353
|
+
rightArm === null || rightArm === void 0 ? void 0 : rightArm.hover(() => eyesRight(200));
|
|
354
|
+
rightThigh === null || rightThigh === void 0 ? void 0 : rightThigh.hover(() => eyesRight(200));
|
|
355
|
+
rightShoe === null || rightShoe === void 0 ? void 0 : rightShoe.hover(() => eyesRight(200));
|
|
356
|
+
};
|
|
357
|
+
createAvatar(s, loadActions);
|
|
358
|
+
}, [s]);
|
|
359
|
+
return (React.createElement("svg", { id: 'svg', className: 'mx-auto', height: `${svgContainerHeight.toString()}px`, width: `${svgContainerWidth.toString()}px`, version: '1.1', xmlns: 'http://www.w3.org/2000/svg' }));
|
|
360
|
+
};
|
|
361
|
+
export default Avatar;
|
|
362
|
+
//# sourceMappingURL=Avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../../src/lib/components/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,8 @@ import style from './style.module.css';
|
|
|
4
4
|
import Container from '../Container/Container';
|
|
5
5
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
6
6
|
import Icon from '../Icon/Icon';
|
|
7
|
-
|
|
7
|
+
import Avatar from '../Avatar/Avatar';
|
|
8
|
+
const Showcase = ({ id, className, title, subTitle, description, bgColour, size = 'large', theme = 'theme-rupertbennett', iconProps }) => {
|
|
8
9
|
const classList = classNames(className);
|
|
9
10
|
const containerSize = classNames({
|
|
10
11
|
[style.smallContainer]: size === 'small',
|
|
@@ -18,7 +19,7 @@ const Showcase = ({ id, className, title, subTitle, description, bgColour, size
|
|
|
18
19
|
React.createElement("h2", { className: style.subTitle }, subTitle),
|
|
19
20
|
React.createElement("p", { className: style.description }, description)),
|
|
20
21
|
React.createElement("div", { className: style.avatarWrapper },
|
|
21
|
-
React.createElement(
|
|
22
|
+
React.createElement(Avatar, null))),
|
|
22
23
|
(iconProps === null || iconProps === void 0 ? void 0 : iconProps.type) !== undefined &&
|
|
23
24
|
React.createElement("div", { className: style.iconWrapper },
|
|
24
25
|
React.createElement(Icon, Object.assign({ theme: theme, className: style.icon, size: 2, rounded: true }, iconProps, { type: iconProps.type, onClick: iconProps.onClick })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,IAA4B,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAe9C,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,qBAAqB,EAC7B,SAAS,EACH,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;QACxC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,IAAI,KAAK,QAAQ;QAC1C,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;KACzC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAEnB,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK;YAC/C,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;gBACxC,4BAAI,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAM;gBAC9C,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC9C;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBAEjC,oBAAC,MAAM,OAAG,CACN,CACI;QACX,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,MAAK,SAAS;YAC5B,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,oBAAC,IAAI,kBACH,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,CAAC,EACP,OAAO,UACH,SAAS,IACb,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,OAAO,EAAE,SAAS,CAAC,OAAO,IAC1B,CACE,CACS,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
|
|
70
70
|
.title {
|
|
71
71
|
|
|
72
|
-
font-size:
|
|
72
|
+
font-size: 28px;
|
|
73
73
|
|
|
74
74
|
font-weight: 700;
|
|
75
75
|
|
|
@@ -78,9 +78,17 @@
|
|
|
78
78
|
color: var(--color-primary)
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
+
@media (min-width: 768px) {
|
|
82
|
+
|
|
83
|
+
.title {
|
|
84
|
+
|
|
85
|
+
font-size: 48px
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
81
89
|
.subTitle {
|
|
82
90
|
|
|
83
|
-
font-size:
|
|
91
|
+
font-size: 28px;
|
|
84
92
|
|
|
85
93
|
font-weight: 700;
|
|
86
94
|
|
|
@@ -89,15 +97,31 @@
|
|
|
89
97
|
color: var(--color-black)
|
|
90
98
|
}
|
|
91
99
|
|
|
100
|
+
@media (min-width: 768px) {
|
|
101
|
+
|
|
102
|
+
.subTitle {
|
|
103
|
+
|
|
104
|
+
font-size: 48px
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
|
|
92
108
|
.description {
|
|
93
109
|
|
|
94
110
|
padding-top: 1rem;
|
|
95
111
|
|
|
96
|
-
font-size:
|
|
112
|
+
font-size: 16px;
|
|
97
113
|
|
|
98
114
|
color: var(--color-black)
|
|
99
115
|
}
|
|
100
116
|
|
|
117
|
+
@media (min-width: 768px) {
|
|
118
|
+
|
|
119
|
+
.description {
|
|
120
|
+
|
|
121
|
+
font-size: 22px
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
101
125
|
.avatarWrapper {
|
|
102
126
|
|
|
103
127
|
margin: auto;
|
|
@@ -108,9 +132,7 @@
|
|
|
108
132
|
|
|
109
133
|
width: 100%;
|
|
110
134
|
|
|
111
|
-
justify-content: center
|
|
112
|
-
|
|
113
|
-
padding-top: 2rem
|
|
135
|
+
justify-content: center
|
|
114
136
|
}
|
|
115
137
|
|
|
116
138
|
@media (min-width: 768px) {
|
|
@@ -119,7 +141,7 @@
|
|
|
119
141
|
|
|
120
142
|
width: 33.333333%;
|
|
121
143
|
|
|
122
|
-
padding-
|
|
144
|
+
padding-bottom: 5rem
|
|
123
145
|
}
|
|
124
146
|
}
|
|
125
147
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA,aAAiD;;QAAjD;IAAiD;AAAA;;AAIjD;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;AAAgC;;AAIhC;;IAAA,YAAwE;;IAAxE;AAAwE;;AAAxE;;IAAA;;QAAA,iBAAwE;;QAAxE,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA;IAAwE;AAAA;;AAIxE;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA,aAAiD;;QAAjD;IAAiD;AAAA;;AAIjD;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;AAAgC;;AAIhC;;IAAA,YAAwE;;IAAxE;AAAwE;;AAAxE;;IAAA;;QAAA,iBAAwE;;QAAxE,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA;IAAwE;AAAA;;AAIxE;;IAAA,eAA+D;;IAA/D,gBAA+D;;IAA/D,iBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,eAA6D;;IAA7D,gBAA6D;;IAA7D,iBAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA;;QAAA;IAA6D;AAAA;;AAI7D;;IAAA,iBAAyC;;IAAzC,eAAyC;;IAAzC;AAAyC;;AAAzC;;IAAA;;QAAA;IAAyC;AAAA;;AAIzC;;IAAA,YAAiE;;IAAjE,aAAiE;;IAAjE,YAAiE;;IAAjE,WAAiE;;IAAjE;AAAiE;;AAAjE;;IAAA;;QAAA,iBAAiE;;QAAjE;IAAiE;AAAA;;AAIjE;;IAAA;AAA+C;;AAA/C;;IAAA;;QAAA,YAA+C;;QAA/C,iBAA+C;;QAA/C;IAA+C;AAAA;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,iBAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA,kBAAmD;;IAAnD,kBAAmD;;IAAnD,+LAAmD;;IAAnD;AAAmD","file":"style.module.css","sourcesContent":[".container {\n @apply flex-wrap md:flex text-center md:text-left;\n}\n\n.smallContainer {\n @apply h-56;\n}\n\n.mediumContainer {\n @apply h-96;\n}\n\n.largeContainer {\n @apply min-h-[calc(100vh-176px)]; \n}\n\n.textWrapper {\n @apply w-full md:w-2/3 m-auto md:pl-16 lg:pl-32 xl:pl-64 md:pr-4 lg:pr-8;\n}\n\n.title {\n @apply font-bold text-lg md:text-xxl text-primary leading-tight;\n}\n\n.subTitle {\n @apply font-bold text-lg md:text-xxl text-black leading-tight;\n}\n\n.description {\n @apply text-sm md:text-md text-black pt-4;\n}\n\n.avatarWrapper {\n @apply m-auto w-full md:w-1/3 h-full flex justify-center md:pb-20;\n}\n\n.avatar {\n @apply md:m-auto md:w-full max-h-96 md:max-h-96;\n}\n\n.iconWrapper {\n @apply w-full;\n}\n\n.icon {\n @apply mx-auto hover:cursor-pointer hover:scale-125;\n}"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snapWrapper.js","sourceRoot":"","sources":["../../../src/lib/snapWrapper.js"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,aAAa,CAAA;AAE9B,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,EAAE;IAC9B,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAA;IACvB,OAAO,CAAC,CAAA;AACV,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "trepur_components",
|
|
3
3
|
"description": "component lib",
|
|
4
4
|
"author": "trepur_ttenneb",
|
|
5
|
-
"version": "1.0.
|
|
5
|
+
"version": "1.0.54",
|
|
6
6
|
"private": false,
|
|
7
7
|
"keywords": [
|
|
8
8
|
"react",
|
|
@@ -23,12 +23,14 @@
|
|
|
23
23
|
"@testing-library/react": "^12.1.3",
|
|
24
24
|
"@testing-library/user-event": "^13.5.0",
|
|
25
25
|
"classnames": "^2.3.1",
|
|
26
|
+
"imports-loader": "^4.0.1",
|
|
26
27
|
"keen-slider": "^6.7.0",
|
|
27
28
|
"postcss-cli": "^10.0.0",
|
|
28
29
|
"react": "^18.1.0",
|
|
29
30
|
"react-calendar": "^4.0.0",
|
|
30
31
|
"react-dom": "^18.1.0",
|
|
31
32
|
"react-scripts": "5.0.0",
|
|
33
|
+
"snapsvg": "^0.5.1",
|
|
32
34
|
"ts-standard": "^12.0.1",
|
|
33
35
|
"tsconfig-paths-webpack-plugin": "^4.0.0",
|
|
34
36
|
"web-vitals": "^2.1.4"
|
|
@@ -71,6 +73,7 @@
|
|
|
71
73
|
"husky": "^8.0.1",
|
|
72
74
|
"postcss": "^8.4.16",
|
|
73
75
|
"pre-push": "^0.1.4",
|
|
76
|
+
"snapsvg-cjs": "0.0.6",
|
|
74
77
|
"storybook-addon-themes": "^6.1.0",
|
|
75
78
|
"storybook-css-modules": "^1.0.8",
|
|
76
79
|
"storybook-css-modules-preset": "^1.1.1",
|