trepur_components 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/Accordion.stories.tsx +1 -1
- package/dist/components/Accordion/index.tsx +2 -2
- package/dist/components/Carousel/index.tsx +1 -1
- package/dist/components/Collapsible/index.tsx +1 -1
- package/dist/components/FooterBar/{footerBar.stories.tsx → FooterBar.stories.tsx} +0 -0
- package/dist/components/HamburgerIcon/index.tsx +1 -1
- package/dist/components/ImageLinkList/ImageLinkList.stories.tsx +5 -3
- package/dist/components/ImageLinkList/index.tsx +1 -1
- package/dist/components/Nav/index.tsx +4 -4
- package/dist/src/lib/components/Accordion/Accordion.stories.js +19 -11
- package/dist/src/lib/components/Accordion/Accordion.stories.js.map +1 -1
- package/dist/src/lib/components/Accordion/index.d.ts +1 -2
- package/dist/src/lib/components/Accordion/index.js +1 -1
- package/dist/src/lib/components/Accordion/index.js.map +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.stories.js +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.stories.js.map +1 -1
- package/dist/src/lib/components/AlertBar/index.js +21 -19
- package/dist/src/lib/components/AlertBar/index.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/index.js +8 -10
- package/dist/src/lib/components/Breadcrumbs/index.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.d.ts +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.js +7 -7
- package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js +2 -2
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/index.js +33 -35
- package/dist/src/lib/components/BreadcrumbsItem/index.js.map +1 -1
- package/dist/src/lib/components/Button/button.stories.js +64 -19
- package/dist/src/lib/components/Button/button.stories.js.map +1 -1
- package/dist/src/lib/components/Button/index.js +11 -11
- package/dist/src/lib/components/Button/index.js.map +1 -1
- package/dist/src/lib/components/Card/Card.stories.d.ts +4 -1
- package/dist/src/lib/components/Card/Card.stories.js +32 -32
- package/dist/src/lib/components/Card/Card.stories.js.map +1 -1
- package/dist/src/lib/components/Card/index.d.ts +3 -3
- package/dist/src/lib/components/Card/index.js +43 -40
- package/dist/src/lib/components/Card/index.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js +3 -3
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/index.js +1 -1
- package/dist/src/lib/components/CardWithTopImage/index.js.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.stories.js +12 -12
- package/dist/src/lib/components/Carousel/Carousel.stories.js.map +1 -1
- package/dist/src/lib/components/Carousel/index.d.ts +6 -8
- package/dist/src/lib/components/Carousel/index.js +95 -54
- package/dist/src/lib/components/Carousel/index.js.map +1 -1
- package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js +1 -1
- package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js.map +1 -1
- package/dist/src/lib/components/ChevronCard/index.js +8 -8
- package/dist/src/lib/components/ChevronCard/index.js.map +1 -1
- package/dist/src/lib/components/Collapsible/Collapsible.stories.js +5 -3
- package/dist/src/lib/components/Collapsible/Collapsible.stories.js.map +1 -1
- package/dist/src/lib/components/Collapsible/index.d.ts +1 -1
- package/dist/src/lib/components/Collapsible/index.js +22 -22
- package/dist/src/lib/components/Collapsible/index.js.map +1 -1
- package/dist/src/lib/components/Column/Column.stories.js +42 -8
- package/dist/src/lib/components/Column/Column.stories.js.map +1 -1
- package/dist/src/lib/components/Column/index.js +2 -2
- package/dist/src/lib/components/Column/index.js.map +1 -1
- package/dist/src/lib/components/Container/Container.stories.js +1 -1
- package/dist/src/lib/components/Container/Container.stories.js.map +1 -1
- package/dist/src/lib/components/Container/index.js +1 -1
- package/dist/src/lib/components/Container/index.js.map +1 -1
- package/dist/src/lib/components/FooterBar/footerBar.stories.js +2 -2
- package/dist/src/lib/components/FooterBar/footerBar.stories.js.map +1 -1
- package/dist/src/lib/components/FooterBar/index.js +1 -1
- package/dist/src/lib/components/FooterBar/index.js.map +1 -1
- package/dist/src/lib/components/Form/Form.stories.js +1 -1
- package/dist/src/lib/components/Form/Form.stories.js.map +1 -1
- package/dist/src/lib/components/Form/index.js +4 -4
- package/dist/src/lib/components/Form/index.js.map +1 -1
- package/dist/src/lib/components/FyreCard/FyreCard.stories.js +3 -3
- package/dist/src/lib/components/FyreCard/FyreCard.stories.js.map +1 -1
- package/dist/src/lib/components/FyreCard/index.js +6 -7
- package/dist/src/lib/components/FyreCard/index.js.map +1 -1
- package/dist/src/lib/components/Greeting/Greeting.stories.js +1 -1
- package/dist/src/lib/components/Greeting/Greeting.stories.js.map +1 -1
- package/dist/src/lib/components/Greeting/index.js +4 -4
- package/dist/src/lib/components/Greeting/index.js.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.d.ts +6 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js +46 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/index.d.ts +7 -0
- package/dist/src/lib/components/HamburgerIcon/index.js +26 -0
- package/dist/src/lib/components/HamburgerIcon/index.js.map +1 -0
- package/dist/src/lib/components/Icon/Icon.stories.d.ts +1 -1
- package/dist/src/lib/components/Icon/Icon.stories.js +4 -2
- package/dist/src/lib/components/Icon/Icon.stories.js.map +1 -1
- package/dist/src/lib/components/Icon/index.d.ts +4 -2
- package/dist/src/lib/components/Icon/index.js +17 -3
- package/dist/src/lib/components/Icon/index.js.map +1 -1
- package/dist/src/lib/components/Image/Image.stories.js +2 -2
- package/dist/src/lib/components/Image/Image.stories.js.map +1 -1
- package/dist/src/lib/components/Image/index.js +3 -3
- package/dist/src/lib/components/Image/index.js.map +1 -1
- package/dist/src/lib/components/ImageLink/ImageLink.stories.d.ts +4 -1
- package/dist/src/lib/components/ImageLink/ImageLink.stories.js +8 -7
- package/dist/src/lib/components/ImageLink/ImageLink.stories.js.map +1 -1
- package/dist/src/lib/components/ImageLink/index.js +6 -6
- package/dist/src/lib/components/ImageLink/index.js.map +1 -1
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.d.ts +2 -2
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js +5 -3
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js.map +1 -1
- package/dist/src/lib/components/ImageLinkList/index.d.ts +1 -1
- package/dist/src/lib/components/ImageLinkList/index.js +3 -3
- package/dist/src/lib/components/ImageLinkList/index.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js +5 -3
- package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/index.d.ts +1 -1
- package/dist/src/lib/components/InformationIcon/index.js +12 -13
- package/dist/src/lib/components/InformationIcon/index.js.map +1 -1
- package/dist/src/lib/components/Input/Input.stories.js +10 -10
- package/dist/src/lib/components/Input/Input.stories.js.map +1 -1
- package/dist/src/lib/components/Input/index.d.ts +1 -1
- package/dist/src/lib/components/Input/index.js +14 -14
- package/dist/src/lib/components/Input/index.js.map +1 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js +1 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js.map +1 -1
- package/dist/src/lib/components/Jumbotron/index.js +1 -1
- package/dist/src/lib/components/Jumbotron/index.js.map +1 -1
- package/dist/src/lib/components/Nav/Nav.stories.d.ts +6 -0
- package/dist/src/lib/components/Nav/Nav.stories.js +12 -12
- package/dist/src/lib/components/Nav/Nav.stories.js.map +1 -1
- package/dist/src/lib/components/Nav/index.d.ts +2 -2
- package/dist/src/lib/components/Nav/index.js +25 -35
- package/dist/src/lib/components/Nav/index.js.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.stories.js +1 -1
- package/dist/src/lib/components/NavItem/NavItem.stories.js.map +1 -1
- package/dist/src/lib/components/NavItem/index.js +2 -2
- package/dist/src/lib/components/NavItem/index.js.map +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.stories.js +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.stories.js.map +1 -1
- package/dist/src/lib/components/NewsCard/index.js +3 -3
- package/dist/src/lib/components/NewsCard/index.js.map +1 -1
- package/dist/src/lib/components/Profile/Profile.stories.js +2 -2
- package/dist/src/lib/components/Profile/Profile.stories.js.map +1 -1
- package/dist/src/lib/components/Profile/index.js +9 -11
- package/dist/src/lib/components/Profile/index.js.map +1 -1
- package/dist/src/lib/components/Row/Row.stories.js +4 -4
- package/dist/src/lib/components/Row/Row.stories.js.map +1 -1
- package/dist/src/lib/components/Row/index.js.map +1 -1
- package/dist/src/lib/components/Search/Search.stories.js +1 -1
- package/dist/src/lib/components/Search/Search.stories.js.map +1 -1
- package/dist/src/lib/components/Search/index.js +10 -10
- package/dist/src/lib/components/Search/index.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js +9 -9
- package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/index.d.ts +2 -2
- package/dist/src/lib/components/SocialBlock/index.js +20 -21
- package/dist/src/lib/components/SocialBlock/index.js.map +1 -1
- package/dist/src/lib/components/StarRating/StarRating.stories.js +1 -1
- package/dist/src/lib/components/StarRating/StarRating.stories.js.map +1 -1
- package/dist/src/lib/components/StarRating/index.js +3 -3
- package/dist/src/lib/components/StarRating/index.js.map +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.stories.js +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.stories.js.map +1 -1
- package/dist/src/lib/components/Testimonial/index.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js +2 -2
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/index.d.ts +2 -2
- package/dist/src/lib/components/TextAndTitle/index.js +55 -64
- package/dist/src/lib/components/TextAndTitle/index.js.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.stories.js +3 -3
- package/dist/src/lib/components/TextArea/TextArea.stories.js.map +1 -1
- package/dist/src/lib/components/TextArea/index.js +4 -3
- package/dist/src/lib/components/TextArea/index.js.map +1 -1
- package/dist/src/lib/components/Timeline/Timeline.stories.js +12 -13
- package/dist/src/lib/components/Timeline/Timeline.stories.js.map +1 -1
- package/dist/src/lib/components/Timeline/index.d.ts +1 -1
- package/dist/src/lib/components/Timeline/index.js +57 -35
- package/dist/src/lib/components/Timeline/index.js.map +1 -1
- package/dist/src/lib/components/Tubestops/Tubestops.stories.js +4 -4
- package/dist/src/lib/components/Tubestops/Tubestops.stories.js.map +1 -1
- package/dist/src/lib/components/Tubestops/index.js +5 -5
- package/dist/src/lib/components/Tubestops/index.js.map +1 -1
- package/dist/src/lib/components/UserIcon/UserIcon.stories.js.map +1 -1
- package/dist/src/lib/components/UserIcon/index.js +5 -6
- package/dist/src/lib/components/UserIcon/index.js.map +1 -1
- package/dist/src/lib/components/Video/Video.stories.js +1 -1
- package/dist/src/lib/components/Video/Video.stories.js.map +1 -1
- package/dist/src/lib/components/Video/index.js +2 -2
- package/dist/src/lib/components/Video/index.js.map +1 -1
- package/dist/src/lib/index.js.map +1 -1
- package/dist/src/lib/typography/Fonts.stories.d.ts +2 -2
- package/dist/src/lib/typography/Fonts.stories.js +2 -32
- package/dist/src/lib/typography/Fonts.stories.js.map +1 -1
- package/dist/src/lib/typography/index.d.ts +4 -2
- package/dist/src/lib/typography/index.js.map +1 -1
- package/dist/src/lib/utils/controls.js.map +1 -1
- package/dist/src/lib/utils/theme.d.ts +3 -2
- package/dist/src/lib/utils/theme.js +20 -0
- package/dist/src/lib/utils/theme.js.map +1 -1
- package/dist/tailwind.config.d.ts +1 -0
- package/dist/tailwind.config.js +1 -0
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +2 -1
|
@@ -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,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StarRating.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/StarRating/StarRating.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,SAAS,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAqC;
|
|
1
|
+
{"version":3,"file":"StarRating.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/StarRating/StarRating.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,SAAS,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAqC;IACtD,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACH,cAAc,CAClB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,CAAC;KACR;CACF,CAAA;AAED,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,IAAI,EAAI,CAAA;AAEtF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE5C,eAAe,aAAa,CAAA"}
|
|
@@ -5,14 +5,14 @@ const StarRating = ({ id, className, stars = 1, size = 1 }) => {
|
|
|
5
5
|
const classList = classNames({}, `${className} flex`);
|
|
6
6
|
const getStars = () => {
|
|
7
7
|
const starsArr = [];
|
|
8
|
-
for (
|
|
8
|
+
for (let i = 0; i < stars; i++) {
|
|
9
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
10
|
}
|
|
11
11
|
return starsArr;
|
|
12
12
|
};
|
|
13
13
|
const getStarsChecked = () => {
|
|
14
14
|
const starsArr = [];
|
|
15
|
-
for (
|
|
15
|
+
for (let i = 0; i < 5 - stars; i++) {
|
|
16
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
17
|
}
|
|
18
18
|
return starsArr;
|
|
@@ -21,7 +21,7 @@ const StarRating = ({ id, className, stars = 1, size = 1 }) => {
|
|
|
21
21
|
const starArray = [...getStars(), ...getStarsChecked()];
|
|
22
22
|
return starArray;
|
|
23
23
|
};
|
|
24
|
-
return (React.createElement("div",
|
|
24
|
+
return (React.createElement("div", { id: id, className: classList }, getAllStars()));
|
|
25
25
|
};
|
|
26
26
|
export default StarRating;
|
|
27
27
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Testimonial.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Testimonial/Testimonial.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,WAAW,MAAM,SAAS,CAAA;AAGjC,MAAM,aAAa,GAAsC;
|
|
1
|
+
{"version":3,"file":"Testimonial.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Testimonial/Testimonial.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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"}
|
|
@@ -49,11 +49,11 @@ const componentMeta = {
|
|
|
49
49
|
isHorizontal: true,
|
|
50
50
|
saveButtonProps: {
|
|
51
51
|
className: 'mt-4',
|
|
52
|
-
children: 'Save'
|
|
52
|
+
children: 'Save'
|
|
53
53
|
},
|
|
54
54
|
cancelButtonProps: {
|
|
55
55
|
className: 'mt-4 ml-4',
|
|
56
|
-
children: 'Cancel'
|
|
56
|
+
children: 'Cancel'
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextAndTitle.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,YAAY,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,QAAQ,MAAM,
|
|
1
|
+
{"version":3,"file":"TextAndTitle.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,YAAY,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAG3C,MAAM,aAAa,GAAuC;IACxD,KAAK,EAAE,2DAA2D;IAClE,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,mDAAmD;YAChE,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC3C,WAAW,EAAE,sCAAsC;YACnD,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,UAAU;iBACpB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,iDAAsB;QAChC,gBAAgB,EAAE,qBAAqB;QACvC,eAAe,EAAE,aAAa;QAC9B,gBAAgB,EAAE,yCAAyC;QAC3D,WAAW,EAAE;YAAK,oBAAC,QAAQ,OAAG;YAAA,qFAA0D,CAAM;QAC9F,WAAW,EAAE,oOAAoO;QACjP,aAAa,EAAE,gOAAgO;QAC/O,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;QAC7B,eAAe,EAAE,IAAI;QACrB,YAAY,EAAE,IAAI;QAClB,eAAe,EAAE;YACf,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,MAAM;SACjB;QACD,iBAAiB,EAAE;YACjB,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,QAAQ;SACnB;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAwC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,YAAY,oBAAK,IAAI,EAAI,CAAA;AAE1F,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE9C,eAAe,aAAa,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Props as buttonProps } from '../Button';
|
|
3
3
|
export interface Props {
|
|
4
|
-
id
|
|
4
|
+
id: string;
|
|
5
5
|
className?: string;
|
|
6
6
|
titleClasses?: string;
|
|
7
7
|
editTitleClasses?: string;
|
|
@@ -16,7 +16,7 @@ export interface Props {
|
|
|
16
16
|
textCenter?: boolean;
|
|
17
17
|
titleCenter?: boolean;
|
|
18
18
|
withLiveUpdates?: boolean;
|
|
19
|
-
onSave?: (arr:
|
|
19
|
+
onSave?: (arr: any[], id: string | undefined) => void;
|
|
20
20
|
saveButtonProps?: buttonProps;
|
|
21
21
|
cancelButtonProps?: buttonProps;
|
|
22
22
|
isHorizontal?: boolean;
|
|
@@ -3,74 +3,61 @@ import Input from '../Input';
|
|
|
3
3
|
import Button from '../Button';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import TextArea from '../TextArea';
|
|
6
|
-
const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextClasses, editInputClasses, textClasses, textLineOne, textLineTwo, textLineThree, title, titleBold, textCenter, titleCenter, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, isHorizontal, children }) => {
|
|
7
|
-
var _a;
|
|
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 }) => {
|
|
8
7
|
const getLineHeight = (id) => {
|
|
9
8
|
const element = document.getElementById(id);
|
|
10
|
-
const divHeight = element === null || element === void 0 ? void 0 : element.offsetHeight;
|
|
11
|
-
const lineHeight = element
|
|
12
|
-
const pt = element
|
|
13
|
-
const pb = element
|
|
14
|
-
const mt = element
|
|
15
|
-
const mb = element
|
|
16
|
-
const bw = element
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
return Math.floor(height / lineHeight) - 1;
|
|
21
|
-
}
|
|
22
|
-
return Math.floor(height / lineHeight);
|
|
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;
|
|
23
19
|
}
|
|
20
|
+
return Math.floor(height / lineHeight);
|
|
24
21
|
};
|
|
25
22
|
const defaultComponentData = {
|
|
26
|
-
title
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
text: textLineOne,
|
|
31
|
-
},
|
|
32
|
-
textLineTwo: {
|
|
33
|
-
text: textLineTwo
|
|
34
|
-
},
|
|
35
|
-
textLineThree: {
|
|
36
|
-
text: textLineThree
|
|
37
|
-
}
|
|
23
|
+
title,
|
|
24
|
+
textLineOne,
|
|
25
|
+
textLineTwo,
|
|
26
|
+
textLineThree
|
|
38
27
|
};
|
|
39
28
|
const [isInEditingMode, setIsInEditingMode] = useState(false);
|
|
40
29
|
const [componentData, setComponentData] = useState(defaultComponentData);
|
|
41
30
|
const borderClasses = 'border border-transparent';
|
|
42
|
-
const classList = classNames(
|
|
31
|
+
const classList = classNames(className, 'bg-primary text-white');
|
|
43
32
|
const titleClassList = classNames({
|
|
44
33
|
'font-bold': titleBold,
|
|
45
34
|
'text-center': titleCenter,
|
|
46
|
-
[borderClasses]: withLiveUpdates && !isInEditingMode
|
|
47
|
-
},
|
|
35
|
+
[borderClasses]: withLiveUpdates && !isInEditingMode
|
|
36
|
+
}, titleClasses, 'text-md break-words');
|
|
48
37
|
const textClassList = classNames({
|
|
49
38
|
'text-center': textCenter,
|
|
50
|
-
[borderClasses]: withLiveUpdates && !isInEditingMode
|
|
51
|
-
},
|
|
39
|
+
[borderClasses]: withLiveUpdates && !isInEditingMode
|
|
40
|
+
}, textClasses, 'pt-2 mt-2');
|
|
52
41
|
const toggleEditState = () => {
|
|
53
42
|
withLiveUpdates &&
|
|
54
43
|
setIsInEditingMode(!isInEditingMode);
|
|
55
44
|
};
|
|
56
45
|
const handleButtonSave = () => {
|
|
57
46
|
const arr = [];
|
|
58
|
-
arr.push({ key: 'title', value: componentData.title
|
|
59
|
-
arr.push({ key: 'textLineOne', value: componentData.textLineOne
|
|
60
|
-
arr.push({ key: 'textLineTwo', value: componentData.textLineTwo
|
|
61
|
-
arr.push({ key: 'textLineThree', value: componentData.textLineThree
|
|
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 });
|
|
62
51
|
toggleEditState();
|
|
63
|
-
onSave
|
|
52
|
+
onSave === null || onSave === void 0 ? void 0 : onSave(arr, id);
|
|
64
53
|
};
|
|
65
54
|
const handleButtonCancel = () => {
|
|
66
|
-
toggleEditState();
|
|
55
|
+
return toggleEditState();
|
|
67
56
|
};
|
|
68
57
|
const handleChange = (e) => {
|
|
69
58
|
let id = e.target.id;
|
|
70
59
|
id = id.split('-')[id.split('-').length - 1];
|
|
71
|
-
setComponentData(Object.assign(Object.assign({}, componentData), { [id]:
|
|
72
|
-
text: e.target.value
|
|
73
|
-
} }));
|
|
60
|
+
setComponentData(Object.assign(Object.assign({}, componentData), { [id]: e.target.value }));
|
|
74
61
|
};
|
|
75
62
|
const wrapperClassList = classNames({
|
|
76
63
|
'flex flex-wrap justify-center md:items-center': isHorizontal,
|
|
@@ -82,32 +69,36 @@ const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextC
|
|
|
82
69
|
const textWrapperClassList = classNames({
|
|
83
70
|
'md:w-1/2 md:text-center md:py-8 md:px-8': isHorizontal
|
|
84
71
|
});
|
|
85
|
-
|
|
86
|
-
|
|
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,
|
|
87
76
|
React.createElement("div", { className: wrapperClassList },
|
|
88
|
-
React.createElement("div", { className: titleWrapperClassList }, componentData.title
|
|
89
|
-
React.createElement(Input, {
|
|
90
|
-
:
|
|
91
|
-
React.createElement("div", null, children)),
|
|
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))),
|
|
92
80
|
React.createElement("div", { className: textWrapperClassList },
|
|
93
|
-
React.createElement(TextArea, {
|
|
94
|
-
|
|
95
|
-
|
|
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))),
|
|
96
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),
|
|
97
|
-
React.createElement(Button, { className: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, onClick: handleButtonCancel }, cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.children))
|
|
98
|
-
:
|
|
99
|
-
React.createElement("div", { className:
|
|
100
|
-
React.createElement("
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
React.createElement("p", { id: 'textLineOne', className: textClassList }, componentData.textLineOne.text),
|
|
109
|
-
React.createElement("div", { id: 'textLineTwo', className: textClassList }, componentData.textLineTwo.text),
|
|
110
|
-
React.createElement("div", { id: 'textLineThree', className: textClassList }, componentData.textLineThree.text)))));
|
|
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))))));
|
|
111
102
|
};
|
|
112
103
|
export default TextAndTitle;
|
|
113
104
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,21 +25,21 @@ const componentMeta = {
|
|
|
25
25
|
description: '',
|
|
26
26
|
control: 'text',
|
|
27
27
|
table: {
|
|
28
|
-
category: ''
|
|
28
|
+
category: ''
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
placeholder: {
|
|
32
32
|
description: '',
|
|
33
33
|
control: 'text',
|
|
34
34
|
table: {
|
|
35
|
-
category: ''
|
|
35
|
+
category: ''
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
bold: {
|
|
39
39
|
description: '',
|
|
40
40
|
control: 'boolean',
|
|
41
41
|
table: {
|
|
42
|
-
category: ''
|
|
42
|
+
category: ''
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
45
|
theme: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAG9B,MAAM,aAAa,GAAmC;
|
|
1
|
+
{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAG9B,MAAM,aAAa,GAAmC;IACpD,KAAK,EAAE,kDAAkD;IACzD,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,mDAAmD;YAChE,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,WAAW,EAAE;YACX,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAC1B,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;YACvE,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,iCAAiC;QAC9C,WAAW,EAAE,IAAI;KAClB;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"}
|
|
@@ -3,6 +3,7 @@ import classNames from 'classnames';
|
|
|
3
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
4
|
const colours = theme === 'dark' ? 'placeholder-white bg-primary text-white' : 'placeholder-primary bg-white text-primary';
|
|
5
5
|
const classList = classNames(className, colours, 'flex flex-col');
|
|
6
|
+
const newId = id !== undefined ? `-${id}` : '-';
|
|
6
7
|
const labelClassList = classNames({
|
|
7
8
|
'font-bold': bold
|
|
8
9
|
}, labelClasses, 'w-auto pb-2');
|
|
@@ -10,9 +11,9 @@ const TextArea = ({ id, className, labelClasses, textAreaClasses, label, placeho
|
|
|
10
11
|
'p-2': withPadding
|
|
11
12
|
}, textAreaClasses, colours, 'border rounded-md mb-2');
|
|
12
13
|
return (React.createElement("div", { id: id, className: classList },
|
|
13
|
-
label &&
|
|
14
|
-
React.createElement("label", { className: labelClassList, htmlFor: `text-area
|
|
15
|
-
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
|
|
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 })));
|
|
16
17
|
};
|
|
17
18
|
export default TextArea;
|
|
18
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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,14 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Timeline from './index';
|
|
3
3
|
import CardWithTopImage from '../CardWithTopImage';
|
|
4
|
-
import logo from '
|
|
4
|
+
import logo from '@assets/images/primary-logo.png';
|
|
5
5
|
const timelineItems = () => {
|
|
6
6
|
return new Array(8).fill(null).map(() => {
|
|
7
7
|
return ({
|
|
8
|
-
component: React.createElement(CardWithTopImage, {
|
|
8
|
+
component: React.createElement(CardWithTopImage, { imageProps: {
|
|
9
9
|
image: logo,
|
|
10
10
|
roundedFull: true,
|
|
11
|
-
className: 'rounded-full',
|
|
12
11
|
width: 4,
|
|
13
12
|
height: 4
|
|
14
13
|
}, className: 'px-4' },
|
|
@@ -19,10 +18,10 @@ const timelineItems = () => {
|
|
|
19
18
|
centerImageProps: {
|
|
20
19
|
image: logo,
|
|
21
20
|
imageClasses: 'mx-auto',
|
|
22
|
-
title: 'This is a title',
|
|
23
|
-
altText: 'This is a description',
|
|
24
21
|
width: 4,
|
|
25
|
-
height: 4
|
|
22
|
+
height: 4,
|
|
23
|
+
centerAligned: true,
|
|
24
|
+
roundedFull: true
|
|
26
25
|
}
|
|
27
26
|
});
|
|
28
27
|
});
|
|
@@ -54,26 +53,26 @@ const componentMeta = {
|
|
|
54
53
|
description: '',
|
|
55
54
|
control: 'boolean',
|
|
56
55
|
table: {
|
|
57
|
-
category: ''
|
|
58
|
-
}
|
|
56
|
+
category: ''
|
|
57
|
+
}
|
|
59
58
|
},
|
|
60
59
|
useImages: {
|
|
61
60
|
description: '',
|
|
62
61
|
control: 'boolean',
|
|
63
62
|
table: {
|
|
64
|
-
category: ''
|
|
65
|
-
}
|
|
63
|
+
category: ''
|
|
64
|
+
}
|
|
66
65
|
},
|
|
67
66
|
items: {
|
|
68
67
|
description: '',
|
|
69
68
|
control: 'array',
|
|
70
69
|
table: {
|
|
71
|
-
category: ''
|
|
72
|
-
}
|
|
70
|
+
category: ''
|
|
71
|
+
}
|
|
73
72
|
}
|
|
74
73
|
},
|
|
75
74
|
args: {
|
|
76
|
-
isHorizontal:
|
|
75
|
+
isHorizontal: true,
|
|
77
76
|
reverse: false,
|
|
78
77
|
items: timelineItems(),
|
|
79
78
|
textCenter: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Timeline/Timeline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAC9B,OAAO,gBAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"Timeline.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Timeline/Timeline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAC9B,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAE3D,OAAO,IAAI,MAAM,iCAAiC,CAAA;AAGlD,MAAM,aAAa,GAAG,GAAoE,EAAE;IAC1F,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE;QACtC,OAAO,CACL;YACE,SAAS,EACf,oBAAC,gBAAgB,IACf,UAAU,EAAE;oBACV,KAAK,EAAE,IAAI;oBACX,WAAW,EAAE,IAAI;oBACjB,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;iBACV,EACD,SAAS,EAAC,MAAM;gBAEhB,mDAAwB;gBACxB,wDAA6B;gBAC7B,yDAA8B;gBAC9B,wOAA6M,CAC5L;YACb,gBAAgB,EAAE;gBAChB,KAAK,EAAE,IAAI;gBACX,YAAY,EAAE,SAAS;gBACvB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;gBACT,aAAa,EAAE,IAAI;gBACnB,WAAW,EAAE,IAAI;aAClB;SACF,CACF,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,aAAa,GAAmC;IACpD,KAAK,EAAE,qDAAqD;IAC5D,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;YACzC,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,mDAAmD;YAChE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;YACzC,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,IAAI;QAClB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,aAAa,EAAE;QACtB,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,IAAI;QACf,0BAA0B,EAAE,WAAW;QACvC,IAAI,EAAE,IAAI;KACX;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"}
|