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,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as buttonProps } from '../Button';
|
|
3
|
-
import { Props as inputProps } from '../Input';
|
|
4
|
-
export interface Props {
|
|
5
|
-
id?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
title?: string;
|
|
8
|
-
titleClasses?: string;
|
|
9
|
-
onSubmit?: () => void;
|
|
10
|
-
ref?: string;
|
|
11
|
-
components?: Array<inputProps & buttonProps & {
|
|
12
|
-
htmlType: string;
|
|
13
|
-
}>;
|
|
14
|
-
}
|
|
15
|
-
declare const Form: ({ id, className, title, titleClasses, onSubmit, ref, components }: Props) => JSX.Element;
|
|
16
|
-
export default Form;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Button from '../Button';
|
|
3
|
-
import Input from '../Input';
|
|
4
|
-
const Form = ({ id, className, title, titleClasses, onSubmit, ref, components }) => {
|
|
5
|
-
return (React.createElement(React.Fragment, null,
|
|
6
|
-
React.createElement("h1", { className: titleClasses }, title),
|
|
7
|
-
React.createElement("form", { id: id, ref: ref, className: className, onSubmit: onSubmit }, components === null || components === void 0 ? void 0 : components.map((component, i) => {
|
|
8
|
-
if ((component === null || component === void 0 ? void 0 : component.htmlType) === 'Input') {
|
|
9
|
-
return (React.createElement(Input, { key: `input_${i + 0}`, className: component === null || component === void 0 ? void 0 : component.className, label: component === null || component === void 0 ? void 0 : component.label, placeholder: component === null || component === void 0 ? void 0 : component.placeholder, type: component === null || component === void 0 ? void 0 : component.type, name: component === null || component === void 0 ? void 0 : component.name }));
|
|
10
|
-
}
|
|
11
|
-
else if (component.htmlType === 'Button') {
|
|
12
|
-
return (React.createElement(Button, { key: `button_${i + 0}`, type: component === null || component === void 0 ? void 0 : component.type, onClick: component === null || component === void 0 ? void 0 : component.onClick, className: component === null || component === void 0 ? void 0 : component.className }, component === null || component === void 0 ? void 0 : component.children));
|
|
13
|
-
}
|
|
14
|
-
else
|
|
15
|
-
return React.createElement(React.Fragment, null);
|
|
16
|
-
}))));
|
|
17
|
-
};
|
|
18
|
-
export default Form;
|
|
19
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,oBAAoB,CAAA;AACjE,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAY9D,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,UAAU,EACJ,EAAe,EAAE;IACvB,OAAO,CACL;QACE,4BAAI,SAAS,EAAE,YAAY,IAAG,KAAK,CAAM;QACzC,8BAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,IAC7D,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE;YAChC,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,MAAK,OAAO,EAAE;gBACnC,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,EACrB,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,EAC/B,KAAK,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EACvB,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EACnC,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EACrB,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GACrB,CACH,CAAA;aACF;iBAAM,IAAI,SAAS,CAAC,QAAQ,KAAK,QAAQ,EAAE;gBAC1C,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,EACtB,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EACrB,OAAO,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAC3B,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,IAE9B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CACb,CACV,CAAA;aACF;;gBAAM,OAAO,yCAAK,CAAA;QACrB,CAAC,CAAC,CACG,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as buttonProps } from '../Button';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
image?: string;
|
|
7
|
-
imageClass?: string;
|
|
8
|
-
altText?: string;
|
|
9
|
-
bordered?: string;
|
|
10
|
-
buttonProps?: buttonProps;
|
|
11
|
-
}
|
|
12
|
-
declare const FyreCard: ({ id, className, image, imageClass, altText, bordered, buttonProps }: Props) => JSX.Element;
|
|
13
|
-
export default FyreCard;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Button from '../Button';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
const FyreCard = ({ id, className, image, imageClass, altText, bordered, buttonProps }) => {
|
|
5
|
-
const classList = classNames({
|
|
6
|
-
'border border-grey border-opacity-100': bordered
|
|
7
|
-
}, className, 'flex flex-col');
|
|
8
|
-
const imageClassList = classNames(imageClass, 'w-full');
|
|
9
|
-
return (React.createElement("div", { key: id, id: id, className: classList },
|
|
10
|
-
React.createElement("div", { className: 'card-content flex flex-1 flex-col' },
|
|
11
|
-
React.createElement("div", null,
|
|
12
|
-
React.createElement("img", { className: imageClassList, src: image, alt: altText })),
|
|
13
|
-
React.createElement("div", { className: 'flex justify-end' },
|
|
14
|
-
React.createElement(Button, Object.assign({}, buttonProps), buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children)))));
|
|
15
|
-
};
|
|
16
|
-
export default FyreCard;
|
|
17
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/FyreCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,oBAAoB,CAAA;AACjE,OAAO,UAAU,MAAM,YAAY,CAAA;AAWnC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACL,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,uCAAuC,EAAE,QAAQ;KAClD,EAAE,SAAS,EAAE,eAAe,CAAC,CAAA;IAC9B,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;IAEvD,OAAO,CACL,6BACE,GAAG,EAAE,EAAE,EACP,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,6BAAK,SAAS,EAAC,mCAAmC;YAChD;gBACE,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAI,CACxD;YACN,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,oBAAC,MAAM,oBAAK,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAU,CACrD,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface Props {
|
|
3
|
-
id?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
morningMessage?: string;
|
|
6
|
-
afternoonMessage?: string;
|
|
7
|
-
eveningMessage?: string;
|
|
8
|
-
}
|
|
9
|
-
declare const Greeting: ({ id, className, morningMessage, afternoonMessage, eveningMessage }: Props) => JSX.Element;
|
|
10
|
-
export default Greeting;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMessage = 'Good afternoon', eveningMessage = 'Good evening' }) => {
|
|
4
|
-
const today = new Date();
|
|
5
|
-
const hours = `0${today.getHours().toString()}`.slice(-2);
|
|
6
|
-
const minutes = `0${today.getMinutes().toString()}`.slice(-2);
|
|
7
|
-
const seconds = `0${today.getSeconds().toString()}`.slice(-2);
|
|
8
|
-
const time = parseInt(`${hours}${minutes}${seconds}`);
|
|
9
|
-
let message;
|
|
10
|
-
if (time < 120000) {
|
|
11
|
-
message = morningMessage;
|
|
12
|
-
}
|
|
13
|
-
else if (time > 115959 && time < 170000) {
|
|
14
|
-
message = afternoonMessage;
|
|
15
|
-
}
|
|
16
|
-
else if (time > 165959) {
|
|
17
|
-
message = eveningMessage;
|
|
18
|
-
}
|
|
19
|
-
const classList = classNames(className);
|
|
20
|
-
return (React.createElement("p", { id: id, className: classList }, message));
|
|
21
|
-
};
|
|
22
|
-
export default Greeting;
|
|
23
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAUnC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,cAAc,GAAG,cAAc,EAC/B,gBAAgB,GAAG,gBAAgB,EACnC,cAAc,GAAG,cAAc,EACzB,EAAe,EAAE;IACvB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACzD,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,EAAE,CAAC,CAAA;IAErD,IAAI,OAAO,CAAA;IACX,IAAI,IAAI,GAAG,MAAM,EAAE;QACjB,OAAO,GAAG,cAAc,CAAA;KACzB;SAAM,IAAI,IAAI,GAAG,MAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACzC,OAAO,GAAG,gBAAgB,CAAA;KAC3B;SAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACxB,OAAO,GAAG,cAAc,CAAA;KACzB;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,OAAO,CACL,2BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,OAAO,CACN,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
|
|
3
|
-
opened?: boolean;
|
|
4
|
-
onClick?: React.MouseEventHandler;
|
|
5
|
-
}
|
|
6
|
-
declare const HamburgerIcon: ({ id, className, onClick }: Props) => JSX.Element;
|
|
7
|
-
export default HamburgerIcon;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import Button from '../Button';
|
|
4
|
-
const HamburgerIcon = ({ id, className, onClick }) => {
|
|
5
|
-
const [opened, setOpened] = useState(false);
|
|
6
|
-
const lineOneClassList = classNames({
|
|
7
|
-
'origin-top-left rotate-45 translate-x-1 -translate-y-0.5': opened
|
|
8
|
-
}, 'origin-top-left transition-transform duration-200 ease-linear');
|
|
9
|
-
const lineTwoClassList = classNames({
|
|
10
|
-
'opacity-0': opened
|
|
11
|
-
}, 'opacity-100 transition-opacity duration-200 ease-linear');
|
|
12
|
-
const lineThreeClassList = classNames({
|
|
13
|
-
'origin-bottom-left -rotate-45 translate-x-1 translate-y-px': opened
|
|
14
|
-
}, 'origin-bottom-left transition-transform duration-200 ease-linear');
|
|
15
|
-
const toggleOpened = (e) => {
|
|
16
|
-
setOpened(!opened);
|
|
17
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
18
|
-
};
|
|
19
|
-
return (React.createElement(Button, { id: id, className: className, onClick: (e) => toggleOpened(e), variant: 'primary', type: 'icon' },
|
|
20
|
-
React.createElement("svg", { className: 'mx-auto overflow-visible fill-white group-hover:fill-primary transition-backgroundColor duration-500 transform', width: '24', height: '24', viewBox: '0 0 24 15', xmlns: 'http://www.w3.org/2000/svg' },
|
|
21
|
-
React.createElement("path", { className: lineOneClassList, d: 'M0 1.5C0 0.947715 0.447715 0.5 1 0.5H21C21.5523 0.5 22 0.947715 22 1.5C22 2.05228 21.5523 2.5 21 2.5H1C0.447716 2.5 0 2.05228 0 1.5Z' }),
|
|
22
|
-
React.createElement("path", { className: lineTwoClassList, d: 'M0 7.5C0 6.94772 0.447715 6.5 1 6.5H21C21.5523 6.5 22 6.94772 22 7.5C22 8.05228 21.5523 8.5 21 8.5H1C0.447716 8.5 0 8.05228 0 7.5Z' }),
|
|
23
|
-
React.createElement("path", { className: lineThreeClassList, d: 'M0 13.5C0 12.9477 0.447715 12.5 1 12.5H21C21.5523 12.5 22 12.9477 22 13.5C22 14.0523 21.5523 14.5 21 14.5H1C0.447716 14.5 0 14.0523 0 13.5Z' }))));
|
|
24
|
-
};
|
|
25
|
-
export default HamburgerIcon;
|
|
26
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/HamburgerIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAOvC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,0DAA0D,EAAE,MAAM;KACnE,EAAE,+DAA+D,CAAC,CAAA;IAEnE,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,WAAW,EAAE,MAAM;KACpB,EAAE,yDAAyD,CAAC,CAAA;IAE7D,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,4DAA4D,EAAE,MAAM;KACrE,EAAE,kEAAkE,CAAC,CAAA;IAEtE,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;QAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM;QAEX,6BACE,SAAS,EAAC,gHAAgH,EAC1H,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,8BACE,SAAS,EAAE,gBAAgB,EAC3B,CAAC,EAAC,sIAAsI,GACxI;YACF,8BACE,SAAS,EAAE,gBAAgB,EAC3B,CAAC,EAAC,oIAAoI,GACtI;YACF,8BACE,SAAS,EAAE,kBAAkB,EAC7B,CAAC,EAAC,6IAA6I,GAC/I,CACE,CACC,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Colours } from '../../utils/controls';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
type: string;
|
|
7
|
-
size?: number;
|
|
8
|
-
animation?: 'pulse' | 'none';
|
|
9
|
-
reverseSpin?: boolean;
|
|
10
|
-
hollow?: boolean;
|
|
11
|
-
colour?: Colours;
|
|
12
|
-
bgColour?: Colours;
|
|
13
|
-
hoverColour?: Colours;
|
|
14
|
-
hoverBgColour?: Colours;
|
|
15
|
-
rounded?: boolean;
|
|
16
|
-
brand?: boolean;
|
|
17
|
-
}
|
|
18
|
-
declare const Icon: ({ id, className, type, size, animation, reverseSpin, hollow, colour, bgColour, hoverColour, hoverBgColour, rounded, brand }: Props) => JSX.Element;
|
|
19
|
-
export default Icon;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = 'secondary', hoverColour = 'primary', hoverBgColour = 'secondary', rounded = false, brand = false }) => {
|
|
4
|
-
const fontColour = {
|
|
5
|
-
primary: 'text-primary',
|
|
6
|
-
secondary: 'text-secondary',
|
|
7
|
-
white: 'text-white',
|
|
8
|
-
black: 'text-black',
|
|
9
|
-
gold: 'text-gold'
|
|
10
|
-
};
|
|
11
|
-
const backgroundColour = {
|
|
12
|
-
primary: 'bg-primary',
|
|
13
|
-
secondary: 'bg-secondary',
|
|
14
|
-
white: 'bg-white',
|
|
15
|
-
black: 'bg-black',
|
|
16
|
-
gold: 'bg-gold'
|
|
17
|
-
};
|
|
18
|
-
const hoverFontColour = {
|
|
19
|
-
primary: 'group-hover:text-primary',
|
|
20
|
-
secondary: 'group-hover:text-secondary',
|
|
21
|
-
white: 'group-hover:text-white',
|
|
22
|
-
black: 'group-hover:text-black',
|
|
23
|
-
gold: 'group-hover:text-gold'
|
|
24
|
-
};
|
|
25
|
-
const hoverBackgroundColour = {
|
|
26
|
-
primary: 'group-hover:bg-primary',
|
|
27
|
-
secondary: 'group-hover:bg-secondary',
|
|
28
|
-
white: 'group-hover:bg-white',
|
|
29
|
-
black: 'group-hover:bg-black',
|
|
30
|
-
gold: 'group-hover:bg-gold'
|
|
31
|
-
};
|
|
32
|
-
const wrapperClassList = classNames({
|
|
33
|
-
'w-6 h-6': size === 1,
|
|
34
|
-
'w-10 h-10': size === 2,
|
|
35
|
-
'w-14 h-14': size === 3,
|
|
36
|
-
'w-20 h-20': size === 4,
|
|
37
|
-
'w-24 h-24': size === 5,
|
|
38
|
-
'w-28 h-28': size === 6,
|
|
39
|
-
'w-32 h-32': size === 7,
|
|
40
|
-
'w-36 h-36': size === 8,
|
|
41
|
-
'w-40 h-40': size === 9,
|
|
42
|
-
'w-44 h-44': size === 10,
|
|
43
|
-
'rounded-full': rounded
|
|
44
|
-
}, className, backgroundColour[bgColour], fontColour[colour], hoverBackgroundColour[hoverBgColour], hoverFontColour[hoverColour], 'flex transition-backgroundColor duration-500 transform');
|
|
45
|
-
const classList = classNames({
|
|
46
|
-
'fa-brands': brand,
|
|
47
|
-
[`fa-${size}x`]: size,
|
|
48
|
-
[`fa-${animation}`]: animation,
|
|
49
|
-
'fa-spin-reverse': reverseSpin,
|
|
50
|
-
'fa-regular': hollow
|
|
51
|
-
}, `fa fa-${type} mx-auto my-auto`);
|
|
52
|
-
return (React.createElement("div", { id: id, className: wrapperClassList },
|
|
53
|
-
React.createElement("span", { className: classList, role: 'img', "aria-hidden": 'true', "aria-label": type })));
|
|
54
|
-
};
|
|
55
|
-
export default Icon;
|
|
56
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAmBnC,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,CAAC,EACR,SAAS,GAAG,MAAM,EAClB,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,SAAS,EAClB,QAAQ,GAAG,WAAW,EACtB,WAAW,GAAG,SAAS,EACvB,aAAa,GAAG,WAAW,EAC3B,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACP,EAAe,EAAE;IACvB,MAAM,UAAU,GAAiC;QAC/C,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,gBAAgB;QAC3B,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,WAAW;KAClB,CAAA;IAED,MAAM,gBAAgB,GAAiC;QACrD,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,cAAc;QACzB,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,SAAS;KAChB,CAAA;IAED,MAAM,eAAe,GAAiC;QACpD,OAAO,EAAE,0BAA0B;QACnC,SAAS,EAAE,4BAA4B;QACvC,KAAK,EAAE,wBAAwB;QAC/B,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,uBAAuB;KAC9B,CAAA;IAED,MAAM,qBAAqB,GAAiC;QAC1D,OAAO,EAAE,wBAAwB;QACjC,SAAS,EAAE,0BAA0B;QACrC,KAAK,EAAE,sBAAsB;QAC7B,KAAK,EAAE,sBAAsB;QAC7B,IAAI,EAAE,qBAAqB;KAC5B,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,SAAS,EAAE,IAAI,KAAK,CAAC;QACrB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,CAAC;QACvB,WAAW,EAAE,IAAI,KAAK,EAAE;QACxB,cAAc,EAAE,OAAO;KACxB,EACD,SAAS,EACT,gBAAgB,CAAC,QAAQ,CAAC,EAC1B,UAAU,CAAC,MAAM,CAAC,EAClB,qBAAqB,CAAC,aAAa,CAAC,EACpC,eAAe,CAAC,WAAW,CAAC,EAC5B,wDAAwD,CACvD,CAAA;IAED,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,WAAW,EAAE,KAAK;QAClB,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI;QACrB,CAAC,MAAM,SAAS,EAAE,CAAC,EAAE,SAAS;QAC9B,iBAAiB,EAAE,WAAW;QAC9B,YAAY,EAAE,MAAM;KACrB,EAAE,SAAS,IAAI,kBAAkB,CAAC,CAAA;IAEnC,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,gBAAgB;QAE3B,8BACE,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,KAAK,iBACE,MAAM,gBACN,IAAI,GAChB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface Props {
|
|
3
|
-
id?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
image?: string;
|
|
6
|
-
altText?: string;
|
|
7
|
-
title?: string;
|
|
8
|
-
rounded?: boolean;
|
|
9
|
-
roundedFull?: boolean;
|
|
10
|
-
height?: number;
|
|
11
|
-
width?: number;
|
|
12
|
-
overlayText?: string;
|
|
13
|
-
centerAligned?: boolean;
|
|
14
|
-
}
|
|
15
|
-
declare const Image: ({ id, className, image, altText, title, rounded, roundedFull, height, width, overlayText, centerAligned }: Props) => JSX.Element;
|
|
16
|
-
export default Image;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
const Image = ({ id, className, image, altText, title, rounded = false, roundedFull = false, height = 8, width = 8, overlayText, centerAligned = false }) => {
|
|
4
|
-
const [isHovering, setIsHovering] = useState(false);
|
|
5
|
-
const opacity = classNames({
|
|
6
|
-
'opacity-80': isHovering,
|
|
7
|
-
'opacity-0': !isHovering
|
|
8
|
-
});
|
|
9
|
-
const widthClassList = classNames({
|
|
10
|
-
'w-6': width === 1,
|
|
11
|
-
'w-10': width === 2,
|
|
12
|
-
'w-14': width === 3,
|
|
13
|
-
'w-16': width === 4,
|
|
14
|
-
'w-20': width === 5,
|
|
15
|
-
'w-24': width === 6,
|
|
16
|
-
'w-28': width === 7,
|
|
17
|
-
'w-32': width === 8,
|
|
18
|
-
'w-36': width === 9,
|
|
19
|
-
'w-40': width === 10,
|
|
20
|
-
'w-44': width === 11,
|
|
21
|
-
'w-full': (width === undefined) || (![1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].includes(width))
|
|
22
|
-
});
|
|
23
|
-
const heightClassList = classNames({
|
|
24
|
-
'h-6': height === 1,
|
|
25
|
-
'h-10': height === 2,
|
|
26
|
-
'h-14': height === 3,
|
|
27
|
-
'h-16': height === 4,
|
|
28
|
-
'h-20': height === 5,
|
|
29
|
-
'h-24': height === 6,
|
|
30
|
-
'h-28': height === 7,
|
|
31
|
-
'h-32': height === 8,
|
|
32
|
-
'h-36': height === 9,
|
|
33
|
-
'h-40': height === 10,
|
|
34
|
-
'h-44': height === 11,
|
|
35
|
-
'h-full': (height === undefined) || (![1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].includes(height))
|
|
36
|
-
});
|
|
37
|
-
const imageClassList = classNames({
|
|
38
|
-
'rounded-2xl': rounded,
|
|
39
|
-
'rounded-full': roundedFull,
|
|
40
|
-
'mx-auto': centerAligned
|
|
41
|
-
}, className, widthClassList, heightClassList);
|
|
42
|
-
const overlayClassList = classNames(widthClassList, heightClassList, opacity, 'absolute z-10 transition-opacity duration-700 bg-white');
|
|
43
|
-
const overlayTextWrapperClassList = classNames(widthClassList, heightClassList, opacity, 'flex absolute z-20 transition-opacity duration-700');
|
|
44
|
-
const overlayTextClassList = 'm-auto text-center text-primary';
|
|
45
|
-
return (React.createElement(React.Fragment, null,
|
|
46
|
-
overlayText !== undefined &&
|
|
47
|
-
React.createElement(React.Fragment, null,
|
|
48
|
-
React.createElement("div", { className: overlayClassList }),
|
|
49
|
-
React.createElement("div", { className: overlayTextWrapperClassList, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false) },
|
|
50
|
-
React.createElement("p", { className: overlayTextClassList }, overlayText))),
|
|
51
|
-
React.createElement("img", Object.assign({ id: id, className: imageClassList, src: image }, (altText !== undefined && { alt: altText }), (title !== undefined && { title })))));
|
|
52
|
-
};
|
|
53
|
-
export default Image;
|
|
54
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as buttonProps } from '../Button';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
image?: string;
|
|
7
|
-
altText?: string;
|
|
8
|
-
title?: string;
|
|
9
|
-
link?: string;
|
|
10
|
-
rounded?: boolean;
|
|
11
|
-
openInNewTab?: boolean;
|
|
12
|
-
buttonProps?: buttonProps;
|
|
13
|
-
}
|
|
14
|
-
declare const ImageLink: ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }: Props) => JSX.Element;
|
|
15
|
-
export default ImageLink;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Button from '../Button';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
const ImageLink = ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }) => {
|
|
5
|
-
const classList = classNames(className, 'cursor-pointer lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden text-center');
|
|
6
|
-
const roundedClass = classNames({
|
|
7
|
-
'rounded-full': rounded
|
|
8
|
-
});
|
|
9
|
-
return (React.createElement("a", Object.assign({ id: id, href: link }, (openInNewTab !== false && { target: 'blank' })),
|
|
10
|
-
React.createElement("div", { className: roundedClass + ' ' + classList + ' relative overflow-hidden' },
|
|
11
|
-
React.createElement("img", { src: image, alt: altText, className: 'object-cover w-full h-full' }),
|
|
12
|
-
title !== undefined &&
|
|
13
|
-
React.createElement("h1", { className: 'absolute bg-black text-white py-2 mt-4 top-0 inset-x-0 text-center' }, title),
|
|
14
|
-
(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) !== undefined &&
|
|
15
|
-
React.createElement(Button, { className: 'absolute mx-8 mb-4 bottom-0 inset-x-0 text-center' }, buttonProps.children))));
|
|
16
|
-
};
|
|
17
|
-
export default ImageLink;
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,oBAAoB,CAAA;AACjE,OAAO,UAAU,MAAM,YAAY,CAAA;AAanC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,WAAW,EACL,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,uGAAuG,CAAC,CAAA;IAEhJ,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,cAAc,EAAE,OAAO;KACxB,CAAC,CAAA;IAEF,OAAO,CACL,yCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,IACN,CAAC,YAAY,KAAK,KAAK,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAEnD,6BAAK,SAAS,EAAE,YAAY,GAAG,GAAG,GAAG,SAAS,GAAG,2BAA2B;YAC1E,6BACE,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,4BAA4B,GACtC;YACD,KAAK,KAAK,SAAS;gBAClB,4BACE,SAAS,EAAC,oEAAoE,IAE7E,KAAK,CACH;YACN,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,MAAK,SAAS;gBAClC,oBAAC,MAAM,IACL,SAAS,EAAC,mDAAmD,IAE5D,WAAW,CAAC,QAAQ,CACd,CACP,CACJ,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as imageLinkProps } from '../ImageLink/index';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
items?: imageLinkProps[];
|
|
7
|
-
}
|
|
8
|
-
declare const ImageLinkList: ({ id, className, items }: Props) => JSX.Element;
|
|
9
|
-
export default ImageLinkList;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import ImageLink from '../ImageLink/index';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
const ImageLinkList = ({ id, className, items }) => {
|
|
5
|
-
const classList = classNames(className, 'grid md:grid-cols-4 sm:grid-cols-2');
|
|
6
|
-
return (React.createElement("div", { id: id, className: classList }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
7
|
-
return (React.createElement(ImageLink, { key: `image_link_${i + 0}`, altText: 'image', image: item.image, title: item.title }));
|
|
8
|
-
})));
|
|
9
|
-
};
|
|
10
|
-
export default ImageLinkList;
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLinkList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAsC,MAAM,oBAAoB,CAAA;AACvE,OAAO,UAAU,MAAM,YAAY,CAAA;AAOnC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,oCAAoC,CAAC,CAAA;IAE7E,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,EAC1B,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACH,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as iconProps } from '../Icon';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
text?: string;
|
|
7
|
-
number: number;
|
|
8
|
-
bordered?: boolean;
|
|
9
|
-
rounded?: boolean;
|
|
10
|
-
withAnimation?: boolean;
|
|
11
|
-
iconProps?: iconProps;
|
|
12
|
-
theme?: 'dark' | 'light';
|
|
13
|
-
}
|
|
14
|
-
declare const InformationIcon: ({ id, className, text, number, bordered, rounded, withAnimation, iconProps, theme }: Props) => JSX.Element;
|
|
15
|
-
export default InformationIcon;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useRef } from 'react';
|
|
2
|
-
import Icon from '../Icon';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
const InformationIcon = ({ id, className, text, number, bordered = false, rounded = false, withAnimation = false, iconProps, theme = 'light' }) => {
|
|
5
|
-
const colours = theme === 'dark' ? 'placeholder-white bg-primary text-white' : 'placeholder-primary bg-white text-primary';
|
|
6
|
-
const loaded = useRef(false);
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
const element = document.getElementById(`${id}_number`);
|
|
9
|
-
const observer = new IntersectionObserver((entries, observer) => {
|
|
10
|
-
entries.forEach(entry => {
|
|
11
|
-
if (entry.intersectionRatio >= 0.1 && !loaded.current) {
|
|
12
|
-
loaded.current = true;
|
|
13
|
-
counterAnimation(document.getElementById(`${id}_number`), 0, number, 3000);
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
}, { threshold: 1 });
|
|
17
|
-
(element != null) && withAnimation && observer.observe(element);
|
|
18
|
-
}, []);
|
|
19
|
-
const wrapperClasses = 'h-96 flex items-center text-center ease-out duration-300';
|
|
20
|
-
const classList = classNames({
|
|
21
|
-
border: bordered,
|
|
22
|
-
'rounded-2xl': rounded
|
|
23
|
-
}, className, colours, 'flex flex-col justify-center w-full h-full items-center ease-out duration-300 text-md lg:text-md hover:text-lg');
|
|
24
|
-
const counterAnimation = (obj, start, end, duration) => {
|
|
25
|
-
let startTimestamp;
|
|
26
|
-
const step = (timestamp) => {
|
|
27
|
-
startTimestamp = timestamp;
|
|
28
|
-
const progress = Math.min((timestamp - startTimestamp) / duration, 1);
|
|
29
|
-
obj.innerHTML = Math.floor(progress * (end - start) + start);
|
|
30
|
-
if (progress < 1) {
|
|
31
|
-
window.requestAnimationFrame(step);
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
window.requestAnimationFrame(step);
|
|
35
|
-
};
|
|
36
|
-
return (React.createElement("div", { id: id, className: wrapperClasses },
|
|
37
|
-
React.createElement("div", { className: classList },
|
|
38
|
-
(iconProps != null) &&
|
|
39
|
-
React.createElement(Icon, Object.assign({}, iconProps)),
|
|
40
|
-
number !== undefined &&
|
|
41
|
-
React.createElement("p", null, number),
|
|
42
|
-
React.createElement("p", null, text))));
|
|
43
|
-
};
|
|
44
|
-
export default InformationIcon;
|
|
45
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,IAA4B,MAAM,kBAAkB,CAAA;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAA;AAcnC,MAAM,eAAe,GAAG,CAAC,EACvB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,GAAG,OAAO,EACT,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,2CAA2C,CAAA;IAC1H,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;QACvD,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;YAC9D,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,IAAI,KAAK,CAAC,iBAAiB,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;oBACrD,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA;oBACrB,gBAAgB,CACd,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAA;iBAC5D;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CACnB;QAAA,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,aAAa,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,cAAc,GAAG,0DAA0D,CAAA;IAEjF,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,MAAM,EAAE,QAAQ;QAChB,aAAa,EAAE,OAAO;KACvB,EACD,SAAS,EACT,OAAO,EACP,gHAAgH,CAAC,CAAA;IAEjH,MAAM,gBAAgB,GAAG,CAAC,GAAQ,EAAE,KAAa,EAAE,GAAW,EAAE,QAAgB,EAAQ,EAAE;QACxF,IAAI,cAAsB,CAAA;QAC1B,MAAM,IAAI,GAAG,CAAC,SAAiB,EAAQ,EAAE;YACvC,cAAc,GAAG,SAAS,CAAA;YAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,cAAc,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YACrE,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,CAAA;YAC5D,IAAI,QAAQ,GAAG,CAAC,EAAE;gBAChB,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;aACnC;QACH,CAAC,CAAA;QACD,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc;QAEzB,6BAAK,SAAS,EAAE,SAAS;YACtB,CAAC,SAAS,IAAI,IAAI,CAAC;gBAClB,oBAAC,IAAI,oBAAK,SAAS,EAAI;YACxB,MAAM,KAAK,SAAS;gBACnB,+BAAI,MAAM,CAAK;YACjB,+BAAI,IAAI,CAAK,CACT,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface Props {
|
|
3
|
-
id?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
labelClasses?: string;
|
|
6
|
-
inputClasses?: string;
|
|
7
|
-
autoComplete?: string;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
formId?: string;
|
|
10
|
-
height?: string;
|
|
11
|
-
maxLength?: number;
|
|
12
|
-
minLength?: number;
|
|
13
|
-
pattern?: string;
|
|
14
|
-
required?: boolean;
|
|
15
|
-
readOnly?: boolean;
|
|
16
|
-
label?: string;
|
|
17
|
-
type?: string;
|
|
18
|
-
name?: string;
|
|
19
|
-
placeholder?: string;
|
|
20
|
-
hasValidation?: boolean;
|
|
21
|
-
bold?: boolean;
|
|
22
|
-
autoFocus?: boolean;
|
|
23
|
-
onChange?: (e: any) => void;
|
|
24
|
-
onBlur?: () => void;
|
|
25
|
-
onFocus?: () => void;
|
|
26
|
-
errors?: string[];
|
|
27
|
-
value?: string;
|
|
28
|
-
theme?: 'dark' | 'light';
|
|
29
|
-
}
|
|
30
|
-
declare const Input: ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, hasValidation, errors, value, theme }: Props) => JSX.Element;
|
|
31
|
-
export default Input;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
const Input = ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, hasValidation, errors, value, theme }) => {
|
|
4
|
-
const colours = theme === 'dark' ? 'placeholder-white bg-primary text-white' : 'placeholder-primary bg-white text-primary';
|
|
5
|
-
const classList = classNames(className, colours, 'flex flex-col');
|
|
6
|
-
const labelClassList = classNames({
|
|
7
|
-
'font-bold': bold
|
|
8
|
-
}, labelClasses, 'w-auto pb-2');
|
|
9
|
-
const inputClassList = classNames({}, inputClasses, colours, 'border px-2 py-2 mb-2 rounded-md');
|
|
10
|
-
const newId = id !== undefined ? `-${id}` : '';
|
|
11
|
-
return (React.createElement("div", { id: id, className: classList },
|
|
12
|
-
label !== undefined &&
|
|
13
|
-
React.createElement("label", { id: `label${newId}`, className: labelClassList, htmlFor: `input${newId}` },
|
|
14
|
-
React.createElement("p", null,
|
|
15
|
-
label,
|
|
16
|
-
required === true &&
|
|
17
|
-
React.createElement("span", { className: 'text-red' }, "*"))),
|
|
18
|
-
React.createElement("input", { id: `input${newId}`, className: inputClassList, autoComplete: autoComplete, disabled: disabled, form: formId, height: height, maxLength: maxLength, minLength: minLength, pattern: pattern, required: required, readOnly: readOnly, type: type, name: name, value: value, placeholder: placeholder, onChange: onChange, onBlur: onBlur, onFocus: onFocus }),
|
|
19
|
-
hasValidation === true &&
|
|
20
|
-
React.createElement("div", { id: `errors${newId}` }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
|
|
21
|
-
return (React.createElement("p", { key: `error_msg_${i + 0}`, className: 'text-red text-sm' }, error));
|
|
22
|
-
}))));
|
|
23
|
-
};
|
|
24
|
-
export default Input;
|
|
25
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AA+BnC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,EACL,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,2CAA2C,CAAA;IAC1H,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe,CAAC,CAAA;IAEjE,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,WAAW,EAAE,IAAI;KAClB,EAAE,YAAY,EAAE,aAAa,CAAC,CAAA;IAE/B,MAAM,cAAc,GAAG,UAAU,CAAC,EACjC,EAAE,YAAY,EAAE,OAAO,EAAE,kCAAkC,CAAC,CAAA;IAE7D,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9C,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,KAAK,EAAE;gBAExB;oBACG,KAAK;oBACL,QAAQ,KAAK,IAAI;wBAChB,8BAAM,SAAS,EAAC,UAAU,QAAS,CACnC,CACE;QACV,+BACE,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB;QACD,aAAa,KAAK,IAAI;YACrB,6BAAK,EAAE,EAAE,SAAS,KAAK,EAAE,IACtB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACxB,OAAO,CACL,2BACE,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EACzB,SAAS,EAAC,kBAAkB,IAE3B,KAAK,CACJ,CACL,CAAA;YACH,CAAC,CAAC,CACE,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
const Jumbotron = ({ id, className, image, altText }) => {
|
|
4
|
-
const classList = classNames(className);
|
|
5
|
-
return (React.createElement("div", { id: id, className: classList },
|
|
6
|
-
React.createElement("img", { className: 'w-full object-cover', src: image, alt: altText })));
|
|
7
|
-
};
|
|
8
|
-
export default Jumbotron;
|
|
9
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAC,qBAAqB,EAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAI,CAC7D,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as navItemProps } from '../NavItem';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id: string;
|
|
5
|
-
className: string;
|
|
6
|
-
navLinks: navItemProps[];
|
|
7
|
-
asSideBar: boolean;
|
|
8
|
-
dropdownNavHeight: string;
|
|
9
|
-
logo: string;
|
|
10
|
-
logoDarkTheme: string;
|
|
11
|
-
mobileLogo: string;
|
|
12
|
-
mobileLogoDarkTheme: string;
|
|
13
|
-
logoLink: string;
|
|
14
|
-
mobileClasses: string;
|
|
15
|
-
fixedTop: boolean;
|
|
16
|
-
getNavStatus: (asSideBar: boolean, open: boolean) => void;
|
|
17
|
-
theme: 'light' | 'dark';
|
|
18
|
-
text?: string;
|
|
19
|
-
textLink?: string;
|
|
20
|
-
}
|
|
21
|
-
declare const Nav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, fixedTop, mobileClasses, getNavStatus, theme, text, textLink }: Props) => JSX.Element;
|
|
22
|
-
export default Nav;
|