trepur_components 1.0.6 → 1.0.7
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/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,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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface Props {
|
|
3
|
-
id?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
labelClasses?: string;
|
|
6
|
-
textAreaClasses?: string;
|
|
7
|
-
label?: string;
|
|
8
|
-
placeholder?: string;
|
|
9
|
-
bold?: boolean;
|
|
10
|
-
name?: string;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
rows?: number;
|
|
13
|
-
cols?: number;
|
|
14
|
-
autoFocus?: boolean;
|
|
15
|
-
formId?: string;
|
|
16
|
-
maxLength?: number;
|
|
17
|
-
readOnly?: boolean;
|
|
18
|
-
required?: boolean;
|
|
19
|
-
onBlur?: () => void;
|
|
20
|
-
onFocus?: () => void;
|
|
21
|
-
onChange?: (e: any) => void;
|
|
22
|
-
withPadding?: boolean;
|
|
23
|
-
children?: any;
|
|
24
|
-
theme?: 'dark' | 'light';
|
|
25
|
-
}
|
|
26
|
-
declare const TextArea: ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, theme }: Props) => JSX.Element;
|
|
27
|
-
export default TextArea;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
const TextArea = ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, theme = 'light' }) => {
|
|
4
|
-
const colours = theme === 'dark' ? 'placeholder-white bg-primary text-white' : 'placeholder-primary bg-white text-primary';
|
|
5
|
-
const classList = classNames(className, colours, 'flex flex-col');
|
|
6
|
-
const newId = id !== undefined ? `-${id}` : '-';
|
|
7
|
-
const labelClassList = classNames({
|
|
8
|
-
'font-bold': bold
|
|
9
|
-
}, labelClasses, 'w-auto pb-2');
|
|
10
|
-
const textAreaClassList = classNames({
|
|
11
|
-
'p-2': withPadding
|
|
12
|
-
}, textAreaClasses, colours, 'border rounded-md mb-2');
|
|
13
|
-
return (React.createElement("div", { id: id, className: classList },
|
|
14
|
-
label !== undefined &&
|
|
15
|
-
React.createElement("label", { className: labelClassList, htmlFor: `text-area${newId}` }, label),
|
|
16
|
-
React.createElement("textarea", { className: textAreaClassList, autoFocus: autoFocus, form: formId, maxLength: maxLength, readOnly: readOnly, required: required, disabled: disabled, rows: rows, cols: cols, name: name, placeholder: placeholder, onChange: onChange, onFocus: onFocus, onBlur: onBlur, defaultValue: children })));
|
|
17
|
-
};
|
|
18
|
-
export default TextArea;
|
|
19
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AA2BnC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,GAAG,OAAO,EACT,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,2CAA2C,CAAA;IAC1H,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe,CAAC,CAAA;IACjE,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;IAC/C,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,WAAW,EAAE,IAAI;KAClB,EAAE,YAAY,EAAE,aAAa,CAAC,CAAA;IAE/B,MAAM,iBAAiB,GAAG,UAAU,CAAC;QACnC,KAAK,EAAE,WAAW;KACnB,EAAE,eAAe,EAAE,OAAO,EAAE,wBAAwB,CAAC,CAAA;IAEtD,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,YAAY,KAAK,EAAE,IAE3B,KAAK,CACA;QACV,kCACE,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,QAAQ,GACtB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
/* Vertical */
|
|
2
|
-
/* #circle.vertical:before {
|
|
3
|
-
position: absolute;
|
|
4
|
-
display: block;
|
|
5
|
-
border-left: 1px solid #31a3dd;
|
|
6
|
-
content: "";
|
|
7
|
-
height: 50%;
|
|
8
|
-
top: 0%;
|
|
9
|
-
left: 49.9%;
|
|
10
|
-
z-index: -1;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
#circle.vertical:after {
|
|
14
|
-
position: absolute;
|
|
15
|
-
display: block;
|
|
16
|
-
border-left: 1px solid #31a3dd;
|
|
17
|
-
content: "";
|
|
18
|
-
height: 50%;
|
|
19
|
-
bottom: 0%;
|
|
20
|
-
left: 49.9%;
|
|
21
|
-
z-index: -1;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
#first-circle.vertical:after {
|
|
25
|
-
position: absolute;
|
|
26
|
-
display: block;
|
|
27
|
-
border-left: 1px solid #31a3dd;
|
|
28
|
-
content: "";
|
|
29
|
-
height: 50%;
|
|
30
|
-
bottom: 0%;
|
|
31
|
-
left: 49.9%;
|
|
32
|
-
z-index: -1;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
#last-circle.vertical:before {
|
|
36
|
-
position: absolute;
|
|
37
|
-
display: block;
|
|
38
|
-
border-left: 1px solid #31a3dd;
|
|
39
|
-
content: "";
|
|
40
|
-
height: 50%;
|
|
41
|
-
top: 0%;
|
|
42
|
-
left: 49.9%;
|
|
43
|
-
z-index: -1;
|
|
44
|
-
} */
|
|
45
|
-
|
|
46
|
-
/* V - collapse*/
|
|
47
|
-
/* #circle.vertical.collapse:before {
|
|
48
|
-
position: absolute;
|
|
49
|
-
display: block;
|
|
50
|
-
border-left: 1px solid #31a3dd;
|
|
51
|
-
content: "";
|
|
52
|
-
height: 50%;
|
|
53
|
-
top: 0%;
|
|
54
|
-
left: 8.2%;
|
|
55
|
-
z-index: -1;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
#circle.vertical.collapse:after {
|
|
59
|
-
position: absolute;
|
|
60
|
-
display: block;
|
|
61
|
-
border-left: 1px solid #31a3dd;
|
|
62
|
-
content: "";
|
|
63
|
-
height: 50%;
|
|
64
|
-
bottom: 0%;
|
|
65
|
-
left: 8.2%;
|
|
66
|
-
z-index: -1;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
#first-circle.vertical.collapse:after {
|
|
70
|
-
position: absolute;
|
|
71
|
-
display: block;
|
|
72
|
-
border-left: 1px solid #31a3dd;
|
|
73
|
-
content: "";
|
|
74
|
-
height: 50%;
|
|
75
|
-
bottom: 0%;
|
|
76
|
-
left: 8.2%;
|
|
77
|
-
z-index: -1;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
#last-circle.vertical.collapse:before {
|
|
81
|
-
position: absolute;
|
|
82
|
-
display: block;
|
|
83
|
-
border-left: 1px solid #31a3dd;
|
|
84
|
-
content: "";
|
|
85
|
-
height: 50%;
|
|
86
|
-
top: 0%;
|
|
87
|
-
left: 8.2%;
|
|
88
|
-
z-index: -1;
|
|
89
|
-
} */
|
|
90
|
-
/* Horizontal */
|
|
91
|
-
/* #circle.horizontal:before {
|
|
92
|
-
position: absolute;
|
|
93
|
-
display: block;
|
|
94
|
-
border-top: 1px solid #31a3dd;
|
|
95
|
-
content: "";
|
|
96
|
-
width: 70%;
|
|
97
|
-
top: 50%;
|
|
98
|
-
left: -8%;
|
|
99
|
-
z-index: -1;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
#circle.horizontal:after {
|
|
103
|
-
position: absolute;
|
|
104
|
-
display: block;
|
|
105
|
-
border-top: 1px solid #31a3dd;
|
|
106
|
-
content: "";
|
|
107
|
-
width: 70%;
|
|
108
|
-
top: 50%;
|
|
109
|
-
right: -12%;
|
|
110
|
-
z-index: -1;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
#first-circle.horizontal:after {
|
|
114
|
-
position: absolute;
|
|
115
|
-
display: block;
|
|
116
|
-
border-top: 1px solid #31a3dd;
|
|
117
|
-
content: "";
|
|
118
|
-
width: 60%;
|
|
119
|
-
top: 50%;
|
|
120
|
-
right: -12%;
|
|
121
|
-
z-index: -1;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
#last-circle.horizontal:before {
|
|
125
|
-
position: absolute;
|
|
126
|
-
display: block;
|
|
127
|
-
border-top: 1px solid #31a3dd;
|
|
128
|
-
content: "";
|
|
129
|
-
width: 55%;
|
|
130
|
-
top: 50%;
|
|
131
|
-
left: -8%;
|
|
132
|
-
z-index: -1;
|
|
133
|
-
} */
|
|
134
|
-
|
|
135
|
-
/*# sourceMappingURL=index.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Timeline/index.css"],"names":[],"mappings":"AAAA,aAAa;AACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;;AAEH,gBAAgB;AAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAe;AACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG","file":"index.css","sourcesContent":["/* Vertical */\n/* #circle.vertical:before {\n position: absolute;\n display: block;\n border-left: 1px solid #31a3dd;\n content: \"\";\n height: 50%;\n top: 0%;\n left: 49.9%;\n z-index: -1;\n}\n\n#circle.vertical:after {\n position: absolute;\n display: block;\n border-left: 1px solid #31a3dd;\n content: \"\";\n height: 50%;\n bottom: 0%;\n left: 49.9%;\n z-index: -1;\n}\n\n#first-circle.vertical:after {\n position: absolute;\n display: block;\n border-left: 1px solid #31a3dd;\n content: \"\";\n height: 50%;\n bottom: 0%;\n left: 49.9%;\n z-index: -1;\n}\n\n#last-circle.vertical:before {\n position: absolute;\n display: block;\n border-left: 1px solid #31a3dd;\n content: \"\";\n height: 50%;\n top: 0%;\n left: 49.9%;\n z-index: -1;\n} */\n\n/* V - collapse*/\n/* #circle.vertical.collapse:before {\n position: absolute;\n display: block;\n border-left: 1px solid #31a3dd;\n content: \"\";\n height: 50%;\n top: 0%;\n left: 8.2%;\n z-index: -1;\n}\n\n#circle.vertical.collapse:after {\n position: absolute;\n display: block;\n border-left: 1px solid #31a3dd;\n content: \"\";\n height: 50%;\n bottom: 0%;\n left: 8.2%;\n z-index: -1;\n}\n\n#first-circle.vertical.collapse:after {\n position: absolute;\n display: block;\n border-left: 1px solid #31a3dd;\n content: \"\";\n height: 50%;\n bottom: 0%;\n left: 8.2%;\n z-index: -1;\n}\n\n#last-circle.vertical.collapse:before {\n position: absolute;\n display: block;\n border-left: 1px solid #31a3dd;\n content: \"\";\n height: 50%;\n top: 0%;\n left: 8.2%;\n z-index: -1;\n} */\n/* Horizontal */\n/* #circle.horizontal:before {\n position: absolute;\n display: block;\n border-top: 1px solid #31a3dd;\n content: \"\";\n width: 70%;\n top: 50%;\n left: -8%;\n z-index: -1;\n}\n\n#circle.horizontal:after {\n position: absolute;\n display: block;\n border-top: 1px solid #31a3dd;\n content: \"\";\n width: 70%;\n top: 50%;\n right: -12%;\n z-index: -1;\n}\n\n#first-circle.horizontal:after {\n position: absolute;\n display: block;\n border-top: 1px solid #31a3dd;\n content: \"\";\n width: 60%;\n top: 50%;\n right: -12%;\n z-index: -1;\n}\n\n#last-circle.horizontal:before {\n position: absolute;\n display: block;\n border-top: 1px solid #31a3dd;\n content: \"\";\n width: 55%;\n top: 50%;\n left: -8%;\n z-index: -1;\n} */\n"]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface Props {
|
|
3
|
-
id?: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
isHorizontal?: boolean;
|
|
6
|
-
items?: object[];
|
|
7
|
-
reverse?: boolean;
|
|
8
|
-
textCenter?: boolean;
|
|
9
|
-
useImages?: boolean;
|
|
10
|
-
horizontalComponentClasses?: string;
|
|
11
|
-
isSm?: boolean;
|
|
12
|
-
}
|
|
13
|
-
declare const Timeline: ({ id, className, isHorizontal, items, reverse, textCenter, useImages, horizontalComponentClasses, isSm }: Props) => JSX.Element;
|
|
14
|
-
export default Timeline;
|