trepur_components 1.0.55 → 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.js +52 -47
- 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.js +9 -7
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/src/lib/components/Collapsible/style.module.css +87 -15
- 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.d.ts +2 -2
- package/dist/src/lib/components/ImageInfo/ImageInfo.js +10 -10
- 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.d.ts +4 -4
- package/dist/src/lib/components/Showcase/Showcase.js +11 -11
- package/dist/src/lib/components/Showcase/Showcase.js.map +1 -1
- package/dist/src/lib/components/TimelineV2/TimelineV2.d.ts +3 -3
- package/dist/src/lib/components/TimelineV2/TimelineV2.js +8 -9
- package/dist/src/lib/components/TimelineV2/TimelineV2.js.map +1 -1
- package/package.json +1 -1
|
@@ -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":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,OAAkC,MAAM,6BAA6B,CAAC;AAC7E,OAAO,aAAa,MAAM,yCAAyC,CAAC;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,SAAS,MAAM,iCAAiC,CAAC;AAExD,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,UAEN,MAAM,mCAAmC,CAAC;AAyB3C,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,kBAAkB,GAAG,KAAK,EAC1B,iBAAiB,EACjB,IAAI,EACJ,aAAa,EACb,UAAU,EACV,mBAAmB,EACnB,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,qBAAqB,EAC7B,mBAAmB,GAAG,KAAK,EAC3B,iBAAiB,GAAG,KAAK,EACzB,WAAW,GACL,EAAe,EAAE;;IACvB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,UAAU,CAC1B;IACE,oFAAoF;KACrF,EACD,SAAS,EACT,KAAK,CAAC,GAAG,EACT,KAAK,EACL,OAAO,CACR,CAAC;IAEF,MAAM,eAAe,GAAG,UAAU,CAChC;QACE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,aAAa;KACrC,EACD,KAAK,CAAC,SAAS,CAChB,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAS,EAAE;QAC1B,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAC/B;QACE,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC,WAAW;QACtC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,WAAW;KACrC,EACD,KAAK,CAAC,gBAAgB,EACtB,OAAO,CACR,CAAC;IAEF,MAAM,kBAAkB,GAAG,UAAU,CACnC;QACE,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,eAAe;QAC3C,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,eAAe;QACzC,CAAC,KAAK,iBAAiB,EAAE,CAAC,EAAE,eAAe;KAC5C,EACD,KAAK,CAAC,oBAAoB,CAC3B,CAAC;IAEF,MAAM,eAAe,GAAG,UAAU,CAChC,KAAK,CAAC,eAAe,EACrB,KAAK,CAAC,SAAS,EACf,aAAa,CACd,CAAC;IAEF,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,IAAI,iBAAiB,EAAE;YACrB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,iBAAiB,EAAE,CAAC,WAAW,CAAC,CAAC;YAChD,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC;SAC9B;QACD,IAAI,kBAAkB,EAAE;YACtB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,kBAAkB,EAAE,CAAC,eAAe,CAAC,CAAC;YACrD,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;SACtC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAW,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC7C,OAAO,CACL,gCAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAElC,oBAAC,SAAS,IAAC,WAAW,QAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK;YAC5D,CAAC,iBAAiB,IAAI,kBAAkB,CAAC,IAAI,CAC5C,6BAAK,SAAS,EAAE,KAAK,CAAC,kBAAkB;gBACtC,oBAAC,aAAa,IACZ,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,GACrD,CACE,CACP;YACD,2BACE,SAAS,EAAE,KAAK,CAAC,UAAU,EAC3B,IAAI,EAAE,QAAQ,gBACF,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc;gBAEtD,oBAAC,KAAK,IACJ,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,UAAU,EAC1D,KAAK,EAAE,GACL,MAAA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAI,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAC3D,aAAa,EACb,OAAO,EAAE,GACP,MAAA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAI,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAC3D,aAAa,EACb,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,GACR,CACA,CACM;QAGZ,oBAAC,SAAS,IAAC,WAAW,QAAC,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK;YAC9D,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,2BACE,SAAS,EAAE,KAAK,CAAC,WAAW,EAC5B,IAAI,EAAE,QAAQ,gBACF,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe;oBAEvD,oBAAC,KAAK,IACJ,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,EAC9C,KAAK,EAAE,GACL,MAAA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAI,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAC3D,cAAc,EACd,OAAO,EAAE,GACP,MAAA,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAI,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAC3D,cAAc,EACd,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,GACR,CACA,CACA;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,QAAQ,IAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;gBAC5B,OAAO,CACL,oBAAC,OAAO,kBACN,GAAG,EAAE,oBAAoB,CAAC,EAAE,IACxB,OAAO,IACX,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,KAAK,EACd,gBAAgB,QAChB,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACrD,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;YACJ,CAAC,CAAC,CACE;YACL,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAA,KAAK,SAAS,IAAI,CACxC,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,IAAI,KAAK,SAAS,IAAI,CACrB,oBAAC,OAAO,IACN,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,KAAK,CAAC,cAAc,EAC/B,gBAAgB,QAChB,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACrD,KAAK,EAAE,KAAK,GACZ,CACH,CACG,CACP;YACA,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,KAAI,CACzB,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB;gBACpC,oBAAC,UAAU,oBAAK,WAAW,IAAE,SAAS,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,IAAI,CAC9D,CACP,CACS;QAIX,iBAAiB,IAAI,CACpB,6BAAK,SAAS,EAAE,cAAc,IAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;YAC5B,OAAO,CACL,oBAAC,OAAO,kBACN,GAAG,EAAE,oBAAoB,CAAC,EAAE,IACxB,OAAO,IACX,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,yBAAyB,CAAC,EAC/D,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,KAAK,EACd,gBAAgB,QAChB,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACrD,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;QACJ,CAAC,CAAC,CACE,CACP;QACA,kBAAkB,IAAI,CACrB,6BAAK,SAAS,EAAE,kBAAkB;YAChC,6BAAK,SAAS,EAAE,KAAK,CAAC,kBAAkB,IACrC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;gBAC5B,OAAO,CACL,oBAAC,OAAO,kBACN,GAAG,EAAE,qBAAqB,CAAC,EAAE,IACzB,OAAO,IACX,SAAS,EAAE,KAAK,CAAC,0BAA0B,EAC3C,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,KAAK,EACd,gBAAgB,QAChB,OAAO,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACrD,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;YACJ,CAAC,CAAC,CACE,CACF,CACP;QACD,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChC,UAAU,EAAE,mBAAmB,GAC/B,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { Colours, ThemeTypes } from
|
|
3
|
-
import { Props as iconProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
|
+
import { Props as iconProps } from '../Icon/Icon';
|
|
4
4
|
export interface Props {
|
|
5
5
|
id: string;
|
|
6
6
|
className?: string;
|
|
@@ -10,7 +10,7 @@ export interface Props {
|
|
|
10
10
|
bgColour?: Colours;
|
|
11
11
|
image: string;
|
|
12
12
|
theme?: ThemeTypes;
|
|
13
|
-
size?:
|
|
13
|
+
size?: 'small' | 'medium' | 'large';
|
|
14
14
|
iconProps?: iconProps;
|
|
15
15
|
}
|
|
16
16
|
declare const Showcase: React.FC<Props>;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
import Container from
|
|
5
|
-
import ComponentWrapper from
|
|
6
|
-
import Icon from
|
|
7
|
-
import Avatar from
|
|
8
|
-
const Showcase = ({ id, className, title, subTitle, description, bgColour, size =
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
import Container from '../Container/Container';
|
|
5
|
+
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
6
|
+
import Icon from '../Icon/Icon';
|
|
7
|
+
import Avatar from '../Avatar/Avatar';
|
|
8
|
+
const Showcase = ({ id, className, title, subTitle, description, bgColour, size = 'large', theme = 'theme-rupertbennett', iconProps }) => {
|
|
9
9
|
const classList = classNames(className);
|
|
10
10
|
const containerSize = classNames({
|
|
11
|
-
[style.smallContainer]: size ===
|
|
12
|
-
[style.mediumContainer]: size ===
|
|
13
|
-
[style.largeContainer]: size ===
|
|
11
|
+
[style.smallContainer]: size === 'small',
|
|
12
|
+
[style.mediumContainer]: size === 'medium',
|
|
13
|
+
[style.largeContainer]: size === 'large'
|
|
14
14
|
}, style.container);
|
|
15
15
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, bgColour: bgColour, theme: theme },
|
|
16
16
|
React.createElement(Container, { className: containerSize, theme: theme },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,
|
|
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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours, ThemeTypes } from
|
|
3
|
-
import { Props as ImageProps } from
|
|
2
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
|
+
import { Props as ImageProps } from '../Image/Image';
|
|
4
4
|
interface Item {
|
|
5
5
|
preText?: string;
|
|
6
6
|
title?: string;
|
|
@@ -17,5 +17,5 @@ export interface Props {
|
|
|
17
17
|
items?: Item[];
|
|
18
18
|
theme?: ThemeTypes;
|
|
19
19
|
}
|
|
20
|
-
declare const TimelineV2: ({ id, className, title, description, bgColour, items, theme
|
|
20
|
+
declare const TimelineV2: ({ id, className, title, description, bgColour, items, theme }: Props) => JSX.Element;
|
|
21
21
|
export default TimelineV2;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
import ComponentWrapper from
|
|
5
|
-
import Collapsible from
|
|
6
|
-
const TimelineV2 = ({ id, className, title, description, bgColour, items, theme =
|
|
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
7
|
const classList = classNames(className, style.classList);
|
|
8
|
-
const ulClasses = classNames([`${style.ulVerticalReverse} reverse`], className, style.ulClassList, "status-flow timeline");
|
|
9
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) => {
|
|
10
|
-
return (React.createElement("div", { className: style.item },
|
|
9
|
+
return (React.createElement("div", { className: style.item, key: `timeline_${i}` },
|
|
11
10
|
React.createElement("p", { className: style.circle }),
|
|
12
11
|
React.createElement("span", { className: i !== items.length - 1 ? style.line : style.blank }),
|
|
13
|
-
React.createElement(Collapsible, { className: style.collapsible, preText: item.preText, title: item.title, subtitle: item.subtitle, imageProps: item.imageProps,
|
|
12
|
+
React.createElement(Collapsible, { className: style.collapsible, preText: item.preText, title: item.title, subtitle: item.subtitle, imageProps: item.imageProps }, item.children)));
|
|
14
13
|
})));
|
|
15
14
|
};
|
|
16
15
|
export default TimelineV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineV2.js","sourceRoot":"","sources":["../../../../../src/lib/components/TimelineV2/TimelineV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,
|
|
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"}
|