trepur_components 1.0.0 → 1.0.1
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/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
- package/dist/components/Accordion/Accordion.stories.tsx +0 -88
- package/dist/components/Accordion/index.tsx +0 -31
- package/dist/components/AlertBar/AlertBar.stories.tsx +0 -105
- package/dist/components/AlertBar/index.tsx +0 -127
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -60
- package/dist/components/Breadcrumbs/index.tsx +0 -55
- package/dist/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.tsx +0 -52
- package/dist/components/BreadcrumbsBordered/index.tsx +0 -44
- package/dist/components/BreadcrumbsItem/BreadcrumbsItem.stories.tsx +0 -54
- package/dist/components/BreadcrumbsItem/index.tsx +0 -151
- package/dist/components/Button/button.stories.tsx +0 -148
- package/dist/components/Button/index.tsx +0 -91
- package/dist/components/Card/Card.stories.tsx +0 -150
- package/dist/components/Card/index.tsx +0 -162
- package/dist/components/CardWithTopImage/CardWithTopImage.stories.tsx +0 -48
- package/dist/components/CardWithTopImage/index.tsx +0 -40
- package/dist/components/Carousel/Carousel.stories.tsx +0 -369
- package/dist/components/Carousel/index.tsx +0 -267
- package/dist/components/ChevronCard/ChevronCard.stories.tsx +0 -21
- package/dist/components/ChevronCard/index.tsx +0 -39
- package/dist/components/Collapsible/Collapsible.stories.tsx +0 -70
- package/dist/components/Collapsible/index.tsx +0 -124
- package/dist/components/Column/Column.stories.tsx +0 -82
- package/dist/components/Column/index.tsx +0 -114
- package/dist/components/Container/Container.stories.tsx +0 -38
- package/dist/components/Container/index.tsx +0 -30
- package/dist/components/FooterBar/footerBar.stories.tsx +0 -57
- package/dist/components/FooterBar/index.tsx +0 -44
- package/dist/components/Form/Form.stories.tsx +0 -93
- package/dist/components/Form/index.tsx +0 -58
- package/dist/components/FyreCard/FyreCard.stories.tsx +0 -29
- package/dist/components/FyreCard/index.tsx +0 -46
- package/dist/components/Greeting/Greeting.stories.tsx +0 -42
- package/dist/components/Greeting/index.tsx +0 -46
- package/dist/components/HamburgerIcon/HamburgerIcon.stories.tsx +0 -50
- package/dist/components/HamburgerIcon/index.tsx +0 -65
- package/dist/components/Icon/Icon.stories.tsx +0 -102
- package/dist/components/Icon/index.tsx +0 -112
- package/dist/components/Image/Image.stories.tsx +0 -88
- package/dist/components/Image/index.tsx +0 -113
- package/dist/components/ImageLink/ImageLink.stories.tsx +0 -60
- package/dist/components/ImageLink/index.tsx +0 -62
- package/dist/components/ImageLinkList/ImageLinkList.stories.tsx +0 -32
- package/dist/components/ImageLinkList/index.tsx +0 -33
- package/dist/components/InformationIcon/InformationIcon.stories.tsx +0 -86
- package/dist/components/InformationIcon/index.tsx +0 -84
- package/dist/components/Input/Input.stories.tsx +0 -99
- package/dist/components/Input/index.tsx +0 -126
- package/dist/components/Jumbotron/Jumbotron.stories.tsx +0 -22
- package/dist/components/Jumbotron/index.tsx +0 -25
- package/dist/components/Nav/Nav.stories.tsx +0 -155
- package/dist/components/Nav/index.tsx +0 -180
- package/dist/components/NavItem/NavItem.stories.tsx +0 -89
- package/dist/components/NavItem/index.tsx +0 -65
- package/dist/components/NewsCard/NewsCard.stories.tsx +0 -71
- package/dist/components/NewsCard/index.tsx +0 -48
- package/dist/components/Profile/Profile.stories.tsx +0 -50
- package/dist/components/Profile/index.tsx +0 -87
- package/dist/components/Row/Row.stories.tsx +0 -51
- package/dist/components/Row/index.tsx +0 -24
- package/dist/components/Search/Search.stories.tsx +0 -58
- package/dist/components/Search/index.tsx +0 -58
- package/dist/components/SocialBlock/SocialBlock.stories.tsx +0 -114
- package/dist/components/SocialBlock/index.tsx +0 -161
- package/dist/components/StarRating/StarRating.stories.tsx +0 -23
- package/dist/components/StarRating/index.tsx +0 -71
- package/dist/components/Testimonial/Testimonial.stories.tsx +0 -110
- package/dist/components/Testimonial/index.tsx +0 -50
- package/dist/components/TextAndTitle/TextAndTitle.stories.tsx +0 -65
- package/dist/components/TextAndTitle/index.tsx +0 -257
- package/dist/components/TextArea/TextArea.stories.tsx +0 -67
- package/dist/components/TextArea/index.tsx +0 -97
- package/dist/components/Timeline/Timeline.stories.tsx +0 -100
- package/dist/components/Timeline/index.css +0 -133
- package/dist/components/Timeline/index.tsx +0 -315
- package/dist/components/Tubestops/Tubestops.stories.tsx +0 -66
- package/dist/components/Tubestops/index.css +0 -92
- package/dist/components/Tubestops/index.tsx +0 -77
- package/dist/components/UserIcon/UserIcon.stories.tsx +0 -67
- package/dist/components/UserIcon/index.tsx +0 -42
- package/dist/components/Video/Video.stories.tsx +0 -23
- package/dist/components/Video/index.tsx +0 -49
- package/dist/fonts/Sora/OFL.txt +0 -93
- package/dist/fonts/Sora/README.txt +0 -70
- package/dist/fonts/Sora/Sora-VariableFont_wght.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Bold.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-ExtraBold.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-ExtraLight.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Light.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Medium.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Regular.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-SemiBold.ttf +0 -0
- package/dist/fonts/Sora/static/Sora-Thin.ttf +0 -0
- package/dist/index.js +0 -272
- package/dist/styles/base.css +0 -73
|
@@ -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":"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"}
|
|
@@ -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;
|
|
@@ -6,10 +6,10 @@ const SocialBlock = ({ id, className, title, text, withLiveUpdates, onSave, save
|
|
|
6
6
|
const colours = theme === 'dark' ? 'placeholder-white bg-primary text-white' : 'placeholder-primary bg-white text-primary';
|
|
7
7
|
const defaultComponentData = {
|
|
8
8
|
title: {
|
|
9
|
-
text: title
|
|
9
|
+
text: title
|
|
10
10
|
},
|
|
11
11
|
text: {
|
|
12
|
-
text
|
|
12
|
+
text
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
const [isInEditingMode, setIsInEditingMode] = useState(false);
|
|
@@ -17,19 +17,19 @@ const SocialBlock = ({ id, className, title, text, withLiveUpdates, onSave, save
|
|
|
17
17
|
const [componentData, setComponentData] = useState(defaultComponentData);
|
|
18
18
|
const hoverClasses = 'border-dashed border';
|
|
19
19
|
const classList = classNames(className, colours);
|
|
20
|
-
const buttnoWrapperClasslist = classNames(
|
|
20
|
+
const buttnoWrapperClasslist = classNames(buttonWrapperClasses, 'py-4');
|
|
21
21
|
const hoverClassList = classNames({
|
|
22
|
-
[hoverClasses]: withLiveUpdates && !isInEditingMode && isHovering
|
|
22
|
+
[hoverClasses]: withLiveUpdates !== undefined && !isInEditingMode && isHovering
|
|
23
23
|
}, textWrapperClasses);
|
|
24
24
|
const toggleEditState = () => {
|
|
25
|
-
withLiveUpdates && setIsInEditingMode(!isInEditingMode);
|
|
25
|
+
withLiveUpdates === true && setIsInEditingMode(!isInEditingMode);
|
|
26
26
|
};
|
|
27
27
|
const handleButtonSave = () => {
|
|
28
28
|
const arr = [];
|
|
29
29
|
arr.push({ key: 'title', value: componentData.title.text });
|
|
30
30
|
arr.push({ key: 'text', value: componentData.text.text });
|
|
31
31
|
toggleEditState();
|
|
32
|
-
onSave
|
|
32
|
+
onSave === null || onSave === void 0 ? void 0 : onSave(arr, id);
|
|
33
33
|
setIsHovering(false);
|
|
34
34
|
};
|
|
35
35
|
const handleButtonCancel = () => {
|
|
@@ -44,23 +44,22 @@ const SocialBlock = ({ id, className, title, text, withLiveUpdates, onSave, save
|
|
|
44
44
|
} }));
|
|
45
45
|
};
|
|
46
46
|
const toggleHoverState = () => {
|
|
47
|
-
withLiveUpdates && setIsHovering(!isHovering);
|
|
47
|
+
withLiveUpdates === true && setIsHovering(!isHovering);
|
|
48
48
|
};
|
|
49
|
-
return (React.createElement("div",
|
|
50
|
-
React.createElement("div", { className: colours },
|
|
51
|
-
React.createElement(Input, { id: 'title', className: editTitleClasses, inputClasses: editInputClasses, autoFocus: true, value: componentData.title.text, onChange: (e) => handleChange(e), type:
|
|
52
|
-
React.createElement(Input, { id: 'text', className: editTextClasses, inputClasses: editInputClasses, value: componentData.text.text, onChange: (e) => handleChange(e), type:
|
|
49
|
+
return (React.createElement("div", { id: id, className: classList }, withLiveUpdates === true && isInEditingMode
|
|
50
|
+
? (React.createElement("div", { className: colours },
|
|
51
|
+
React.createElement(Input, { id: 'title', className: editTitleClasses, inputClasses: editInputClasses, autoFocus: true, value: componentData.title.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
|
|
52
|
+
React.createElement(Input, { id: 'text', className: editTextClasses, inputClasses: editInputClasses, value: componentData.text.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
|
|
53
53
|
React.createElement(Button, { className: 'mt-4', onClick: handleButtonSave }, "Save"),
|
|
54
|
-
React.createElement(Button, { className: 'mt-4 ml-4', onClick: handleButtonCancel }, "Cancel"))
|
|
55
|
-
:
|
|
56
|
-
React.createElement(
|
|
57
|
-
React.createElement("
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
React.createElement("div", { className:
|
|
61
|
-
React.createElement("div", {
|
|
62
|
-
|
|
63
|
-
}))))));
|
|
54
|
+
React.createElement(Button, { className: 'mt-4 ml-4', onClick: handleButtonCancel }, "Cancel")))
|
|
55
|
+
: (React.createElement(React.Fragment, null,
|
|
56
|
+
React.createElement("div", { onMouseOver: () => toggleHoverState(), onMouseOut: () => toggleHoverState(), onClick: toggleEditState, className: hoverClassList },
|
|
57
|
+
React.createElement("h2", { className: 'text-md sm:text-lg' }, componentData.title.text),
|
|
58
|
+
React.createElement("p", { className: 'pt-4' }, componentData.text.text)),
|
|
59
|
+
React.createElement("div", { className: buttnoWrapperClasslist },
|
|
60
|
+
React.createElement("div", { className: 'flex flex-wrap w-full justify-center' }, socialButtons === null || socialButtons === void 0 ? void 0 : socialButtons.map((button, i) => {
|
|
61
|
+
return React.createElement("div", { key: `social_btn_${i + 1}` }, button);
|
|
62
|
+
})))))));
|
|
64
63
|
};
|
|
65
64
|
export default SocialBlock;
|
|
66
65
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import StarRating from './index';
|
|
3
|
-
import { idAndClassName } from '
|
|
3
|
+
import { idAndClassName } from '../../utils/controls';
|
|
4
4
|
const componentMeta = {
|
|
5
5
|
title: 'Trepur Components/Other/Atoms/Star Rating',
|
|
6
6
|
component: StarRating,
|