trepur_components 1.0.6 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/lib/components/Carousel/Carousel.d.ts +25 -9
- package/dist/src/lib/components/Carousel/Carousel.js +6 -6
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/Image/Image.d.ts +2 -1
- package/dist/src/lib/components/Image/Image.js +3 -2
- package/dist/src/lib/components/Image/Image.js.map +1 -1
- package/dist/src/lib/components/Image/style.module.css +9 -0
- package/dist/src/lib/components/Image/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.js +0 -1
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/style.module.css +1 -5
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/Timeline/style.module.css +0 -1
- package/dist/src/lib/components/Timeline/style.module.css.map +1 -1
- package/package.json +2 -2
- package/dist/src/lib/components/Accordion/style.module.css +0 -4
- package/dist/src/lib/components/Accordion/style.module.css.map +0 -1
- package/dist/src/lib/components/AlertBar/index.d.ts +0 -16
- package/dist/src/lib/components/AlertBar/index.js +0 -64
- package/dist/src/lib/components/AlertBar/index.js.map +0 -1
- package/dist/src/lib/components/Breadcrumbs/index.d.ts +0 -11
- package/dist/src/lib/components/Breadcrumbs/index.js +0 -20
- package/dist/src/lib/components/Breadcrumbs/index.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.d.ts +0 -9
- package/dist/src/lib/components/BreadcrumbsBordered/index.js +0 -18
- package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsItem/index.d.ts +0 -12
- package/dist/src/lib/components/BreadcrumbsItem/index.js +0 -57
- package/dist/src/lib/components/BreadcrumbsItem/index.js.map +0 -1
- package/dist/src/lib/components/Button/index.d.ts +0 -17
- package/dist/src/lib/components/Button/index.js +0 -32
- package/dist/src/lib/components/Button/index.js.map +0 -1
- package/dist/src/lib/components/Card/index.d.ts +0 -31
- package/dist/src/lib/components/Card/index.js +0 -66
- package/dist/src/lib/components/Card/index.js.map +0 -1
- package/dist/src/lib/components/CardWithTopImage/index.d.ts +0 -10
- package/dist/src/lib/components/CardWithTopImage/index.js +0 -15
- package/dist/src/lib/components/CardWithTopImage/index.js.map +0 -1
- package/dist/src/lib/components/Carousel/index.d.ts +0 -58
- package/dist/src/lib/components/Carousel/index.js +0 -122
- package/dist/src/lib/components/Carousel/index.js.map +0 -1
- package/dist/src/lib/components/ChevronCard/index.d.ts +0 -7
- package/dist/src/lib/components/ChevronCard/index.js +0 -20
- package/dist/src/lib/components/ChevronCard/index.js.map +0 -1
- package/dist/src/lib/components/Collapsible/index.d.ts +0 -16
- package/dist/src/lib/components/Collapsible/index.js +0 -67
- package/dist/src/lib/components/Collapsible/index.js.map +0 -1
- package/dist/src/lib/components/Column/index.d.ts +0 -12
- package/dist/src/lib/components/Column/index.js +0 -83
- package/dist/src/lib/components/Column/index.js.map +0 -1
- package/dist/src/lib/components/Container/index.d.ts +0 -9
- package/dist/src/lib/components/Container/index.js +0 -8
- package/dist/src/lib/components/Container/index.js.map +0 -1
- package/dist/src/lib/components/FooterBar/index.d.ts +0 -11
- package/dist/src/lib/components/FooterBar/index.js +0 -15
- package/dist/src/lib/components/FooterBar/index.js.map +0 -1
- package/dist/src/lib/components/Form/index.d.ts +0 -16
- package/dist/src/lib/components/Form/index.js +0 -19
- package/dist/src/lib/components/Form/index.js.map +0 -1
- package/dist/src/lib/components/FyreCard/index.d.ts +0 -13
- package/dist/src/lib/components/FyreCard/index.js +0 -17
- package/dist/src/lib/components/FyreCard/index.js.map +0 -1
- package/dist/src/lib/components/Greeting/index.d.ts +0 -10
- package/dist/src/lib/components/Greeting/index.js +0 -23
- package/dist/src/lib/components/Greeting/index.js.map +0 -1
- package/dist/src/lib/components/HamburgerIcon/index.d.ts +0 -7
- package/dist/src/lib/components/HamburgerIcon/index.js +0 -26
- package/dist/src/lib/components/HamburgerIcon/index.js.map +0 -1
- package/dist/src/lib/components/Icon/index.d.ts +0 -19
- package/dist/src/lib/components/Icon/index.js +0 -56
- package/dist/src/lib/components/Icon/index.js.map +0 -1
- package/dist/src/lib/components/Image/index.d.ts +0 -16
- package/dist/src/lib/components/Image/index.js +0 -54
- package/dist/src/lib/components/Image/index.js.map +0 -1
- package/dist/src/lib/components/ImageLink/index.d.ts +0 -15
- package/dist/src/lib/components/ImageLink/index.js +0 -18
- package/dist/src/lib/components/ImageLink/index.js.map +0 -1
- package/dist/src/lib/components/ImageLinkList/index.d.ts +0 -9
- package/dist/src/lib/components/ImageLinkList/index.js +0 -11
- package/dist/src/lib/components/ImageLinkList/index.js.map +0 -1
- package/dist/src/lib/components/InformationIcon/index.d.ts +0 -15
- package/dist/src/lib/components/InformationIcon/index.js +0 -45
- package/dist/src/lib/components/InformationIcon/index.js.map +0 -1
- package/dist/src/lib/components/Input/index.d.ts +0 -31
- package/dist/src/lib/components/Input/index.js +0 -25
- package/dist/src/lib/components/Input/index.js.map +0 -1
- package/dist/src/lib/components/Jumbotron/index.d.ts +0 -9
- package/dist/src/lib/components/Jumbotron/index.js +0 -9
- package/dist/src/lib/components/Jumbotron/index.js.map +0 -1
- package/dist/src/lib/components/Nav/index.d.ts +0 -22
- package/dist/src/lib/components/Nav/index.js +0 -65
- package/dist/src/lib/components/Nav/index.js.map +0 -1
- package/dist/src/lib/components/NavItem/index.d.ts +0 -15
- package/dist/src/lib/components/NavItem/index.js +0 -24
- package/dist/src/lib/components/NavItem/index.js.map +0 -1
- package/dist/src/lib/components/NewsCard/index.d.ts +0 -14
- package/dist/src/lib/components/NewsCard/index.js +0 -20
- package/dist/src/lib/components/NewsCard/index.js.map +0 -1
- package/dist/src/lib/components/Profile/index.d.ts +0 -18
- package/dist/src/lib/components/Profile/index.js +0 -36
- package/dist/src/lib/components/Profile/index.js.map +0 -1
- package/dist/src/lib/components/Row/index.d.ts +0 -8
- package/dist/src/lib/components/Row/index.js +0 -8
- package/dist/src/lib/components/Row/index.js.map +0 -1
- package/dist/src/lib/components/Search/index.d.ts +0 -13
- package/dist/src/lib/components/Search/index.js +0 -23
- package/dist/src/lib/components/Search/index.js.map +0 -1
- package/dist/src/lib/components/SocialBlock/index.d.ts +0 -21
- package/dist/src/lib/components/SocialBlock/index.js +0 -65
- package/dist/src/lib/components/SocialBlock/index.js.map +0 -1
- package/dist/src/lib/components/StarRating/index.d.ts +0 -9
- package/dist/src/lib/components/StarRating/index.js +0 -27
- package/dist/src/lib/components/StarRating/index.js.map +0 -1
- package/dist/src/lib/components/Testimonial/index.d.ts +0 -17
- package/dist/src/lib/components/Testimonial/index.js +0 -27
- package/dist/src/lib/components/Testimonial/index.js.map +0 -1
- package/dist/src/lib/components/TextAndTitle/index.d.ts +0 -26
- package/dist/src/lib/components/TextAndTitle/index.js +0 -104
- package/dist/src/lib/components/TextAndTitle/index.js.map +0 -1
- package/dist/src/lib/components/TextArea/index.d.ts +0 -27
- package/dist/src/lib/components/TextArea/index.js +0 -19
- package/dist/src/lib/components/TextArea/index.js.map +0 -1
- package/dist/src/lib/components/Timeline/index.css +0 -135
- package/dist/src/lib/components/Timeline/index.css.map +0 -1
- package/dist/src/lib/components/Timeline/index.d.ts +0 -14
- package/dist/src/lib/components/Timeline/index.js +0 -208
- package/dist/src/lib/components/Timeline/index.js.map +0 -1
- package/dist/src/lib/components/Tubestops/index.css +0 -97
- package/dist/src/lib/components/Tubestops/index.css.map +0 -1
- package/dist/src/lib/components/Tubestops/index.d.ts +0 -13
- package/dist/src/lib/components/Tubestops/index.js +0 -44
- package/dist/src/lib/components/Tubestops/index.js.map +0 -1
- package/dist/src/lib/components/UserIcon/index.d.ts +0 -11
- package/dist/src/lib/components/UserIcon/index.js +0 -16
- package/dist/src/lib/components/UserIcon/index.js.map +0 -1
- package/dist/src/lib/components/Video/index.d.ts +0 -17
- package/dist/src/lib/components/Video/index.js +0 -9
- package/dist/src/lib/components/Video/index.js.map +0 -1
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import NavItem from '../NavItem';
|
|
4
|
-
import HamburgerIcon from '../HamburgerIcon';
|
|
5
|
-
const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, fixedTop, mobileClasses, getNavStatus, theme = 'dark', text, textLink }) => {
|
|
6
|
-
const [showSideNav, setShowSideNav] = useState(false);
|
|
7
|
-
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
8
|
-
const colours = theme === 'dark' ? 'text-white bg-primary' : 'text-primary bg-white';
|
|
9
|
-
const textColour = theme === 'dark' ? 'text-white' : 'text-primary';
|
|
10
|
-
const navItemsClassList = 'flex justify-center my-auto px-4 lg:px-8';
|
|
11
|
-
const logoClassList = 'flex justify-center my-auto pl-16 lg:pl-24';
|
|
12
|
-
const emailClassList = 'flex justify-center my-auto pr-24';
|
|
13
|
-
const classList = classNames(className, colours, 'h-16');
|
|
14
|
-
const sideNavClasses = classNames({
|
|
15
|
-
'w-0': !showSideNav,
|
|
16
|
-
'w-full sm:w-1/3': showSideNav
|
|
17
|
-
}, colours, 'z-50 md:hidden mt-20 fixed overflow-hidden h-full duration-700');
|
|
18
|
-
const dropdownNavClasses = classNames({
|
|
19
|
-
'h-0': !showDropdownNav,
|
|
20
|
-
[`h-${dropdownNavHeight}`]: showDropdownNav
|
|
21
|
-
}, colours, 'z-50 md:hidden overflow-hidden pt-20');
|
|
22
|
-
const logoImageClassList = 'h-16 w-auto';
|
|
23
|
-
const mobileClassList = classNames({
|
|
24
|
-
'fixed w-full z-50 top-0 mt-0': fixedTop
|
|
25
|
-
}, colours, mobileClasses, 'flex items-center md:hidden py-2');
|
|
26
|
-
const desktopClassList = classNames({
|
|
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 flex bg-primary');
|
|
29
|
-
const toggleMenu = () => {
|
|
30
|
-
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(asSideBar, true);
|
|
31
|
-
if (asSideBar) {
|
|
32
|
-
setShowSideNav(!showSideNav);
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
setShowDropdownNav(!showDropdownNav);
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
return (React.createElement("header", { id: id, className: classList },
|
|
39
|
-
React.createElement("div", { id: 'mobile-nav', className: `${mobileClassList}` },
|
|
40
|
-
React.createElement("div", { id: 'nav-collapse-btn-wrapper', className: 'absolute inset-y-0 left-8 top-5' },
|
|
41
|
-
React.createElement(HamburgerIcon, { onClick: toggleMenu })),
|
|
42
|
-
React.createElement("a", { id: 'logo-link', className: 'mx-auto', href: logoLink },
|
|
43
|
-
React.createElement("img", { className: logoImageClassList, src: theme === 'dark' ? mobileLogoDarkTheme : mobileLogo, alt: 'Logo' }))),
|
|
44
|
-
React.createElement("div", { id: 'destop-nav', className: desktopClassList },
|
|
45
|
-
React.createElement("div", { className: logoClassList },
|
|
46
|
-
React.createElement("a", { id: 'logo-link', className: 'mx-auto', href: logoLink },
|
|
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' })));
|
|
50
|
-
})),
|
|
51
|
-
React.createElement("div", { className: emailClassList },
|
|
52
|
-
React.createElement("a", { className: `hidden lg:inline-block ${textColour}`, href: textLink }, text))),
|
|
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
|
-
}))))));
|
|
63
|
-
};
|
|
64
|
-
export default Nav;
|
|
65
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface Props {
|
|
3
|
-
id?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
title: string;
|
|
6
|
-
href?: string;
|
|
7
|
-
onClick?: React.MouseEventHandler;
|
|
8
|
-
bordered?: boolean;
|
|
9
|
-
rounded?: boolean;
|
|
10
|
-
underlineOnHover?: boolean;
|
|
11
|
-
isActive?: boolean;
|
|
12
|
-
variant?: 'primary' | 'secondary';
|
|
13
|
-
}
|
|
14
|
-
declare const NavItem: ({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant }: Props) => JSX.Element;
|
|
15
|
-
export default NavItem;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
const NavItem = ({ id, className, title, href, onClick, bordered = false, rounded = true, underlineOnHover = true, isActive = false, variant = 'primary' }) => {
|
|
4
|
-
const linkClassList = classNames({
|
|
5
|
-
'active before:w-full': isActive,
|
|
6
|
-
'border-2 px-2 py-2': bordered,
|
|
7
|
-
'rounded-md': rounded,
|
|
8
|
-
'before:w-full': isActive,
|
|
9
|
-
'before:w-0': !isActive,
|
|
10
|
-
'text-primary before:bg-primary': variant === 'primary',
|
|
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
|
|
13
|
-
}, 'text-center whitespace-nowrap');
|
|
14
|
-
const classList = classNames(className, 'w-auto list-none');
|
|
15
|
-
const anchorClassList = classNames({
|
|
16
|
-
'relative ease-linear': underlineOnHover,
|
|
17
|
-
[linkClassList]: true // TODO: remove this once css files are compilable
|
|
18
|
-
}, 'focus:outline-none');
|
|
19
|
-
return (React.createElement("div", { id: id, className: classList },
|
|
20
|
-
React.createElement("a", { href: href, onClick: onClick, className: anchorClassList },
|
|
21
|
-
React.createElement("span", { className: linkClassList }, title))));
|
|
22
|
-
};
|
|
23
|
-
export default NavItem;
|
|
24
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as buttonProps } from '../Button';
|
|
3
|
-
import { Props as imageProps } from '../Image';
|
|
4
|
-
export interface Props {
|
|
5
|
-
id?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
title?: string;
|
|
8
|
-
content?: string;
|
|
9
|
-
imageProps?: imageProps;
|
|
10
|
-
buttonProps?: buttonProps;
|
|
11
|
-
rounded?: boolean;
|
|
12
|
-
}
|
|
13
|
-
declare const NewsCard: ({ id, className, title, content, imageProps, buttonProps, rounded }: Props) => JSX.Element;
|
|
14
|
-
export default NewsCard;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Button from '../Button';
|
|
3
|
-
import Image from '../Image';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
const NewsCard = ({ id, className, title, content, imageProps, buttonProps, rounded }) => {
|
|
6
|
-
const classList = classNames({
|
|
7
|
-
'rounded-lg': rounded
|
|
8
|
-
}, className, 'border flex p-2');
|
|
9
|
-
return (React.createElement("div", { id: id, className: classList },
|
|
10
|
-
React.createElement("div", null,
|
|
11
|
-
React.createElement(Image, Object.assign({}, imageProps))),
|
|
12
|
-
React.createElement("div", { className: 'flex flex-col justify-between expandable w-auto text-center' },
|
|
13
|
-
React.createElement("p", null, title),
|
|
14
|
-
React.createElement("p", null, content),
|
|
15
|
-
(buttonProps != null) &&
|
|
16
|
-
React.createElement("div", { className: 'px-8' },
|
|
17
|
-
React.createElement(Button, Object.assign({}, buttonProps), buttonProps.children)))));
|
|
18
|
-
};
|
|
19
|
-
export default NewsCard;
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,18 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as imageProps } from '../Image';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
profileLinks?: Array<{
|
|
7
|
-
name: string;
|
|
8
|
-
link: string;
|
|
9
|
-
}>;
|
|
10
|
-
alignment?: 'left' | 'right';
|
|
11
|
-
imageHeight?: number;
|
|
12
|
-
imageWidth?: number;
|
|
13
|
-
rounded?: boolean;
|
|
14
|
-
bordered?: boolean;
|
|
15
|
-
imageProps?: imageProps;
|
|
16
|
-
}
|
|
17
|
-
declare const Profile: ({ id, className, profileLinks, alignment, imageHeight, imageWidth, rounded, bordered, imageProps }: Props) => JSX.Element;
|
|
18
|
-
export default Profile;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import Image from '../Image';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
const Profile = ({ id, className, profileLinks, alignment, imageHeight = 0, imageWidth = 0, rounded, bordered, imageProps }) => {
|
|
5
|
-
const [profileState, setProfileState] = useState(false);
|
|
6
|
-
const profileAlignment = classNames({
|
|
7
|
-
'float-right': alignment === 'right',
|
|
8
|
-
'float-left': alignment === 'left'
|
|
9
|
-
});
|
|
10
|
-
const dropdownAlignement = classNames({
|
|
11
|
-
'mt-16 -mr-16': alignment === 'right',
|
|
12
|
-
'mt-16 -ml-16': alignment === 'left'
|
|
13
|
-
});
|
|
14
|
-
const dropdownTextAlignement = classNames({
|
|
15
|
-
'text-center': alignment !== 'right' && alignment !== 'left'
|
|
16
|
-
});
|
|
17
|
-
const classList = classNames({
|
|
18
|
-
'rounded-full': rounded === true,
|
|
19
|
-
border: bordered === true
|
|
20
|
-
}, className, `h-${imageHeight} w-${imageWidth} object-cover`);
|
|
21
|
-
return (React.createElement(React.Fragment, null,
|
|
22
|
-
React.createElement("div", { id: id, className: `text-center ${classList}` },
|
|
23
|
-
React.createElement("div", { className: `hidden sm:inline-flex inset-y-0 ${profileAlignment}` },
|
|
24
|
-
React.createElement("button", { onClick: () => setProfileState(!profileState), type: 'button', className: 'flex rounded-full' },
|
|
25
|
-
React.createElement(Image, Object.assign({}, imageProps))))),
|
|
26
|
-
profileState &&
|
|
27
|
-
React.createElement("div", { className: dropdownTextAlignement },
|
|
28
|
-
React.createElement("div", { className: `w-48 sm:inline-block shadow-lg
|
|
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"
|
|
32
|
-
id: `user-menu-item-${i + 1}` }, link.name));
|
|
33
|
-
})))));
|
|
34
|
-
};
|
|
35
|
-
export default Profile;
|
|
36
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
const Row = ({ id, className, children }) => {
|
|
4
|
-
const classList = classNames(className, 'flex flex-wrap');
|
|
5
|
-
return (React.createElement("div", { id: id, className: classList }, children));
|
|
6
|
-
};
|
|
7
|
-
export default Row;
|
|
8
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as iconProps } from '../Icon';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
onChange?: (val: string | number) => void;
|
|
7
|
-
placeholder?: string;
|
|
8
|
-
text?: string;
|
|
9
|
-
leftIconProps?: iconProps;
|
|
10
|
-
rightIconProps?: iconProps;
|
|
11
|
-
}
|
|
12
|
-
declare const Search: ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }: Props) => JSX.Element;
|
|
13
|
-
export default Search;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Icon from '../Icon';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
const Search = ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }) => {
|
|
5
|
-
const classList = classNames(className, 'flex');
|
|
6
|
-
const inputClasses = classNames({
|
|
7
|
-
'pl-9': leftIconProps !== undefined,
|
|
8
|
-
'pl-2': leftIconProps === undefined
|
|
9
|
-
}, 'w-full border-2 rounded-md py-2 pr-9');
|
|
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
|
-
React.createElement("h2", { className: 'font-base-lg py-2 pr-4' }, text)),
|
|
14
|
-
React.createElement("div", null,
|
|
15
|
-
React.createElement("div", { className: 'relative w-full flex' },
|
|
16
|
-
(leftIconProps != null) &&
|
|
17
|
-
React.createElement(Icon, Object.assign({}, leftIconProps)),
|
|
18
|
-
React.createElement("input", { className: inputClasses, onChange: onChangeFunc, placeholder: placeholder, type: 'text', name: 'search' }),
|
|
19
|
-
(rightIconProps != null) &&
|
|
20
|
-
React.createElement(Icon, Object.assign({}, rightIconProps))))));
|
|
21
|
-
};
|
|
22
|
-
export default Search;
|
|
23
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as buttonProps } from '../Button';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
title?: string;
|
|
7
|
-
text?: string;
|
|
8
|
-
withLiveUpdates?: boolean;
|
|
9
|
-
onSave?: (arr: any[], id: string | undefined) => void;
|
|
10
|
-
saveButtonProps?: buttonProps;
|
|
11
|
-
cancelButtonProps?: buttonProps;
|
|
12
|
-
editTitleClasses?: string;
|
|
13
|
-
editTextClasses?: string;
|
|
14
|
-
editInputClasses?: string;
|
|
15
|
-
buttonWrapperClasses?: string;
|
|
16
|
-
textWrapperClasses?: string;
|
|
17
|
-
socialButtons?: buttonProps[];
|
|
18
|
-
theme: 'light' | 'dark';
|
|
19
|
-
}
|
|
20
|
-
declare const SocialBlock: ({ id, className, title, text, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, theme }: Props) => JSX.Element;
|
|
21
|
-
export default SocialBlock;
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import Input from '../Input';
|
|
3
|
-
import Button from '../Button';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
const SocialBlock = ({ id, className, title, text, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, theme = 'light' }) => {
|
|
6
|
-
const colours = theme === 'dark' ? 'placeholder-white bg-primary text-white' : 'placeholder-primary bg-white text-primary';
|
|
7
|
-
const defaultComponentData = {
|
|
8
|
-
title: {
|
|
9
|
-
text: title
|
|
10
|
-
},
|
|
11
|
-
text: {
|
|
12
|
-
text
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
const [isInEditingMode, setIsInEditingMode] = useState(false);
|
|
16
|
-
const [isHovering, setIsHovering] = useState(false);
|
|
17
|
-
const [componentData, setComponentData] = useState(defaultComponentData);
|
|
18
|
-
const hoverClasses = 'border-dashed border';
|
|
19
|
-
const classList = classNames(className, colours);
|
|
20
|
-
const buttnoWrapperClasslist = classNames(buttonWrapperClasses, 'py-4');
|
|
21
|
-
const hoverClassList = classNames({
|
|
22
|
-
[hoverClasses]: withLiveUpdates !== undefined && !isInEditingMode && isHovering
|
|
23
|
-
}, textWrapperClasses);
|
|
24
|
-
const toggleEditState = () => {
|
|
25
|
-
withLiveUpdates === true && setIsInEditingMode(!isInEditingMode);
|
|
26
|
-
};
|
|
27
|
-
const handleButtonSave = () => {
|
|
28
|
-
const arr = [];
|
|
29
|
-
arr.push({ key: 'title', value: componentData.title.text });
|
|
30
|
-
arr.push({ key: 'text', value: componentData.text.text });
|
|
31
|
-
toggleEditState();
|
|
32
|
-
onSave === null || onSave === void 0 ? void 0 : onSave(arr, id);
|
|
33
|
-
setIsHovering(false);
|
|
34
|
-
};
|
|
35
|
-
const handleButtonCancel = () => {
|
|
36
|
-
toggleEditState();
|
|
37
|
-
setIsHovering(false);
|
|
38
|
-
};
|
|
39
|
-
const handleChange = (e) => {
|
|
40
|
-
let id = e.target.id;
|
|
41
|
-
id = id.split('-')[id.split('-').length - 1];
|
|
42
|
-
setComponentData(Object.assign(Object.assign({}, componentData), { [id]: {
|
|
43
|
-
text: e.target.value
|
|
44
|
-
} }));
|
|
45
|
-
};
|
|
46
|
-
const toggleHoverState = () => {
|
|
47
|
-
withLiveUpdates === true && setIsHovering(!isHovering);
|
|
48
|
-
};
|
|
49
|
-
return (React.createElement("div", { id: id, className: classList }, withLiveUpdates === true && isInEditingMode
|
|
50
|
-
? (React.createElement("div", { className: colours },
|
|
51
|
-
React.createElement(Input, { className: editTitleClasses, inputClasses: editInputClasses, autoFocus: true, value: componentData.title.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
|
|
52
|
-
React.createElement(Input, { className: editTextClasses, inputClasses: editInputClasses, value: componentData.text.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
|
|
53
|
-
React.createElement(Button, { className: 'mt-4', onClick: handleButtonSave }, "Save"),
|
|
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
|
-
})))))));
|
|
63
|
-
};
|
|
64
|
-
export default SocialBlock;
|
|
65
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Icon from '../Icon';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
const StarRating = ({ id, className, stars = 1, size = 1 }) => {
|
|
5
|
-
const classList = classNames({}, `${className} flex`);
|
|
6
|
-
const getStars = () => {
|
|
7
|
-
const starsArr = [];
|
|
8
|
-
for (let i = 0; i < stars; i++) {
|
|
9
|
-
starsArr.push(React.createElement(Icon, { key: `checked_star_${i + 0}`, id: `checked-${i}`, className: 'checked', type: 'star', size: size, colour: 'gold', bgColour: 'white' }));
|
|
10
|
-
}
|
|
11
|
-
return starsArr;
|
|
12
|
-
};
|
|
13
|
-
const getStarsChecked = () => {
|
|
14
|
-
const starsArr = [];
|
|
15
|
-
for (let i = 0; i < 5 - stars; i++) {
|
|
16
|
-
starsArr.push(React.createElement(Icon, { key: `unchecked_star_${i + 0}`, id: `unchecked-${i}`, className: 'unchecked opacity-30 gold', type: 'star', size: size, colour: 'gold', bgColour: 'white' }));
|
|
17
|
-
}
|
|
18
|
-
return starsArr;
|
|
19
|
-
};
|
|
20
|
-
const getAllStars = () => {
|
|
21
|
-
const starArray = [...getStars(), ...getStarsChecked()];
|
|
22
|
-
return starArray;
|
|
23
|
-
};
|
|
24
|
-
return (React.createElement("div", { id: id, className: classList }, getAllStars()));
|
|
25
|
-
};
|
|
26
|
-
export default StarRating;
|
|
27
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/StarRating/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,CAAC,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,EAC5B,EAAE,GAAG,SAAS,OAAO,CAAC,CAAA;IAEvB,MAAM,QAAQ,GAAG,GAAkB,EAAE;QACnC,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAC9B,QAAQ,CAAC,IAAI,CACX,oBAAC,IAAI,IACH,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,EAAE,EAAE,WAAW,CAAC,EAAE,EAClB,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,OAAO,GAChB,CACH,CAAA;SACF;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAkB,EAAE;QAC1C,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAClC,QAAQ,CAAC,IAAI,CACX,oBAAC,IAAI,IACH,GAAG,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,EAC9B,EAAE,EAAE,aAAa,CAAC,EAAE,EACpB,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,OAAO,GAChB,CACH,CAAA;SACF;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAkB,EAAE;QACtC,MAAM,SAAS,GAAG,CAAC,GAAG,QAAQ,EAAE,EAAE,GAAG,eAAe,EAAE,CAAC,CAAA;QACvD,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,WAAW,EAAE,CACV,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Props as imageProps } from '../Image';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
text?: string;
|
|
7
|
-
imageProps?: imageProps;
|
|
8
|
-
companyName?: string;
|
|
9
|
-
position?: string;
|
|
10
|
-
date?: string;
|
|
11
|
-
positionStartDate?: string;
|
|
12
|
-
positionEndDate?: string;
|
|
13
|
-
authorsName?: string;
|
|
14
|
-
authorsPosition?: string;
|
|
15
|
-
}
|
|
16
|
-
declare const Testimonial: ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition }: Props) => JSX.Element;
|
|
17
|
-
export default Testimonial;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import Image from '../Image';
|
|
4
|
-
const Testimonial = ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition }) => {
|
|
5
|
-
const classList = classNames(className, 'text-center');
|
|
6
|
-
return (React.createElement("div", { id: id, className: classList },
|
|
7
|
-
React.createElement("div", { className: 'mx-auto' },
|
|
8
|
-
React.createElement(Image, Object.assign({}, imageProps))),
|
|
9
|
-
React.createElement("div", null,
|
|
10
|
-
React.createElement("h2", { className: 'text-md md:text-md' },
|
|
11
|
-
companyName,
|
|
12
|
-
" "),
|
|
13
|
-
React.createElement("p", { className: 'text-md md:text-sm' }, position),
|
|
14
|
-
React.createElement("p", null,
|
|
15
|
-
positionStartDate,
|
|
16
|
-
" - ",
|
|
17
|
-
positionEndDate),
|
|
18
|
-
React.createElement("p", null, text),
|
|
19
|
-
React.createElement("p", null,
|
|
20
|
-
authorsName,
|
|
21
|
-
" - ",
|
|
22
|
-
authorsPosition,
|
|
23
|
-
": ",
|
|
24
|
-
date))));
|
|
25
|
-
};
|
|
26
|
-
export default Testimonial;
|
|
27
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Testimonial/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAgB9D,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,eAAe,EACT,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IAEtD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAC,SAAS;YACtB,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACrB;QACN;YACE,4BAAI,SAAS,EAAC,oBAAoB;gBAAE,WAAW;oBAAO;YACtD,2BAAG,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAK;YAChD;gBAAI,iBAAiB;;gBAAK,eAAe,CAAK;YAC9C,+BAAI,IAAI,CAAK;YACb;gBAAI,WAAW;;gBAAK,eAAe;;gBAAI,IAAI,CAAK,CAC5C,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Props as buttonProps } from '../Button';
|
|
3
|
-
export interface Props {
|
|
4
|
-
id: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
titleClasses?: string;
|
|
7
|
-
editTitleClasses?: string;
|
|
8
|
-
editTextClasses?: string;
|
|
9
|
-
editInputClasses?: string;
|
|
10
|
-
textClasses?: string;
|
|
11
|
-
textLineOne?: string | object;
|
|
12
|
-
textLineTwo?: string | object;
|
|
13
|
-
textLineThree?: string | object;
|
|
14
|
-
title?: string;
|
|
15
|
-
titleBold?: boolean;
|
|
16
|
-
textCenter?: boolean;
|
|
17
|
-
titleCenter?: boolean;
|
|
18
|
-
withLiveUpdates?: boolean;
|
|
19
|
-
onSave?: (arr: any[], id: string | undefined) => void;
|
|
20
|
-
saveButtonProps?: buttonProps;
|
|
21
|
-
cancelButtonProps?: buttonProps;
|
|
22
|
-
isHorizontal?: boolean;
|
|
23
|
-
children?: any;
|
|
24
|
-
}
|
|
25
|
-
declare const TextAndTitle: React.FC<Props>;
|
|
26
|
-
export default TextAndTitle;
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import Input from '../Input';
|
|
3
|
-
import Button from '../Button';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
import TextArea from '../TextArea';
|
|
6
|
-
const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextClasses, editInputClasses, textClasses, textLineOne, textLineTwo, textLineThree, title, titleBold, textCenter, titleCenter, withLiveUpdates = false, onSave, saveButtonProps, cancelButtonProps, isHorizontal = true, children }) => {
|
|
7
|
-
const getLineHeight = (id) => {
|
|
8
|
-
const element = document.getElementById(id);
|
|
9
|
-
const divHeight = (element === null || element === void 0 ? void 0 : element.offsetHeight) !== undefined ? element.offsetHeight : 0;
|
|
10
|
-
const lineHeight = (element != null) ? parseFloat(getComputedStyle(element).fontSize) : 1;
|
|
11
|
-
const pt = (element != null) ? parseFloat(getComputedStyle(element).paddingTop) : 0;
|
|
12
|
-
const pb = (element != null) ? parseFloat(getComputedStyle(element).paddingBottom) : 0;
|
|
13
|
-
const mt = (element != null) ? parseFloat(getComputedStyle(element).marginTop) : 0;
|
|
14
|
-
const mb = (element != null) ? parseFloat(getComputedStyle(element).marginBottom) : 0;
|
|
15
|
-
const bw = (element != null) ? parseFloat(getComputedStyle(element).borderWidth) : 0;
|
|
16
|
-
const height = divHeight - mt - mb - pt - pb - (bw * 2);
|
|
17
|
-
if (isHorizontal) {
|
|
18
|
-
return Math.floor(height / lineHeight) - 1;
|
|
19
|
-
}
|
|
20
|
-
return Math.floor(height / lineHeight);
|
|
21
|
-
};
|
|
22
|
-
const defaultComponentData = {
|
|
23
|
-
title,
|
|
24
|
-
textLineOne,
|
|
25
|
-
textLineTwo,
|
|
26
|
-
textLineThree
|
|
27
|
-
};
|
|
28
|
-
const [isInEditingMode, setIsInEditingMode] = useState(false);
|
|
29
|
-
const [componentData, setComponentData] = useState(defaultComponentData);
|
|
30
|
-
const borderClasses = 'border border-transparent';
|
|
31
|
-
const classList = classNames(className, 'bg-primary text-white');
|
|
32
|
-
const titleClassList = classNames({
|
|
33
|
-
'font-bold': titleBold,
|
|
34
|
-
'text-center': titleCenter,
|
|
35
|
-
[borderClasses]: withLiveUpdates && !isInEditingMode
|
|
36
|
-
}, titleClasses, 'text-md break-words');
|
|
37
|
-
const textClassList = classNames({
|
|
38
|
-
'text-center': textCenter,
|
|
39
|
-
[borderClasses]: withLiveUpdates && !isInEditingMode
|
|
40
|
-
}, textClasses, 'pt-2 mt-2');
|
|
41
|
-
const toggleEditState = () => {
|
|
42
|
-
withLiveUpdates &&
|
|
43
|
-
setIsInEditingMode(!isInEditingMode);
|
|
44
|
-
};
|
|
45
|
-
const handleButtonSave = () => {
|
|
46
|
-
const arr = [];
|
|
47
|
-
arr.push({ key: 'title', value: componentData.title });
|
|
48
|
-
arr.push({ key: 'textLineOne', value: componentData.textLineOne });
|
|
49
|
-
arr.push({ key: 'textLineTwo', value: componentData.textLineTwo });
|
|
50
|
-
arr.push({ key: 'textLineThree', value: componentData.textLineThree });
|
|
51
|
-
toggleEditState();
|
|
52
|
-
onSave === null || onSave === void 0 ? void 0 : onSave(arr, id);
|
|
53
|
-
};
|
|
54
|
-
const handleButtonCancel = () => {
|
|
55
|
-
return toggleEditState();
|
|
56
|
-
};
|
|
57
|
-
const handleChange = (e) => {
|
|
58
|
-
let id = e.target.id;
|
|
59
|
-
id = id.split('-')[id.split('-').length - 1];
|
|
60
|
-
setComponentData(Object.assign(Object.assign({}, componentData), { [id]: e.target.value }));
|
|
61
|
-
};
|
|
62
|
-
const wrapperClassList = classNames({
|
|
63
|
-
'flex flex-wrap justify-center md:items-center': isHorizontal,
|
|
64
|
-
'hover:border-black hover:border-dashed': withLiveUpdates && !isInEditingMode
|
|
65
|
-
}, 'border-2 border-transparent');
|
|
66
|
-
const titleWrapperClassList = classNames({
|
|
67
|
-
'md:w-1/2 md:text-center md:px-8': isHorizontal
|
|
68
|
-
});
|
|
69
|
-
const textWrapperClassList = classNames({
|
|
70
|
-
'md:w-1/2 md:text-center md:py-8 md:px-8': isHorizontal
|
|
71
|
-
});
|
|
72
|
-
const inputClassList = classNames(editInputClasses, textClassList);
|
|
73
|
-
const node = document.getElementById('textLineOne');
|
|
74
|
-
return (React.createElement("div", { id: id, className: classList }, withLiveUpdates && isInEditingMode
|
|
75
|
-
? (React.createElement(React.Fragment, null,
|
|
76
|
-
React.createElement("div", { className: wrapperClassList },
|
|
77
|
-
React.createElement("div", { className: titleWrapperClassList }, (componentData === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
|
|
78
|
-
? (React.createElement(Input, { className: editTitleClasses, inputClasses: inputClassList, autoFocus: true, value: componentData === null || componentData === void 0 ? void 0 : componentData.title, onChange: (e) => handleChange(e), type: 'text', theme: 'dark' }))
|
|
79
|
-
: (React.createElement("div", null, children))),
|
|
80
|
-
React.createElement("div", { className: textWrapperClassList },
|
|
81
|
-
React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
|
|
82
|
-
'text-center': isHorizontal
|
|
83
|
-
}, editInputClasses), rows: getLineHeight('textLineOne') + 1, onChange: (e) => handleChange(e), theme: 'dark' }, node === null || node === void 0 ? void 0 : node.innerHTML),
|
|
84
|
-
React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
|
|
85
|
-
'text-center': isHorizontal
|
|
86
|
-
}, editInputClasses), rows: getLineHeight('textLineTwo'), onChange: (e) => handleChange(e), theme: 'dark' }, componentData.textLineTwo),
|
|
87
|
-
React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
|
|
88
|
-
'text-center': isHorizontal
|
|
89
|
-
}, editInputClasses), rows: getLineHeight('textLineThree'), onChange: (e) => handleChange(e), theme: 'dark' }, componentData.textLineThree))),
|
|
90
|
-
React.createElement(Button, { className: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.className, onClick: handleButtonSave }, saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.children),
|
|
91
|
-
React.createElement(Button, { className: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, onClick: handleButtonCancel }, cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.children)))
|
|
92
|
-
: (React.createElement("div", { className: wrapperClassList, onClick: toggleEditState },
|
|
93
|
-
React.createElement("div", { className: titleWrapperClassList }, (componentData === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
|
|
94
|
-
? (React.createElement("h1", { className: titleClassList }, componentData.title))
|
|
95
|
-
: (children)),
|
|
96
|
-
React.createElement("div", { className: textWrapperClassList },
|
|
97
|
-
(componentData === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
|
|
98
|
-
? (React.createElement("h1", { id: 'title', className: titleClassList }, componentData.title))
|
|
99
|
-
: (React.createElement("div", { id: 'textLineOne', className: textClassList }, componentData.textLineOne)),
|
|
100
|
-
React.createElement("div", { id: 'textLineTwo', className: textClassList }, componentData.textLineTwo),
|
|
101
|
-
React.createElement("div", { id: 'textLineThree', className: textClassList }, componentData.textLineThree))))));
|
|
102
|
-
};
|
|
103
|
-
export default TextAndTitle;
|
|
104
|
-
//# sourceMappingURL=index.js.map
|