trepur_components 1.0.54 → 1.0.56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/lib/components/Avatar/Avatar.d.ts +1 -1
- package/dist/src/lib/components/Avatar/Avatar.js +133 -128
- package/dist/src/lib/components/Avatar/Avatar.js.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +8 -8
- package/dist/src/lib/components/Carousel/Carousel.js +49 -33
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js +5 -4
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js.map +1 -1
- package/dist/src/lib/components/Collapsible/Collapsible.d.ts +5 -8
- package/dist/src/lib/components/Collapsible/Collapsible.js +27 -38
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/src/lib/components/Collapsible/style.module.css +112 -44
- package/dist/src/lib/components/Collapsible/style.module.css.map +1 -1
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js +16 -23
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js.map +1 -1
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.js +1 -1
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/src/lib/components/FileUploader/FileUploader.d.ts +2 -2
- package/dist/src/lib/components/FileUploader/FileUploader.js +10 -11
- package/dist/src/lib/components/FileUploader/FileUploader.js.map +1 -1
- package/dist/src/lib/components/ImageInfo/ImageInfo.js +1 -1
- package/dist/src/lib/components/ImageInfo/ImageInfo.js.map +1 -1
- package/dist/src/lib/components/MenuButton/MenuButton.d.ts +3 -3
- package/dist/src/lib/components/MenuButton/MenuButton.js +14 -15
- package/dist/src/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +5 -5
- package/dist/src/lib/components/Nav/Nav.js +33 -39
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Showcase/Showcase.js +2 -3
- package/dist/src/lib/components/Showcase/Showcase.js.map +1 -1
- package/dist/src/lib/components/Showcase/style.module.css +0 -6
- package/dist/src/lib/components/Showcase/style.module.css.map +1 -1
- package/dist/src/lib/components/TimelineV2/TimelineV2.d.ts +21 -0
- package/dist/src/lib/components/TimelineV2/TimelineV2.js +16 -0
- package/dist/src/lib/components/TimelineV2/TimelineV2.js.map +1 -0
- package/dist/src/lib/components/TimelineV2/style.module.css +44 -0
- package/dist/src/lib/components/TimelineV2/style.module.css.map +1 -0
- package/package.json +1 -1
|
@@ -24,29 +24,22 @@ const DetailUpdater = ({ id, className, title, description, expandText, collapse
|
|
|
24
24
|
setState(false);
|
|
25
25
|
};
|
|
26
26
|
return (React.createElement("div", { id: id, className: classList },
|
|
27
|
-
!state &&
|
|
28
|
-
React.createElement("div", { className: style.
|
|
29
|
-
React.createElement("
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
React.createElement("p", { className: style.title }, title),
|
|
44
|
-
React.createElement("p", { className: style.expandText, onClick: () => setState(false) }, collapseText)),
|
|
45
|
-
React.createElement("p", { className: style.description }, description),
|
|
46
|
-
React.createElement("div", { className: style.inputWrapper }, fields === null || fields === void 0 ? void 0 : fields.map((_, i) => {
|
|
47
|
-
return (React.createElement(Input, Object.assign({ key: i }, fieldValues[i], { bgColour: 'white', className: style.input, onChange: (e) => handleChange(e), theme: theme })));
|
|
48
|
-
})),
|
|
49
|
-
React.createElement(Button, { variant: 'secondary', onClick: handleSubmit, theme: theme }, ctaText)),
|
|
27
|
+
!state && (React.createElement("div", { className: style.class },
|
|
28
|
+
React.createElement("div", { className: style.wrapper },
|
|
29
|
+
React.createElement("p", { className: style.title }, title),
|
|
30
|
+
React.createElement("p", { className: style.expandText, onClick: () => setState(true) }, expandText)),
|
|
31
|
+
React.createElement("p", { className: style.value }, fields.map((field, i) => {
|
|
32
|
+
return field.value;
|
|
33
|
+
})))),
|
|
34
|
+
state && (React.createElement("div", { className: style.class },
|
|
35
|
+
React.createElement("div", { className: style.wrapper },
|
|
36
|
+
React.createElement("p", { className: style.title }, title),
|
|
37
|
+
React.createElement("p", { className: style.expandText, onClick: () => setState(false) }, collapseText)),
|
|
38
|
+
React.createElement("p", { className: style.description }, description),
|
|
39
|
+
React.createElement("div", { className: style.inputWrapper }, fields === null || fields === void 0 ? void 0 : fields.map((_, i) => {
|
|
40
|
+
return (React.createElement(Input, Object.assign({ key: i }, fieldValues[i], { bgColour: 'white', className: style.input, onChange: (e) => handleChange(e), theme: theme })));
|
|
41
|
+
})),
|
|
42
|
+
React.createElement(Button, { variant: 'secondary', onClick: handleSubmit, theme: theme }, ctaText))),
|
|
50
43
|
React.createElement("hr", { className: style.hr })));
|
|
51
44
|
};
|
|
52
45
|
export default DetailUpdater;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailUpdater.js","sourceRoot":"","sources":["../../../../../src/lib/components/DetailUpdater/DetailUpdater.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAA;AAiBnC,MAAM,aAAa,GAAoB,CAAC,EACtC,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,qBAAqB,EAC7B,MAAM,EACP,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAA;IACtD,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/D,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC5B,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAA;QAEtB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;YACpD,OAAO,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACvC,CAAC,CAAC,UAAU;gBACZ,CAAC,iCAAM,UAAU,KAAE,KAAK,GAAE,CAAA;QAC9B,CAAC,CAAC,CAAA;QAEF,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,cAAc,CAAC,CAAA;QAE1B,cAAc,
|
|
1
|
+
{"version":3,"file":"DetailUpdater.js","sourceRoot":"","sources":["../../../../../src/lib/components/DetailUpdater/DetailUpdater.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import classNames from 'classnames';
|
|
|
3
3
|
import style from './style.module.css';
|
|
4
4
|
const DropdownMenu = ({ id, className, backgroundColour = 'white', theme = 'theme-rupertbennett', menuItems = [], onClick }) => {
|
|
5
5
|
const classList = classNames(className, style.classList, style[backgroundColour], theme);
|
|
6
|
-
if (!menuItems
|
|
6
|
+
if (!menuItems)
|
|
7
7
|
return React.createElement(React.Fragment, null);
|
|
8
8
|
return (React.createElement("div", { id: id, className: classList }, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map((item, i) => {
|
|
9
9
|
return (React.createElement("a", { key: i, href: item.href, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e), className: style.menuItem }, item.name));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../../src/lib/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EAC7B,SAAS,GAAG,EAAE,EACd,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../../src/lib/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EAC7B,SAAS,GAAG,EAAE,EACd,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,gBAAgB,CAAC,EACvB,KAAK,CACN,CAAA;IAED,IAAI,CAAC,SAAS;QAAE,OAAO,yCAAK,CAAA;IAE5B,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QAC1B,OAAO,CACL,2BACE,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,EAC5B,SAAS,EAAE,KAAK,CAAC,QAAQ,IAExB,IAAI,CAAC,IAAI,CACR,CACL,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React, { useState } from
|
|
2
|
-
import classNames from
|
|
3
|
-
import FilePreview from
|
|
4
|
-
import style from
|
|
5
|
-
import Image from
|
|
6
|
-
const FileUploader = ({ id, className, ctaText, text, theme =
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import FilePreview from "./FilePreview";
|
|
4
|
+
import style from "./style.module.css";
|
|
5
|
+
import Image from "../Image/Image";
|
|
6
|
+
const FileUploader = ({ id, className, ctaText, text, theme = "theme-letsgocamping", imageUrl, onDrop, }) => {
|
|
7
7
|
const [inDropZone, setInDropZone] = useState(false);
|
|
8
8
|
const [fileList, setFileList] = useState([]);
|
|
9
9
|
const classList = classNames({
|
|
10
|
-
[style.inDropZone]: inDropZone
|
|
10
|
+
[style.inDropZone]: inDropZone,
|
|
11
11
|
}, className, style.dropzone, theme);
|
|
12
12
|
const handleDragEnter = (e) => {
|
|
13
13
|
e.preventDefault();
|
|
@@ -51,10 +51,9 @@ const FileUploader = ({ id, className, ctaText, text, theme = 'theme-letsgocampi
|
|
|
51
51
|
setFileList(fileList.filter((file) => file.name !== fileName));
|
|
52
52
|
};
|
|
53
53
|
return (React.createElement("div", { id: id, className: classList, onDragEnter: (e) => handleDragEnter(e), onDragOver: (e) => handleDragOver(e), onDragLeave: (e) => handleDragLeave(e), onDrop: (e) => handleDrop(e) },
|
|
54
|
-
imageUrl &&
|
|
55
|
-
|
|
56
|
-
React.createElement("
|
|
57
|
-
React.createElement("label", { className: classNames(style.label, theme), htmlFor: 'fileSelect' }, ctaText),
|
|
54
|
+
imageUrl && (React.createElement(Image, { src: imageUrl, altText: "upload", height: 5, width: 5 })),
|
|
55
|
+
React.createElement("input", { id: "fileSelect", type: "file", multiple: true, className: classNames(style.files, theme), onChange: (e) => handleFileSelect(e) }),
|
|
56
|
+
React.createElement("label", { className: classNames(style.label, theme), htmlFor: "fileSelect" }, ctaText),
|
|
58
57
|
React.createElement("h3", { className: classNames(style.uploadMessage, theme) }, text),
|
|
59
58
|
React.createElement(FilePreview, { fileData: fileList, onDismiss: (e) => handleDismiss(e), theme: theme })));
|
|
60
59
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../../../../../src/lib/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../../../../../src/lib/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ const ImageInfo = ({ id, className, bgColour, textColour = 'white', contentTitle
|
|
|
23
23
|
[style.smallImageHeight]: isSm
|
|
24
24
|
}, style.image);
|
|
25
25
|
return (React.createElement("div", { id: id, style: { backgroundColor: bgColour, color: textColour }, className: classList },
|
|
26
|
-
React.createElement(Container, { withPadding:
|
|
26
|
+
React.createElement(Container, { withPadding: !isSm },
|
|
27
27
|
React.createElement("div", { className: wrapperClassList },
|
|
28
28
|
React.createElement("div", { className: imageWrapperClasses },
|
|
29
29
|
React.createElement("img", { src: image, className: imageClasses, alt: contentTitle, title: contentTitle })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAevD,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,OAAO,EACpB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,YAAY,GAAW,OAAO,CAAC,EAAE,CAAA;IACvC,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAC9C,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,MAAM,gBAAgB,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAevD,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,OAAO,EACpB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,YAAY,GAAW,OAAO,CAAC,EAAE,CAAA;IACvC,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAC9C,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,MAAM,gBAAgB,GAAG,UAAU,CACjC;QACE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW;QAC7B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,WAAW;QACnC,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAAI,IAAI,UAAU;KAClD,EACD,KAAK,CAAC,cAAc,EACpB,KAAK,CACN,CAAA;IAED,MAAM,mBAAmB,GAAG,UAAU,CACpC;QACE,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI;KAChC,EACD,KAAK,CAAC,YAAY,CACnB,CAAA;IAED,MAAM,YAAY,GAAG,UAAU,CAC7B;QACE,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,IAAI;KAC/B,EACD,KAAK,CAAC,KAAK,CACZ,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,EACvD,SAAS,EAAE,SAAS;QAEpB,oBAAC,SAAS,IAAC,WAAW,EAAE,CAAC,IAAI;YAC3B,6BAAK,SAAS,EAAE,gBAAgB;gBAC9B,6BAAK,SAAS,EAAE,mBAAmB;oBACjC,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,YAAY,GACnB,CACE;gBACN,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;oBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;wBAC3B;4BACE,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,YAAY,CAAK;4BAC7C,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK,CAChC,CACF,CACF,CACF,CACI,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { Colours, ThemeTypes } from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Colours, ThemeTypes } from "../../utils/controls";
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -11,5 +11,5 @@ export interface Props {
|
|
|
11
11
|
}>;
|
|
12
12
|
onClick?: React.MouseEventHandler;
|
|
13
13
|
}
|
|
14
|
-
declare const MenuButton: ({ id, className, backgroundColour, theme, menuItems, onClick }: Props) => JSX.Element;
|
|
14
|
+
declare const MenuButton: ({ id, className, backgroundColour, theme, menuItems, onClick, }: Props) => JSX.Element;
|
|
15
15
|
export default MenuButton;
|
|
@@ -1,24 +1,23 @@
|
|
|
1
|
-
import React, { useState } from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
import DropdownMenu from
|
|
5
|
-
import Image from
|
|
6
|
-
const MenuButton = ({ id, className, backgroundColour =
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import style from "./style.module.css";
|
|
4
|
+
import DropdownMenu from "../DropdownMenu/DropdownMenu";
|
|
5
|
+
import Image from "../Image/Image";
|
|
6
|
+
const MenuButton = ({ id, className, backgroundColour = "white", theme = "theme-rupertbennett", menuItems, onClick, }) => {
|
|
7
7
|
const [showMenu, setShowMenu] = useState(false);
|
|
8
8
|
const classList = classNames(className, style.classList, style[backgroundColour], theme);
|
|
9
|
-
if (!menuItems
|
|
9
|
+
if (!menuItems)
|
|
10
10
|
return React.createElement(React.Fragment, null);
|
|
11
11
|
return (React.createElement("div", null,
|
|
12
12
|
React.createElement("div", { id: id, className: classList, onClick: () => setShowMenu(!showMenu) },
|
|
13
13
|
React.createElement("div", { className: style.menuClasses, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
|
|
14
|
-
React.createElement("svg", { className: style.svg, width:
|
|
15
|
-
React.createElement("path", { className: style.lineOneClassList, d:
|
|
16
|
-
React.createElement("path", { className: style.lineTwoClassList, d:
|
|
17
|
-
React.createElement("path", { className: style.lineThreeClassList, d:
|
|
18
|
-
React.createElement(Image, { src:
|
|
19
|
-
showMenu &&
|
|
20
|
-
React.createElement(
|
|
21
|
-
React.createElement(DropdownMenu, { menuItems: menuItems }))));
|
|
14
|
+
React.createElement("svg", { className: style.svg, width: "18", height: "24", viewBox: "0 0 24 15", xmlns: "http://www.w3.org/2000/svg" },
|
|
15
|
+
React.createElement("path", { className: style.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" }),
|
|
16
|
+
React.createElement("path", { className: style.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" }),
|
|
17
|
+
React.createElement("path", { className: style.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" }))),
|
|
18
|
+
React.createElement(Image, { src: "https://picsum.photos/300/300", className: style.imageClasses })),
|
|
19
|
+
showMenu && (React.createElement("div", null,
|
|
20
|
+
React.createElement(DropdownMenu, { menuItems: menuItems })))));
|
|
22
21
|
};
|
|
23
22
|
export default MenuButton;
|
|
24
23
|
//# sourceMappingURL=MenuButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAEvC,OAAO,YAAY,MAAM,uCAAuC,CAAC;AACjE,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAW5C,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EAC7B,SAAS,EACT,OAAO,GACD,EAAe,EAAE;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,gBAAgB,CAAC,EACvB,KAAK,CACN,CAAC;IAEF,IAAI,CAAC,SAAS;QAAE,OAAO,yCAAK,CAAC;IAE7B,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;YACtE,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC;gBAC7D,6BACE,SAAS,EAAE,KAAK,CAAC,GAAG,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;oBAElC,8BACE,SAAS,EAAE,KAAK,CAAC,gBAAgB,EACjC,CAAC,EAAC,sIAAsI,GACxI;oBACF,8BACE,SAAS,EAAE,KAAK,CAAC,gBAAgB,EACjC,CAAC,EAAC,oIAAoI,GACtI;oBACF,8BACE,SAAS,EAAE,KAAK,CAAC,kBAAkB,EACnC,CAAC,EAAC,6IAA6I,GAC/I,CACE,CACF;YACN,oBAAC,KAAK,IACJ,GAAG,EAAC,+BAA+B,EACnC,SAAS,EAAE,KAAK,CAAC,YAAY,GAC7B,CACE;QACL,QAAQ,IAAI,CACX;YACE,oBAAC,YAAY,IAAC,SAAS,EAAE,SAAS,GAAI,CAClC,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as navItemProps } from
|
|
3
|
-
import { ThemeTypes } from
|
|
4
|
-
import { Props as MenuButtonProps } from
|
|
2
|
+
import { Props as navItemProps } from "../NavItem/NavItem";
|
|
3
|
+
import { ThemeTypes } from "../../utils/controls";
|
|
4
|
+
import { Props as MenuButtonProps } from "../MenuButton/MenuButton";
|
|
5
5
|
export interface Props {
|
|
6
6
|
id?: string;
|
|
7
7
|
className?: string;
|
|
@@ -16,7 +16,7 @@ export interface Props {
|
|
|
16
16
|
logoLink: string;
|
|
17
17
|
mobileClasses?: string;
|
|
18
18
|
getNavStatus: (withMobileSideBar: boolean, open: boolean) => void;
|
|
19
|
-
variant:
|
|
19
|
+
variant: "light" | "dark";
|
|
20
20
|
text?: string;
|
|
21
21
|
textLink?: string;
|
|
22
22
|
theme?: ThemeTypes;
|
|
@@ -24,5 +24,5 @@ export interface Props {
|
|
|
24
24
|
withDesktopShadow?: boolean;
|
|
25
25
|
profileMenu?: MenuButtonProps;
|
|
26
26
|
}
|
|
27
|
-
declare const Nav: ({ id, className, navLinks, withMobileSideBar, withMobileDropdown, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, text, textLink, theme, withStickyNavShadow, withDesktopShadow, profileMenu }: Props) => JSX.Element;
|
|
27
|
+
declare const Nav: ({ id, className, navLinks, withMobileSideBar, withMobileDropdown, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, text, textLink, theme, withStickyNavShadow, withDesktopShadow, profileMenu, }: Props) => JSX.Element;
|
|
28
28
|
export default Nav;
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import React, { useEffect, useState } from
|
|
2
|
-
import classNames from
|
|
3
|
-
import NavItem from
|
|
4
|
-
import HamburgerIcon from
|
|
5
|
-
import style from
|
|
6
|
-
import Image from
|
|
7
|
-
import Container from
|
|
8
|
-
import StickyNav from
|
|
9
|
-
import MenuButton from
|
|
10
|
-
const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDropdown = false, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant =
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import NavItem from "../NavItem/NavItem";
|
|
4
|
+
import HamburgerIcon from "../HamburgerIcon/HamburgerIcon";
|
|
5
|
+
import style from "./style.module.css";
|
|
6
|
+
import Image from "../Image/Image";
|
|
7
|
+
import Container from "../Container/Container";
|
|
8
|
+
import StickyNav from "./StickyNav";
|
|
9
|
+
import MenuButton from "../MenuButton/MenuButton";
|
|
10
|
+
const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDropdown = false, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = "dark", text, textLink = "/", theme = "theme-rupertbennett", withStickyNavShadow = false, withDesktopShadow = false, profileMenu, }) => {
|
|
11
11
|
var _a, _b, _c, _d;
|
|
12
12
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
13
13
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
14
14
|
const [showStickyNav, setShowStickyNav] = useState(false);
|
|
15
|
-
const colours = variant ===
|
|
15
|
+
const colours = variant === "dark" ? [style.dark] : [style.light];
|
|
16
16
|
const classList = classNames({
|
|
17
17
|
// [style.desktopNavDropShadow]: withDesktopShadow && !showStickyNav && !showSideNav
|
|
18
18
|
}, className, style.nav, theme, colours);
|
|
19
19
|
const stickyClassList = classNames({
|
|
20
|
-
[style.showStickyNav]: showStickyNav
|
|
20
|
+
[style.showStickyNav]: showStickyNav,
|
|
21
21
|
}, style.stickyNav);
|
|
22
22
|
const isSticky = () => {
|
|
23
23
|
window.scrollY >= 80 ? setShowStickyNav(true) : setShowStickyNav(false);
|
|
24
24
|
};
|
|
25
25
|
useEffect(() => {
|
|
26
|
-
window.addEventListener(
|
|
26
|
+
window.addEventListener("scroll", isSticky);
|
|
27
27
|
return () => {
|
|
28
|
-
window.removeEventListener(
|
|
28
|
+
window.removeEventListener("scroll", isSticky);
|
|
29
29
|
};
|
|
30
30
|
});
|
|
31
31
|
const sideNavClasses = classNames({
|
|
32
32
|
[style.sideBarCollapsed]: !showSideNav,
|
|
33
|
-
[style.sideBarExpanded]: showSideNav
|
|
33
|
+
[style.sideBarExpanded]: showSideNav,
|
|
34
34
|
}, style.sideNavClassList, colours);
|
|
35
35
|
const dropdownNavClasses = classNames({
|
|
36
36
|
[style.dropDownCollapsed]: !showDropdownNav,
|
|
37
37
|
[style.dropDownExpanded]: showDropdownNav,
|
|
38
|
-
[`h-${dropdownNavHeight}`]: showDropdownNav
|
|
38
|
+
[`h-${dropdownNavHeight}`]: showDropdownNav,
|
|
39
39
|
}, style.dropDownNavClassList);
|
|
40
40
|
const mobileContainer = classNames(style.mobileContainer, style.mobileNav, mobileClasses);
|
|
41
41
|
const toggleMenu = () => {
|
|
@@ -51,33 +51,27 @@ const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDro
|
|
|
51
51
|
const themeString = theme.toString();
|
|
52
52
|
return (React.createElement("header", { id: id, className: classList },
|
|
53
53
|
React.createElement(Container, { withPadding: true, className: mobileContainer, theme: theme },
|
|
54
|
-
(withMobileSideBar || withMobileDropdown) &&
|
|
55
|
-
React.createElement(
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo, title: `${(_a = themeString.split('-')[1]) !== null && _a !== void 0 ? _a : `${themeString.split('-')[1]}-`}mobile-logo`, altText: `${(_b = themeString.split('-')[1]) !== null && _b !== void 0 ? _b : `${themeString.split('-')[1]}-`}mobile-logo`, height: 5, width: 5 }))),
|
|
54
|
+
(withMobileSideBar || withMobileDropdown) && (React.createElement("div", { className: style.collapseBtnWrapper },
|
|
55
|
+
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme, variant: variant === "dark" ? "primary" : "secondary" }))),
|
|
56
|
+
React.createElement("a", { className: style.mobileLogo, href: logoLink, "aria-label": `${themeString.split("-")[1]}-mobile-logo` },
|
|
57
|
+
React.createElement(Image, { src: variant === "dark" ? mobileLogoDarkTheme : mobileLogo, title: `${(_a = themeString.split("-")[1]) !== null && _a !== void 0 ? _a : `${themeString.split("-")[1]}-`}mobile-logo`, altText: `${(_b = themeString.split("-")[1]) !== null && _b !== void 0 ? _b : `${themeString.split("-")[1]}-`}mobile-logo`, height: 5, width: 5 }))),
|
|
59
58
|
React.createElement(Container, { withPadding: true, className: style.desktopNav, theme: theme },
|
|
60
59
|
React.createElement("div", { className: style.logoClassList },
|
|
61
|
-
React.createElement("a", { className: style.desktopLogo, href: logoLink, "aria-label": `${themeString.split(
|
|
62
|
-
React.createElement(Image, { src: variant ===
|
|
60
|
+
React.createElement("a", { className: style.desktopLogo, href: logoLink, "aria-label": `${themeString.split("-")[1]}-desktop-logo` },
|
|
61
|
+
React.createElement(Image, { src: variant === "dark" ? logoDarkTheme : logo, title: `${(_c = themeString.split("-")[1]) !== null && _c !== void 0 ? _c : `${themeString.split("-")[1]}-`}desktop-logo`, altText: `${(_d = themeString.split("-")[1]) !== null && _d !== void 0 ? _d : `${themeString.split("-")[1]}-`}desktop-logo`, height: 5, width: 5 }))),
|
|
63
62
|
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
64
|
-
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant ===
|
|
63
|
+
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant === "dark" ? "secondary" : "primary", theme: theme })));
|
|
65
64
|
})),
|
|
66
|
-
!(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) &&
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
React.createElement("div", { className:
|
|
74
|
-
return (React.createElement(NavItem, Object.assign({ key: `
|
|
75
|
-
})),
|
|
76
|
-
withMobileDropdown &&
|
|
77
|
-
React.createElement("div", { className: dropdownNavClasses },
|
|
78
|
-
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
79
|
-
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
|
|
80
|
-
}))),
|
|
65
|
+
!(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) !== undefined && (React.createElement("div", { className: style.textClassList }, text !== undefined && (React.createElement(NavItem, { title: text, href: textLink, className: style.navItemPadding, underlineOnHover: true, variant: variant === "dark" ? "secondary" : "primary", theme: theme })))),
|
|
66
|
+
(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && (React.createElement("div", { className: style.profileClassList },
|
|
67
|
+
React.createElement(MenuButton, Object.assign({}, profileMenu, { menuItems: profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems }))))),
|
|
68
|
+
withMobileSideBar && (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
69
|
+
return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems), bordered: false, rounded: false, underlineOnHover: true, variant: variant === "dark" ? "secondary" : "primary", theme: theme })));
|
|
70
|
+
}))),
|
|
71
|
+
withMobileDropdown && (React.createElement("div", { className: dropdownNavClasses },
|
|
72
|
+
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
73
|
+
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === "dark" ? "secondary" : "primary", theme: theme })));
|
|
74
|
+
})))),
|
|
81
75
|
React.createElement(StickyNav, { id: id, className: stickyClassList, navLinks: navLinks, withMobileSideBar: withMobileSideBar, withMobileDropdown: withMobileDropdown, dropdownNavHeight: dropdownNavHeight, logo: logo, logoDarkTheme: logoDarkTheme, mobileLogo: mobileLogo, mobileLogoDarkTheme: mobileLogoDarkTheme, logoLink: logoLink, mobileClasses: mobileClasses, getNavStatus: getNavStatus, variant: variant, theme: theme, tabindex: showStickyNav ? 0 : -1, withShadow: withStickyNavShadow })));
|
|
82
76
|
};
|
|
83
77
|
export default Nav;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,9 +20,8 @@ const Showcase = ({ id, className, title, subTitle, description, bgColour, size
|
|
|
20
20
|
React.createElement("p", { className: style.description }, description)),
|
|
21
21
|
React.createElement("div", { className: style.avatarWrapper },
|
|
22
22
|
React.createElement(Avatar, null))),
|
|
23
|
-
(iconProps === null || iconProps === void 0 ? void 0 : iconProps.type) !== undefined &&
|
|
24
|
-
React.createElement(
|
|
25
|
-
React.createElement(Icon, Object.assign({ theme: theme, className: style.icon, size: 2, rounded: true }, iconProps, { type: iconProps.type, onClick: iconProps.onClick })))));
|
|
23
|
+
(iconProps === null || iconProps === void 0 ? void 0 : iconProps.type) !== undefined && (React.createElement("div", { className: style.iconWrapper },
|
|
24
|
+
React.createElement(Icon, Object.assign({ theme: theme, className: style.icon, size: 2, rounded: true }, iconProps, { type: iconProps.type, onClick: iconProps.onClick }))))));
|
|
26
25
|
};
|
|
27
26
|
export default Showcase;
|
|
28
27
|
//# sourceMappingURL=Showcase.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAe9C,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,qBAAqB,EAC7B,SAAS,EACH,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,MAAM,aAAa,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAe9C,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,qBAAqB,EAC7B,SAAS,EACH,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,MAAM,aAAa,GAAG,UAAU,CAC9B;QACE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;QACxC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,IAAI,KAAK,QAAQ;QAC1C,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;KACzC,EACD,KAAK,CAAC,SAAS,CAChB,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK;YAC/C,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;gBACxC,4BAAI,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAM;gBAC9C,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC9C;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,oBAAC,MAAM,OAAG,CACN,CACI;QACX,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,MAAK,SAAS,IAAI,CAChC,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;YAC/B,oBAAC,IAAI,kBACH,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,CAAC,EACP,OAAO,UACH,SAAS,IACb,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,OAAO,EAAE,SAAS,CAAC,OAAO,IAC1B,CACE,CACP,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -128,8 +128,6 @@
|
|
|
128
128
|
|
|
129
129
|
display: flex;
|
|
130
130
|
|
|
131
|
-
height: 100%;
|
|
132
|
-
|
|
133
131
|
width: 100%;
|
|
134
132
|
|
|
135
133
|
justify-content: center
|
|
@@ -139,8 +137,6 @@
|
|
|
139
137
|
|
|
140
138
|
.avatarWrapper {
|
|
141
139
|
|
|
142
|
-
width: 33.333333%;
|
|
143
|
-
|
|
144
140
|
padding-bottom: 5rem
|
|
145
141
|
}
|
|
146
142
|
}
|
|
@@ -156,8 +152,6 @@
|
|
|
156
152
|
|
|
157
153
|
margin: auto;
|
|
158
154
|
|
|
159
|
-
max-height: 24rem;
|
|
160
|
-
|
|
161
155
|
width: 100%
|
|
162
156
|
}
|
|
163
157
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA,aAAiD;;QAAjD;IAAiD;AAAA;;AAIjD;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;AAAgC;;AAIhC;;IAAA,YAAwE;;IAAxE;AAAwE;;AAAxE;;IAAA;;QAAA,iBAAwE;;QAAxE,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA;IAAwE;AAAA;;AAIxE;;IAAA,eAA+D;;IAA/D,gBAA+D;;IAA/D,iBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,eAA6D;;IAA7D,gBAA6D;;IAA7D,iBAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA;;QAAA;IAA6D;AAAA;;AAI7D;;IAAA,iBAAyC;;IAAzC,eAAyC;;IAAzC;AAAyC;;AAAzC;;IAAA;;QAAA;IAAyC;AAAA;;AAIzC;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA,aAAiD;;QAAjD;IAAiD;AAAA;;AAIjD;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;AAAgC;;AAIhC;;IAAA,YAAwE;;IAAxE;AAAwE;;AAAxE;;IAAA;;QAAA,iBAAwE;;QAAxE,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA;IAAwE;AAAA;;AAIxE;;IAAA,eAA+D;;IAA/D,gBAA+D;;IAA/D,iBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,eAA6D;;IAA7D,gBAA6D;;IAA7D,iBAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA;;QAAA;IAA6D;AAAA;;AAI7D;;IAAA,iBAAyC;;IAAzC,eAAyC;;IAAzC;AAAyC;;AAAzC;;IAAA;;QAAA;IAAyC;AAAA;;AAIzC;;IAAA,YAAiD;;IAAjD,aAAiD;;IAAjD,WAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA;IAAiD;AAAA;;AAIjD;;IAAA;AAAmC;;AAAnC;;IAAA;;QAAA,YAAmC;;QAAnC;IAAmC;AAAA;;AAInC;;IAAA;AAAa;;AAIb;;IAAA,iBAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA,kBAAmD;;IAAnD,kBAAmD;;IAAnD,+LAAmD;;IAAnD;AAAmD","file":"style.module.css","sourcesContent":[".container {\n @apply flex-wrap md:flex text-center md:text-left;\n}\n\n.smallContainer {\n @apply h-56;\n}\n\n.mediumContainer {\n @apply h-96;\n}\n\n.largeContainer {\n @apply min-h-[calc(100vh-176px)]; \n}\n\n.textWrapper {\n @apply w-full md:w-2/3 m-auto md:pl-16 lg:pl-32 xl:pl-64 md:pr-4 lg:pr-8;\n}\n\n.title {\n @apply font-bold text-lg md:text-xxl text-primary leading-tight;\n}\n\n.subTitle {\n @apply font-bold text-lg md:text-xxl text-black leading-tight;\n}\n\n.description {\n @apply text-sm md:text-md text-black pt-4;\n}\n\n.avatarWrapper {\n @apply m-auto w-full flex justify-center md:pb-20;\n}\n\n.avatar {\n @apply md:m-auto md:w-full max-h-96;\n}\n\n.iconWrapper {\n @apply w-full;\n}\n\n.icon {\n @apply mx-auto hover:cursor-pointer hover:scale-125;\n}"]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
|
+
import { Props as ImageProps } from '../Image/Image';
|
|
4
|
+
interface Item {
|
|
5
|
+
preText?: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
subtitle?: string;
|
|
8
|
+
children: any;
|
|
9
|
+
imageProps: ImageProps;
|
|
10
|
+
}
|
|
11
|
+
export interface Props {
|
|
12
|
+
id?: string;
|
|
13
|
+
className?: string;
|
|
14
|
+
title?: string;
|
|
15
|
+
description?: string;
|
|
16
|
+
bgColour?: Colours;
|
|
17
|
+
items?: Item[];
|
|
18
|
+
theme?: ThemeTypes;
|
|
19
|
+
}
|
|
20
|
+
declare const TimelineV2: ({ id, className, title, description, bgColour, items, theme }: Props) => JSX.Element;
|
|
21
|
+
export default TimelineV2;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
5
|
+
import Collapsible from '../Collapsible/Collapsible';
|
|
6
|
+
const TimelineV2 = ({ id, className, title, description, bgColour, items, theme = 'theme-rupertbennett' }) => {
|
|
7
|
+
const classList = classNames(className, style.classList);
|
|
8
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
9
|
+
return (React.createElement("div", { className: style.item, key: `timeline_${i}` },
|
|
10
|
+
React.createElement("p", { className: style.circle }),
|
|
11
|
+
React.createElement("span", { className: i !== items.length - 1 ? style.line : style.blank }),
|
|
12
|
+
React.createElement(Collapsible, { className: style.collapsible, preText: item.preText, title: item.title, subtitle: item.subtitle, imageProps: item.imageProps }, item.children)));
|
|
13
|
+
})));
|
|
14
|
+
};
|
|
15
|
+
export default TimelineV2;
|
|
16
|
+
//# sourceMappingURL=TimelineV2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimelineV2.js","sourceRoot":"","sources":["../../../../../src/lib/components/TimelineV2/TimelineV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,WAAW,MAAM,qCAAqC,CAAA;AAqB7D,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IAEX,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE;YAC9C,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,GAAI;YAC9B,8BACE,SAAS,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAC5D;YACF,oBAAC,WAAW,IACV,SAAS,EAAE,KAAK,CAAC,WAAW,EAC5B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE1B,IAAI,CAAC,QAAQ,CACF,CACV,CACP,CAAA;IACH,CAAC,CAAC,CACe,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
width: 100%;
|
|
3
|
+
list-style-type: none;
|
|
4
|
+
padding-bottom: 1rem
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.item {
|
|
8
|
+
display: flex
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.circle {
|
|
12
|
+
position: relative;
|
|
13
|
+
z-index: 10;
|
|
14
|
+
margin-top: 2.5rem;
|
|
15
|
+
margin-right: 2rem;
|
|
16
|
+
height: 1rem;
|
|
17
|
+
width: 1rem;
|
|
18
|
+
border-radius: 9999px;
|
|
19
|
+
background-color: var(--color-light-grey)
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.line {
|
|
23
|
+
position: relative;
|
|
24
|
+
top: 2.75rem;
|
|
25
|
+
border-width: 2px;
|
|
26
|
+
border-style: solid;
|
|
27
|
+
border-color: var(--color-light-grey);
|
|
28
|
+
right: 42px
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.blank {
|
|
32
|
+
border-width: 2px;
|
|
33
|
+
border-color: var(--color-transparent);
|
|
34
|
+
content: ""
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.collapsible {
|
|
38
|
+
margin-top: 0.5rem;
|
|
39
|
+
margin-bottom: 0.5rem;
|
|
40
|
+
width: 100%;
|
|
41
|
+
border-radius: 1rem;
|
|
42
|
+
background-color: var(--color-white)
|
|
43
|
+
}
|
|
44
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/TimelineV2/style.module.css"],"names":[],"mappings":"AACE;EAAA,WAA4B;EAA5B,qBAA4B;EAA5B;AAA4B;;AAI5B;EAAA;AAAW;;AAIX;EAAA,kBAAkE;EAAlE,WAAkE;EAAlE,kBAAkE;EAAlE,kBAAkE;EAAlE,YAAkE;EAAlE,WAAkE;EAAlE,qBAAkE;EAAlE;AAAkE;;AAIlE;EAAA,kBAA8D;EAA9D,YAA8D;EAA9D,iBAA8D;EAA9D,mBAA8D;EAA9D,qCAA8D;EAC9D;AAD8D;;AAK9D;EAAA,iBAAkC;EAAlC,sCAAkC;EAClC;AADkC;;AAKlC;EAAA,kBAAuC;EAAvC,qBAAuC;EAAvC,WAAuC;EAAvC,mBAAuC;EAAvC;AAAuC","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full list-none pb-4;\n}\n\n.item {\n @apply flex;\n}\n\n.circle {\n @apply relative w-4 h-4 mt-10 rounded-full bg-light-grey mr-8 z-10;\n}\n\n.line {\n @apply relative top-11 border-solid border-2 border-light-grey;\n right: 42px;\n}\n\n.blank {\n @apply border-2 border-transparent;\n content: \"\";\n}\n\n.collapsible {\n @apply w-full bg-white rounded-2xl my-2;\n}"]}
|