trepur_components 1.0.40 → 1.0.42
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/Calendar/Calendar.d.ts +19 -0
- package/dist/src/lib/components/Calendar/Calendar.js +25 -0
- package/dist/src/lib/components/Calendar/Calendar.js.map +1 -0
- package/dist/src/lib/components/Calendar/style.css +234 -0
- package/dist/src/lib/components/Calendar/style.css.map +1 -0
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js.map +1 -1
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js +1 -1
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js.map +1 -1
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.d.ts +2 -2
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/src/lib/components/FooterNav/FooterNav.js +2 -2
- package/dist/src/lib/components/FooterNav/FooterNav.js.map +1 -1
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js.map +1 -1
- package/dist/src/lib/components/Form/Form.d.ts +1 -2
- package/dist/src/lib/components/Form/Form.js +7 -7
- package/dist/src/lib/components/Form/Form.js.map +1 -1
- package/dist/src/lib/components/Form/style.module.css +1 -3
- package/dist/src/lib/components/Form/style.module.css.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js +1 -1
- package/dist/src/lib/components/IconCard/IconCard.d.ts +16 -0
- package/dist/src/lib/components/IconCard/IconCard.js +20 -0
- package/dist/src/lib/components/IconCard/IconCard.js.map +1 -0
- package/dist/src/lib/components/IconCard/style.module.css +14 -0
- package/dist/src/lib/components/IconCard/style.module.css.map +1 -0
- package/dist/src/lib/components/InformationIcon/InformationIcon.js +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +2 -5
- package/dist/src/lib/components/Input/Input.js +16 -16
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Input/style.module.css +43 -71
- package/dist/src/lib/components/Input/style.module.css.map +1 -1
- package/dist/src/lib/components/MenuButton/MenuButton.d.ts +2 -2
- package/dist/src/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +1 -1
- package/dist/src/lib/components/Nav/Nav.js +2 -1
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/StickyNav.js +1 -1
- package/dist/src/lib/components/Nav/StickyNav.js.map +1 -1
- package/dist/src/lib/components/Select/Select.d.ts +13 -0
- package/dist/src/lib/components/Select/Select.js +30 -0
- package/dist/src/lib/components/Select/Select.js.map +1 -0
- package/dist/src/lib/components/Select/style.module.css +137 -0
- package/dist/src/lib/components/Select/style.module.css.map +1 -0
- package/dist/src/lib/components/SocialBlock/SocialBlock.d.ts +1 -6
- package/dist/src/lib/components/SocialBlock/SocialBlock.js +3 -3
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +4 -10
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.d.ts +3 -7
- package/dist/src/lib/components/TextArea/TextArea.js +17 -14
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
- package/dist/src/lib/components/TextArea/style.module.css +34 -76
- package/dist/src/lib/components/TextArea/style.module.css.map +1 -1
- package/dist/src/lib/index.d.ts +7 -1
- package/dist/src/lib/index.js +7 -1
- package/dist/src/lib/index.js.map +1 -1
- package/dist/src/lib/utils/controls.d.ts +16 -1
- package/dist/src/lib/utils/controls.js +11 -0
- package/dist/src/lib/utils/controls.js.map +1 -1
- package/package.json +3 -1
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Input = ({ id, className,
|
|
5
|
-
const classList = classNames(className, style[bgColour], style.classList, theme);
|
|
6
|
-
const labelClassList = classNames({
|
|
7
|
-
[style.bold]: bold
|
|
8
|
-
}, labelClasses, [style.labelClassList]);
|
|
9
|
-
const inputClassList = classNames({}, inputClasses, style[bgColour], style.inputClassList);
|
|
4
|
+
const Input = ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, value, fullWidth = false, theme = 'theme-rupertbennett' }) => {
|
|
10
5
|
const newId = id !== undefined ? `-${id}` : '';
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
const fullWidthClasses = classNames({
|
|
7
|
+
[style.fullWidth]: fullWidth,
|
|
8
|
+
[style.notFullWidth]: !fullWidth
|
|
9
|
+
});
|
|
10
|
+
const headerClassList = classNames(fullWidthClasses, style.classList, className, theme);
|
|
11
|
+
const btnRef = useRef(null);
|
|
12
|
+
const handleClick = () => {
|
|
13
|
+
var _a;
|
|
14
|
+
(_a = btnRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
15
|
+
};
|
|
16
|
+
return (React.createElement("div", { id: id, className: headerClassList, onClick: handleClick },
|
|
17
|
+
React.createElement("label", { className: style.label }, label),
|
|
18
|
+
React.createElement("input", { ref: btnRef, id: `input${newId}`, className: style.value, 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 }),
|
|
19
19
|
withValidation === true &&
|
|
20
20
|
React.createElement("div", { id: `errors${newId}` }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
|
|
21
|
-
return (React.createElement("p", { key: `
|
|
21
|
+
return (React.createElement("p", { key: `error-msg-${i + 0}`, className: style.errorText }, error));
|
|
22
22
|
}))));
|
|
23
23
|
};
|
|
24
24
|
export default Input;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
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,CAAA;AACrC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA+BtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,cAAc,EACd,MAAM,EACN,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAE9C,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;KACjC,CAAC,CAAA;IAEF,MAAM,eAAe,GACnB,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEjE,MAAM,MAAM,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAEhC,MAAM,WAAW,GAAG,GAAS,EAAE;;QAC7B,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,WAAW;QAEpB,+BAAO,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAS;QAC9C,+BACE,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,EAC9B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB;QACD,cAAc,KAAK,IAAI;YACtB,6BAAK,EAAE,EAAE,SAAS,KAAK,EAAE,IACtB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACxB,OAAO,CACL,2BACE,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EACzB,SAAS,EAAE,KAAK,CAAC,SAAS,IAEzB,KAAK,CACJ,CACL,CAAA;YACH,CAAC,CAAC,CACE,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -1,114 +1,86 @@
|
|
|
1
1
|
.classList {
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
width: 100%;
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.errorText {
|
|
9
|
-
|
|
10
|
-
font-size: 16px;
|
|
11
|
-
|
|
12
|
-
color: var(--color-red)
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.required {
|
|
16
|
-
|
|
17
|
-
color: var(--color-red)
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.inputClassList {
|
|
21
|
-
|
|
22
|
-
border-radius: 0.375rem;
|
|
23
|
-
|
|
24
|
-
border-width: 1px;
|
|
5
|
+
border-radius: 0.75rem;
|
|
25
6
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
padding-right: 0.5rem;
|
|
7
|
+
background-color: var(--color-white);
|
|
29
8
|
|
|
30
|
-
|
|
9
|
+
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
31
10
|
|
|
32
|
-
|
|
11
|
+
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
33
12
|
|
|
34
|
-
|
|
13
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
35
14
|
|
|
36
|
-
|
|
37
|
-
}
|
|
15
|
+
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
|
|
38
16
|
|
|
39
|
-
|
|
17
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
40
18
|
|
|
41
|
-
|
|
19
|
+
cursor: pointer
|
|
42
20
|
}
|
|
43
21
|
|
|
44
|
-
.
|
|
22
|
+
/* .classList:active p {
|
|
23
|
+
@apply hidden;
|
|
24
|
+
}
|
|
45
25
|
|
|
46
|
-
|
|
26
|
+
.classList:active .value {
|
|
27
|
+
@apply pt-3 pb-4;
|
|
28
|
+
} */
|
|
47
29
|
|
|
48
|
-
|
|
30
|
+
.fullWidth {
|
|
49
31
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
font-size: 16px;
|
|
53
|
-
|
|
54
|
-
font-weight: 400;
|
|
55
|
-
|
|
56
|
-
color: var(--color-ink)
|
|
32
|
+
width: 100%
|
|
57
33
|
}
|
|
58
34
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
border-color: var(--color-white);
|
|
35
|
+
@media (min-width: 640px) {
|
|
62
36
|
|
|
63
|
-
|
|
37
|
+
.notFullWidth {
|
|
64
38
|
|
|
65
|
-
|
|
39
|
+
width: 18rem
|
|
40
|
+
}
|
|
66
41
|
}
|
|
67
42
|
|
|
68
|
-
.
|
|
43
|
+
.label {
|
|
69
44
|
|
|
70
|
-
|
|
71
|
-
|
|
45
|
+
position: absolute;
|
|
46
|
+
|
|
47
|
+
margin-left: 1rem;
|
|
72
48
|
|
|
73
|
-
.
|
|
49
|
+
margin-top: 0.5rem;
|
|
74
50
|
|
|
75
|
-
|
|
51
|
+
background-color: var(--color-white);
|
|
76
52
|
|
|
77
|
-
|
|
53
|
+
font-size: 12px;
|
|
78
54
|
|
|
79
|
-
|
|
55
|
+
font-weight: 100
|
|
80
56
|
}
|
|
81
57
|
|
|
82
|
-
.
|
|
58
|
+
.value {
|
|
83
59
|
|
|
84
|
-
|
|
85
|
-
}
|
|
60
|
+
width: 100%;
|
|
86
61
|
|
|
87
|
-
.
|
|
62
|
+
border-radius: 0.75rem;
|
|
88
63
|
|
|
89
64
|
border-color: var(--color-ink);
|
|
90
65
|
|
|
91
66
|
background-color: var(--color-white);
|
|
92
67
|
|
|
93
|
-
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.white::placeholder {
|
|
68
|
+
padding-top: 1.5rem;
|
|
97
69
|
|
|
98
|
-
|
|
99
|
-
}
|
|
70
|
+
padding-bottom: 0.25rem;
|
|
100
71
|
|
|
101
|
-
|
|
72
|
+
padding-left: 1rem;
|
|
102
73
|
|
|
103
|
-
|
|
74
|
+
color: var(--color-ink);
|
|
104
75
|
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
color: var(--color-white)
|
|
76
|
+
cursor: pointer
|
|
108
77
|
}
|
|
109
78
|
|
|
110
|
-
.
|
|
111
|
-
|
|
112
|
-
color: var(--color-white)
|
|
79
|
+
/* .value:focus {
|
|
80
|
+
@apply pt-3 pb-4;
|
|
113
81
|
}
|
|
82
|
+
|
|
83
|
+
.value:focus ~ label {
|
|
84
|
+
@apply text-xl;
|
|
85
|
+
} */
|
|
114
86
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,WAAiC;;IAAjC,sBAAiC;;IAAjC,oCAAiC;;IACjC,0EAAyB;;IAAzB,8FAAyB;;IAAzB,uGAAyB;;IAAzB,kGAAyB;;IAAzB,iLAAyB;;IACzB;AAFiC;;AAKrC;;;;;;IAMI;;AAGA;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAAoD;;IAApD,iBAAoD;;IAApD,kBAAoD;;IAApD,oCAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,WAAoE;;IAApE,sBAAoE;;IAApE,8BAAoE;;IAApE,oCAAoE;;IAApE,mBAAoE;;IAApE,uBAAoE;;IAApE,kBAAoE;;IAApE,uBAAoE;;IACpE;AADoE;;AAIxE;;;;;;GAMG","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full bg-white rounded-xl;\n @apply drop-shadow shadow;\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.label {\n @apply ml-4 absolute mt-2 bg-white text-xs font-thin;\n}\n\n.value {\n @apply pt-6 pb-1 pl-4 border-ink rounded-xl text-ink bg-white w-full;\n @apply cursor-pointer;\n}\n\n/* .value:focus {\n @apply pt-3 pb-4;\n}\n\n.value:focus ~ label {\n @apply text-xl;\n} */"]}
|
|
@@ -5,10 +5,10 @@ export interface Props {
|
|
|
5
5
|
className?: string;
|
|
6
6
|
backgroundColour?: Colours;
|
|
7
7
|
theme?: ThemeTypes;
|
|
8
|
-
menuItems: {
|
|
8
|
+
menuItems: Array<{
|
|
9
9
|
name: string;
|
|
10
10
|
href: string;
|
|
11
|
-
}
|
|
11
|
+
}>;
|
|
12
12
|
onClick?: React.MouseEventHandler;
|
|
13
13
|
}
|
|
14
14
|
declare const MenuButton: ({ id, className, backgroundColour, theme, menuItems, onClick }: Props) => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,YAAY,MAAM,uCAAuC,CAAA;AAChE,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAW3C,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EAC7B,SAAS,EACT,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,CAAA;IAExF,IAAI,CAAC,SAAS,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,IAAG,CAAC;QAAE,OAAO,yCAAK,CAAA;IAErD,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;YAErC,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC;gBAC7D,6BACE,SAAS,EAAE,KAAK,CAAC,GAAG,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;oBAElC,8BACE,SAAS,EAAE,KAAK,CAAC,gBAAgB,EACjC,CAAC,EAAC,sIAAsI,GACxI;oBACF,8BACE,SAAS,EAAE,KAAK,CAAC,gBAAgB,EACjC,CAAC,EAAC,oIAAoI,GACtI;oBACF,8BACE,SAAS,EAAE,KAAK,CAAC,kBAAkB,EACnC,CAAC,EAAC,6IAA6I,GAC/I,CACE,CACF;YACN,oBAAC,KAAK,IAAC,GAAG,EAAC,+BAA+B,EAAC,SAAS,EAAE,KAAK,CAAC,YAAY,GAAI,CACxE;QACL,QAAQ;YACP;gBACE,oBAAC,YAAY,IAAC,SAAS,EAAE,SAAS,GAAI,CAClC,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -15,7 +15,7 @@ export interface Props {
|
|
|
15
15
|
mobileLogoDarkTheme: string;
|
|
16
16
|
logoLink: string;
|
|
17
17
|
mobileClasses?: string;
|
|
18
|
-
getNavStatus: (
|
|
18
|
+
getNavStatus: (withMobileSideBar: boolean, open: boolean) => void;
|
|
19
19
|
variant: 'light' | 'dark';
|
|
20
20
|
text?: string;
|
|
21
21
|
textLink?: string;
|
|
@@ -64,7 +64,8 @@ const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDro
|
|
|
64
64
|
})),
|
|
65
65
|
!(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && React.createElement("div", { className: style.textClassList }, text !== undefined &&
|
|
66
66
|
React.createElement(NavItem, { title: text, href: textLink, className: style.navItemPadding, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })),
|
|
67
|
-
(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && React.createElement("div", { className: style.profileClassList },
|
|
67
|
+
(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && React.createElement("div", { className: style.profileClassList },
|
|
68
|
+
React.createElement(MenuButton, Object.assign({}, profileMenu, { menuItems: profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems })))),
|
|
68
69
|
withMobileSideBar &&
|
|
69
70
|
React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
70
71
|
return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems), bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
|
|
@@ -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,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,OAAkC,MAAM,6BAA6B,CAAA;AAC5E,OAAO,aAAa,MAAM,yCAAyC,CAAA;AACnE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAEvD,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAwC,MAAM,mCAAmC,CAAA;AAyBxF,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,kBAAkB,GAAG,KAAK,EAC1B,iBAAiB,EACjB,IAAI,EACJ,aAAa,EACb,UAAU,EACV,mBAAmB,EACnB,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,qBAAqB,EAC7B,mBAAmB,GAAG,KAAK,EAC3B,iBAAiB,GAAG,KAAK,EACzB,WAAW,EACL,EAAe,EAAE;;IACvB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,MAAM,OAAO,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACjE,MAAM,SAAS,GAAG,UAAU,CAAC;IAC3B,oFAAoF;KACrF,EAAE,SAAS,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;IAExC,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,aAAa;KACrC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAEnB,MAAM,QAAQ,GAAG,GAAS,EAAE;QAC1B,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACzE,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC3C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAChD,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC,WAAW;QACtC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,WAAW;KACrC,
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,7 @@ const StickyNav = ({ id, className, navLinks, withMobileSideBar = false, withMob
|
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
const themeString = theme.toString();
|
|
36
|
-
return (React.createElement("div", { id: `sticky_${id}`, className: classList },
|
|
36
|
+
return (React.createElement("div", { id: `sticky_${id !== null && id !== void 0 ? id : 'nav'}`, className: classList },
|
|
37
37
|
React.createElement(Container, { withPadding: true, className: mobileContainer, theme: theme },
|
|
38
38
|
React.createElement("div", { className: style.collapseBtnWrapper },
|
|
39
39
|
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme, variant: variant === 'dark' ? 'primary' : 'secondary' })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/StickyNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,OAAkC,MAAM,6BAA6B,CAAA;AAC5E,OAAO,aAAa,MAAM,yCAAyC,CAAA;AACnE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAwBvD,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,kBAAkB,GAAG,KAAK,EAC1B,iBAAiB,EACjB,IAAI,EACJ,aAAa,EACb,UAAU,EACV,mBAAmB,EACnB,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,qBAAqB,EAC7B,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,CAAC,EACZ,UAAU,GAAG,KAAK,EACZ,EAAe,EAAE;;IACvB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7D,MAAM,OAAO,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAEjE,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,OAAO;QAC9B,CAAC,KAAK,CAAC,mBAAmB,CAAC,EAAE,UAAU;KACxC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE9C,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC,WAAW;QACtC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,WAAW;KACrC,EAAE,KAAK,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;IAEnC,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,eAAe;QAC3C,CAAC,KAAK,iBAAiB,EAAE,CAAC,EAAE,eAAe;KAC5C,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAA;IAE9B,MAAM,eAAe,GAAG,UAAU,CAAC,KAAK,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;IAExE,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,iBAAiB,EAAE,CAAC,WAAW,CAAC,CAAA;QAC/C,IAAI,iBAAiB,EAAE;YACrB,cAAc,CAAC,CAAC,WAAW,CAAC,CAAA;SAC7B;aAAM;YACL,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAA;SACrC;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAW,KAAK,CAAC,QAAQ,EAAE,CAAA;IAC5C,OAAO,CACL,6BAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"StickyNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/StickyNav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ThemeTypes } from '../../utils/controls';
|
|
3
|
+
interface Props {
|
|
4
|
+
id?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
options: string[];
|
|
7
|
+
label: string;
|
|
8
|
+
onClick?: any;
|
|
9
|
+
fullWidth?: boolean;
|
|
10
|
+
theme?: ThemeTypes;
|
|
11
|
+
}
|
|
12
|
+
declare const Select: React.FC<Props>;
|
|
13
|
+
export default Select;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
import Icon from '../Icon/Icon';
|
|
5
|
+
const Select = ({ id, className, options, label, onClick, fullWidth = false, theme = 'theme-letsgocamping' }) => {
|
|
6
|
+
const [showDropDown, setShowDropDown] = useState(false);
|
|
7
|
+
const [value, setValue] = useState(options === null || options === void 0 ? void 0 : options[0]);
|
|
8
|
+
const handleOptionClick = (e) => {
|
|
9
|
+
onClick(e.target.textContent);
|
|
10
|
+
setValue(e.target.textContent);
|
|
11
|
+
setShowDropDown(false);
|
|
12
|
+
};
|
|
13
|
+
const fullWidthClasses = classNames({
|
|
14
|
+
[style.fullWidth]: fullWidth,
|
|
15
|
+
[style.notFullWidth]: !fullWidth
|
|
16
|
+
});
|
|
17
|
+
const headerClassList = classNames(fullWidthClasses, style.classList, className, theme);
|
|
18
|
+
const dropdownClassList = classNames(fullWidthClasses, style.optionList, theme);
|
|
19
|
+
const dropdownItemClassList = classNames(style.option, theme);
|
|
20
|
+
return (React.createElement(React.Fragment, null,
|
|
21
|
+
React.createElement("div", { id: id, className: headerClassList, onClick: () => setShowDropDown(!showDropDown) },
|
|
22
|
+
React.createElement("div", { className: style.labelWrapper },
|
|
23
|
+
React.createElement("p", { className: style.label }, label),
|
|
24
|
+
React.createElement("p", { className: style.value }, value)),
|
|
25
|
+
React.createElement(Icon, { className: style.icon, bgColour: 'white', colour: 'ink', hoverBgColour: 'white', hoverColour: 'ink', type: 'chevron-down' })),
|
|
26
|
+
showDropDown &&
|
|
27
|
+
React.createElement("ul", { className: dropdownClassList }, options === null || options === void 0 ? void 0 : options.map((option, i) => React.createElement("li", { key: `key_${i}`, className: dropdownItemClassList, value: option, onClick: (e) => handleOptionClick(e) }, option)))));
|
|
28
|
+
};
|
|
29
|
+
export default Select;
|
|
30
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/lib/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAaxC,MAAM,MAAM,GAAoB,CAAC,EAC/B,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,qBAAqB,EAC9B,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC,CAAA;IAEhD,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAQ,EAAE;QACzC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC7B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC9B,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;KACjC,CAAC,CAAA;IAEF,MAAM,eAAe,GACnB,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEjE,MAAM,iBAAiB,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IAC/E,MAAM,qBAAqB,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE7D,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC;YAE7C,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;gBACtC,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK,CAClC;YACN,oBAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,KAAK,EACZ,aAAa,EAAC,OAAO,EACrB,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,cAAc,GACnB,CACE;QACL,YAAY;YACX,4BAAI,SAAS,EAAE,iBAAiB,IAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAc,EAAE,CAAC,EAAE,EAAE,CAClC,4BACE,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,SAAS,EAAE,qBAAqB,EAChC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAEnC,MAAM,CACJ,CACN,CACE,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
width: 100%;
|
|
4
|
+
|
|
5
|
+
border-radius: 0.75rem;
|
|
6
|
+
|
|
7
|
+
background-color: var(--color-white);
|
|
8
|
+
|
|
9
|
+
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
10
|
+
|
|
11
|
+
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
12
|
+
|
|
13
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
14
|
+
|
|
15
|
+
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
|
|
16
|
+
|
|
17
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
18
|
+
|
|
19
|
+
display: flex;
|
|
20
|
+
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
|
|
23
|
+
flex-direction: row;
|
|
24
|
+
|
|
25
|
+
justify-content: space-between;
|
|
26
|
+
|
|
27
|
+
padding-left: 1rem;
|
|
28
|
+
|
|
29
|
+
padding-right: 1rem
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.fullWidth {
|
|
33
|
+
|
|
34
|
+
width: 100%
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@media (min-width: 640px) {
|
|
38
|
+
|
|
39
|
+
.notFullWidth {
|
|
40
|
+
|
|
41
|
+
width: 18rem
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.labelWrapper {
|
|
46
|
+
|
|
47
|
+
display: flex;
|
|
48
|
+
|
|
49
|
+
flex-direction: column
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.label {
|
|
53
|
+
|
|
54
|
+
position: absolute;
|
|
55
|
+
|
|
56
|
+
margin-top: 0.5rem;
|
|
57
|
+
|
|
58
|
+
background-color: var(--color-white);
|
|
59
|
+
|
|
60
|
+
font-size: 12px;
|
|
61
|
+
|
|
62
|
+
font-weight: 100
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.value {
|
|
66
|
+
|
|
67
|
+
border-radius: 0.75rem;
|
|
68
|
+
|
|
69
|
+
border-color: var(--color-ink);
|
|
70
|
+
|
|
71
|
+
background-color: var(--color-white);
|
|
72
|
+
|
|
73
|
+
padding-top: 1.5rem;
|
|
74
|
+
|
|
75
|
+
padding-bottom: 0.25rem;
|
|
76
|
+
|
|
77
|
+
color: var(--color-ink);
|
|
78
|
+
|
|
79
|
+
display: flex;
|
|
80
|
+
|
|
81
|
+
justify-content: space-between
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.icon {
|
|
85
|
+
|
|
86
|
+
margin-top: auto;
|
|
87
|
+
|
|
88
|
+
margin-bottom: auto
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.optionList {
|
|
92
|
+
|
|
93
|
+
margin-top: 0.5rem;
|
|
94
|
+
|
|
95
|
+
border-radius: 1rem;
|
|
96
|
+
|
|
97
|
+
padding-top: 1rem;
|
|
98
|
+
|
|
99
|
+
padding-bottom: 1rem;
|
|
100
|
+
|
|
101
|
+
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
102
|
+
|
|
103
|
+
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
104
|
+
|
|
105
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
106
|
+
|
|
107
|
+
border-width: 1px;
|
|
108
|
+
|
|
109
|
+
border-color: var(--color-lightest-grey)
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.option {
|
|
113
|
+
|
|
114
|
+
background-color: var(--color-white);
|
|
115
|
+
|
|
116
|
+
color: var(--color-ink)
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.option:hover {
|
|
120
|
+
|
|
121
|
+
background-color: var(--color-lightest-grey);
|
|
122
|
+
|
|
123
|
+
cursor: pointer
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.option {
|
|
127
|
+
|
|
128
|
+
padding-left: 1rem;
|
|
129
|
+
|
|
130
|
+
padding-right: 1rem;
|
|
131
|
+
|
|
132
|
+
padding-top: 0.5rem;
|
|
133
|
+
|
|
134
|
+
padding-bottom: 0.5rem
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Select/style.module.css"],"names":[],"mappings":"AACI;;IAAA,WAAiC;;IAAjC,sBAAiC;;IAAjC,oCAAiC;;IACjC,0EAAyB;;IAAzB,8FAAyB;;IAAzB,uGAAyB;;IAAzB,kGAAyB;;IAAzB,iLAAyB;;IACzB,aAAwD;;IAAxD,eAAwD;;IAAxD,mBAAwD;;IAAxD,8BAAwD;;IAAxD,kBAAwD;;IAAxD;AAFiC;;AAMjC;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,kBAA+C;;IAA/C,kBAA+C;;IAA/C,oCAA+C;;IAA/C,eAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA,sBAAwD;;IAAxD,8BAAwD;;IAAxD,oCAAwD;;IAAxD,mBAAwD;;IAAxD,uBAAwD;;IAAxD,uBAAwD;;IACxD,aAA2B;;IAA3B;AADwD;;AAKxD;;IAAA,gBAAc;;IAAd;AAAc;;AAId;;IAAA,kBAA4B;;IAA5B,mBAA4B;;IAA5B,iBAA4B;;IAA5B,oBAA4B;;IAC5B,gFAAgB;;IAAhB,oGAAgB;;IAAhB,uGAAgB;;IAChB,iBAAkC;;IAAlC;AAF4B;;AAM5B;;IAAA,oCAA+C;;IAA/C;AAA+C;;AAA/C;;IAAA,4CAA+C;;IAC/C;AAD+C;;AAE/C;;IAAA,kBAAgB;;IAAhB,mBAAgB;;IAAhB,mBAAgB;;IAAhB;AAAgB","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full bg-white rounded-xl;\n @apply drop-shadow shadow;\n @apply flex flex-row justify-between px-4 cursor-pointer;\n}\n\n.fullWidth {\n @apply w-full;\n}\n\n.notFullWidth {\n @apply sm:w-72;\n}\n\n.labelWrapper {\n @apply flex flex-col;\n}\n\n.label {\n @apply absolute mt-2 bg-white text-xs font-thin;\n}\n\n.value {\n @apply pt-6 pb-1 border-ink rounded-xl text-ink bg-white;\n @apply flex justify-between;\n}\n\n.icon {\n @apply my-auto;\n}\n\n.optionList {\n @apply rounded-2xl mt-2 py-4;\n @apply shadow-xl;\n @apply border border-lightest-grey;\n}\n\n.option {\n @apply bg-white text-ink hover:bg-lightest-grey;\n @apply hover:cursor-pointer;\n @apply px-4 py-2;\n}\n"]}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as buttonProps } from '../Button/Button';
|
|
3
2
|
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
4
3
|
export interface Props {
|
|
5
4
|
id?: string;
|
|
@@ -9,18 +8,14 @@ export interface Props {
|
|
|
9
8
|
bgColour?: Colours;
|
|
10
9
|
withLiveUpdates?: boolean;
|
|
11
10
|
onSave?: (arr: any[], id: string | undefined) => void;
|
|
12
|
-
saveButtonProps?: buttonProps;
|
|
13
|
-
cancelButtonProps?: buttonProps;
|
|
14
11
|
editTitleClasses?: string;
|
|
15
12
|
editTextClasses?: string;
|
|
16
|
-
editInputClasses?: string;
|
|
17
13
|
buttonWrapperClasses?: string;
|
|
18
|
-
textWrapperClasses?: string;
|
|
19
14
|
socialButtons?: Array<{
|
|
20
15
|
type: string;
|
|
21
16
|
}>;
|
|
22
17
|
variant: 'light' | 'dark';
|
|
23
18
|
theme?: ThemeTypes;
|
|
24
19
|
}
|
|
25
|
-
declare const SocialBlock: ({ id, className, title, description, bgColour, withLiveUpdates, onSave,
|
|
20
|
+
declare const SocialBlock: ({ id, className, title, description, bgColour, withLiveUpdates, onSave, editTitleClasses, editTextClasses, buttonWrapperClasses, socialButtons, variant, theme }: Props) => JSX.Element;
|
|
26
21
|
export default SocialBlock;
|
|
@@ -6,7 +6,7 @@ import style from './style.module.css';
|
|
|
6
6
|
import Container from '../Container/Container';
|
|
7
7
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
8
8
|
import SocialButton from '../SocialButton/SocialButton';
|
|
9
|
-
const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpdates, onSave,
|
|
9
|
+
const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpdates, onSave, editTitleClasses, editTextClasses, buttonWrapperClasses, socialButtons, variant = 'light', theme = 'theme-rupertbennett' }) => {
|
|
10
10
|
const colours = variant === 'dark' ? style.dark : style.light;
|
|
11
11
|
const defaultComponentData = {
|
|
12
12
|
title: {
|
|
@@ -42,8 +42,8 @@ const SocialBlock = ({ id, className, title, description, bgColour, withLiveUpda
|
|
|
42
42
|
};
|
|
43
43
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme }, withLiveUpdates === true && isInEditingMode
|
|
44
44
|
? (React.createElement("div", { className: colours },
|
|
45
|
-
React.createElement(Input, { className: editTitleClasses,
|
|
46
|
-
React.createElement(Input, { className: editTextClasses,
|
|
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
47
|
React.createElement(Button, { className: style.saveButton, onClick: handleButtonSave }, "Save"),
|
|
48
48
|
React.createElement(Button, { className: style.cancelButton, onClick: handleButtonCancel }, "Cancel")))
|
|
49
49
|
: (React.createElement(Container, { withPadding: false },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,YAAY,MAAM,uCAAuC,CAAA;
|
|
1
|
+
{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -79,18 +79,12 @@ const TextAndTitle = ({ id, className, title, description, bgColour, titleClasse
|
|
|
79
79
|
? (React.createElement(Container, null,
|
|
80
80
|
React.createElement("div", { className: wrapperClassList },
|
|
81
81
|
React.createElement("div", { className: titleWrapperClassList }, (componentData === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
|
|
82
|
-
? (React.createElement(Input, { className: editTitleClasses,
|
|
82
|
+
? (React.createElement(Input, { className: editTitleClasses, value: componentData === null || componentData === void 0 ? void 0 : componentData.title, onChange: (e) => handleChange(e), type: 'text', bgColour: bgColour }))
|
|
83
83
|
: (React.createElement("div", null, children))),
|
|
84
84
|
React.createElement("div", { className: textWrapperClassList },
|
|
85
|
-
React.createElement(TextArea, { className: editTextClasses,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
|
|
89
|
-
[style.textCenter]: isHorizontal
|
|
90
|
-
}, editInputClasses), rows: getLineHeight('textLineTwo'), onChange: (e) => handleChange(e), bgColour: bgColour }, componentData.textLineTwo),
|
|
91
|
-
React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
|
|
92
|
-
[style.textCenter]: isHorizontal
|
|
93
|
-
}, editInputClasses), rows: getLineHeight('textLineThree'), onChange: (e) => handleChange(e), bgColour: bgColour }, componentData.textLineThree))),
|
|
85
|
+
React.createElement(TextArea, { className: editTextClasses, rows: getLineHeight('textLineOne') + 1, onChange: (e) => handleChange(e) }, node === null || node === void 0 ? void 0 : node.innerHTML),
|
|
86
|
+
React.createElement(TextArea, { className: editTextClasses, rows: getLineHeight('textLineTwo'), onChange: (e) => handleChange(e) }, componentData.textLineTwo),
|
|
87
|
+
React.createElement(TextArea, { className: editTextClasses, rows: getLineHeight('textLineThree'), onChange: (e) => handleChange(e) }, componentData.textLineThree))),
|
|
94
88
|
React.createElement("div", { className: style.buttonWrapper },
|
|
95
89
|
React.createElement(Button, { className: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.className, onClick: handleButtonSave }, saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.children),
|
|
96
90
|
React.createElement(Button, { className: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, onClick: handleButtonCancel }, cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.children))))
|