trepur_components 1.0.0 → 1.0.2
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/components/Accordion/Accordion.stories.tsx +1 -1
- package/dist/components/Accordion/index.tsx +2 -2
- package/dist/components/Carousel/index.tsx +1 -1
- package/dist/components/Collapsible/index.tsx +1 -1
- package/dist/components/FooterBar/{footerBar.stories.tsx → FooterBar.stories.tsx} +0 -0
- package/dist/components/HamburgerIcon/index.tsx +1 -1
- package/dist/components/ImageLinkList/ImageLinkList.stories.tsx +5 -3
- package/dist/components/ImageLinkList/index.tsx +1 -1
- package/dist/components/Nav/index.tsx +4 -4
- package/dist/src/lib/components/Accordion/Accordion.stories.js +19 -11
- package/dist/src/lib/components/Accordion/Accordion.stories.js.map +1 -1
- package/dist/src/lib/components/Accordion/index.d.ts +1 -2
- package/dist/src/lib/components/Accordion/index.js +1 -1
- package/dist/src/lib/components/Accordion/index.js.map +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.stories.js +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.stories.js.map +1 -1
- package/dist/src/lib/components/AlertBar/index.js +21 -19
- package/dist/src/lib/components/AlertBar/index.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/index.js +8 -10
- package/dist/src/lib/components/Breadcrumbs/index.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.d.ts +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.js +7 -7
- package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js +2 -2
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/index.js +33 -35
- package/dist/src/lib/components/BreadcrumbsItem/index.js.map +1 -1
- package/dist/src/lib/components/Button/button.stories.js +64 -19
- package/dist/src/lib/components/Button/button.stories.js.map +1 -1
- package/dist/src/lib/components/Button/index.js +11 -11
- package/dist/src/lib/components/Button/index.js.map +1 -1
- package/dist/src/lib/components/Card/Card.stories.d.ts +4 -1
- package/dist/src/lib/components/Card/Card.stories.js +32 -32
- package/dist/src/lib/components/Card/Card.stories.js.map +1 -1
- package/dist/src/lib/components/Card/index.d.ts +3 -3
- package/dist/src/lib/components/Card/index.js +43 -40
- package/dist/src/lib/components/Card/index.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js +3 -3
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/index.js +1 -1
- package/dist/src/lib/components/CardWithTopImage/index.js.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.stories.js +12 -12
- package/dist/src/lib/components/Carousel/Carousel.stories.js.map +1 -1
- package/dist/src/lib/components/Carousel/index.d.ts +6 -8
- package/dist/src/lib/components/Carousel/index.js +95 -54
- package/dist/src/lib/components/Carousel/index.js.map +1 -1
- package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js +1 -1
- package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js.map +1 -1
- package/dist/src/lib/components/ChevronCard/index.js +8 -8
- package/dist/src/lib/components/ChevronCard/index.js.map +1 -1
- package/dist/src/lib/components/Collapsible/Collapsible.stories.js +5 -3
- package/dist/src/lib/components/Collapsible/Collapsible.stories.js.map +1 -1
- package/dist/src/lib/components/Collapsible/index.d.ts +1 -1
- package/dist/src/lib/components/Collapsible/index.js +22 -22
- package/dist/src/lib/components/Collapsible/index.js.map +1 -1
- package/dist/src/lib/components/Column/Column.stories.js +42 -8
- package/dist/src/lib/components/Column/Column.stories.js.map +1 -1
- package/dist/src/lib/components/Column/index.js +2 -2
- package/dist/src/lib/components/Column/index.js.map +1 -1
- package/dist/src/lib/components/Container/Container.stories.js +1 -1
- package/dist/src/lib/components/Container/Container.stories.js.map +1 -1
- package/dist/src/lib/components/Container/index.js +1 -1
- package/dist/src/lib/components/Container/index.js.map +1 -1
- package/dist/src/lib/components/FooterBar/footerBar.stories.js +2 -2
- package/dist/src/lib/components/FooterBar/footerBar.stories.js.map +1 -1
- package/dist/src/lib/components/FooterBar/index.js +1 -1
- package/dist/src/lib/components/FooterBar/index.js.map +1 -1
- package/dist/src/lib/components/Form/Form.stories.js +1 -1
- package/dist/src/lib/components/Form/Form.stories.js.map +1 -1
- package/dist/src/lib/components/Form/index.js +4 -4
- package/dist/src/lib/components/Form/index.js.map +1 -1
- package/dist/src/lib/components/FyreCard/FyreCard.stories.js +3 -3
- package/dist/src/lib/components/FyreCard/FyreCard.stories.js.map +1 -1
- package/dist/src/lib/components/FyreCard/index.js +6 -7
- package/dist/src/lib/components/FyreCard/index.js.map +1 -1
- package/dist/src/lib/components/Greeting/Greeting.stories.js +1 -1
- package/dist/src/lib/components/Greeting/Greeting.stories.js.map +1 -1
- package/dist/src/lib/components/Greeting/index.js +4 -4
- package/dist/src/lib/components/Greeting/index.js.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.d.ts +6 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js +46 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/index.d.ts +7 -0
- package/dist/src/lib/components/HamburgerIcon/index.js +26 -0
- package/dist/src/lib/components/HamburgerIcon/index.js.map +1 -0
- package/dist/src/lib/components/Icon/Icon.stories.d.ts +1 -1
- package/dist/src/lib/components/Icon/Icon.stories.js +4 -2
- package/dist/src/lib/components/Icon/Icon.stories.js.map +1 -1
- package/dist/src/lib/components/Icon/index.d.ts +4 -2
- package/dist/src/lib/components/Icon/index.js +17 -3
- package/dist/src/lib/components/Icon/index.js.map +1 -1
- package/dist/src/lib/components/Image/Image.stories.js +2 -2
- package/dist/src/lib/components/Image/Image.stories.js.map +1 -1
- package/dist/src/lib/components/Image/index.js +3 -3
- package/dist/src/lib/components/Image/index.js.map +1 -1
- package/dist/src/lib/components/ImageLink/ImageLink.stories.d.ts +4 -1
- package/dist/src/lib/components/ImageLink/ImageLink.stories.js +8 -7
- package/dist/src/lib/components/ImageLink/ImageLink.stories.js.map +1 -1
- package/dist/src/lib/components/ImageLink/index.js +6 -6
- package/dist/src/lib/components/ImageLink/index.js.map +1 -1
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.d.ts +2 -2
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js +5 -3
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js.map +1 -1
- package/dist/src/lib/components/ImageLinkList/index.d.ts +1 -1
- package/dist/src/lib/components/ImageLinkList/index.js +3 -3
- package/dist/src/lib/components/ImageLinkList/index.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js +5 -3
- package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/index.d.ts +1 -1
- package/dist/src/lib/components/InformationIcon/index.js +12 -13
- package/dist/src/lib/components/InformationIcon/index.js.map +1 -1
- package/dist/src/lib/components/Input/Input.stories.js +10 -10
- package/dist/src/lib/components/Input/Input.stories.js.map +1 -1
- package/dist/src/lib/components/Input/index.d.ts +1 -1
- package/dist/src/lib/components/Input/index.js +14 -14
- package/dist/src/lib/components/Input/index.js.map +1 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js +1 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js.map +1 -1
- package/dist/src/lib/components/Jumbotron/index.js +1 -1
- package/dist/src/lib/components/Jumbotron/index.js.map +1 -1
- package/dist/src/lib/components/Nav/Nav.stories.d.ts +6 -0
- package/dist/src/lib/components/Nav/Nav.stories.js +12 -12
- package/dist/src/lib/components/Nav/Nav.stories.js.map +1 -1
- package/dist/src/lib/components/Nav/index.d.ts +2 -2
- package/dist/src/lib/components/Nav/index.js +25 -35
- package/dist/src/lib/components/Nav/index.js.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.stories.js +1 -1
- package/dist/src/lib/components/NavItem/NavItem.stories.js.map +1 -1
- package/dist/src/lib/components/NavItem/index.js +2 -2
- package/dist/src/lib/components/NavItem/index.js.map +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.stories.js +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.stories.js.map +1 -1
- package/dist/src/lib/components/NewsCard/index.js +3 -3
- package/dist/src/lib/components/NewsCard/index.js.map +1 -1
- package/dist/src/lib/components/Profile/Profile.stories.js +2 -2
- package/dist/src/lib/components/Profile/Profile.stories.js.map +1 -1
- package/dist/src/lib/components/Profile/index.js +9 -11
- package/dist/src/lib/components/Profile/index.js.map +1 -1
- package/dist/src/lib/components/Row/Row.stories.js +4 -4
- package/dist/src/lib/components/Row/Row.stories.js.map +1 -1
- package/dist/src/lib/components/Row/index.js.map +1 -1
- package/dist/src/lib/components/Search/Search.stories.js +1 -1
- package/dist/src/lib/components/Search/Search.stories.js.map +1 -1
- package/dist/src/lib/components/Search/index.js +10 -10
- package/dist/src/lib/components/Search/index.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js +9 -9
- package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/index.d.ts +2 -2
- package/dist/src/lib/components/SocialBlock/index.js +20 -21
- package/dist/src/lib/components/SocialBlock/index.js.map +1 -1
- package/dist/src/lib/components/StarRating/StarRating.stories.js +1 -1
- package/dist/src/lib/components/StarRating/StarRating.stories.js.map +1 -1
- package/dist/src/lib/components/StarRating/index.js +3 -3
- package/dist/src/lib/components/StarRating/index.js.map +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.stories.js +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.stories.js.map +1 -1
- package/dist/src/lib/components/Testimonial/index.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js +2 -2
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/index.d.ts +2 -2
- package/dist/src/lib/components/TextAndTitle/index.js +55 -64
- package/dist/src/lib/components/TextAndTitle/index.js.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.stories.js +3 -3
- package/dist/src/lib/components/TextArea/TextArea.stories.js.map +1 -1
- package/dist/src/lib/components/TextArea/index.js +4 -3
- package/dist/src/lib/components/TextArea/index.js.map +1 -1
- package/dist/src/lib/components/Timeline/Timeline.stories.js +12 -13
- package/dist/src/lib/components/Timeline/Timeline.stories.js.map +1 -1
- package/dist/src/lib/components/Timeline/index.d.ts +1 -1
- package/dist/src/lib/components/Timeline/index.js +57 -35
- package/dist/src/lib/components/Timeline/index.js.map +1 -1
- package/dist/src/lib/components/Tubestops/Tubestops.stories.js +4 -4
- package/dist/src/lib/components/Tubestops/Tubestops.stories.js.map +1 -1
- package/dist/src/lib/components/Tubestops/index.js +5 -5
- package/dist/src/lib/components/Tubestops/index.js.map +1 -1
- package/dist/src/lib/components/UserIcon/UserIcon.stories.js.map +1 -1
- package/dist/src/lib/components/UserIcon/index.js +5 -6
- package/dist/src/lib/components/UserIcon/index.js.map +1 -1
- package/dist/src/lib/components/Video/Video.stories.js +1 -1
- package/dist/src/lib/components/Video/Video.stories.js.map +1 -1
- package/dist/src/lib/components/Video/index.js +2 -2
- package/dist/src/lib/components/Video/index.js.map +1 -1
- package/dist/src/lib/index.js.map +1 -1
- package/dist/src/lib/typography/Fonts.stories.d.ts +2 -2
- package/dist/src/lib/typography/Fonts.stories.js +2 -32
- package/dist/src/lib/typography/Fonts.stories.js.map +1 -1
- package/dist/src/lib/typography/index.d.ts +4 -2
- package/dist/src/lib/typography/index.js.map +1 -1
- package/dist/src/lib/utils/controls.js.map +1 -1
- package/dist/src/lib/utils/theme.d.ts +3 -2
- package/dist/src/lib/utils/theme.js +20 -0
- package/dist/src/lib/utils/theme.js.map +1 -1
- package/dist/tailwind.config.d.ts +1 -0
- package/dist/tailwind.config.js +1 -0
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,GAAG,MAAM,SAAS,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,aAAa,MAAM,
|
|
1
|
+
{"version":3,"file":"Nav.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Props as navItemProps } from '../NavItem';
|
|
3
|
-
interface Props {
|
|
3
|
+
export interface Props {
|
|
4
4
|
id: string;
|
|
5
5
|
className: string;
|
|
6
6
|
navLinks: Array<navItemProps>;
|
|
@@ -13,7 +13,7 @@ interface Props {
|
|
|
13
13
|
logoLink: string;
|
|
14
14
|
mobileClasses: string;
|
|
15
15
|
fixedTop: boolean;
|
|
16
|
-
getNavStatus: (
|
|
16
|
+
getNavStatus: (asSideBar: boolean, open: boolean) => void;
|
|
17
17
|
theme: 'light' | 'dark';
|
|
18
18
|
text?: string;
|
|
19
19
|
textLink?: string;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
-
import Icon from '../Icon';
|
|
3
2
|
import classNames from 'classnames';
|
|
4
|
-
import Button from '../Button';
|
|
5
3
|
import NavItem from '../NavItem';
|
|
4
|
+
import HamburgerIcon from '../HamburgerIcon';
|
|
6
5
|
const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, fixedTop, mobileClasses, getNavStatus, theme = 'dark', text, textLink }) => {
|
|
7
6
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
8
7
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
@@ -14,62 +13,53 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
|
|
|
14
13
|
const classList = classNames(className, colours, 'h-16');
|
|
15
14
|
const sideNavClasses = classNames({
|
|
16
15
|
'w-0': !showSideNav,
|
|
17
|
-
|
|
18
|
-
}, colours, 'z-50
|
|
16
|
+
'w-full sm:w-1/3': showSideNav
|
|
17
|
+
}, colours, 'z-50 md:hidden mt-20 fixed overflow-hidden h-full duration-700');
|
|
19
18
|
const dropdownNavClasses = classNames({
|
|
20
19
|
'h-0': !showDropdownNav,
|
|
21
20
|
[`h-${dropdownNavHeight}`]: showDropdownNav
|
|
22
21
|
}, colours, 'z-50 md:hidden overflow-hidden pt-20');
|
|
23
|
-
const logoImageClassList =
|
|
22
|
+
const logoImageClassList = 'h-16 w-auto';
|
|
24
23
|
const mobileClassList = classNames({
|
|
25
24
|
'fixed w-full z-50 top-0 mt-0': fixedTop
|
|
26
25
|
}, colours, mobileClasses, 'flex items-center md:hidden py-2');
|
|
27
26
|
const desktopClassList = classNames({
|
|
28
|
-
'fixed w-full z-50 top-0 mt-0': fixedTop
|
|
29
|
-
},
|
|
30
|
-
const
|
|
31
|
-
getNavStatus
|
|
27
|
+
'fixed w-full z-50 top-0 mt-0': fixedTop
|
|
28
|
+
}, 'w-full justify-between hidden md:flex items-center justify-between sm:items-stretch text-center');
|
|
29
|
+
const toggleMenu = () => {
|
|
30
|
+
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(asSideBar, true);
|
|
32
31
|
if (asSideBar) {
|
|
33
|
-
setShowSideNav(
|
|
32
|
+
setShowSideNav(!showSideNav);
|
|
34
33
|
}
|
|
35
34
|
else {
|
|
36
35
|
setShowDropdownNav(!showDropdownNav);
|
|
37
36
|
}
|
|
38
37
|
};
|
|
39
|
-
const closeMenu = () => {
|
|
40
|
-
getNavStatus && getNavStatus({ asSideBar: asSideBar, open: false });
|
|
41
|
-
setShowSideNav(false);
|
|
42
|
-
};
|
|
43
38
|
return (React.createElement("header", { id: id, className: classList },
|
|
44
39
|
React.createElement("div", { id: 'mobile-nav', className: `${mobileClassList}` },
|
|
45
|
-
React.createElement("div", { id: 'nav-collapse-btn-wrapper', className:
|
|
46
|
-
React.createElement(
|
|
47
|
-
React.createElement(Icon, { type: 'bars', size: 1, colour: 'white', bgColour: 'primary' }))),
|
|
40
|
+
React.createElement("div", { id: 'nav-collapse-btn-wrapper', className: 'absolute inset-y-0 left-8 top-5' },
|
|
41
|
+
React.createElement(HamburgerIcon, { onClick: toggleMenu })),
|
|
48
42
|
React.createElement("a", { id: 'logo-link', className: 'mx-auto', href: logoLink },
|
|
49
|
-
React.createElement("img", { className: logoImageClassList, src: theme === 'dark' ? mobileLogoDarkTheme : mobileLogo, alt:
|
|
43
|
+
React.createElement("img", { className: logoImageClassList, src: theme === 'dark' ? mobileLogoDarkTheme : mobileLogo, alt: 'Logo' }))),
|
|
50
44
|
React.createElement("div", { id: 'destop-nav', className: `${desktopClassList} flex` },
|
|
51
45
|
React.createElement("div", { className: logoClassList },
|
|
52
46
|
React.createElement("a", { id: 'logo-link', className: 'mx-auto', href: logoLink },
|
|
53
|
-
React.createElement("img", { className: logoImageClassList, src: theme === 'dark' ? logoDarkTheme : logo, alt:
|
|
54
|
-
React.createElement("div", { className: navItemsClassList }, navLinks
|
|
55
|
-
return (React.createElement(NavItem, Object.assign({}, navLink, { className: i !== 0 ? 'pl-8' : '', bordered: false, rounded: false, underlineOnHover: true, variant: theme === 'dark' ? 'secondary' : 'primary' })));
|
|
47
|
+
React.createElement("img", { className: logoImageClassList, src: theme === 'dark' ? logoDarkTheme : logo, alt: 'Logo' }))),
|
|
48
|
+
React.createElement("div", { className: navItemsClassList }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
49
|
+
return (React.createElement(NavItem, Object.assign({ key: `navItem_${i}` }, navLink, { className: i !== 0 ? 'pl-8' : '', bordered: false, rounded: false, underlineOnHover: true, variant: theme === 'dark' ? 'secondary' : 'primary' })));
|
|
56
50
|
})),
|
|
57
51
|
React.createElement("div", { className: emailClassList },
|
|
58
52
|
React.createElement("a", { className: `hidden lg:inline-block ${textColour}`, href: textLink }, text))),
|
|
59
|
-
asSideBar
|
|
60
|
-
React.createElement("div", { className: sideNavClasses },
|
|
61
|
-
React.createElement(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
})
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
React.createElement("div", { className: dropdownNavClasses, id: "mobile-menu" },
|
|
70
|
-
React.createElement("div", { className: "pt-2 pb-3 space-y-1" }, navLinks && navLinks.map((navLink, i) => {
|
|
71
|
-
return (React.createElement(NavItem, Object.assign({}, navLink, { className: 'pl-8 pt-2', bordered: false, rounded: false, underlineOnHover: true, variant: theme === 'dark' ? 'secondary' : 'primary' })));
|
|
72
|
-
})))));
|
|
53
|
+
asSideBar
|
|
54
|
+
? (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
55
|
+
return (React.createElement(NavItem, Object.assign({ key: `navItem_${i}` }, navLink, { className: 'pl-8 pt-4', bordered: false, rounded: false, underlineOnHover: true, variant: theme === 'dark' ? 'secondary' : 'primary' })));
|
|
56
|
+
}))
|
|
57
|
+
/* dropdown */
|
|
58
|
+
)
|
|
59
|
+
: (React.createElement("div", { className: dropdownNavClasses, id: 'mobile-menu' },
|
|
60
|
+
React.createElement("div", { className: 'pt-2 pb-3 space-y-1' }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
61
|
+
return (React.createElement(NavItem, Object.assign({ key: `navItem_${i}` }, navLink, { className: 'pl-8 pt-2', bordered: false, rounded: false, underlineOnHover: true, variant: theme === 'dark' ? 'secondary' : 'primary' })));
|
|
62
|
+
}))))));
|
|
73
63
|
};
|
|
74
64
|
export default Nav;
|
|
75
65
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import NavItem from './index';
|
|
3
3
|
import { action } from '@storybook/addon-actions';
|
|
4
|
-
import { idAndClassName } from '
|
|
4
|
+
import { idAndClassName } from '../../utils/controls';
|
|
5
5
|
const componentMeta = {
|
|
6
6
|
title: 'Trepur Components/Rupert Bennett/Atoms/Nav Item',
|
|
7
7
|
component: NavItem,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavItem.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,aAAa,GAAkC;
|
|
1
|
+
{"version":3,"file":"NavItem.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,aAAa,GAAkC;IACnD,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,2BAA2B;YACxC,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,0BAA0B;YACvC,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF,EACD,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC3C,WAAW,EAAE,8DAA8D;YAC3E,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;aAC9B;SACF,EACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC7B;YACD,YAAY,EAAE,KAAK;SACpB,EACD,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC7B;YACD,YAAY,EAAE,IAAI;SACnB,EACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,uDAAuD;YACpE,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC7B;YACD,YAAY,EAAE,IAAI;SACnB,EACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC1C,WAAW,EAAE,uCAAuC;YACpD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;aAC3B;YACD,YAAY,EAAE,KAAK;SACpB,EACD,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;YACjC,WAAW,EAAE,wCAAwC;YACrD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;YACD,YAAY,EAAE,SAAS;YACvB,OAAO,EAAE,OAAO;SACjB,GACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,GAAG;QACT,gBAAgB,EAAE,IAAI;QACtB,OAAO,EAAE,MAAM,CAAC,cAAc,CAAC;KAChC;CACF,CAAA;AAED,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,OAAO,oBAAK,IAAI,EAAI,CAAA;AAEhF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,eAAe,aAAa,CAAA"}
|
|
@@ -9,12 +9,12 @@ const NavItem = ({ id, className, title, href, onClick, bordered = false, rounde
|
|
|
9
9
|
'before:w-0': !isActive,
|
|
10
10
|
'text-primary before:bg-primary': variant === 'primary',
|
|
11
11
|
'text-white before:bg-white': variant === 'secondary',
|
|
12
|
-
'relative before:absolute before:-bottom-1 before:left-0 hover:before:w-full focus:before:w-full before:h-1 before:transition-all ease-linear': underlineOnHover
|
|
12
|
+
'relative before:absolute before:-bottom-1 before:left-0 hover:before:w-full focus:before:w-full before:h-1 before:transition-all ease-linear': underlineOnHover
|
|
13
13
|
}, 'text-center whitespace-nowrap');
|
|
14
14
|
const classList = classNames(className, 'w-auto list-none');
|
|
15
15
|
const anchorClassList = classNames({
|
|
16
16
|
'relative ease-linear': underlineOnHover,
|
|
17
|
-
[linkClassList]: true //TODO: remove this once css files are compilable
|
|
17
|
+
[linkClassList]: true // TODO: remove this once css files are compilable
|
|
18
18
|
}, 'focus:outline-none');
|
|
19
19
|
return (React.createElement("div", { id: id, className: classList },
|
|
20
20
|
React.createElement("a", { href: href, onClick: onClick, className: anchorClassList },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAenC,MAAM,OAAO,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAenC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,sBAAsB,EAAE,QAAQ;QAChC,oBAAoB,EAAE,QAAQ;QAC9B,YAAY,EAAE,OAAO;QACrB,eAAe,EAAE,QAAQ;QACzB,YAAY,EAAE,CAAC,QAAQ;QACvB,gCAAgC,EAAE,OAAO,KAAK,SAAS;QACvD,4BAA4B,EAAE,OAAO,KAAK,WAAW;QACrD,8IAA8I,EAAE,gBAAgB;KACjK,EAAE,+BAA+B,CAAC,CAAA;IAEnC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;IAE3D,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,sBAAsB,EAAE,gBAAgB;QACxC,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,kDAAkD;KACzE,EAAE,oBAAoB,CAAC,CAAA;IAExB,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,2BACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe;YAE1B,8BAAM,SAAS,EAAE,aAAa,IAC3B,KAAK,CACD,CACL,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewsCard.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/NewsCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"NewsCard.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/NewsCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,QAAQ,MAAM,SAAS,CAAA;AAG9B,MAAM,aAAa,GAAmC;IACpD,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,OAAO,EAAE;YACP,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,UAAU,EAAE;YACV,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;YACxC,WAAW,EAAE,4DAA4D;YACzE,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,WAAW,EAAE;YACX,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,OAAO,EAAE;YACP,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,GACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,OAAO,EAAE,kJAAkJ;QAC3J,OAAO,EAAE,IAAI;QACb,UAAU,EAAE;YACV,KAAK,EAAE,+BAA+B;YACtC,OAAO,EAAE,IAAI;SACd;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,QAAQ;YACnB,IAAI,EAAE,GAAG;SACV;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAA;AAElF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,eAAe,aAAa,CAAA"}
|
|
@@ -4,15 +4,15 @@ import Image from '../Image';
|
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
const NewsCard = ({ id, className, title, content, imageProps, buttonProps, rounded }) => {
|
|
6
6
|
const classList = classNames({
|
|
7
|
-
'rounded-lg': rounded
|
|
7
|
+
'rounded-lg': rounded
|
|
8
8
|
}, className, 'border flex p-2');
|
|
9
|
-
return (React.createElement("div",
|
|
9
|
+
return (React.createElement("div", { id: id, className: classList },
|
|
10
10
|
React.createElement("div", null,
|
|
11
11
|
React.createElement(Image, Object.assign({}, imageProps))),
|
|
12
12
|
React.createElement("div", { className: 'flex flex-col justify-between expandable w-auto text-center' },
|
|
13
13
|
React.createElement("p", null, title),
|
|
14
14
|
React.createElement("p", null, content),
|
|
15
|
-
buttonProps &&
|
|
15
|
+
(buttonProps != null) &&
|
|
16
16
|
React.createElement("div", { className: 'px-8' },
|
|
17
17
|
React.createElement(Button, Object.assign({}, buttonProps), buttonProps.children)))));
|
|
18
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,oBAAoB,CAAA;AACjE,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAA;AAYnC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,WAAW,EACX,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,YAAY,EAAE,OAAO;KACtB,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAA;IAEhC,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B;YACE,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACrB;QACN,6BAAK,SAAS,EAAC,6DAA6D;YAC1E,+BAAI,KAAK,CAAK;YACd,+BAAI,OAAO,CAAK;YACf,CAAC,WAAW,IAAI,IAAI,CAAC;gBACpB,6BAAK,SAAS,EAAC,MAAM;oBACnB,oBAAC,MAAM,oBAAK,WAAW,GACpB,WAAW,CAAC,QAAQ,CACd,CACL,CACJ,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Profile from './index';
|
|
3
|
-
import userImage from '
|
|
4
|
-
import { idAndClassName } from '
|
|
3
|
+
import userImage from '@assets/images/user.jpeg';
|
|
4
|
+
import { idAndClassName } from '../../utils/controls';
|
|
5
5
|
const componentMeta = {
|
|
6
6
|
title: 'Trepur Components/Other/Organisms/Profile',
|
|
7
7
|
component: Profile,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Profile.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/Profile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,SAAS,MAAM
|
|
1
|
+
{"version":3,"file":"Profile.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/Profile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAkC;IACnD,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,UAAU,EAAE;YACV,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;YACxC,WAAW,EAAE,4DAA4D;YACzE,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,EACD,SAAS,EAAE;YACT,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;YACpC,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,YAAY,EAAE;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,GACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAmC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,OAAO,oBAAK,IAAI,EAAI,CAAA;AAEhF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,eAAe,aAAa,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import Image from '../Image';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
const Profile = ({ id, className, profileLinks, alignment, imageHeight, imageWidth, rounded, bordered, imageProps }) => {
|
|
4
|
+
const Profile = ({ id, className, profileLinks, alignment, imageHeight = 0, imageWidth = 0, rounded, bordered, imageProps }) => {
|
|
5
5
|
const [profileState, setProfileState] = useState(false);
|
|
6
6
|
const profileAlignment = classNames({
|
|
7
7
|
'float-right': alignment === 'right',
|
|
@@ -15,22 +15,20 @@ const Profile = ({ id, className, profileLinks, alignment, imageHeight, imageWid
|
|
|
15
15
|
'text-center': alignment !== 'right' && alignment !== 'left'
|
|
16
16
|
});
|
|
17
17
|
const classList = classNames({
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
'border': bordered
|
|
22
|
-
}, `${className} object-cover`);
|
|
18
|
+
'rounded-full': rounded === true,
|
|
19
|
+
border: bordered === true
|
|
20
|
+
}, className, `h-${imageHeight} w-${imageWidth} object-cover`);
|
|
23
21
|
return (React.createElement(React.Fragment, null,
|
|
24
|
-
React.createElement("div",
|
|
22
|
+
React.createElement("div", { id: id, className: `text-center ${classList}` },
|
|
25
23
|
React.createElement("div", { className: `hidden sm:inline-flex inset-y-0 ${profileAlignment}` },
|
|
26
|
-
React.createElement("button", { onClick: () => setProfileState(!profileState), type:
|
|
24
|
+
React.createElement("button", { onClick: () => setProfileState(!profileState), type: 'button', className: 'flex rounded-full' },
|
|
27
25
|
React.createElement(Image, Object.assign({}, imageProps))))),
|
|
28
26
|
profileState &&
|
|
29
27
|
React.createElement("div", { className: dropdownTextAlignement },
|
|
30
28
|
React.createElement("div", { className: `w-48 sm:inline-block shadow-lg
|
|
31
|
-
z-10 ${profileAlignment} ${dropdownAlignement}` }, profileLinks
|
|
32
|
-
return (React.createElement("a", { key: `profile_link_${i + 1}`, href: link.link, className:
|
|
33
|
-
// tabindex="-1"
|
|
29
|
+
z-10 ${profileAlignment} ${dropdownAlignement}` }, profileLinks === null || profileLinks === void 0 ? void 0 : profileLinks.map((link, i) => {
|
|
30
|
+
return (React.createElement("a", { key: `profile_link_${i + 1}`, href: link.link, className: 'border-b font-bold block px-4 py-2 text-sm', role: 'menuitem',
|
|
31
|
+
// tabindex="-1"
|
|
34
32
|
id: `user-menu-item-${i + 1}` }, link.name));
|
|
35
33
|
})))));
|
|
36
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAA;AAcnC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,EACd,OAAO,EACP,QAAQ,EACR,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,aAAa,EAAE,SAAS,KAAK,OAAO;QACpC,YAAY,EAAE,SAAS,KAAK,MAAM;KACnC,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,cAAc,EAAE,SAAS,KAAK,OAAO;QACrC,cAAc,EAAE,SAAS,KAAK,MAAM;KACrC,CAAC,CAAA;IAEF,MAAM,sBAAsB,GAAG,UAAU,CAAC;QACxC,aAAa,EAAE,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM;KAC7D,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,cAAc,EAAE,OAAO,KAAK,IAAI;QAChC,MAAM,EAAE,QAAQ,KAAK,IAAI;KAC1B,EAAE,SAAS,EAAE,KAAK,WAAW,MAAM,UAAU,eAAe,CAAC,CAAA;IAE9D,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,eAAe,SAAS,EAAE;YAChD,6BAAK,SAAS,EAAE,oCAAoC,gBAAgB,EAAE;gBACpE,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mBAAmB;oBAE7B,oBAAC,KAAK,oBAAK,UAAU,EAAI,CAClB,CACL,CACF;QACL,YAAY;YACX,6BAAK,SAAS,EAAE,sBAAsB;gBACpC,6BAAK,SAAS,EAAE;+BACK,gBAAgB,IAAI,kBAAkB,EAAE,IAE1D,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;oBAC7B,OAAO,CACL,2BACE,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAC,4CAA4C,EACtD,IAAI,EAAC,UAAU;wBACG,gBAAgB;wBAClC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,IAE5B,IAAI,CAAC,IAAI,CACR,CACL,CAAA;gBACH,CAAC,CAAC,CACE,CACF,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Row from './index';
|
|
3
3
|
import CardWithTopImage from '../CardWithTopImage';
|
|
4
|
-
import logo from '
|
|
5
|
-
import { idAndClassName } from '
|
|
6
|
-
const cardChild = React.createElement(CardWithTopImage, { imageProps: {
|
|
4
|
+
import logo from '@assets/images/primary-logo.png';
|
|
5
|
+
import { idAndClassName } from '../../utils/controls';
|
|
6
|
+
const cardChild = (React.createElement(CardWithTopImage, { imageProps: {
|
|
7
7
|
image: logo,
|
|
8
8
|
rounded: true,
|
|
9
9
|
height: 4,
|
|
@@ -13,7 +13,7 @@ const cardChild = React.createElement(CardWithTopImage, { imageProps: {
|
|
|
13
13
|
React.createElement("p", null, "This is some text"),
|
|
14
14
|
React.createElement("p", null, "This is some more text"),
|
|
15
15
|
React.createElement("p", null, "This is a bit more text"),
|
|
16
|
-
React.createElement("p", null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem odit ad sed, quam recusandae voluptatem provident eveniet beatae omnis vero minus unde facilis. Quia commodi quas odit iusto ut enim!"));
|
|
16
|
+
React.createElement("p", null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem odit ad sed, quam recusandae voluptatem provident eveniet beatae omnis vero minus unde facilis. Quia commodi quas odit iusto ut enim!")));
|
|
17
17
|
const componentMeta = {
|
|
18
18
|
title: 'Trepur Components/Rupert Bennett/Atoms/Row',
|
|
19
19
|
component: Row,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Row/Row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,GAAG,MAAM,SAAS,CAAA;AACzB,OAAO,gBAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"Row.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Row/Row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,GAAG,MAAM,SAAS,CAAA;AACzB,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,IAAI,MAAM,iCAAiC,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,MAAM,SAAS,GAAG,CAChB,oBAAC,gBAAgB,IACf,UAAU,EAAE;QACV,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;QACR,WAAW,EAAE,IAAI;KAClB,EACD,SAAS,EAAC,OAAO;IAEjB,mDAAwB;IACxB,wDAA6B;IAC7B,yDAA8B;IAC9B,wOAA6M,CAC5L,CACpB,CAAA;AAED,MAAM,aAAa,GAA8B;IAC/C,KAAK,EAAE,4CAA4C;IACnD,SAAS,EAAE,GAAG;IACd,QAAQ,kCACH,cAAc,KACjB,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE;YAC1D,WAAW,EAAE,6CAA6C;YAC1D,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,OAAO;iBACjB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,GACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;KACpB;CACF,CAAA;AAED,MAAM,QAAQ,GAA+B,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,GAAG,oBAAK,IAAI,EAAI,CAAA;AAExE,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAErC,eAAe,aAAa,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,GAAG,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Row/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;IAEzD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Search/Search.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,MAAM,MAAM,SAAS,CAAA;AAG5B,MAAM,aAAa,GAAiC;
|
|
1
|
+
{"version":3,"file":"Search.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Search/Search.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,MAAM,MAAM,SAAS,CAAA;AAG5B,MAAM,aAAa,GAAiC;IAClD,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,aAAa,EAAE;YACb,WAAW,EAAE,oEAAoE;YACjF,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,cAAc,EAAE;YACd,WAAW,EAAE,qEAAqE;YAClF,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,WAAW,EAAE;YACX,WAAW,EAAE,kEAAkE;YAC/E,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,EACD,IAAI,EAAE;YACJ,WAAW,EAAE,oEAAoE;YACjF,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF,GACF;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,WAAW;QACxB,aAAa,EAAE;YACb,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,wCAAwC;SACpD;QACD,cAAc,EAAE;YACd,IAAI,EAAE,OAAO;YACb,SAAS,EAAE,yCAAyC;SACrD;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,MAAM,oBAAK,IAAI,EAAI,CAAA;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,eAAe,aAAa,CAAA"}
|
|
@@ -2,21 +2,21 @@ import React from 'react';
|
|
|
2
2
|
import Icon from '../Icon';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
const Search = ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }) => {
|
|
5
|
-
const classList = classNames(
|
|
5
|
+
const classList = classNames(className, 'flex');
|
|
6
6
|
const inputClasses = classNames({
|
|
7
|
-
'pl-9': leftIconProps,
|
|
8
|
-
'pl-2':
|
|
7
|
+
'pl-9': leftIconProps !== undefined,
|
|
8
|
+
'pl-2': leftIconProps === undefined
|
|
9
9
|
}, 'w-full border-2 rounded-md py-2 pr-9');
|
|
10
|
-
const onChangeFunc = onChange ? (e) => onChange(e.target.value) : undefined;
|
|
11
|
-
return (React.createElement("div",
|
|
12
|
-
React.createElement("div", null, text &&
|
|
10
|
+
const onChangeFunc = (onChange != null) ? (e) => onChange(e.target.value) : undefined;
|
|
11
|
+
return (React.createElement("div", { id: id, className: classList },
|
|
12
|
+
React.createElement("div", null, text !== undefined &&
|
|
13
13
|
React.createElement("h2", { className: 'font-base-lg py-2 pr-4' }, text)),
|
|
14
14
|
React.createElement("div", null,
|
|
15
|
-
React.createElement("div", { className:
|
|
16
|
-
leftIconProps &&
|
|
15
|
+
React.createElement("div", { className: 'relative w-full flex' },
|
|
16
|
+
(leftIconProps != null) &&
|
|
17
17
|
React.createElement(Icon, Object.assign({}, leftIconProps)),
|
|
18
|
-
React.createElement("input", { className: inputClasses, onChange: onChangeFunc, placeholder: placeholder, type:
|
|
19
|
-
rightIconProps &&
|
|
18
|
+
React.createElement("input", { className: inputClasses, onChange: onChangeFunc, placeholder: placeholder, type: 'text', name: 'search' }),
|
|
19
|
+
(rightIconProps != null) &&
|
|
20
20
|
React.createElement(Icon, Object.assign({}, rightIconProps))))));
|
|
21
21
|
};
|
|
22
22
|
export default Search;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Search/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Search/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,IAA4B,MAAM,kBAAkB,CAAA;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAA;AAYnC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACR,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;IAE/C,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,MAAM,EAAE,aAAa,KAAK,SAAS;QACnC,MAAM,EAAE,aAAa,KAAK,SAAS;KACpC,EAAE,sCAAsC,CAAC,CAAA;IAE1C,MAAM,YAAY,GAAqD,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE5I,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,iCACG,IAAI,KAAK,SAAS;YACjB,4BAAI,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAM,CAChD;QACN;YACE,6BAAK,SAAS,EAAC,sBAAsB;gBAClC,CAAC,aAAa,IAAI,IAAI,CAAC;oBACtB,oBAAC,IAAI,oBAAK,aAAa,EAAI;gBAC7B,+BACE,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,GACb;gBACD,CAAC,cAAc,IAAI,IAAI,CAAC;oBACvB,oBAAC,IAAI,oBAAK,cAAc,EAAI,CAC1B,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -4,14 +4,14 @@ import { action } from '@storybook/addon-actions';
|
|
|
4
4
|
import Icon from '../Icon';
|
|
5
5
|
import Button from '../Button';
|
|
6
6
|
const socialButtons = [
|
|
7
|
-
React.createElement(Button, { className: 'mx-2 w-16 py-4 border border-1', href:
|
|
8
|
-
React.createElement(Icon, { type:
|
|
9
|
-
React.createElement(Button, { className: 'mx-2 w-16 py-4 border border-1', href:
|
|
10
|
-
React.createElement(Icon, { brand: true, type:
|
|
11
|
-
React.createElement(Button, { className: 'mx-2 w-16 py-4 border border-1', href:
|
|
12
|
-
React.createElement(Icon, { brand: true, type:
|
|
13
|
-
React.createElement(Button, { className: 'mx-2 w-16 py-4 border border-1', href:
|
|
14
|
-
React.createElement(Icon, { type:
|
|
7
|
+
React.createElement(Button, { key: 'btn_1', className: 'mx-2 w-16 py-4 border border-1', href: 'https://www.facebook.com/rupert.bennett', type: 'social' },
|
|
8
|
+
React.createElement(Icon, { type: 'facebook-f', brand: true, size: 2, className: 'mx-auto', colour: 'white', bgColour: 'primary' })),
|
|
9
|
+
React.createElement(Button, { key: 'btn_2', className: 'mx-2 w-16 py-4 border border-1', href: 'https://www.linkedin.com/in/rupert-bennett', type: 'social' },
|
|
10
|
+
React.createElement(Icon, { brand: true, type: 'linkedin-in', size: 2, className: 'mx-auto', colour: 'white', bgColour: 'primary' })),
|
|
11
|
+
React.createElement(Button, { key: 'btn_3', className: 'mx-2 w-16 py-4 border border-1', href: 'https://github.com/irupertbennett', type: 'social' },
|
|
12
|
+
React.createElement(Icon, { brand: true, type: 'github', size: 2, className: 'mx-auto', colour: 'white', bgColour: 'primary' })),
|
|
13
|
+
React.createElement(Button, { key: 'btn_4', className: 'mx-2 w-16 py-4 border border-1', href: 'mailto:irupertbennett@gmail.com?subject=rupertbennett.com-&body=Referred from rupertbennett.com', type: 'social' },
|
|
14
|
+
React.createElement(Icon, { type: 'envelope', size: 2, className: 'mx-auto', colour: 'white', bgColour: 'primary' }))
|
|
15
15
|
];
|
|
16
16
|
const componentMeta = {
|
|
17
17
|
title: 'Trepur Components/Rupert Bennett/Organisms/Social Block',
|
|
@@ -49,7 +49,7 @@ const componentMeta = {
|
|
|
49
49
|
editInputClasses: 'mt-4 border border-black text-black bg-white',
|
|
50
50
|
onSave: action('button-save'),
|
|
51
51
|
withLiveUpdates: true,
|
|
52
|
-
socialButtons
|
|
52
|
+
socialButtons
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
55
|
const Template = (args) => React.createElement(SocialBlock, Object.assign({}, args));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialBlock.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,IAAI,MAAM,
|
|
1
|
+
{"version":3,"file":"SocialBlock.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ export interface Props {
|
|
|
6
6
|
title?: string;
|
|
7
7
|
text?: string;
|
|
8
8
|
withLiveUpdates?: boolean;
|
|
9
|
-
onSave?: (arr:
|
|
9
|
+
onSave?: (arr: any[], id: string | undefined) => void;
|
|
10
10
|
saveButtonProps?: buttonProps;
|
|
11
11
|
cancelButtonProps?: buttonProps;
|
|
12
12
|
editTitleClasses?: string;
|
|
@@ -14,7 +14,7 @@ export interface Props {
|
|
|
14
14
|
editInputClasses?: string;
|
|
15
15
|
buttonWrapperClasses?: string;
|
|
16
16
|
textWrapperClasses?: string;
|
|
17
|
-
socialButtons?:
|
|
17
|
+
socialButtons?: buttonProps[];
|
|
18
18
|
theme: 'light' | 'dark';
|
|
19
19
|
}
|
|
20
20
|
declare const SocialBlock: ({ id, className, title, text, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, theme }: Props) => JSX.Element;
|