trepur_components 1.0.29 → 1.0.31
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/Button/style.module.css +1 -1
- package/dist/src/lib/components/Card/Card.js +1 -1
- package/dist/src/lib/components/Card/Card.js.map +1 -1
- package/dist/src/lib/components/Card/style.module.css +3 -4
- package/dist/src/lib/components/Card/style.module.css.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +0 -1
- package/dist/src/lib/components/Carousel/Carousel.js +37 -7
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/Carousel/style.module.css +1 -3
- package/dist/src/lib/components/Carousel/style.module.css.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.d.ts +55 -0
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js +165 -0
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js.map +1 -0
- package/dist/src/lib/components/CarouselThumbnail/style.module.css +157 -0
- package/dist/src/lib/components/CarouselThumbnail/style.module.css.map +1 -0
- package/dist/src/lib/components/ComponentWrapper/style.module.css +4 -4
- package/dist/src/lib/components/ComponentWrapper/style.module.css.map +1 -1
- package/dist/src/lib/components/Icon/style.module.css +48 -0
- package/dist/src/lib/components/Icon/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageInfo/style.module.css +3 -3
- package/dist/src/lib/components/ImageInfo/style.module.css.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +2 -1
- package/dist/src/lib/components/Input/Input.js +2 -2
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Input/style.module.css +13 -5
- package/dist/src/lib/components/Input/style.module.css.map +1 -1
- package/dist/src/lib/components/ProductCard/style.module.css +1 -1
- package/dist/src/lib/components/ProductCard/style.module.css.map +1 -1
- package/dist/src/lib/components/Proficiencies/style.module.css +2 -2
- package/dist/src/lib/components/Profile/style.module.css +1 -1
- package/dist/src/lib/components/SocialBlock/style.module.css +2 -2
- package/dist/src/lib/components/Testimonial/Testimonial.js +3 -3
- package/dist/src/lib/components/Testimonial/Testimonial.js.map +1 -1
- package/dist/src/lib/components/Testimonial/style.module.css +26 -11
- package/dist/src/lib/components/Testimonial/style.module.css.map +1 -1
- package/dist/src/lib/components/TextAndTitle/style.module.css +8 -2
- package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -1
- package/dist/src/lib/components/UserIcon/style.module.css +5 -3
- package/dist/src/lib/components/UserIcon/style.module.css.map +1 -1
- package/dist/src/lib/typography/index.js +48 -16
- package/dist/src/lib/typography/index.js.map +1 -1
- package/dist/src/lib/utils/controls.d.ts +1 -1
- package/dist/tailwind.config.d.ts +9 -11
- package/dist/tailwind.config.js +6 -8
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ const Card = ({ id, className, imageProps, videoProps, title, subTitle, descript
|
|
|
14
14
|
let attributes = {};
|
|
15
15
|
if (Boolean(href) || Boolean(target)) {
|
|
16
16
|
Tag = 'a';
|
|
17
|
-
attributes = { href, title, target:
|
|
17
|
+
attributes = { href, title, target: target };
|
|
18
18
|
}
|
|
19
19
|
const shouldDisplayButton = (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) !== undefined &&
|
|
20
20
|
(buttonProps.href !== undefined || buttonProps.onClick !== undefined) &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AAEpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAmBtC,MAAM,IAAI,GAAoB,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;;IACvB,MAAM,gBAAgB,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAChD,MAAM,qBAAqB,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IACxD,MAAM,wBAAwB,GAAG,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IAC9D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAC/D,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;IACvD,IAAI,GAAG,GAAmD,KAAK,CAAA;IAC/D,IAAI,UAAU,GAAqB,EAAE,CAAA;IAErC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;QACpC,GAAG,GAAG,GAAG,CAAA;QACT,UAAU,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,8 +4,7 @@
|
|
|
4
4
|
border-radius: 0.5rem;
|
|
5
5
|
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
6
6
|
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
7
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
|
|
8
|
-
max-width: 380px
|
|
7
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
|
|
9
8
|
}
|
|
10
9
|
|
|
11
10
|
a .classList:hover {
|
|
@@ -91,8 +90,8 @@ a .classList:hover {
|
|
|
91
90
|
}
|
|
92
91
|
|
|
93
92
|
.title {
|
|
94
|
-
font-size:
|
|
95
|
-
font-weight:
|
|
93
|
+
font-size: 22px;
|
|
94
|
+
font-weight: 400
|
|
96
95
|
}
|
|
97
96
|
|
|
98
97
|
.subtitle {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;IAAA,aAAoB;IAApB,sBAAoB;IACpB,qBAAiB;IACjB,gFAAgB;IAAhB,oGAAgB;IAAhB
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;IAAA,aAAoB;IAApB,sBAAoB;IACpB,qBAAiB;IACjB,gFAAgB;IAAhB,oGAAgB;IAAhB;AAFoB;;AAMpB;IAAA;AAAqB;;AAIrB;IAAA,iBAAY;IACZ,wBAAkC;IAAlC,wDAAkC;IAAlC;AADY;;AAKZ;IAAA,gBAAW;IACX,wBAAkC;IAAlC,wDAAkC;IAAlC;AADW;;AAKX;IAAA,iBAA8B;IAA9B,kCAA8B;IAC9B;AAD8B;;AAK9B;IAAA,iBAAY;IACZ,wBAAkC;IAAlC,wDAAkC;IAAlC;AADY;;AAKZ;IAAA,gBAAW;IACX,wBAAkC;IAAlC,wDAAkC;IAAlC;AADW;;AAKX;IAAA,YAAiC;IAAjC,WAAiC;IACjC,aAAwC;IAAxC,gBAAwC;IAAxC,iBAAwC;IACxC,8BAAmB;IAAnB,+BAAmB;IACnB;AAHiC;;AAOjC;IAAA,aAAkD;IAAlD,sBAAkD;IAAlD,oBAAkD;IAAlD,8BAAkD;IAClD;AADkD;;AAKlD;IAAA,oCAAe;IACf,eAAqB;IAArB,oBAAqB;IAArB,qBAAqB;IAArB,mBAAqB;IACrB,kCAAmB;IAAnB,iCAAmB;IACnB,wBAAkC;IAAlC,wDAAkC;IAAlC;AAHe;;AAOf;IAAA,YAAiB;IAAjB,eAAiB;IACjB,wBAAkC;IAAlC,wDAAkC;IAAlC,0BAAkC;IAClC,aAAkD;IAAlD,sBAAkD;IAAlD,oBAAkD;IAAlD;AAFiB;;AAMjB;IAAA,eAA2B;IAA3B;AAA2B;;AAI3B;IAAA,eAA2B;IAA3B;AAA2B;;AAI3B;IAAA,YAAqC;IAArC,sBAAqC;IAArC,eAAqC;IAArC;AAAqC;;AAIrC;IAAA;AAAa","file":"style.module.css","sourcesContent":[".classList {\n @apply flex flex-col;\n @apply rounded-lg;\n @apply shadow-xl;\n}\n\na .classList:hover {\n @apply cursor-pointer;\n}\n\n.classList:hover .movingContent {\n @apply -mt-8;\n @apply transition-all duration-300;\n}\n\n.classList:hover .staticContent {\n @apply mt-8;\n @apply transition-all duration-300;\n}\n\n.classList:focus {\n @apply border-2 border-primary;\n border-radius: 10px;\n}\n\n.classList:focus .movingContent {\n @apply -mt-8;\n @apply transition-all duration-300;\n}\n\n.classList:focus .staticContent {\n @apply mt-8;\n @apply transition-all duration-300;\n}\n\n.imageClassList {\n @apply w-full object-cover h-full;\n @apply h-64 overflow-hidden object-cover;\n @apply rounded-t-lg;\n height: 256px;\n}\n\n.contentWrapper {\n @apply flex flex-col justify-between items-stretch;\n height: calc(100% - 256px);\n}\n\n.movingContent {\n @apply bg-white;\n @apply px-6 pt-6 mt-0;\n @apply rounded-b-lg;\n @apply transition-all duration-300;\n}\n\n.staticContent {\n @apply h-full p-6;\n @apply transition-all duration-300;\n @apply flex flex-col justify-between items-stretch;\n}\n\n.title {\n @apply font-regular text-md;\n}\n\n.subtitle {\n @apply font-regular text-sm;\n}\n\n.description {\n @apply font-light text-sm pb-6 flex-1;\n}\n\n.buttonClassList {\n @apply w-full;\n}"]}
|
|
@@ -69,7 +69,6 @@ export interface Props {
|
|
|
69
69
|
optionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
70
70
|
slideChanged?: boolean;
|
|
71
71
|
updated?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
72
|
-
perView?: number;
|
|
73
72
|
spacing?: number;
|
|
74
73
|
number?: number;
|
|
75
74
|
origin?: number | 'auto' | 'center';
|
|
@@ -5,7 +5,8 @@ import classNames from 'classnames';
|
|
|
5
5
|
import Icon from '../Icon/Icon';
|
|
6
6
|
import style from './style.module.css';
|
|
7
7
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
8
|
-
|
|
8
|
+
import screens from '../../utils/screens';
|
|
9
|
+
const Carousel = ({ id, className, slideWrapperClassName, title, description, bgColour, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode = 'snap', range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, spacing, number, origin, arrows, dots, theme = 'theme-rupertbennett' }) => {
|
|
9
10
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
10
11
|
const classList = classNames(className);
|
|
11
12
|
const [currentSlide, setCurrentSlide] = useState(0);
|
|
@@ -55,9 +56,27 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
55
56
|
});
|
|
56
57
|
});
|
|
57
58
|
}
|
|
59
|
+
const breakpointsToRender = {
|
|
60
|
+
[`(min-width: ${screens.xs})`]: {
|
|
61
|
+
slides: { perView: 1, spacing: 25 },
|
|
62
|
+
},
|
|
63
|
+
[`(max-width: ${screens.sm})`]: {
|
|
64
|
+
slides: { perView: 1, spacing: 25 },
|
|
65
|
+
},
|
|
66
|
+
[`(min-width: ${screens.md})`]: {
|
|
67
|
+
slides: { perView: 2, spacing: 25 },
|
|
68
|
+
},
|
|
69
|
+
[`(min-width: ${screens.lg})`]: {
|
|
70
|
+
slides: { perView: 3, spacing: 20 },
|
|
71
|
+
},
|
|
72
|
+
[`(min-width: ${screens.xl})`]: {
|
|
73
|
+
slides: { perView: 4, spacing: 25 },
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
let offset = 0;
|
|
58
77
|
const [sliderRef, instanceRef] = useKeenSlider({
|
|
59
78
|
initial,
|
|
60
|
-
breakpoints,
|
|
79
|
+
breakpoints: breakpointsToRender,
|
|
61
80
|
defaultAnimation,
|
|
62
81
|
disabled,
|
|
63
82
|
drag,
|
|
@@ -70,7 +89,11 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
70
89
|
rubberband,
|
|
71
90
|
vertical,
|
|
72
91
|
slideChanged(slider) {
|
|
73
|
-
|
|
92
|
+
var _a, _b;
|
|
93
|
+
if (((_b = (_a = slider.slides[slider.track.details.rel]) === null || _a === void 0 ? void 0 : _a.firstChild) === null || _b === void 0 ? void 0 : _b.nodeName) === 'DIV') {
|
|
94
|
+
offset = 1;
|
|
95
|
+
}
|
|
96
|
+
setCurrentSlide(slider.track.details.rel + offset);
|
|
74
97
|
},
|
|
75
98
|
// slideChanged: slideChanged,
|
|
76
99
|
created() {
|
|
@@ -90,7 +113,6 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
90
113
|
optionsChanged,
|
|
91
114
|
updated,
|
|
92
115
|
slides: {
|
|
93
|
-
perView,
|
|
94
116
|
spacing,
|
|
95
117
|
origin,
|
|
96
118
|
number
|
|
@@ -100,6 +122,14 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
100
122
|
var _a;
|
|
101
123
|
if (e.key === 'Tab') {
|
|
102
124
|
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next();
|
|
125
|
+
// when navigating with the tab key, it forces the dots to update when
|
|
126
|
+
// you tab to the last carousel item when loop is set to false
|
|
127
|
+
if (loop === false && slides !== undefined && currentSlide === slides.length - 2) {
|
|
128
|
+
// if(slides[slider.track.details.rel]?.firstChild?.nodeName === 'DIV') {
|
|
129
|
+
// offset = 1
|
|
130
|
+
// }
|
|
131
|
+
setCurrentSlide(slides.length - 1 + offset);
|
|
132
|
+
}
|
|
103
133
|
}
|
|
104
134
|
};
|
|
105
135
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
|
|
@@ -114,9 +144,9 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
114
144
|
const numberOfSlides = (_e = (_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 1;
|
|
115
145
|
return (React.createElement(Dot, Object.assign({ key: `dot_${i}`, isActive: !loop
|
|
116
146
|
? currentSlide === idx
|
|
117
|
-
: currentSlide +
|
|
118
|
-
? idx >= currentSlide && idx < currentSlide +
|
|
119
|
-
: idx >= currentSlide || currentSlide +
|
|
147
|
+
: currentSlide + 4 <= numberOfSlides
|
|
148
|
+
? idx >= currentSlide - offset && idx < currentSlide + 4 - offset
|
|
149
|
+
: idx >= currentSlide - offset || currentSlide + 4 - numberOfSlides - 4 - offset >= idx, onClick: () => {
|
|
120
150
|
var _a;
|
|
121
151
|
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(idx);
|
|
122
152
|
}, theme: theme }, dots, { wrapperBgColour: bgColour !== null && bgColour !== void 0 ? bgColour : 'white' })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,aAAa,EAA0D,MAAM,mBAAmB,CAAA;AACzG,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Carousel/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAIb;;IAAA,aAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Carousel/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAIb;;IAAA,aAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,WAAwB;;IAAxB,oBAAwB;;IAAxB;AAAwB;;AAIxB;;IAAA,kBAA+B;;IAA/B,qBAA+B;;IAA/B,aAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,sCAA8B;;IAA9B,mBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA;AAAsB;;AAItB;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAqB;;AAIrB;;IAAA,gBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full;\n}\n\n.visibleArrows {\n @apply flex justify-between;\n}\n\n.slideWrapper {\n @apply w-full pb-12 pt-4;\n}\n\n.dotWrapper {\n @apply flex my-2 justify-center;\n}\n\n.dotButtonClassList {\n @apply py-2 border-transparent;\n}\n\n.dotButtonClassList:focus {\n @apply border border-2;\n}\n\n.dotIconClassList {\n @apply mx-1;\n}\n\n.dotIconClassList:hover {\n @apply cursor-pointer;\n}\n\n.arrowWrapper {\n @apply my-auto;\n}\n\n.arrowIconClassList {\n @apply mx-auto;\n}\n\n.arrowIconClassList:hover {\n @apply cursor-pointer;\n}\n\n.primary {\n @apply border-white;\n}\n\n.white {\n @apply border-primary;\n}\n\n.grey {\n @apply border-primary;\n}\n\n.gold {\n @apply border-primary;\n}\n\n.facebook {\n @apply border-white;\n}\n\n.linkedin {\n @apply border-white;\n}\n\n.email {\n @apply border-white;\n}\n\n.instagram {\n @apply border-primary;\n}\n\n.github {\n @apply border-white;\n}\n\n.interactive-facebook {\n @apply border-primary;\n}\n\n.interactive-email {\n @apply border-primary;\n}\n\n.interactive-linkedin {\n @apply border-primary;\n}\n\n.interactive-instagram {\n @apply border-primary;\n}\n\n.interactive-github {\n @apply border-primary;\n}"]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import 'keen-slider/keen-slider.min.css';
|
|
3
|
+
import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
|
|
4
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
5
|
+
export interface Props {
|
|
6
|
+
id?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
slideWrapperClassName?: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
bgColour?: Colours;
|
|
12
|
+
breakpoints?: {
|
|
13
|
+
[key: string]: Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>;
|
|
14
|
+
};
|
|
15
|
+
defaultAnimation?: {
|
|
16
|
+
duration?: number;
|
|
17
|
+
easing?: (t: number) => number;
|
|
18
|
+
};
|
|
19
|
+
disabled: boolean;
|
|
20
|
+
drag?: boolean;
|
|
21
|
+
dragSpeed?: number;
|
|
22
|
+
initial?: number;
|
|
23
|
+
loop?: boolean;
|
|
24
|
+
mode?: 'snap' | 'free' | 'free-snap';
|
|
25
|
+
range?: {
|
|
26
|
+
align?: boolean;
|
|
27
|
+
min?: number;
|
|
28
|
+
max?: number;
|
|
29
|
+
};
|
|
30
|
+
renderMode?: 'precision' | 'performance' | 'custom';
|
|
31
|
+
rtl?: boolean;
|
|
32
|
+
rubberband?: boolean;
|
|
33
|
+
slides?: any[];
|
|
34
|
+
vertical?: boolean;
|
|
35
|
+
animationStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
36
|
+
animationStopped?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
37
|
+
animationEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
38
|
+
created?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
39
|
+
destroyed?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
40
|
+
detailsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
41
|
+
dragged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
42
|
+
dragStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
43
|
+
dragChecked?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
44
|
+
dragEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
45
|
+
beforeOptionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
46
|
+
optionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
47
|
+
slideChanged?: boolean;
|
|
48
|
+
updated?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
49
|
+
spacing?: number;
|
|
50
|
+
number?: number;
|
|
51
|
+
origin?: number | 'auto' | 'center';
|
|
52
|
+
theme?: ThemeTypes;
|
|
53
|
+
}
|
|
54
|
+
declare const CarouselThumbnail: React.FC<Props>;
|
|
55
|
+
export default CarouselThumbnail;
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import 'keen-slider/keen-slider.min.css';
|
|
3
|
+
import { useKeenSlider } from 'keen-slider/react';
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
import style from './style.module.css';
|
|
6
|
+
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
7
|
+
import screens from '../../utils/screens';
|
|
8
|
+
const CarouselThumbnail = ({ id, className, slideWrapperClassName, title, description, bgColour, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode = 'snap', range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, spacing, number, origin, theme = 'theme-rupertbennett' }) => {
|
|
9
|
+
const classList = classNames(className);
|
|
10
|
+
const [currentSlide, setCurrentSlide] = useState(0);
|
|
11
|
+
const [loaded, setLoaded] = useState(false);
|
|
12
|
+
function WheelControls(slider) {
|
|
13
|
+
let touchTimeout;
|
|
14
|
+
let position;
|
|
15
|
+
let wheelActive;
|
|
16
|
+
function dispatch(e, name) {
|
|
17
|
+
position.x -= e.deltaX;
|
|
18
|
+
position.y -= e.deltaY;
|
|
19
|
+
slider.container.dispatchEvent(new CustomEvent(name, {
|
|
20
|
+
detail: {
|
|
21
|
+
x: position.x,
|
|
22
|
+
y: position.y
|
|
23
|
+
}
|
|
24
|
+
}));
|
|
25
|
+
}
|
|
26
|
+
function wheelStart(e) {
|
|
27
|
+
position = {
|
|
28
|
+
x: e.pageX,
|
|
29
|
+
y: e.pageY
|
|
30
|
+
};
|
|
31
|
+
dispatch(e, 'ksDragStart');
|
|
32
|
+
}
|
|
33
|
+
function wheel(e) {
|
|
34
|
+
dispatch(e, 'ksDrag');
|
|
35
|
+
}
|
|
36
|
+
function wheelEnd(e) {
|
|
37
|
+
dispatch(e, 'ksDragEnd');
|
|
38
|
+
}
|
|
39
|
+
function eventWheel(e) {
|
|
40
|
+
if (!wheelActive) {
|
|
41
|
+
wheelStart(e);
|
|
42
|
+
wheelActive = true;
|
|
43
|
+
}
|
|
44
|
+
wheel(e);
|
|
45
|
+
clearTimeout(touchTimeout);
|
|
46
|
+
touchTimeout = setTimeout(() => {
|
|
47
|
+
wheelActive = false;
|
|
48
|
+
wheelEnd(e);
|
|
49
|
+
}, 50);
|
|
50
|
+
}
|
|
51
|
+
slider.on('created', () => {
|
|
52
|
+
slider.container.addEventListener('wheel', eventWheel, {
|
|
53
|
+
passive: true
|
|
54
|
+
});
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
function ThumbnailPlugin(mainRef) {
|
|
58
|
+
return (slider) => {
|
|
59
|
+
function removeActive() {
|
|
60
|
+
slider.slides.forEach((slide) => {
|
|
61
|
+
slide.classList.remove("active");
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
function addActive(idx) {
|
|
65
|
+
slider.slides[idx].classList.add("active");
|
|
66
|
+
}
|
|
67
|
+
function addClickEvents() {
|
|
68
|
+
slider.slides.forEach((slide, idx) => {
|
|
69
|
+
slide.addEventListener("click", () => {
|
|
70
|
+
if (mainRef.current)
|
|
71
|
+
mainRef.current.moveToIdx(idx);
|
|
72
|
+
});
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
slider.on("created", () => {
|
|
76
|
+
if (!mainRef.current)
|
|
77
|
+
return;
|
|
78
|
+
addActive(slider.track.details.rel);
|
|
79
|
+
addClickEvents();
|
|
80
|
+
mainRef.current.on("animationStarted", (main) => {
|
|
81
|
+
removeActive();
|
|
82
|
+
const next = main.animator.targetIdx || 0;
|
|
83
|
+
addActive(main.track.absToRel(next));
|
|
84
|
+
slider.moveToIdx(Math.min(slider.track.details.maxIdx, next));
|
|
85
|
+
});
|
|
86
|
+
});
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
const breakpointsToRender = {
|
|
90
|
+
[`(min-width: ${screens.xs})`]: {
|
|
91
|
+
slides: { perView: 1, spacing: 25 },
|
|
92
|
+
},
|
|
93
|
+
[`(max-width: ${screens.sm})`]: {
|
|
94
|
+
slides: { perView: 1, spacing: 25 },
|
|
95
|
+
},
|
|
96
|
+
[`(min-width: ${screens.md})`]: {
|
|
97
|
+
slides: { perView: 1, spacing: 25 },
|
|
98
|
+
},
|
|
99
|
+
[`(min-width: ${screens.lg})`]: {
|
|
100
|
+
slides: { perView: 2, spacing: 20 },
|
|
101
|
+
},
|
|
102
|
+
[`(min-width: ${screens.xl})`]: {
|
|
103
|
+
slides: { perView: 2, spacing: 10 },
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
let offset = 0;
|
|
107
|
+
const [sliderRef, instanceRef] = useKeenSlider({
|
|
108
|
+
initial,
|
|
109
|
+
breakpoints: breakpointsToRender,
|
|
110
|
+
defaultAnimation,
|
|
111
|
+
disabled,
|
|
112
|
+
drag,
|
|
113
|
+
dragSpeed,
|
|
114
|
+
loop,
|
|
115
|
+
mode,
|
|
116
|
+
range,
|
|
117
|
+
renderMode,
|
|
118
|
+
rtl,
|
|
119
|
+
rubberband,
|
|
120
|
+
vertical,
|
|
121
|
+
slideChanged(slider) {
|
|
122
|
+
var _a, _b;
|
|
123
|
+
if (((_b = (_a = slider.slides[slider.track.details.rel]) === null || _a === void 0 ? void 0 : _a.firstChild) === null || _b === void 0 ? void 0 : _b.nodeName) === 'DIV') {
|
|
124
|
+
offset = 1;
|
|
125
|
+
}
|
|
126
|
+
setCurrentSlide(slider.track.details.rel + offset);
|
|
127
|
+
},
|
|
128
|
+
// slideChanged: slideChanged,
|
|
129
|
+
created() {
|
|
130
|
+
setLoaded(true);
|
|
131
|
+
},
|
|
132
|
+
// created: created,
|
|
133
|
+
animationStarted,
|
|
134
|
+
animationStopped,
|
|
135
|
+
animationEnded,
|
|
136
|
+
destroyed,
|
|
137
|
+
detailsChanged,
|
|
138
|
+
dragged,
|
|
139
|
+
dragStarted,
|
|
140
|
+
dragChecked,
|
|
141
|
+
dragEnded,
|
|
142
|
+
beforeOptionsChanged,
|
|
143
|
+
optionsChanged,
|
|
144
|
+
updated,
|
|
145
|
+
slides: {
|
|
146
|
+
spacing,
|
|
147
|
+
origin,
|
|
148
|
+
number
|
|
149
|
+
}
|
|
150
|
+
}, [WheelControls]);
|
|
151
|
+
const [thumbnailRef] = useKeenSlider({
|
|
152
|
+
initial: 0,
|
|
153
|
+
slides: {
|
|
154
|
+
perView: 4,
|
|
155
|
+
spacing: 10,
|
|
156
|
+
},
|
|
157
|
+
}, [ThumbnailPlugin(instanceRef)]);
|
|
158
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
|
|
159
|
+
React.createElement("div", { className: classNames(classList, style.classList, 'navigation-wrapper') },
|
|
160
|
+
React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, slideWrapperClassName, 'keen-slider') }, (slides != null) && slides),
|
|
161
|
+
React.createElement("div", { className: style.thumbnailWrapper },
|
|
162
|
+
React.createElement("div", { ref: thumbnailRef, className: `keen-slider thumbnail ${style.thumbnail}` }, (slides != null) && slides)))));
|
|
163
|
+
};
|
|
164
|
+
export default CarouselThumbnail;
|
|
165
|
+
//# sourceMappingURL=CarouselThumbnail.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselThumbnail.js","sourceRoot":"","sources":["../../../../../src/lib/components/CarouselThumbnail/CarouselThumbnail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
width: 100%
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.visibleArrows {
|
|
7
|
+
|
|
8
|
+
display: flex;
|
|
9
|
+
|
|
10
|
+
justify-content: space-between
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.slideWrapper {
|
|
14
|
+
|
|
15
|
+
width: 100%;
|
|
16
|
+
|
|
17
|
+
padding-bottom: 3rem;
|
|
18
|
+
|
|
19
|
+
padding-top: 1rem
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.dotWrapper {
|
|
23
|
+
|
|
24
|
+
margin-top: 0.5rem;
|
|
25
|
+
|
|
26
|
+
margin-bottom: 0.5rem;
|
|
27
|
+
|
|
28
|
+
display: flex;
|
|
29
|
+
|
|
30
|
+
justify-content: center
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.dotButtonClassList {
|
|
34
|
+
|
|
35
|
+
border-color: var(--color-transparent);
|
|
36
|
+
|
|
37
|
+
padding-top: 0.5rem;
|
|
38
|
+
|
|
39
|
+
padding-bottom: 0.5rem
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.dotButtonClassList:focus {
|
|
43
|
+
|
|
44
|
+
border-width: 2px
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.dotIconClassList {
|
|
48
|
+
|
|
49
|
+
margin-left: 0.25rem;
|
|
50
|
+
|
|
51
|
+
margin-right: 0.25rem
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.dotIconClassList:hover {
|
|
55
|
+
|
|
56
|
+
cursor: pointer
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.arrowWrapper {
|
|
60
|
+
|
|
61
|
+
margin-top: auto;
|
|
62
|
+
|
|
63
|
+
margin-bottom: auto
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.arrowIconClassList {
|
|
67
|
+
|
|
68
|
+
margin-left: auto;
|
|
69
|
+
|
|
70
|
+
margin-right: auto
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.arrowIconClassList:hover {
|
|
74
|
+
|
|
75
|
+
cursor: pointer
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.primary {
|
|
79
|
+
|
|
80
|
+
border-color: var(--color-white)
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.white {
|
|
84
|
+
|
|
85
|
+
border-color: var(--color-primary)
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.grey {
|
|
89
|
+
|
|
90
|
+
border-color: var(--color-primary)
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.gold {
|
|
94
|
+
|
|
95
|
+
border-color: var(--color-primary)
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.facebook {
|
|
99
|
+
|
|
100
|
+
border-color: var(--color-white)
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.linkedin {
|
|
104
|
+
|
|
105
|
+
border-color: var(--color-white)
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.email {
|
|
109
|
+
|
|
110
|
+
border-color: var(--color-white)
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.instagram {
|
|
114
|
+
|
|
115
|
+
border-color: var(--color-primary)
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.github {
|
|
119
|
+
|
|
120
|
+
border-color: var(--color-white)
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.interactive-facebook {
|
|
124
|
+
|
|
125
|
+
border-color: var(--color-primary)
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.interactive-email {
|
|
129
|
+
|
|
130
|
+
border-color: var(--color-primary)
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.interactive-linkedin {
|
|
134
|
+
|
|
135
|
+
border-color: var(--color-primary)
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.interactive-instagram {
|
|
139
|
+
|
|
140
|
+
border-color: var(--color-primary)
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.interactive-github {
|
|
144
|
+
|
|
145
|
+
border-color: var(--color-primary)
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.thunmnailWrapper {
|
|
149
|
+
|
|
150
|
+
width: 50%
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.thumbnail {
|
|
154
|
+
|
|
155
|
+
height: 4rem
|
|
156
|
+
}
|
|
157
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/CarouselThumbnail/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAIb;;IAAA,aAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,WAAwB;;IAAxB,oBAAwB;;IAAxB;AAAwB;;AAIxB;;IAAA,kBAA+B;;IAA/B,qBAA+B;;IAA/B,aAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,sCAA8B;;IAA9B,mBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA;AAAsB;;AAItB;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAqB;;AAIrB;;IAAA,gBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAY;;AAIZ;;IAAA;AAAW","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full;\n}\n\n.visibleArrows {\n @apply flex justify-between;\n}\n\n.slideWrapper {\n @apply w-full pb-12 pt-4;\n}\n\n.dotWrapper {\n @apply flex my-2 justify-center;\n}\n\n.dotButtonClassList {\n @apply py-2 border-transparent;\n}\n\n.dotButtonClassList:focus {\n @apply border border-2;\n}\n\n.dotIconClassList {\n @apply mx-1;\n}\n\n.dotIconClassList:hover {\n @apply cursor-pointer;\n}\n\n.arrowWrapper {\n @apply my-auto;\n}\n\n.arrowIconClassList {\n @apply mx-auto;\n}\n\n.arrowIconClassList:hover {\n @apply cursor-pointer;\n}\n\n.primary {\n @apply border-white;\n}\n\n.white {\n @apply border-primary;\n}\n\n.grey {\n @apply border-primary;\n}\n\n.gold {\n @apply border-primary;\n}\n\n.facebook {\n @apply border-white;\n}\n\n.linkedin {\n @apply border-white;\n}\n\n.email {\n @apply border-white;\n}\n\n.instagram {\n @apply border-primary;\n}\n\n.github {\n @apply border-white;\n}\n\n.interactive-facebook {\n @apply border-primary;\n}\n\n.interactive-email {\n @apply border-primary;\n}\n\n.interactive-linkedin {\n @apply border-primary;\n}\n\n.interactive-instagram {\n @apply border-primary;\n}\n\n.interactive-github {\n @apply border-primary;\n}\n\n.thunmnailWrapper {\n @apply w-1/2;\n}\n\n.thumbnail {\n @apply h-16;\n}"]}
|
|
@@ -23,18 +23,18 @@
|
|
|
23
23
|
|
|
24
24
|
padding-bottom: 0.5rem;
|
|
25
25
|
|
|
26
|
-
font-size:
|
|
26
|
+
font-size: 28px;
|
|
27
27
|
|
|
28
|
-
font-weight:
|
|
28
|
+
font-weight: 400
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
.description {
|
|
32
32
|
|
|
33
33
|
padding-bottom: 2rem;
|
|
34
34
|
|
|
35
|
-
font-size:
|
|
35
|
+
font-size: 22px;
|
|
36
36
|
|
|
37
|
-
font-weight:
|
|
37
|
+
font-weight: 300
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.primary {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/ComponentWrapper/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIvB;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/ComponentWrapper/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIvB;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,sBAAgC;;IAAhC,eAAgC;;IAAhC;AAAgC;;AAIhC;;IAAA,oBAA8B;;IAA9B,eAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,4CAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,oCAA0B;;IAA1B;AAA0B","file":"style.module.css","sourcesContent":[".classList {\n @apply mx-auto w-full;\n}\n\n.containerPadding {\n @apply py-8;\n}\n\n.heading {\n @apply pt-0;\n}\n\n.title {\n @apply pb-2 font-regular text-lg;\n}\n\n.description {\n @apply pb-8 font-light text-md;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.white {\n @apply bg-white text-black;\n}\n\n.grey {\n @apply bg-lightest-grey text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}"]}
|