trepur_components 1.0.6 → 1.0.8
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/Carousel/Carousel.d.ts +25 -9
- package/dist/src/lib/components/Carousel/Carousel.js +6 -6
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/Image/Image.d.ts +2 -1
- package/dist/src/lib/components/Image/Image.js +3 -2
- package/dist/src/lib/components/Image/Image.js.map +1 -1
- package/dist/src/lib/components/Image/style.module.css +9 -0
- package/dist/src/lib/components/Image/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.js +0 -1
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/style.module.css +1 -5
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/Timeline/style.module.css +0 -1
- package/dist/src/lib/components/Timeline/style.module.css.map +1 -1
- package/package.json +2 -2
- package/dist/src/lib/components/Accordion/style.module.css +0 -4
- package/dist/src/lib/components/Accordion/style.module.css.map +0 -1
- package/dist/src/lib/components/AlertBar/index.d.ts +0 -16
- package/dist/src/lib/components/AlertBar/index.js +0 -64
- package/dist/src/lib/components/AlertBar/index.js.map +0 -1
- package/dist/src/lib/components/Breadcrumbs/index.d.ts +0 -11
- package/dist/src/lib/components/Breadcrumbs/index.js +0 -20
- package/dist/src/lib/components/Breadcrumbs/index.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.d.ts +0 -9
- package/dist/src/lib/components/BreadcrumbsBordered/index.js +0 -18
- package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsItem/index.d.ts +0 -12
- package/dist/src/lib/components/BreadcrumbsItem/index.js +0 -57
- package/dist/src/lib/components/BreadcrumbsItem/index.js.map +0 -1
- package/dist/src/lib/components/Button/index.d.ts +0 -17
- package/dist/src/lib/components/Button/index.js +0 -32
- package/dist/src/lib/components/Button/index.js.map +0 -1
- package/dist/src/lib/components/Card/index.d.ts +0 -31
- package/dist/src/lib/components/Card/index.js +0 -66
- package/dist/src/lib/components/Card/index.js.map +0 -1
- package/dist/src/lib/components/CardWithTopImage/index.d.ts +0 -10
- package/dist/src/lib/components/CardWithTopImage/index.js +0 -15
- package/dist/src/lib/components/CardWithTopImage/index.js.map +0 -1
- package/dist/src/lib/components/Carousel/index.d.ts +0 -58
- package/dist/src/lib/components/Carousel/index.js +0 -122
- package/dist/src/lib/components/Carousel/index.js.map +0 -1
- package/dist/src/lib/components/ChevronCard/index.d.ts +0 -7
- package/dist/src/lib/components/ChevronCard/index.js +0 -20
- package/dist/src/lib/components/ChevronCard/index.js.map +0 -1
- package/dist/src/lib/components/Collapsible/index.d.ts +0 -16
- package/dist/src/lib/components/Collapsible/index.js +0 -67
- package/dist/src/lib/components/Collapsible/index.js.map +0 -1
- package/dist/src/lib/components/Column/index.d.ts +0 -12
- package/dist/src/lib/components/Column/index.js +0 -83
- package/dist/src/lib/components/Column/index.js.map +0 -1
- package/dist/src/lib/components/Container/index.d.ts +0 -9
- package/dist/src/lib/components/Container/index.js +0 -8
- package/dist/src/lib/components/Container/index.js.map +0 -1
- package/dist/src/lib/components/FooterBar/index.d.ts +0 -11
- package/dist/src/lib/components/FooterBar/index.js +0 -15
- package/dist/src/lib/components/FooterBar/index.js.map +0 -1
- package/dist/src/lib/components/Form/index.d.ts +0 -16
- package/dist/src/lib/components/Form/index.js +0 -19
- package/dist/src/lib/components/Form/index.js.map +0 -1
- package/dist/src/lib/components/FyreCard/index.d.ts +0 -13
- package/dist/src/lib/components/FyreCard/index.js +0 -17
- package/dist/src/lib/components/FyreCard/index.js.map +0 -1
- package/dist/src/lib/components/Greeting/index.d.ts +0 -10
- package/dist/src/lib/components/Greeting/index.js +0 -23
- package/dist/src/lib/components/Greeting/index.js.map +0 -1
- package/dist/src/lib/components/HamburgerIcon/index.d.ts +0 -7
- package/dist/src/lib/components/HamburgerIcon/index.js +0 -26
- package/dist/src/lib/components/HamburgerIcon/index.js.map +0 -1
- package/dist/src/lib/components/Icon/index.d.ts +0 -19
- package/dist/src/lib/components/Icon/index.js +0 -56
- package/dist/src/lib/components/Icon/index.js.map +0 -1
- package/dist/src/lib/components/Image/index.d.ts +0 -16
- package/dist/src/lib/components/Image/index.js +0 -54
- package/dist/src/lib/components/Image/index.js.map +0 -1
- package/dist/src/lib/components/ImageLink/index.d.ts +0 -15
- package/dist/src/lib/components/ImageLink/index.js +0 -18
- package/dist/src/lib/components/ImageLink/index.js.map +0 -1
- package/dist/src/lib/components/ImageLinkList/index.d.ts +0 -9
- package/dist/src/lib/components/ImageLinkList/index.js +0 -11
- package/dist/src/lib/components/ImageLinkList/index.js.map +0 -1
- package/dist/src/lib/components/InformationIcon/index.d.ts +0 -15
- package/dist/src/lib/components/InformationIcon/index.js +0 -45
- package/dist/src/lib/components/InformationIcon/index.js.map +0 -1
- package/dist/src/lib/components/Input/index.d.ts +0 -31
- package/dist/src/lib/components/Input/index.js +0 -25
- package/dist/src/lib/components/Input/index.js.map +0 -1
- package/dist/src/lib/components/Jumbotron/index.d.ts +0 -9
- package/dist/src/lib/components/Jumbotron/index.js +0 -9
- package/dist/src/lib/components/Jumbotron/index.js.map +0 -1
- package/dist/src/lib/components/Nav/index.d.ts +0 -22
- package/dist/src/lib/components/Nav/index.js +0 -65
- package/dist/src/lib/components/Nav/index.js.map +0 -1
- package/dist/src/lib/components/NavItem/index.d.ts +0 -15
- package/dist/src/lib/components/NavItem/index.js +0 -24
- package/dist/src/lib/components/NavItem/index.js.map +0 -1
- package/dist/src/lib/components/NewsCard/index.d.ts +0 -14
- package/dist/src/lib/components/NewsCard/index.js +0 -20
- package/dist/src/lib/components/NewsCard/index.js.map +0 -1
- package/dist/src/lib/components/Profile/index.d.ts +0 -18
- package/dist/src/lib/components/Profile/index.js +0 -36
- package/dist/src/lib/components/Profile/index.js.map +0 -1
- package/dist/src/lib/components/Row/index.d.ts +0 -8
- package/dist/src/lib/components/Row/index.js +0 -8
- package/dist/src/lib/components/Row/index.js.map +0 -1
- package/dist/src/lib/components/Search/index.d.ts +0 -13
- package/dist/src/lib/components/Search/index.js +0 -23
- package/dist/src/lib/components/Search/index.js.map +0 -1
- package/dist/src/lib/components/SocialBlock/index.d.ts +0 -21
- package/dist/src/lib/components/SocialBlock/index.js +0 -65
- package/dist/src/lib/components/SocialBlock/index.js.map +0 -1
- package/dist/src/lib/components/StarRating/index.d.ts +0 -9
- package/dist/src/lib/components/StarRating/index.js +0 -27
- package/dist/src/lib/components/StarRating/index.js.map +0 -1
- package/dist/src/lib/components/Testimonial/index.d.ts +0 -17
- package/dist/src/lib/components/Testimonial/index.js +0 -27
- package/dist/src/lib/components/Testimonial/index.js.map +0 -1
- package/dist/src/lib/components/TextAndTitle/index.d.ts +0 -26
- package/dist/src/lib/components/TextAndTitle/index.js +0 -104
- package/dist/src/lib/components/TextAndTitle/index.js.map +0 -1
- package/dist/src/lib/components/TextArea/index.d.ts +0 -27
- package/dist/src/lib/components/TextArea/index.js +0 -19
- package/dist/src/lib/components/TextArea/index.js.map +0 -1
- package/dist/src/lib/components/Timeline/index.css +0 -135
- package/dist/src/lib/components/Timeline/index.css.map +0 -1
- package/dist/src/lib/components/Timeline/index.d.ts +0 -14
- package/dist/src/lib/components/Timeline/index.js +0 -208
- package/dist/src/lib/components/Timeline/index.js.map +0 -1
- package/dist/src/lib/components/Tubestops/index.css +0 -97
- package/dist/src/lib/components/Tubestops/index.css.map +0 -1
- package/dist/src/lib/components/Tubestops/index.d.ts +0 -13
- package/dist/src/lib/components/Tubestops/index.js +0 -44
- package/dist/src/lib/components/Tubestops/index.js.map +0 -1
- package/dist/src/lib/components/UserIcon/index.d.ts +0 -11
- package/dist/src/lib/components/UserIcon/index.js +0 -16
- package/dist/src/lib/components/UserIcon/index.js.map +0 -1
- package/dist/src/lib/components/Video/index.d.ts +0 -17
- package/dist/src/lib/components/Video/index.js +0 -9
- package/dist/src/lib/components/Video/index.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,UAAU,MAAM,YAAY,CAAA;AAiBnC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,KAAK,EACpB,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,WAAW,EAAE,IAAI,KAAK,QAAQ;QAC9B,MAAM,EAAE,IAAI,KAAK,MAAM;QACvB,MAAM,EAAE,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,MAAM;KAC7C,EAAE,MAAM,CAAC,CAAA;IAEV,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,SAAS,EAAE,CAAC,SAAS;KACtB,EAAE,iCAAiC,CAAC,CAAA;IAErC,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,oCAAoC,EAAE,OAAO,KAAK,SAAS;QAC3D,wDAAwD,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,SAAS;QAC5F,sCAAsC,EAAE,OAAO,KAAK,WAAW;QAC/D,wDAAwD,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,WAAW;QAC9F,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,OAAO;QACrB,cAAc,EAAE,CAAC,OAAO;KACzB,EAAE,SAAS,EAAE,OAAO,EAAE,kEAAkE,CAAC,CAAA;IAE1F,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IACH,IAAI,EAAE,CAAC,EACP,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,OAAO,EACjB,MAAM,EAAC,OAAO,EACd,QAAQ,EAAC,SAAS,GAClB,CACH,CAAA;IAED,OAAO,CACL,yCACE,SAAS,EAAC,OAAO,IACb,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAC1C,IAAI,EAAE,IAAI;QAEV,8CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,eACT,SAAS,IAChB,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC;YACV,EAAE,OAAO,EAAE,CAAC,EACpB,CAAC,QAAQ;YACD,EAAE,QAAQ,EAAE,CAAC;YAEzB,6BAAK,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,IACjD,QAAQ,CACL;YACL,SAAS;gBACR,6BAAK,SAAS,EAAE,cAAc,IAC3B,WAAW,CACR,CACD,CACP,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Props as buttonProps } from '../Button';
|
|
3
|
-
import { Props as videoProps } from '../Video';
|
|
4
|
-
export interface Props {
|
|
5
|
-
id?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
title?: string;
|
|
8
|
-
image?: string;
|
|
9
|
-
subTitle?: string;
|
|
10
|
-
description?: string;
|
|
11
|
-
extraText?: string;
|
|
12
|
-
hasCta?: boolean;
|
|
13
|
-
imageBelowTitle?: boolean;
|
|
14
|
-
titleLeft?: boolean;
|
|
15
|
-
titleRight?: boolean;
|
|
16
|
-
titleBold?: boolean;
|
|
17
|
-
imageClass?: string;
|
|
18
|
-
subTitleClass?: string;
|
|
19
|
-
extraTextClass?: string;
|
|
20
|
-
descriptionClass?: string;
|
|
21
|
-
altText?: string;
|
|
22
|
-
rounded?: boolean;
|
|
23
|
-
bordered?: boolean;
|
|
24
|
-
videoProps?: videoProps;
|
|
25
|
-
onHover?: boolean;
|
|
26
|
-
iconButtonProps?: buttonProps;
|
|
27
|
-
cardButtonProps?: buttonProps;
|
|
28
|
-
button2Props?: buttonProps;
|
|
29
|
-
}
|
|
30
|
-
declare const Card: React.FC<Props>;
|
|
31
|
-
export default Card;
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import Button from '../Button';
|
|
4
|
-
import Video from '../Video';
|
|
5
|
-
const Card = ({ id, className, title, image, subTitle, description, extraText, hasCta, imageBelowTitle, titleLeft = false, titleRight = false, titleBold = false, imageClass, subTitleClass, extraTextClass, descriptionClass, altText, rounded, bordered, videoProps, onHover = false, iconButtonProps, cardButtonProps, button2Props }) => {
|
|
6
|
-
const [showHoverButtons, setShowHoverButtons] = useState(false);
|
|
7
|
-
const orderClass = classNames({ 'order-first': imageBelowTitle });
|
|
8
|
-
const btnClass = 'w-full p-3';
|
|
9
|
-
const border = classNames({ 'border border-grey border-opacity-100:': bordered });
|
|
10
|
-
const cardTitleFont = classNames({ 'font-bold': titleBold });
|
|
11
|
-
const cardTitlePosition = classNames({
|
|
12
|
-
'text-left': titleLeft,
|
|
13
|
-
'text-right': titleRight,
|
|
14
|
-
'text-center': !titleLeft && !titleRight
|
|
15
|
-
});
|
|
16
|
-
const roundedImage = classNames({ 'rounded-t-lg': rounded });
|
|
17
|
-
const roundedCard = classNames({ 'rounded-lg': rounded });
|
|
18
|
-
const contentWrapperClass = 'px-3 order-3';
|
|
19
|
-
const titleWrapperClass = classNames(orderClass, 'pt-3');
|
|
20
|
-
const cardTitleClasses = classNames({
|
|
21
|
-
[cardTitlePosition]: true
|
|
22
|
-
}, cardTitleFont, 'font-medium text-md text-grey');
|
|
23
|
-
const cardSubTitleClassList = classNames(subTitleClass, 'font-light text-sm text-grey');
|
|
24
|
-
const cardDescriptionClassList = classNames(descriptionClass, 'font-extraLight text-xs text-light-grey');
|
|
25
|
-
const classList = classNames(className, border, roundedCard, 'flex flex-col');
|
|
26
|
-
const imageClassList = classNames(roundedImage, imageClass, 'w-full object-cover h-full');
|
|
27
|
-
const cardExtraTextClassList = classNames({
|
|
28
|
-
'pb-4': hasCta === false
|
|
29
|
-
}, extraTextClass, 'w-full object-cover h-full font-extraLight text-xs text-light-grey');
|
|
30
|
-
const imageWrapperClassList = classNames({
|
|
31
|
-
'order-2': imageBelowTitle === true,
|
|
32
|
-
[roundedImage]: imageBelowTitle === false,
|
|
33
|
-
'order-1': imageBelowTitle === false
|
|
34
|
-
}, 'h-64 overflow-hidden object-cover');
|
|
35
|
-
const toggleHover = (isHovering) => {
|
|
36
|
-
onHover && setShowHoverButtons(!!isHovering);
|
|
37
|
-
};
|
|
38
|
-
return (React.createElement("div", { id: id, className: classList, onMouseEnter: () => toggleHover(true), onMouseLeave: () => toggleHover(false) },
|
|
39
|
-
React.createElement("div", { className: 'card-content flex flex-1 flex-col' },
|
|
40
|
-
(videoProps === null || videoProps === void 0 ? void 0 : videoProps.mp4File) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.webmFile) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.ogvFile) !== undefined
|
|
41
|
-
? (React.createElement("div", { className: imageWrapperClassList },
|
|
42
|
-
React.createElement(Video, Object.assign({}, videoProps))))
|
|
43
|
-
: (image !== undefined &&
|
|
44
|
-
React.createElement("div", { className: imageWrapperClassList },
|
|
45
|
-
React.createElement("img", { className: imageClassList, src: image, alt: altText }))),
|
|
46
|
-
!showHoverButtons
|
|
47
|
-
? (React.createElement(React.Fragment, null,
|
|
48
|
-
React.createElement("div", { className: imageBelowTitle !== undefined ? 'order-1' : 'order-3' }, title !== undefined &&
|
|
49
|
-
React.createElement("div", { className: titleWrapperClass },
|
|
50
|
-
React.createElement("h3", { className: cardTitleClasses }, title))),
|
|
51
|
-
React.createElement("div", { className: contentWrapperClass },
|
|
52
|
-
subTitle !== undefined &&
|
|
53
|
-
React.createElement("h4", { className: cardSubTitleClassList }, subTitle),
|
|
54
|
-
description !== undefined &&
|
|
55
|
-
React.createElement("p", { className: cardDescriptionClassList }, description),
|
|
56
|
-
extraText !== undefined &&
|
|
57
|
-
React.createElement("p", { className: cardExtraTextClassList }, extraText))))
|
|
58
|
-
: (React.createElement("div", { className: 'flex p-2 order-last h-24' },
|
|
59
|
-
React.createElement(Button, Object.assign({}, iconButtonProps), iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children),
|
|
60
|
-
React.createElement(Button, Object.assign({}, button2Props), button2Props === null || button2Props === void 0 ? void 0 : button2Props.children)))),
|
|
61
|
-
(cardButtonProps != null) &&
|
|
62
|
-
React.createElement("div", { className: btnClass },
|
|
63
|
-
React.createElement(Button, Object.assign({}, cardButtonProps), cardButtonProps.children))));
|
|
64
|
-
};
|
|
65
|
-
export default Card;
|
|
66
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as imageProps } from '../Image';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
children?: any;
|
|
7
|
-
imageProps?: imageProps;
|
|
8
|
-
}
|
|
9
|
-
declare const CardWithTopImage: ({ id, className, children, imageProps }: Props) => JSX.Element;
|
|
10
|
-
export default CardWithTopImage;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Image from '../Image';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
const CardWithTopImage = ({ id, className, children, imageProps }) => {
|
|
5
|
-
const wrapperClassList = classNames('rounded-full mx-auto max-w-max bg-white p-4');
|
|
6
|
-
const contentClassList = 'pt-12 px-4 h-auto pb-16 -mt-12 bg-white';
|
|
7
|
-
return (React.createElement("div", { style: {
|
|
8
|
-
filter: 'drop-shadow(0 4px 8px rgb(154, 154, 154))'
|
|
9
|
-
}, id: id, className: className },
|
|
10
|
-
React.createElement("div", { className: wrapperClassList },
|
|
11
|
-
React.createElement(Image, Object.assign({}, imageProps))),
|
|
12
|
-
React.createElement("div", { className: contentClassList }, children)));
|
|
13
|
-
};
|
|
14
|
-
export default CardWithTopImage;
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/CardWithTopImage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAA;AASnC,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,gBAAgB,GAAG,UAAU,CAAC,6CAA6C,CAAC,CAAA;IAElF,MAAM,gBAAgB,GAAG,yCAAyC,CAAA;IAElE,OAAO,CACL,6BACE,KAAK,EAAE;YACL,MAAM,EAAE,2CAA2C;SACpD,EACD,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,6BAAK,SAAS,EAAE,gBAAgB;YAC9B,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACrB;QACN,6BAAK,SAAS,EAAE,gBAAgB,IAC7B,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
breakpoints?: {
|
|
7
|
-
[key: string]: Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>;
|
|
8
|
-
};
|
|
9
|
-
defaultAnimation?: {
|
|
10
|
-
duration?: number;
|
|
11
|
-
easing?: (t: number) => number;
|
|
12
|
-
};
|
|
13
|
-
disabled: boolean;
|
|
14
|
-
drag?: boolean;
|
|
15
|
-
dragSpeed?: number;
|
|
16
|
-
initial?: number;
|
|
17
|
-
loop?: boolean;
|
|
18
|
-
mode?: 'snap' | 'free' | 'free-snap';
|
|
19
|
-
range?: {
|
|
20
|
-
align?: boolean;
|
|
21
|
-
min?: number;
|
|
22
|
-
max?: number;
|
|
23
|
-
};
|
|
24
|
-
renderMode?: 'precision' | 'performance' | 'custom';
|
|
25
|
-
rtl?: boolean;
|
|
26
|
-
rubberband?: boolean;
|
|
27
|
-
slides?: any[];
|
|
28
|
-
vertical?: boolean;
|
|
29
|
-
animationStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
30
|
-
animationStopped?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
31
|
-
animationEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
32
|
-
created?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
33
|
-
destroyed?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
34
|
-
detailsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
35
|
-
dragged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
36
|
-
dragStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
37
|
-
dragChecked?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
38
|
-
dragEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
39
|
-
beforeOptionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
40
|
-
optionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
41
|
-
slideChanged?: boolean;
|
|
42
|
-
updated?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
|
|
43
|
-
perView?: number;
|
|
44
|
-
spacing?: number;
|
|
45
|
-
number?: number;
|
|
46
|
-
origin?: number | 'auto' | 'center';
|
|
47
|
-
arrows?: {
|
|
48
|
-
visible: boolean;
|
|
49
|
-
onClick?: () => void;
|
|
50
|
-
};
|
|
51
|
-
dots?: {
|
|
52
|
-
visible: boolean;
|
|
53
|
-
activeColours: string;
|
|
54
|
-
colours: string;
|
|
55
|
-
};
|
|
56
|
-
}
|
|
57
|
-
declare const Carousel: React.FC<Props>;
|
|
58
|
-
export default Carousel;
|
|
@@ -1,122 +0,0 @@
|
|
|
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 Icon from '../Icon';
|
|
6
|
-
const Carousel = ({ id, className, 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, perView = 1, spacing, number, origin, arrows, dots }) => {
|
|
7
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
8
|
-
const classList = className;
|
|
9
|
-
const [currentSlide, setCurrentSlide] = useState(0);
|
|
10
|
-
const [loaded, setLoaded] = useState(false);
|
|
11
|
-
const wheelControls = (slider) => {
|
|
12
|
-
let touchTimeout;
|
|
13
|
-
let position;
|
|
14
|
-
let wheelActive;
|
|
15
|
-
function dispatch(e, name) {
|
|
16
|
-
position.x -= e.deltaX;
|
|
17
|
-
position.y -= e.deltaY;
|
|
18
|
-
slider.container.dispatchEvent(new CustomEvent(name, {
|
|
19
|
-
detail: {
|
|
20
|
-
x: position.x,
|
|
21
|
-
y: position.y
|
|
22
|
-
}
|
|
23
|
-
}));
|
|
24
|
-
}
|
|
25
|
-
function wheelStart(e) {
|
|
26
|
-
position = {
|
|
27
|
-
x: e.pageX,
|
|
28
|
-
y: e.pageY
|
|
29
|
-
};
|
|
30
|
-
dispatch(e, 'ksDragStart');
|
|
31
|
-
}
|
|
32
|
-
function wheel(e) {
|
|
33
|
-
dispatch(e, 'ksDrag');
|
|
34
|
-
}
|
|
35
|
-
function wheelEnd(e) {
|
|
36
|
-
dispatch(e, 'ksDragEnd');
|
|
37
|
-
}
|
|
38
|
-
function eventWheel(e) {
|
|
39
|
-
e.preventDefault();
|
|
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: false
|
|
54
|
-
});
|
|
55
|
-
});
|
|
56
|
-
};
|
|
57
|
-
const [sliderRef, instanceRef] = useKeenSlider({
|
|
58
|
-
initial,
|
|
59
|
-
breakpoints,
|
|
60
|
-
defaultAnimation,
|
|
61
|
-
disabled,
|
|
62
|
-
drag,
|
|
63
|
-
dragSpeed,
|
|
64
|
-
loop,
|
|
65
|
-
mode,
|
|
66
|
-
range,
|
|
67
|
-
renderMode,
|
|
68
|
-
rtl,
|
|
69
|
-
rubberband,
|
|
70
|
-
vertical,
|
|
71
|
-
slideChanged(slider) {
|
|
72
|
-
setCurrentSlide(slider.track.details.rel);
|
|
73
|
-
},
|
|
74
|
-
// slideChanged: slideChanged,
|
|
75
|
-
created() {
|
|
76
|
-
setLoaded(true);
|
|
77
|
-
},
|
|
78
|
-
// created: created,
|
|
79
|
-
animationStarted,
|
|
80
|
-
animationStopped,
|
|
81
|
-
animationEnded,
|
|
82
|
-
destroyed,
|
|
83
|
-
detailsChanged,
|
|
84
|
-
dragged,
|
|
85
|
-
dragStarted,
|
|
86
|
-
dragChecked,
|
|
87
|
-
dragEnded,
|
|
88
|
-
beforeOptionsChanged,
|
|
89
|
-
optionsChanged,
|
|
90
|
-
updated,
|
|
91
|
-
slides: {
|
|
92
|
-
perView,
|
|
93
|
-
spacing,
|
|
94
|
-
origin,
|
|
95
|
-
number
|
|
96
|
-
}
|
|
97
|
-
}, [wheelControls]);
|
|
98
|
-
return (React.createElement(React.Fragment, null,
|
|
99
|
-
React.createElement("div", { id: id, className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && 'flex justify-between', 'navigation-wrapper w-full') },
|
|
100
|
-
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: 'my-auto' },
|
|
101
|
-
React.createElement(Arrow, { left: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.prev()); }, disabled: currentSlide === 0, arrows: arrows }))),
|
|
102
|
-
React.createElement("div", { ref: sliderRef, className: 'keen-slider w-full' }, (slides != null) && slides),
|
|
103
|
-
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: 'my-auto' },
|
|
104
|
-
React.createElement(Arrow, { right: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next()); }, disabled: currentSlide === ((_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), arrows: arrows })))),
|
|
105
|
-
(dots === null || dots === void 0 ? void 0 : dots.visible) === true && loaded && (instanceRef.current != null) && (React.createElement("div", { className: 'flex py-8 justify-center' }, [...Array((_h = (_g = (_f = (_e = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _e === void 0 ? void 0 : _e.track) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.slides) === null || _h === void 0 ? void 0 : _h.length).keys()].map((idx, i) => {
|
|
106
|
-
return (React.createElement(Dot, { key: `dot_${i}`, isActive: currentSlide === idx, onClick: () => {
|
|
107
|
-
var _a;
|
|
108
|
-
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(idx);
|
|
109
|
-
} }));
|
|
110
|
-
})))));
|
|
111
|
-
};
|
|
112
|
-
function Arrow(props) {
|
|
113
|
-
return (React.createElement("div", { className: 'w-full' },
|
|
114
|
-
React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
|
|
115
|
-
React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ? 'chevron-left' : 'chevron-right', className: 'mx-auto hover:cursor-pointer', size: 3, rounded: true, bgColour: 'white', colour: 'primary' }))));
|
|
116
|
-
}
|
|
117
|
-
function Dot(props) {
|
|
118
|
-
return (React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
|
|
119
|
-
React.createElement(Icon, { type: 'circle', className: 'mx-1 hover:cursor-pointer', size: 1, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) ? 'primary' : 'secondary', colour: (props === null || props === void 0 ? void 0 : props.isActive) ? 'primary' : 'secondary' })));
|
|
120
|
-
}
|
|
121
|
-
export default Carousel;
|
|
122
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
const ChevronCard = ({ id, className }) => {
|
|
4
|
-
const classList = classNames(className, 'flex border-l border-t border-b h-20 w-32 z-10 bg-white');
|
|
5
|
-
return (React.createElement(React.Fragment, null,
|
|
6
|
-
React.createElement("div", { id: id, className: `${classList} flex` },
|
|
7
|
-
React.createElement("div", { className: 'border-l border-t border-b h-20 w-32 z-10 bg-white' }),
|
|
8
|
-
React.createElement("div", { id: 'chevronLeft', className: 'border h-14 w-14 -ml-7 mt-3 rotate-45' })),
|
|
9
|
-
React.createElement("div", { id: id, className: 'flex-col my-8' },
|
|
10
|
-
React.createElement("div", { className: 'border-l border-t border-r h-32 w-20 z-20 bg-white' }),
|
|
11
|
-
React.createElement("div", { id: 'chevronLeft', className: 'border h-14 w-14 -mt-7 ml-3 rotate-45 z-0' })),
|
|
12
|
-
React.createElement("div", { id: id, className: 'flex-col my-16' },
|
|
13
|
-
React.createElement("div", { className: 'border h-14 w-14 -mb-7 ml-3 rotate-45 z-0' }),
|
|
14
|
-
React.createElement("div", { id: id, className: 'border-l border-b border-r h-32 w-20 z-20 bg-white' })),
|
|
15
|
-
React.createElement("div", { id: id, className: 'flex' },
|
|
16
|
-
React.createElement("div", { className: 'border h-14 w-14 -mr-7 mt-3 rotate-45' }),
|
|
17
|
-
React.createElement("div", { id: id, className: 'border-r border-t border-b h-20 w-32 z-10 bg-white' }))));
|
|
18
|
-
};
|
|
19
|
-
export default ChevronCard;
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/ChevronCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,GAAoB,CAAC,EACpC,EAAE,EACF,SAAS,EACH,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,yDAAyD,CAAC,CAAA;IAElG,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,OAAO;YACzC,6BAAK,SAAS,EAAC,oDAAoD,GAAG;YACtE,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,uCAAuC,GAAG,CACtE;QAEN,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe;YACpC,6BAAK,SAAS,EAAC,oDAAoD,GAAG;YACtE,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAC,2CAA2C,GAAG,CAC1E;QAEN,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,gBAAgB;YACrC,6BAAK,SAAS,EAAC,2CAA2C,GAAG;YAC7D,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,oDAAoD,GAAG,CAC1E;QAEN,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,MAAM;YAC3B,6BAAK,SAAS,EAAC,uCAAuC,GAAG;YACzD,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,oDAAoD,GAAG,CAC1E,CACL,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as iconProps } from '../Icon';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
title?: string;
|
|
7
|
-
subtitle?: string;
|
|
8
|
-
boldTitle?: boolean;
|
|
9
|
-
borderTop?: boolean;
|
|
10
|
-
borderBottom?: boolean;
|
|
11
|
-
showBottomLine?: boolean;
|
|
12
|
-
iconProps?: iconProps;
|
|
13
|
-
children?: string | JSX.Element;
|
|
14
|
-
}
|
|
15
|
-
declare const Collapsible: ({ id, className, title, subtitle, boldTitle, borderTop, borderBottom, showBottomLine, iconProps, children }: Props) => JSX.Element;
|
|
16
|
-
export default Collapsible;
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import Icon from '../Icon';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
const Collapsible = ({ id, className, title, subtitle, boldTitle, borderTop, borderBottom, showBottomLine, iconProps, children }) => {
|
|
5
|
-
const [expanded, setExpanded] = useState(false);
|
|
6
|
-
useEffect(() => {
|
|
7
|
-
const coll = document.getElementsByClassName('collapsible');
|
|
8
|
-
let i;
|
|
9
|
-
for (i = 0; i < coll.length; i++) {
|
|
10
|
-
coll[i].addEventListener('click', function (err) {
|
|
11
|
-
const content = this.nextElementSibling;
|
|
12
|
-
const scrollHeight = content.scrollHeight.toString();
|
|
13
|
-
if (content.style.maxHeight === '0px') {
|
|
14
|
-
content.style.maxHeight = `${scrollHeight}px`;
|
|
15
|
-
}
|
|
16
|
-
else {
|
|
17
|
-
content.style.maxHeight = '0px';
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
const headingClassList = classNames({
|
|
23
|
-
'border-b': borderBottom,
|
|
24
|
-
'border-t': borderTop
|
|
25
|
-
}, 'w-auto flex text-center collapsible');
|
|
26
|
-
const classList = classNames(className, 'bg-primary text-white hover:bg-white hover:text-primary transition-opactiy duration-300');
|
|
27
|
-
const padding = classNames({
|
|
28
|
-
'pt-7': title !== undefined && subtitle !== undefined,
|
|
29
|
-
'pt-4': title !== undefined && subtitle === undefined
|
|
30
|
-
});
|
|
31
|
-
const textSubstitutePadding = classNames({
|
|
32
|
-
'pb-4': title === undefined && subtitle === undefined
|
|
33
|
-
});
|
|
34
|
-
const contentWrapperClassList = classNames({
|
|
35
|
-
'max-h-max my-2': expanded,
|
|
36
|
-
'max-h-0': !expanded
|
|
37
|
-
}, 'w-auto overflow-hidden px-4 bg-white text-primary');
|
|
38
|
-
const childrenClassList = classNames(padding, 'w-full pr-8 text-right');
|
|
39
|
-
const expandItem = (e) => {
|
|
40
|
-
const content = e.currentTarget.nextElementSibling;
|
|
41
|
-
const scrollHeight = content.scrollHeight.toString();
|
|
42
|
-
if (!expanded) {
|
|
43
|
-
content.style.maxHeight = `${scrollHeight}px`;
|
|
44
|
-
}
|
|
45
|
-
else {
|
|
46
|
-
content.style.maxHeight = '0px';
|
|
47
|
-
}
|
|
48
|
-
setExpanded(!expanded);
|
|
49
|
-
};
|
|
50
|
-
return (React.createElement("div", { id: id, className: classList },
|
|
51
|
-
React.createElement("div", { onClick: e => expandItem(e), className: headingClassList },
|
|
52
|
-
(iconProps !== undefined) &&
|
|
53
|
-
React.createElement("div", { className: `pl-4 text-left ${padding} ${textSubstitutePadding}` },
|
|
54
|
-
React.createElement(Icon, Object.assign({}, iconProps))),
|
|
55
|
-
(title !== undefined || subtitle !== undefined) &&
|
|
56
|
-
React.createElement("div", { className: 'w-full pl-4 py-4 text-left' },
|
|
57
|
-
title !== undefined && React.createElement("h4", null, title),
|
|
58
|
-
subtitle !== undefined && React.createElement("h5", null,
|
|
59
|
-
React.createElement("small", null, subtitle))),
|
|
60
|
-
children !== undefined &&
|
|
61
|
-
React.createElement("div", { className: childrenClassList },
|
|
62
|
-
React.createElement(Icon, { type: expanded ? 'chevron-up' : 'chevron-down', colour: 'white', bgColour: 'primary' }))),
|
|
63
|
-
children !== undefined &&
|
|
64
|
-
React.createElement("div", { className: contentWrapperClassList, style: { transition: 'max-height 0.2s ease-out' } }, children)));
|
|
65
|
-
};
|
|
66
|
-
export default Collapsible;
|
|
67
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
const Column = ({ id, className, sm = 1, md = 1, lg = 1, xl = 1, children }) => {
|
|
4
|
-
const widthOptions = [
|
|
5
|
-
{ 1: 'w-1/12' },
|
|
6
|
-
{ 2: 'w-2/12' },
|
|
7
|
-
{ 3: 'w-3/12' },
|
|
8
|
-
{ 4: 'w-4/12' },
|
|
9
|
-
{ 5: 'w-5/12' },
|
|
10
|
-
{ 6: 'w-6/12' },
|
|
11
|
-
{ 7: 'w-7/12' },
|
|
12
|
-
{ 8: 'w-8/12' },
|
|
13
|
-
{ 9: 'w-9/12' },
|
|
14
|
-
{ 10: 'w-10/12' },
|
|
15
|
-
{ 11: 'w-11/12' },
|
|
16
|
-
{ 12: 'w-full' }
|
|
17
|
-
];
|
|
18
|
-
const mdWidthOptions = [
|
|
19
|
-
{ 1: 'md:w-1/12' },
|
|
20
|
-
{ 2: 'md:w-2/12' },
|
|
21
|
-
{ 3: 'md:w-3/12' },
|
|
22
|
-
{ 4: 'md:w-4/12' },
|
|
23
|
-
{ 5: 'md:w-5/12' },
|
|
24
|
-
{ 6: 'md:w-6/12' },
|
|
25
|
-
{ 7: 'md:w-7/12' },
|
|
26
|
-
{ 8: 'md:w-8/12' },
|
|
27
|
-
{ 9: 'md:w-9/12' },
|
|
28
|
-
{ 10: 'md:w-10/12' },
|
|
29
|
-
{ 11: 'md:w-11/12' },
|
|
30
|
-
{ 12: 'md:w-full' }
|
|
31
|
-
];
|
|
32
|
-
const lgWidthOptions = [
|
|
33
|
-
{ 1: 'lg:w-1/12' },
|
|
34
|
-
{ 2: 'lg:w-2/12' },
|
|
35
|
-
{ 3: 'lg:w-3/12' },
|
|
36
|
-
{ 4: 'lg:w-4/12' },
|
|
37
|
-
{ 5: 'lg:w-5/12' },
|
|
38
|
-
{ 6: 'lg:w-6/12' },
|
|
39
|
-
{ 7: 'lg:w-7/12' },
|
|
40
|
-
{ 8: 'lg:w-8/12' },
|
|
41
|
-
{ 9: 'lg:w-9/12' },
|
|
42
|
-
{ 10: 'lg:w-10/12' },
|
|
43
|
-
{ 11: 'lg:w-11/12' },
|
|
44
|
-
{ 12: 'lg:w-full' }
|
|
45
|
-
];
|
|
46
|
-
const xlWidthOptions = [
|
|
47
|
-
{ 1: 'xl:w-1/12' },
|
|
48
|
-
{ 2: 'xl:w-2/12' },
|
|
49
|
-
{ 3: 'xl:w-3/12' },
|
|
50
|
-
{ 4: 'xl:w-4/12' },
|
|
51
|
-
{ 5: 'xl:w-5/12' },
|
|
52
|
-
{ 6: 'xl:w-6/12' },
|
|
53
|
-
{ 7: 'xl:w-7/12' },
|
|
54
|
-
{ 8: 'xl:w-8/12' },
|
|
55
|
-
{ 9: 'xl:w-9/12' },
|
|
56
|
-
{ 10: 'xl:w-10/12' },
|
|
57
|
-
{ 11: 'xl:w-11/12' },
|
|
58
|
-
{ 12: 'xl:w-full' }
|
|
59
|
-
];
|
|
60
|
-
const calculateWidth = (screen, size) => {
|
|
61
|
-
switch (screen) {
|
|
62
|
-
case 'sm':
|
|
63
|
-
return Object.values(widthOptions[size - 1]).toString();
|
|
64
|
-
case 'md':
|
|
65
|
-
return Object.values(mdWidthOptions[size - 1]).toString();
|
|
66
|
-
case 'lg':
|
|
67
|
-
return Object.values(lgWidthOptions[size - 1]).toString();
|
|
68
|
-
case 'xl':
|
|
69
|
-
return Object.values(xlWidthOptions[size - 1]).toString();
|
|
70
|
-
default:
|
|
71
|
-
return Object.values(widthOptions[size - 1]).toString();
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
const classList = classNames({
|
|
75
|
-
[calculateWidth('sm', sm)]: sm,
|
|
76
|
-
[calculateWidth('md', md)]: md,
|
|
77
|
-
[calculateWidth('lg', lg)]: lg,
|
|
78
|
-
[calculateWidth('xl', xl)]: xl
|
|
79
|
-
}, className, 'h-full');
|
|
80
|
-
return (React.createElement("div", { id: id, className: classList }, children));
|
|
81
|
-
};
|
|
82
|
-
export default Column;
|
|
83
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Column/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
const Container = ({ id, className, maxWidth = 1200, children }) => {
|
|
4
|
-
const classList = classNames(className, 'mx-auto');
|
|
5
|
-
return (React.createElement("div", { id: id, className: classList, style: { maxWidth: `${maxWidth}px` } }, children));
|
|
6
|
-
};
|
|
7
|
-
export default Container;
|
|
8
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Container/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AASnC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAElD,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,QAAQ,IAAI,EAAE,IAEnC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as buttonProps } from '../Button';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
buttonProps?: buttonProps;
|
|
7
|
-
text?: string;
|
|
8
|
-
theme?: 'light' | 'dark';
|
|
9
|
-
}
|
|
10
|
-
declare const Nav: ({ id, className, text, buttonProps, theme }: Props) => JSX.Element;
|
|
11
|
-
export default Nav;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import Button from '../Button';
|
|
4
|
-
const Nav = ({ id, className, text, buttonProps, theme }) => {
|
|
5
|
-
const colours = theme === 'dark' ? 'bg-primary text-white' : 'bg-white text-primary';
|
|
6
|
-
const classList = classNames(className, colours, 'block md:flex flex-wrap justify-between items-center h-auto');
|
|
7
|
-
const textClasses = 'text-center pt-8 pb-4 md:pb-0 md:my-8 md:pt-0 md:pl-16';
|
|
8
|
-
const buttonClasses = 'text-center pb-8 pt-4 md:pb-0 md:pt-0 md:pr-16';
|
|
9
|
-
return (React.createElement("div", { id: id, className: classList },
|
|
10
|
-
React.createElement("div", { className: textClasses }, text),
|
|
11
|
-
React.createElement("div", { className: buttonClasses },
|
|
12
|
-
React.createElement(Button, { variant: theme === 'dark' ? 'primary' : 'secondary', rounded: true, href: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.href, onClick: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick }, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children))));
|
|
13
|
-
};
|
|
14
|
-
export default Nav;
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,oBAAoB,CAAA;AAUjE,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB,CAAA;IACpF,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,6DAA6D,CAAC,CAAA;IAC/G,MAAM,WAAW,GAAG,wDAAwD,CAAA;IAC5E,MAAM,aAAa,GAAG,gDAAgD,CAAA;IAEtE,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,WAAW,IACxB,IAAI,CACD;QACN,6BAAK,SAAS,EAAE,aAAa;YAC3B,oBAAC,MAAM,IACL,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACnD,OAAO,QACP,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EACvB,OAAO,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,IAE5B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CACf,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}
|