trepur_components 1.0.60 → 1.0.61
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/AlertBar/AlertBar.d.ts +5 -5
- package/dist/src/lib/components/AlertBar/AlertBar.js +29 -33
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -1
- package/dist/src/lib/components/AlertBar/style.module.css +11 -2
- package/dist/src/lib/components/AlertBar/style.module.css.map +1 -1
- package/dist/src/lib/components/ComponentWrapper/style.module.css +3 -23
- package/dist/src/lib/components/ComponentWrapper/style.module.css.map +1 -1
- package/dist/src/lib/components/Form/Form.d.ts +4 -4
- package/dist/src/lib/components/Form/Form.js +9 -9
- package/dist/src/lib/components/Form/Form.js.map +1 -1
- package/dist/src/lib/components/Icon/Icon.d.ts +3 -3
- package/dist/src/lib/components/Icon/Icon.js +27 -15
- package/dist/src/lib/components/Icon/Icon.js.map +1 -1
- package/dist/src/lib/components/ImageInfo/ImageInfo.js +1 -1
- package/dist/src/lib/components/ImageInfo/ImageInfo.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.d.ts +3 -3
- package/dist/src/lib/components/InformationIcon/InformationIcon.js +18 -15
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/style.module.css +45 -88
- package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.d.ts +3 -3
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js +17 -18
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/style.module.css +1 -9
- package/dist/src/lib/components/InformationIconBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +2 -3
- package/dist/src/lib/components/Input/Input.js +11 -16
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Input/style.module.css +0 -4
- package/dist/src/lib/components/Input/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.js +4 -1
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/style.module.css +1 -1
- package/dist/src/lib/components/Nav/style.module.css.map +1 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.d.ts +3 -8
- package/dist/src/lib/components/SocialBlock/SocialBlock.js +14 -53
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/style.module.css +36 -41
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/SocialButton/SocialButton.d.ts +3 -3
- package/dist/src/lib/components/SocialButton/SocialButton.js +12 -13
- package/dist/src/lib/components/SocialButton/SocialButton.js.map +1 -1
- package/dist/src/lib/components/SocialButton/style.module.css +5 -10
- package/dist/src/lib/components/SocialButton/style.module.css.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +3 -3
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +32 -52
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.d.ts +15 -12
- package/dist/src/lib/components/TextArea/TextArea.js +21 -16
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
- package/dist/src/lib/components/TextArea/style.module.css +89 -20
- package/dist/src/lib/components/TextArea/style.module.css.map +1 -1
- package/package.json +1 -1
|
@@ -1,24 +1,18 @@
|
|
|
1
1
|
.classList {
|
|
2
2
|
|
|
3
|
-
display: flex;
|
|
4
|
-
|
|
5
3
|
border-radius: 1rem;
|
|
6
4
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
--tw-scale-y: 1;
|
|
10
|
-
|
|
11
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
12
|
-
|
|
13
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
5
|
+
text-align: center
|
|
6
|
+
}
|
|
14
7
|
|
|
15
|
-
|
|
8
|
+
@media (min-width: 640px) {
|
|
16
9
|
|
|
17
|
-
|
|
10
|
+
.classList {
|
|
18
11
|
|
|
19
|
-
|
|
12
|
+
display: flex;
|
|
20
13
|
|
|
21
|
-
|
|
14
|
+
text-align: left
|
|
15
|
+
}
|
|
22
16
|
}
|
|
23
17
|
|
|
24
18
|
.large {
|
|
@@ -33,74 +27,12 @@
|
|
|
33
27
|
padding-bottom: 1rem
|
|
34
28
|
}
|
|
35
29
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
--tw-scale-x: 1.1;
|
|
39
|
-
|
|
40
|
-
--tw-scale-y: 1.1;
|
|
41
|
-
|
|
42
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
43
|
-
|
|
44
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
45
|
-
|
|
46
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
47
|
-
|
|
48
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
49
|
-
|
|
50
|
-
transition-duration: 300ms;
|
|
51
|
-
|
|
52
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.hoverable.classList:hover .title {
|
|
56
|
-
|
|
57
|
-
--tw-scale-x: 1.1;
|
|
58
|
-
|
|
59
|
-
--tw-scale-y: 1.1;
|
|
60
|
-
|
|
61
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
62
|
-
|
|
63
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
64
|
-
|
|
65
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
66
|
-
|
|
67
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
68
|
-
|
|
69
|
-
transition-duration: 300ms;
|
|
70
|
-
|
|
71
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.hoverable.classList:hover .subtitle {
|
|
75
|
-
|
|
76
|
-
--tw-scale-x: 1.1;
|
|
77
|
-
|
|
78
|
-
--tw-scale-y: 1.1;
|
|
79
|
-
|
|
80
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
81
|
-
|
|
82
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
83
|
-
|
|
84
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
85
|
-
|
|
86
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
87
|
-
|
|
88
|
-
transition-duration: 300ms;
|
|
89
|
-
|
|
90
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.icon {
|
|
94
|
-
|
|
95
|
-
margin-top: auto;
|
|
96
|
-
|
|
97
|
-
margin-bottom: auto;
|
|
98
|
-
|
|
99
|
-
display: flex;
|
|
30
|
+
@media (min-width: 640px) {
|
|
100
31
|
|
|
101
|
-
|
|
32
|
+
.icon {
|
|
102
33
|
|
|
103
|
-
|
|
34
|
+
height: 100%
|
|
35
|
+
}
|
|
104
36
|
}
|
|
105
37
|
|
|
106
38
|
.large .icon {
|
|
@@ -135,7 +67,23 @@
|
|
|
135
67
|
|
|
136
68
|
.text {
|
|
137
69
|
|
|
138
|
-
|
|
70
|
+
margin-top: 2rem;
|
|
71
|
+
|
|
72
|
+
display: flex;
|
|
73
|
+
|
|
74
|
+
flex-direction: column-reverse
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
@media (min-width: 640px) {
|
|
78
|
+
|
|
79
|
+
.text {
|
|
80
|
+
|
|
81
|
+
margin-top: 0px;
|
|
82
|
+
|
|
83
|
+
display: block;
|
|
84
|
+
|
|
85
|
+
padding-right: 1rem
|
|
86
|
+
}
|
|
139
87
|
}
|
|
140
88
|
|
|
141
89
|
@media (min-width: 768px) {
|
|
@@ -148,23 +96,32 @@
|
|
|
148
96
|
|
|
149
97
|
.title {
|
|
150
98
|
|
|
151
|
-
font-weight:
|
|
99
|
+
font-weight: 300
|
|
152
100
|
}
|
|
153
101
|
|
|
154
|
-
|
|
102
|
+
@media (min-width: 640px) {
|
|
155
103
|
|
|
156
|
-
|
|
104
|
+
.title {
|
|
105
|
+
|
|
106
|
+
font-weight: 600
|
|
107
|
+
}
|
|
157
108
|
}
|
|
158
109
|
|
|
159
|
-
.
|
|
110
|
+
.subtitle {
|
|
160
111
|
|
|
161
|
-
|
|
112
|
+
font-size: 48px;
|
|
162
113
|
|
|
163
|
-
|
|
114
|
+
font-weight: 500
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
@media (min-width: 640px) {
|
|
164
118
|
|
|
165
|
-
|
|
119
|
+
.subtitle {
|
|
166
120
|
|
|
167
|
-
|
|
121
|
+
font-size: 12px;
|
|
122
|
+
|
|
123
|
+
font-weight: 400
|
|
124
|
+
}
|
|
168
125
|
}
|
|
169
126
|
|
|
170
127
|
.primary {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,mBAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA;;QAAA,aAAmD;;QAAnD;IAAmD;AAAA;;AAInD;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;;QAAA;IAAgB;AAAA;;AAIhB;;IAAA,kBAAmB;;IAAnB;AAAmB;;AAAnB;;IAAA;;QAAA,kBAAmB;;QAAnB;IAAmB;AAAA;;AAInB;;IAAA;AAAmB;;AAAnB;;IAAA;;QAAA;IAAmB;AAAA;;AAInB;;IAAA,gBAAkE;;IAAlE,aAAkE;;IAAlE;AAAkE;;AAAlE;;IAAA;;QAAA,eAAkE;;QAAlE,cAAkE;;QAAlE;IAAkE;AAAA;;AAAlE;;IAAA;;QAAA;IAAkE;AAAA;;AAIlE;;IAAA;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,eAAsD;;IAAtD;AAAsD;;AAAtD;;IAAA;;QAAA,eAAsD;;QAAtD;IAAsD;AAAA;;AAItD;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,4CAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,uCAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,mCAAyB;;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n @apply sm:flex rounded-2xl text-center sm:text-left;\n}\n\n.large {\n @apply py-8;\n}\n\n.small {\n @apply pb-4;\n}\n\n.icon {\n @apply sm:h-full;\n}\n\n.large .icon {\n @apply px-4 md:px-8;\n}\n\n.small .icon {\n @apply pr-2 md:pr-4;\n}\n\n.text {\n @apply flex flex-col-reverse sm:block sm:pr-4 md:pr-8 mt-8 sm:mt-0;\n}\n\n.title {\n @apply font-light sm:font-semiBold;\n}\n\n.subtitle {\n @apply text-xxl sm:text-xs font-medium sm:font-regular;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.white {\n @apply bg-white text-black;\n}\n\n.grey {\n @apply bg-lightest-grey text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.success {\n @apply bg-success text-white;\n}\n\n.error {\n @apply bg-error text-white;\n}\n\n.facebook {\n @apply bg-facebook text-white;\n}\n\n.gold {\n @apply bg-gold text-white;\n}"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours, ThemeTypes } from
|
|
3
|
-
import { Props as iconProps } from
|
|
2
|
+
import { Colours, ThemeTypes } from "../../utils/controls";
|
|
3
|
+
import { Props as iconProps } from "../Icon/Icon";
|
|
4
4
|
export interface Props {
|
|
5
5
|
id?: string;
|
|
6
6
|
className?: string;
|
|
@@ -10,5 +10,5 @@ export interface Props {
|
|
|
10
10
|
icons?: iconProps[];
|
|
11
11
|
theme?: ThemeTypes;
|
|
12
12
|
}
|
|
13
|
-
declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons, theme }: Props) => JSX.Element;
|
|
13
|
+
declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons, theme, }: Props) => JSX.Element;
|
|
14
14
|
export default InformationIconBlock;
|
|
@@ -1,23 +1,22 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import style from
|
|
3
|
-
import Container from
|
|
4
|
-
import ComponentWrapper from
|
|
5
|
-
import { InformationIcon } from
|
|
6
|
-
import classNames from
|
|
7
|
-
const InformationIconBlock = ({ id, className, title, description, bgColour, icons, theme =
|
|
1
|
+
import React from "react";
|
|
2
|
+
import style from "./style.module.css";
|
|
3
|
+
import Container from "../Container/Container";
|
|
4
|
+
import ComponentWrapper from "../ComponentWrapper/ComponentWrapper";
|
|
5
|
+
import { InformationIcon } from "../../../../src/lib";
|
|
6
|
+
import classNames from "classnames";
|
|
7
|
+
const InformationIconBlock = ({ id, className, title, description, bgColour, icons, theme = "theme-rupertbennett", }) => {
|
|
8
8
|
const classList = classNames(className);
|
|
9
9
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
|
|
10
|
-
React.createElement(Container, { withPadding: false },
|
|
11
|
-
React.createElement(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
})))));
|
|
10
|
+
React.createElement(Container, { className: style.iconWrapper, withPadding: false }, icons === null || icons === void 0 ? void 0 : icons.map((icon, i) => {
|
|
11
|
+
return (React.createElement(InformationIcon, { key: i, iconProps: {
|
|
12
|
+
size: 2,
|
|
13
|
+
type: icon.type,
|
|
14
|
+
colour: "primary",
|
|
15
|
+
bgColour: "white",
|
|
16
|
+
hoverColour: "primary",
|
|
17
|
+
hoverBgColour: "white",
|
|
18
|
+
}, id: icon.name.replace(/\s+/g, ""), title: icon.name, subtitle: icon.value, withAnimation: true }));
|
|
19
|
+
}))));
|
|
21
20
|
};
|
|
22
21
|
export default InformationIconBlock;
|
|
23
22
|
//# sourceMappingURL=InformationIconBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,SAAS,MAAM,iCAAiC,CAAC;AACxD,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAE7E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,qBAAqB,GACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACxC,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,IACxD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;YACnC,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,CAAC,EACN,SAAS,EAAE;oBACT,IAAI,EAAE,CAAC;oBACP,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,MAAM,EAAE,SAAS;oBACjB,QAAQ,EAAE,OAAO;oBACjB,WAAW,EAAE,SAAS;oBACtB,aAAa,EAAE,OAAO;iBACvB,EACD,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,CAAC,KAAK,EACpB,aAAa,SACb,CACH,CAAC;QACJ,CAAC,CAAC,CACQ,CACK,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -2,19 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
display: grid;
|
|
4
4
|
|
|
5
|
-
grid-template-columns: repeat(
|
|
5
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
6
6
|
|
|
7
7
|
gap: 1rem
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
@media (min-width: 640px) {
|
|
11
|
-
|
|
12
|
-
.iconWrapper {
|
|
13
|
-
|
|
14
|
-
grid-template-columns: repeat(2, minmax(0, 1fr))
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
10
|
@media (min-width: 1280px) {
|
|
19
11
|
|
|
20
12
|
.iconWrapper {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/InformationIconBlock/style.module.css"],"names":[],"mappings":"AACI;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/InformationIconBlock/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAA4C;;IAA5C,gDAA4C;;IAA5C;AAA4C;;AAA5C;;IAAA;;QAAA;IAA4C;AAAA;;AAI5C;;IAAA;AAAY","file":"style.module.css","sourcesContent":[".iconWrapper {\n @apply grid grid-cols-2 xl:grid-cols-4 gap-4;\n}\n\n.iconClasses {\n @apply pb-12;\n}"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours, ThemeTypes } from
|
|
2
|
+
import { Colours, ThemeTypes } from "../../utils/controls";
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -26,7 +26,6 @@ export interface Props {
|
|
|
26
26
|
value?: string;
|
|
27
27
|
bgColour?: Colours;
|
|
28
28
|
theme?: ThemeTypes;
|
|
29
|
-
fullWidth?: boolean;
|
|
30
29
|
}
|
|
31
|
-
declare const Input: ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value,
|
|
30
|
+
declare const Input: ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, theme, }: Props) => JSX.Element;
|
|
32
31
|
export default Input;
|
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
import React, { useRef } from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
const Input = ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required = false, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value,
|
|
5
|
-
const newId = id !== undefined ? `-${id}` :
|
|
6
|
-
const fullWidthClasses = classNames({
|
|
7
|
-
[style.fullWidth]: fullWidth,
|
|
8
|
-
[style.notFullWidth]: !fullWidth
|
|
9
|
-
});
|
|
1
|
+
import React, { useRef } from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import style from "./style.module.css";
|
|
4
|
+
const Input = ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required = false, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value, theme = "theme-rupertbennett", }) => {
|
|
5
|
+
const newId = id !== undefined ? `-${id}` : "";
|
|
10
6
|
const valueClassList = classNames({
|
|
11
|
-
[style.errorState]:
|
|
7
|
+
[style.errorState]: errors != null || errorState,
|
|
12
8
|
}, style.value);
|
|
13
9
|
const labelClassList = classNames({
|
|
14
|
-
[style.labelError]:
|
|
10
|
+
[style.labelError]: errors != null || errorState,
|
|
15
11
|
}, style.label);
|
|
16
|
-
const headerClassList = classNames(
|
|
12
|
+
const headerClassList = classNames(style.classList, className, theme);
|
|
17
13
|
const btnRef = useRef(null);
|
|
18
14
|
const handleClick = () => {
|
|
19
15
|
var _a;
|
|
@@ -25,10 +21,9 @@ const Input = ({ id, className, autoComplete, disabled, formId, height, maxLengt
|
|
|
25
21
|
React.createElement("p", { className: labelClassList }, label),
|
|
26
22
|
required && React.createElement("p", { className: style.required }, "\u00A0*")),
|
|
27
23
|
React.createElement("input", { ref: btnRef, id: `input${newId}`, className: valueClassList, autoComplete: autoComplete, disabled: disabled, form: formId, height: height, maxLength: maxLength, minLength: minLength, pattern: pattern, required: required, readOnly: readOnly, type: type, name: name, value: value, placeholder: placeholder, onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e), onBlur: onBlur, onFocus: onFocus, onClick: onClick })),
|
|
28
|
-
withValidation === true &&
|
|
29
|
-
React.createElement("
|
|
30
|
-
|
|
31
|
-
}))));
|
|
24
|
+
withValidation === true && (React.createElement("div", { id: `errors${newId}`, className: classNames(style.errors, theme) }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
|
|
25
|
+
return (React.createElement("p", { key: `error-msg-${i + 0}`, className: style.errorText }, error));
|
|
26
|
+
})))));
|
|
32
27
|
};
|
|
33
28
|
export default Input;
|
|
34
29
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,gBAA2B;;IAA3B,WAA2B;;IAA3B,oCAA2B;;IAC3B;AAD2B;;AAI/B;;;;;;IAMI;;AAGA;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAA+B;;IAA/B,oBAA+B;;IAA/B,oBAA+B;;IAA/B,qBAA+B;;IAA/B,sBAA+B;;IAC/B,mBAAgD;;IAAhD,oCAAgD;;IAAhD,eAAgD;;IAAhD;AAD+B;;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,gBAA2B;;IAA3B,WAA2B;;IAA3B,oCAA2B;;IAC3B;AAD2B;;AAI/B;;;;;;IAMI;;AAGA;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAA+B;;IAA/B,oBAA+B;;IAA/B,oBAA+B;;IAA/B,qBAA+B;;IAA/B,sBAA+B;;IAC/B,mBAAgD;;IAAhD,oCAAgD;;IAAhD,eAAgD;;IAAhD;AAD+B;;AAK/B;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAoD;;IAApD,uBAAoD;;IAApD,oCAAoD;;IAApD,mBAAoD;;IAApD,sBAAoD;;IAApD,kBAAoD;;IAApD,uBAAoD;;IACpD,eAAqB;;IACrB,iBAA0B;;IAA1B,gCAA0B;;IAC1B;AAHoD;;AAMxD;;;;;;GAMG;;AAGC;;IAAA,eAAsC;;IAAtC,gBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAiB;;AAIjB;;IAAA,mBAAwC;;IAAxC,sBAAwC;;IAAxC,gCAAwC;;IAAxC;AAAwC","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full bg-white mt-4;\n @apply cursor-pointer;\n}\n\n/* .classList:active p {\n @apply hidden;\n} \n\n.classList:active .value {\n @apply pt-3 pb-4;\n} */\n\n.fullWidth {\n @apply w-full;\n}\n\n.notFullWidth {\n @apply sm:w-72;\n}\n\n.labelWrapper {\n @apply px-1 ml-3 absolute -mt-3;\n @apply bg-white text-sm font-regular rounded-2xl;\n}\n\n.required {\n @apply text-error font-semiBold;\n}\n\n.value {\n @apply py-2 pl-4 rounded-md text-ink bg-white w-full;\n @apply cursor-pointer;\n @apply border border-black;\n @apply text-md;\n}\n\n/* .value:focus {\n @apply pt-3 pb-4;\n}\n\n.value:focus ~ label {\n @apply text-xl;\n} */\n\n.errors {\n @apply text-error text-sm font-regular;\n}\n\n.errorState {\n @apply border-2 border-error;\n}\n\n.labelError {\n @apply text-error;\n}\n\n.errorText {\n @apply border-l-4 border-error pl-3 mt-1;\n}\n"]}
|
|
@@ -7,6 +7,7 @@ import Image from "../Image/Image";
|
|
|
7
7
|
import Container from "../Container/Container";
|
|
8
8
|
import StickyNav from "./StickyNav";
|
|
9
9
|
import MenuButton from "../MenuButton/MenuButton";
|
|
10
|
+
import HorizontalLine from "../HorizontalLine/HorizontalLine";
|
|
10
11
|
const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDropdown = false, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = "dark", text, textLink = "/", theme = "theme-rupertbennett", withStickyNavShadow = false, withDesktopShadow = false, profileMenu, }) => {
|
|
11
12
|
var _a, _b, _c, _d;
|
|
12
13
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
@@ -66,7 +67,9 @@ const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDro
|
|
|
66
67
|
(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && (React.createElement("div", { className: style.profileClassList },
|
|
67
68
|
React.createElement(MenuButton, Object.assign({}, profileMenu, { menuItems: profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems }))))),
|
|
68
69
|
withMobileSideBar && (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
69
|
-
return (React.createElement(
|
|
70
|
+
return (React.createElement("div", { className: "flex-col" },
|
|
71
|
+
React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems, "pb-4 pt-2 justify-center"), bordered: false, rounded: false, underlineOnHover: true, variant: variant === "dark" ? "secondary" : "primary", theme: theme })),
|
|
72
|
+
React.createElement(HorizontalLine, { colour: variant === "light" ? "primary" : "white", className: "mx-2", theme: theme })));
|
|
70
73
|
}))),
|
|
71
74
|
withMobileDropdown && (React.createElement("div", { className: dropdownNavClasses },
|
|
72
75
|
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,OAAkC,MAAM,6BAA6B,CAAC;AAC7E,OAAO,aAAa,MAAM,yCAAyC,CAAC;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,SAAS,MAAM,iCAAiC,CAAC;AAExD,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,UAEN,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAAoB;;IAApB,WAAoB;;IACpB,aAAwC;;IAAxC,mBAAwC;;IAAxC;AADoB;;AAKpB;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAoF;;IAApF,QAAoF;;IAApF,WAAoF;;IAApF,WAAoF;;IAApF,gBAAoF;;IAApF,UAAoF;;IAApF,wBAAoF;;IAApF,wDAAoF;;IAApF;AAAoF;;AAIpF;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;IAAA,UAA+C;;IAA/C,wBAA+C;;IAA/C,wDAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;AAAmB;;AAInB;;IAAA,aAA+D;;IAA/D,YAA+D;;IAA/D,uBAA+D;;IAA/D,mBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA,aAA+D;;QAA/D;IAA+D;AAAA;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,iBAA+B;;IAA/B,kBAA+B;;IAA/B,WAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,aAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA;;QAAA;IAA0B;AAAA;;AAI1B;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,aAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,WAAqC;;IAArC;AAAqC;;AAArC;;IAAA;;QAAA;IAAqC;AAAA;;AAIrC;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA,eAA+D;;IAA/D,WAA+D;;IAA/D,YAA+D;;IAA/D,gBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAAoB;;IAApB,WAAoB;;IACpB,aAAwC;;IAAxC,mBAAwC;;IAAxC;AADoB;;AAKpB;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAoF;;IAApF,QAAoF;;IAApF,WAAoF;;IAApF,WAAoF;;IAApF,gBAAoF;;IAApF,UAAoF;;IAApF,wBAAoF;;IAApF,wDAAoF;;IAApF;AAAoF;;AAIpF;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;IAAA,UAA+C;;IAA/C,wBAA+C;;IAA/C,wDAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;AAAmB;;AAInB;;IAAA,aAA+D;;IAA/D,YAA+D;;IAA/D,uBAA+D;;IAA/D,mBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA,aAA+D;;QAA/D;IAA+D;AAAA;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,iBAA+B;;IAA/B,kBAA+B;;IAA/B,WAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,aAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA;;QAAA;IAA0B;AAAA;;AAI1B;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,aAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,WAAqC;;IAArC;AAAqC;;AAArC;;IAAA;;QAAA;IAAqC;AAAA;;AAIrC;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA,eAA+D;;IAA/D,WAA+D;;IAA/D,YAA+D;;IAA/D,gBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAU;;AAIV;;IAAA,aAA+B;;IAA/B;AAA+B;;AAA/B;;IAAA;;QAAA;IAA+B;AAAA;;AAI/B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA4B;;IAA5B;AAA4B","file":"style.module.css","sourcesContent":[".desktopNav {\n @apply z-50 relative;\n @apply flex items-center justify-between;\n}\n\n.desktopNavDropShadow {\n @apply drop-shadow-lg;\n}\n\n.mobileNav {\n @apply z-50 relative;\n}\n\n.stickyNav {\n @apply fixed z-40 top-0 overflow-hidden w-full opacity-0 transition-all duration-500;\n}\n\n.stickyNavDropShadow {\n @apply drop-shadow-lg;\n}\n\n.showStickyNav {\n @apply opacity-100 transition-all duration-1000;\n}\n\n.invisible {\n @apply hidden;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.white {\n @apply bg-white text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.collapseBtnWrapper {\n @apply absolute inset-y-0 left-8 top-4;\n}\n\n.collapseBtnWrapper:hover>button {\n @apply text-primary;\n}\n\n.navItems {\n @apply hidden md:flex justify-center py-6 md:pr-16 lg:pr-0 w-96;\n}\n\n.navItemPadding {\n @apply w-24 mx-auto text-center;\n}\n\n.logoClassList {\n @apply hidden md:flex w-96;\n}\n\n.textClassList {\n @apply hidden lg:flex w-96 flex-row-reverse;\n}\n\n.profileClassList {\n @apply hidden md:flex w-96 flex-row-reverse;\n}\n\n.desktopLogo:focus {\n @apply border-2 border-white;\n}\n\n.mobileLogo {\n @apply mx-auto;\n}\n\n.mobileLogo:focus {\n @apply border-2 border-white;\n}\n\n.mobileContainer {\n @apply flex items-center md:hidden;\n}\n\n.mobileDropDownMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.dropDownNavClassList {\n @apply z-50 md:hidden overflow-hidden;\n}\n\n.mobileDropDownMenuNavItems {\n @apply pl-8 pt-2;\n}\n\n.dropDownCollapsed {\n @apply h-0;\n}\n\n.sideNavClassList {\n @apply z-50 md:hidden fixed overflow-hidden h-full duration-700;\n}\n\n.mobileSideBarMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.mobileSideBarMenuNavItems {\n @apply pl-2 pt-4;\n}\n\n.mobileSideBarMenuNavItems:focus {\n @apply border-2 border-white;\n}\n\n.sideBarCollapsed {\n @apply w-0;\n}\n\n.sideBarExpanded {\n @apply w-full sm:w-1/3 h-screen;\n}\n\n.dark {\n @apply bg-primary text-white;\n}\n\n.light {\n @apply bg-white text-primary;\n}"]}
|
|
@@ -1,21 +1,16 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours, ThemeTypes } from
|
|
2
|
+
import { Colours, ThemeTypes } from "../../utils/controls";
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
6
6
|
title?: string;
|
|
7
7
|
description?: string;
|
|
8
8
|
bgColour?: Colours;
|
|
9
|
-
withLiveUpdates?: boolean;
|
|
10
|
-
onSave?: (arr: any[], id: string | undefined) => void;
|
|
11
|
-
editTitleClasses?: string;
|
|
12
|
-
editTextClasses?: string;
|
|
13
|
-
buttonWrapperClasses?: string;
|
|
14
9
|
socialButtons?: Array<{
|
|
15
10
|
type: string;
|
|
16
11
|
}>;
|
|
17
|
-
variant:
|
|
12
|
+
variant: "light" | "dark";
|
|
18
13
|
theme?: ThemeTypes;
|
|
19
14
|
}
|
|
20
|
-
declare const SocialBlock: ({ id, className, title, description, bgColour,
|
|
15
|
+
declare const SocialBlock: ({ id, className, title, description, bgColour, socialButtons, variant, theme, }: Props) => JSX.Element;
|
|
21
16
|
export default SocialBlock;
|
|
@@ -1,56 +1,17 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
text: {
|
|
16
|
-
text: description
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
const [isInEditingMode, setIsInEditingMode] = useState(false);
|
|
20
|
-
const [componentData, setComponentData] = useState(defaultComponentData);
|
|
21
|
-
const classList = classNames(className, colours);
|
|
22
|
-
const buttonWrapperClasslist = classNames(buttonWrapperClasses, style.buttonWrapperClassList);
|
|
23
|
-
const toggleEditState = () => {
|
|
24
|
-
withLiveUpdates === true && setIsInEditingMode(!isInEditingMode);
|
|
25
|
-
};
|
|
26
|
-
const handleButtonSave = () => {
|
|
27
|
-
const arr = [];
|
|
28
|
-
arr.push({ key: 'title', value: componentData.title.text });
|
|
29
|
-
arr.push({ key: 'text', value: componentData.text.text });
|
|
30
|
-
toggleEditState();
|
|
31
|
-
onSave === null || onSave === void 0 ? void 0 : onSave(arr, id);
|
|
32
|
-
};
|
|
33
|
-
const handleButtonCancel = () => {
|
|
34
|
-
toggleEditState();
|
|
35
|
-
};
|
|
36
|
-
const handleChange = (e) => {
|
|
37
|
-
let id = e.target.id;
|
|
38
|
-
id = id.split('-')[id.split('-').length - 1];
|
|
39
|
-
setComponentData(Object.assign(Object.assign({}, componentData), { [id]: {
|
|
40
|
-
text: e.target.value
|
|
41
|
-
} }));
|
|
42
|
-
};
|
|
43
|
-
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme }, withLiveUpdates === true && isInEditingMode
|
|
44
|
-
? (React.createElement("div", { className: colours },
|
|
45
|
-
React.createElement(Input, { className: editTitleClasses, value: componentData.title.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
|
|
46
|
-
React.createElement(Input, { className: editTextClasses, value: componentData.text.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
|
|
47
|
-
React.createElement(Button, { className: style.saveButton, onClick: handleButtonSave }, "Save"),
|
|
48
|
-
React.createElement(Button, { className: style.cancelButton, onClick: handleButtonCancel }, "Cancel")))
|
|
49
|
-
: (React.createElement(Container, { withPadding: false },
|
|
50
|
-
React.createElement("div", { className: buttonWrapperClasslist }, socialButtons === null || socialButtons === void 0 ? void 0 : socialButtons.map((button, i) => {
|
|
51
|
-
return button.href !== undefined &&
|
|
52
|
-
React.createElement(SocialButton, { key: `socual_button_${i}`, className: style.buttonClasses, type: button.type, href: button.href });
|
|
53
|
-
}))))));
|
|
1
|
+
import React from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import style from "./style.module.css";
|
|
4
|
+
import ComponentWrapper from "../ComponentWrapper/ComponentWrapper";
|
|
5
|
+
import SocialButton from "../SocialButton/SocialButton";
|
|
6
|
+
const SocialBlock = ({ id, className, title, description, bgColour, socialButtons, variant = "light", theme = "theme-rupertbennett", }) => {
|
|
7
|
+
const colours = variant === "dark" ? style.dark : style.light;
|
|
8
|
+
const classList = classNames(style.classList, className, colours);
|
|
9
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
|
|
10
|
+
React.createElement("div", { className: style.outside },
|
|
11
|
+
React.createElement("div", { className: style.wrapper },
|
|
12
|
+
React.createElement("div", { className: style.buttonWrapper }, socialButtons === null || socialButtons === void 0 ? void 0 : socialButtons.map((button, i) => {
|
|
13
|
+
return (button.href !== undefined && (React.createElement(SocialButton, { key: `socual_button_${i}`, className: style.buttonClasses, type: button.type, href: button.href })));
|
|
14
|
+
}))))));
|
|
54
15
|
};
|
|
55
16
|
export default SocialBlock;
|
|
56
17
|
//# sourceMappingURL=SocialBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAEvC,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAE7E,OAAO,YAAY,MAAM,uCAAuC,CAAC;AAajE,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,aAAa,EACb,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,qBAAqB,GACvB,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IAC9D,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;IAElE,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;YAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,CAAC,MAAW,EAAE,CAAS,EAAE,EAAE;oBAC7C,OAAO,CACL,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,CAC3B,oBAAC,YAAY,IACX,GAAG,EAAE,iBAAiB,CAAC,EAAE,EACzB,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,IAAI,EAAE,MAAM,CAAC,IAAI,GACjB,CACH,CACF,CAAC;gBACJ,CAAC,CAAC,CACE,CACF,CACF,CACW,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|