trepur_components 1.0.55 → 1.0.56
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/Avatar/Avatar.js +52 -47
- package/dist/src/lib/components/Avatar/Avatar.js.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +8 -8
- package/dist/src/lib/components/Carousel/Carousel.js +49 -33
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js +5 -4
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js.map +1 -1
- package/dist/src/lib/components/Collapsible/Collapsible.js +9 -7
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/src/lib/components/Collapsible/style.module.css +87 -15
- package/dist/src/lib/components/Collapsible/style.module.css.map +1 -1
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js +16 -23
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js.map +1 -1
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.js +1 -1
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/src/lib/components/FileUploader/FileUploader.d.ts +2 -2
- package/dist/src/lib/components/FileUploader/FileUploader.js +10 -11
- package/dist/src/lib/components/FileUploader/FileUploader.js.map +1 -1
- package/dist/src/lib/components/ImageInfo/ImageInfo.d.ts +2 -2
- package/dist/src/lib/components/ImageInfo/ImageInfo.js +10 -10
- package/dist/src/lib/components/ImageInfo/ImageInfo.js.map +1 -1
- package/dist/src/lib/components/MenuButton/MenuButton.d.ts +3 -3
- package/dist/src/lib/components/MenuButton/MenuButton.js +14 -15
- package/dist/src/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +5 -5
- package/dist/src/lib/components/Nav/Nav.js +33 -39
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Showcase/Showcase.d.ts +4 -4
- package/dist/src/lib/components/Showcase/Showcase.js +11 -11
- package/dist/src/lib/components/Showcase/Showcase.js.map +1 -1
- package/dist/src/lib/components/TimelineV2/TimelineV2.d.ts +3 -3
- package/dist/src/lib/components/TimelineV2/TimelineV2.js +8 -9
- package/dist/src/lib/components/TimelineV2/TimelineV2.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ import classNames from "classnames";
|
|
|
5
5
|
import style from "./style.module.css";
|
|
6
6
|
import HorizontalLine from "../HorizontalLine/HorizontalLine";
|
|
7
7
|
const Collapsible = ({ id, className, preText, title, subtitle, imageProps, children, theme = "theme-rupertbennett", }) => {
|
|
8
|
+
var _a;
|
|
8
9
|
const [expanded, setExpanded] = useState(false);
|
|
9
10
|
useEffect(() => {
|
|
10
11
|
const coll = document.getElementsByClassName("collapsible");
|
|
@@ -41,13 +42,14 @@ const Collapsible = ({ id, className, preText, title, subtitle, imageProps, chil
|
|
|
41
42
|
return (React.createElement("div", { id: id, className: classList },
|
|
42
43
|
React.createElement("div", { onClick: (e) => expandItem(e), className: style.heading },
|
|
43
44
|
React.createElement("div", { className: style.imageAndText },
|
|
44
|
-
imageProps && (React.createElement(Image, Object.assign({}, imageProps, { width: 3, height: 3, className: style.image }))),
|
|
45
|
-
(title
|
|
46
|
-
preText && React.createElement("h4", { className: style.preText }, preText),
|
|
47
|
-
title && React.createElement("h4", { className: style.title }, title),
|
|
48
|
-
subtitle && React.createElement("h5", { className: style.subtitle }, subtitle)))),
|
|
49
|
-
children && (React.createElement(
|
|
50
|
-
|
|
45
|
+
imageProps !== undefined && (React.createElement(Image, Object.assign({}, imageProps, { width: 3, height: 3, className: style.image }))),
|
|
46
|
+
((_a = title !== undefined) !== null && _a !== void 0 ? _a : subtitle !== undefined) && (React.createElement("div", { className: style.textWrapper },
|
|
47
|
+
preText !== undefined && (React.createElement("h4", { className: style.preText }, preText)),
|
|
48
|
+
title !== undefined && React.createElement("h4", { className: style.title }, title),
|
|
49
|
+
subtitle !== undefined && (React.createElement("h5", { className: style.subtitle }, subtitle))))),
|
|
50
|
+
children !== undefined && (React.createElement("div", { className: style.iconWrapper },
|
|
51
|
+
React.createElement(Icon, { className: style.icon, type: expanded ? "chevron-up" : "chevron-down" })))),
|
|
52
|
+
children !== undefined && (React.createElement("div", { className: contentWrapperClassList, style: { transition: "max-height 0.2s ease-out" } },
|
|
51
53
|
React.createElement(HorizontalLine, { theme: theme, colour: "grey" }),
|
|
52
54
|
React.createElement("div", { className: style.children }, children)))));
|
|
53
55
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAA8B,MAAM,yBAAyB,CAAC;AACrE,OAAO,IAAI,MAAM,uBAAuB,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAEvC,OAAO,cAAc,MAAM,2CAA2C,CAAC;AAavE,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,KAAK,GAAG,qBAAqB,GACvB,EAAe,EAAE
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,16 +18,30 @@
|
|
|
18
18
|
|
|
19
19
|
height: 6rem;
|
|
20
20
|
|
|
21
|
+
width: 100%;
|
|
22
|
+
|
|
21
23
|
justify-content: space-between;
|
|
22
24
|
|
|
23
25
|
padding-left: 1rem;
|
|
24
26
|
|
|
25
|
-
padding-right:
|
|
27
|
+
padding-right: 1rem
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@media (min-width: 640px) {
|
|
31
|
+
|
|
32
|
+
.heading {
|
|
33
|
+
|
|
34
|
+
padding-right: 2rem
|
|
35
|
+
}
|
|
26
36
|
}
|
|
27
37
|
|
|
28
38
|
.imageAndText {
|
|
29
39
|
|
|
30
|
-
display: flex
|
|
40
|
+
display: flex;
|
|
41
|
+
|
|
42
|
+
width: 100%;
|
|
43
|
+
|
|
44
|
+
overflow: hidden
|
|
31
45
|
}
|
|
32
46
|
|
|
33
47
|
.image {
|
|
@@ -36,7 +50,7 @@
|
|
|
36
50
|
|
|
37
51
|
margin-bottom: auto;
|
|
38
52
|
|
|
39
|
-
|
|
53
|
+
flex: none;
|
|
40
54
|
|
|
41
55
|
border-radius: 1rem
|
|
42
56
|
}
|
|
@@ -66,13 +80,6 @@
|
|
|
66
80
|
max-height: 0px
|
|
67
81
|
}
|
|
68
82
|
|
|
69
|
-
.preText {
|
|
70
|
-
|
|
71
|
-
font-size: 12px;
|
|
72
|
-
|
|
73
|
-
color: var(--color-light-grey)
|
|
74
|
-
}
|
|
75
|
-
|
|
76
83
|
.children {
|
|
77
84
|
|
|
78
85
|
padding-top: 1rem;
|
|
@@ -80,27 +87,92 @@
|
|
|
80
87
|
padding-bottom: 0.5rem
|
|
81
88
|
}
|
|
82
89
|
|
|
83
|
-
.
|
|
90
|
+
.iconWrapper {
|
|
84
91
|
|
|
85
92
|
margin-top: auto;
|
|
86
93
|
|
|
87
|
-
margin-bottom: auto
|
|
94
|
+
margin-bottom: auto;
|
|
95
|
+
|
|
96
|
+
display: flex;
|
|
97
|
+
|
|
98
|
+
flex: none
|
|
88
99
|
}
|
|
89
100
|
|
|
90
101
|
.textWrapper {
|
|
91
102
|
|
|
92
103
|
margin-top: auto;
|
|
93
104
|
|
|
94
|
-
margin-bottom: auto
|
|
105
|
+
margin-bottom: auto;
|
|
106
|
+
|
|
107
|
+
margin-left: 1rem;
|
|
108
|
+
|
|
109
|
+
margin-right: 0.5rem;
|
|
110
|
+
|
|
111
|
+
width: 100%;
|
|
112
|
+
|
|
113
|
+
overflow: hidden;
|
|
114
|
+
|
|
115
|
+
text-overflow: ellipsis;
|
|
116
|
+
|
|
117
|
+
white-space: nowrap
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.preText {
|
|
121
|
+
|
|
122
|
+
overflow: hidden;
|
|
123
|
+
|
|
124
|
+
text-overflow: ellipsis;
|
|
125
|
+
|
|
126
|
+
white-space: nowrap;
|
|
127
|
+
|
|
128
|
+
font-size: 8px;
|
|
129
|
+
|
|
130
|
+
color: var(--color-light-grey)
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
@media (min-width: 768px) {
|
|
134
|
+
|
|
135
|
+
.preText {
|
|
136
|
+
|
|
137
|
+
font-size: 12px
|
|
138
|
+
}
|
|
95
139
|
}
|
|
96
140
|
|
|
97
141
|
.title {
|
|
98
142
|
|
|
99
|
-
|
|
143
|
+
overflow: hidden;
|
|
144
|
+
|
|
145
|
+
text-overflow: ellipsis;
|
|
146
|
+
|
|
147
|
+
white-space: nowrap;
|
|
148
|
+
|
|
149
|
+
font-size: 16px
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
@media (min-width: 768px) {
|
|
153
|
+
|
|
154
|
+
.title {
|
|
155
|
+
|
|
156
|
+
font-size: 22px
|
|
157
|
+
}
|
|
100
158
|
}
|
|
101
159
|
|
|
102
160
|
.subtitle {
|
|
103
161
|
|
|
104
|
-
|
|
162
|
+
overflow: hidden;
|
|
163
|
+
|
|
164
|
+
text-overflow: ellipsis;
|
|
165
|
+
|
|
166
|
+
white-space: nowrap;
|
|
167
|
+
|
|
168
|
+
font-size: 12px
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
@media (min-width: 768px) {
|
|
172
|
+
|
|
173
|
+
.subtitle {
|
|
174
|
+
|
|
175
|
+
font-size: 16px
|
|
176
|
+
}
|
|
105
177
|
}
|
|
106
178
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Collapsible/style.module.css"],"names":[],"mappings":"AACI;;IAAA,wBAAqE;;IAArE,wCAAqE;;IAArE;AAAqE;;AAArE;;IAAA;AAAqE;;AAIrE;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Collapsible/style.module.css"],"names":[],"mappings":"AACI;;IAAA,wBAAqE;;IAArE,wCAAqE;;IAArE;AAAqE;;AAArE;;IAAA;AAAqE;;AAIrE;;IAAA,aAAyD;;IAAzD,YAAyD;;IAAzD,WAAyD;;IAAzD,8BAAyD;;IAAzD,kBAAyD;;IAAzD;AAAyD;;AAAzD;;IAAA;;QAAA;IAAyD;AAAA;;AAIzD;;IAAA,aAAkC;;IAAlC,WAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,gBAAoC;;IAApC,mBAAoC;;IAApC,UAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,WAAkC;;IAAlC,gBAAkC;;IAAlC,kBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,kBAA0B;;IAA1B,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA;AAAc;;AAId;;IAAA,iBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,gBAA6B;;IAA7B,mBAA6B;;IAA7B,aAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,gBAAwC;;IAAxC,mBAAwC;;IAAxC,iBAAwC;;IAAxC,oBAAwC;;IAAxC,WAAwC;;IAAxC,gBAAwC;;IAAxC,uBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,gBAAmD;;IAAnD,uBAAmD;;IAAnD,mBAAmD;;IAAnD,cAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA;;QAAA;IAAmD;AAAA;;AAInD;;IAAA,gBAAkC;;IAAlC,uBAAkC;;IAAlC,mBAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,gBAAkC;;IAAlC,uBAAkC;;IAAlC,mBAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA","file":"style.module.css","sourcesContent":[".classList {\n @apply duration-300 border-lightest-grey border-b hover:cursor-pointer\n}\n\n.heading {\n @apply flex justify-between pl-4 pr-4 sm:pr-8 h-24 w-full;\n}\n\n.imageAndText {\n @apply flex w-full overflow-hidden;\n}\n\n.image {\n @apply rounded-2xl my-auto flex-none;\n}\n\n.contentWrapperClassList {\n @apply w-auto overflow-hidden px-4;\n}\n\n.expanded {\n @apply max-h-max mt-2 mb-4;\n}\n\n.collapsed {\n @apply max-h-0;\n}\n\n.children {\n @apply pt-4 pb-2;\n}\n\n.iconWrapper {\n @apply flex flex-none my-auto;\n}\n\n.textWrapper {\n @apply my-auto ml-4 mr-2 w-full truncate;\n}\n\n.preText {\n @apply text-xxs md:text-xs text-light-grey truncate;\n}\n\n.title {\n @apply text-sm md:text-md truncate;\n}\n\n.subtitle {\n @apply text-xs md:text-sm truncate;\n}"]}
|
|
@@ -24,29 +24,22 @@ const DetailUpdater = ({ id, className, title, description, expandText, collapse
|
|
|
24
24
|
setState(false);
|
|
25
25
|
};
|
|
26
26
|
return (React.createElement("div", { id: id, className: classList },
|
|
27
|
-
!state &&
|
|
28
|
-
React.createElement("div", { className: style.
|
|
29
|
-
React.createElement("
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
React.createElement("p", { className: style.title }, title),
|
|
44
|
-
React.createElement("p", { className: style.expandText, onClick: () => setState(false) }, collapseText)),
|
|
45
|
-
React.createElement("p", { className: style.description }, description),
|
|
46
|
-
React.createElement("div", { className: style.inputWrapper }, fields === null || fields === void 0 ? void 0 : fields.map((_, i) => {
|
|
47
|
-
return (React.createElement(Input, Object.assign({ key: i }, fieldValues[i], { bgColour: 'white', className: style.input, onChange: (e) => handleChange(e), theme: theme })));
|
|
48
|
-
})),
|
|
49
|
-
React.createElement(Button, { variant: 'secondary', onClick: handleSubmit, theme: theme }, ctaText)),
|
|
27
|
+
!state && (React.createElement("div", { className: style.class },
|
|
28
|
+
React.createElement("div", { className: style.wrapper },
|
|
29
|
+
React.createElement("p", { className: style.title }, title),
|
|
30
|
+
React.createElement("p", { className: style.expandText, onClick: () => setState(true) }, expandText)),
|
|
31
|
+
React.createElement("p", { className: style.value }, fields.map((field, i) => {
|
|
32
|
+
return field.value;
|
|
33
|
+
})))),
|
|
34
|
+
state && (React.createElement("div", { className: style.class },
|
|
35
|
+
React.createElement("div", { className: style.wrapper },
|
|
36
|
+
React.createElement("p", { className: style.title }, title),
|
|
37
|
+
React.createElement("p", { className: style.expandText, onClick: () => setState(false) }, collapseText)),
|
|
38
|
+
React.createElement("p", { className: style.description }, description),
|
|
39
|
+
React.createElement("div", { className: style.inputWrapper }, fields === null || fields === void 0 ? void 0 : fields.map((_, i) => {
|
|
40
|
+
return (React.createElement(Input, Object.assign({ key: i }, fieldValues[i], { bgColour: 'white', className: style.input, onChange: (e) => handleChange(e), theme: theme })));
|
|
41
|
+
})),
|
|
42
|
+
React.createElement(Button, { variant: 'secondary', onClick: handleSubmit, theme: theme }, ctaText))),
|
|
50
43
|
React.createElement("hr", { className: style.hr })));
|
|
51
44
|
};
|
|
52
45
|
export default DetailUpdater;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DetailUpdater.js","sourceRoot":"","sources":["../../../../../src/lib/components/DetailUpdater/DetailUpdater.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAA;AAiBnC,MAAM,aAAa,GAAoB,CAAC,EACtC,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,qBAAqB,EAC7B,MAAM,EACP,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAA;IACtD,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/D,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC5B,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAA;QAEtB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;YACpD,OAAO,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACvC,CAAC,CAAC,UAAU;gBACZ,CAAC,iCAAM,UAAU,KAAE,KAAK,GAAE,CAAA;QAC9B,CAAC,CAAC,CAAA;QAEF,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,cAAc,CAAC,CAAA;QAE1B,cAAc,
|
|
1
|
+
{"version":3,"file":"DetailUpdater.js","sourceRoot":"","sources":["../../../../../src/lib/components/DetailUpdater/DetailUpdater.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAA;AAiBnC,MAAM,aAAa,GAAoB,CAAC,EACtC,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,qBAAqB,EAC7B,MAAM,EACP,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAA;IACtD,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAE/D,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC5B,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAA;QAEtB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;YACpD,OAAO,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACvC,CAAC,CAAC,UAAU;gBACZ,CAAC,iCAAM,UAAU,KAAE,KAAK,GAAE,CAAA;QAC9B,CAAC,CAAC,CAAA;QAEF,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,cAAc,CAAC,CAAA;QAE1B,cAAc,CAAC,cAAc,CAAC,CAAA;IAChC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,GAAS,EAAE;QAC9B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,WAAW,CAAC,CAAA;QACtB,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC9B,CAAC,KAAK,IAAI,CACT,6BAAK,SAAS,EAAE,KAAK,CAAC,KAAK;YACzB,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC3B,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;gBACtC,2BAAG,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAC1D,UAAU,CACT,CACA;YACN,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IACtB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACvB,OAAO,KAAK,CAAC,KAAK,CAAA;YACpB,CAAC,CAAC,CACA,CACA,CACP;QACA,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,KAAK,CAAC,KAAK;YACzB,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC3B,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;gBACtC,2BAAG,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAC3D,YAAY,CACX,CACA;YACN,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK;YAClD,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY,IAC/B,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACpB,OAAO,CACL,oBAAC,KAAK,kBACJ,GAAG,EAAE,CAAC,IACF,WAAW,CAAC,CAAC,CAAC,IAClB,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAChC,KAAK,EAAE,KAAK,IACZ,CACH,CAAA;YACH,CAAC,CAAC,CACE;YACN,oBAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,IAC5D,OAAO,CACD,CACL,CACP;QACD,4BAAI,SAAS,EAAE,KAAK,CAAC,EAAE,GAAI,CACvB,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -3,7 +3,7 @@ import classNames from 'classnames';
|
|
|
3
3
|
import style from './style.module.css';
|
|
4
4
|
const DropdownMenu = ({ id, className, backgroundColour = 'white', theme = 'theme-rupertbennett', menuItems = [], onClick }) => {
|
|
5
5
|
const classList = classNames(className, style.classList, style[backgroundColour], theme);
|
|
6
|
-
if (!menuItems
|
|
6
|
+
if (!menuItems)
|
|
7
7
|
return React.createElement(React.Fragment, null);
|
|
8
8
|
return (React.createElement("div", { id: id, className: classList }, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map((item, i) => {
|
|
9
9
|
return (React.createElement("a", { key: i, href: item.href, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e), className: style.menuItem }, item.name));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../../src/lib/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EAC7B,SAAS,GAAG,EAAE,EACd,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../../src/lib/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EAC7B,SAAS,GAAG,EAAE,EACd,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,gBAAgB,CAAC,EACvB,KAAK,CACN,CAAA;IAED,IAAI,CAAC,SAAS;QAAE,OAAO,yCAAK,CAAA;IAE5B,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QAC1B,OAAO,CACL,2BACE,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,EAC5B,SAAS,EAAE,KAAK,CAAC,QAAQ,IAExB,IAAI,CAAC,IAAI,CACR,CACL,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React, { useState } from
|
|
2
|
-
import classNames from
|
|
3
|
-
import FilePreview from
|
|
4
|
-
import style from
|
|
5
|
-
import Image from
|
|
6
|
-
const FileUploader = ({ id, className, ctaText, text, theme =
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import FilePreview from "./FilePreview";
|
|
4
|
+
import style from "./style.module.css";
|
|
5
|
+
import Image from "../Image/Image";
|
|
6
|
+
const FileUploader = ({ id, className, ctaText, text, theme = "theme-letsgocamping", imageUrl, onDrop, }) => {
|
|
7
7
|
const [inDropZone, setInDropZone] = useState(false);
|
|
8
8
|
const [fileList, setFileList] = useState([]);
|
|
9
9
|
const classList = classNames({
|
|
10
|
-
[style.inDropZone]: inDropZone
|
|
10
|
+
[style.inDropZone]: inDropZone,
|
|
11
11
|
}, className, style.dropzone, theme);
|
|
12
12
|
const handleDragEnter = (e) => {
|
|
13
13
|
e.preventDefault();
|
|
@@ -51,10 +51,9 @@ const FileUploader = ({ id, className, ctaText, text, theme = 'theme-letsgocampi
|
|
|
51
51
|
setFileList(fileList.filter((file) => file.name !== fileName));
|
|
52
52
|
};
|
|
53
53
|
return (React.createElement("div", { id: id, className: classList, onDragEnter: (e) => handleDragEnter(e), onDragOver: (e) => handleDragOver(e), onDragLeave: (e) => handleDragLeave(e), onDrop: (e) => handleDrop(e) },
|
|
54
|
-
imageUrl &&
|
|
55
|
-
|
|
56
|
-
React.createElement("
|
|
57
|
-
React.createElement("label", { className: classNames(style.label, theme), htmlFor: 'fileSelect' }, ctaText),
|
|
54
|
+
imageUrl && (React.createElement(Image, { src: imageUrl, altText: "upload", height: 5, width: 5 })),
|
|
55
|
+
React.createElement("input", { id: "fileSelect", type: "file", multiple: true, className: classNames(style.files, theme), onChange: (e) => handleFileSelect(e) }),
|
|
56
|
+
React.createElement("label", { className: classNames(style.label, theme), htmlFor: "fileSelect" }, ctaText),
|
|
58
57
|
React.createElement("h3", { className: classNames(style.uploadMessage, theme) }, text),
|
|
59
58
|
React.createElement(FilePreview, { fileData: fileList, onDismiss: (e) => handleDismiss(e), theme: theme })));
|
|
60
59
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../../../../../src/lib/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../../../../../src/lib/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
import MatchMedia from
|
|
5
|
-
import screens from
|
|
6
|
-
import Container from
|
|
7
|
-
const ImageInfo = ({ id, className, bgColour, textColour =
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
import MatchMedia from '../../utils/matchMedia';
|
|
5
|
+
import screens from '../../utils/screens';
|
|
6
|
+
import Container from '../Container/Container';
|
|
7
|
+
const ImageInfo = ({ id, className, bgColour, textColour = 'white', contentTitle, text, image, swapDesktop = false, swapMobile = false, theme = 'theme-rupertbennett' }) => {
|
|
8
8
|
const classList = className;
|
|
9
9
|
const mediumScreen = screens.md;
|
|
10
10
|
const lgScreenSize = `(min-width: ${mediumScreen})`;
|
|
@@ -14,13 +14,13 @@ const ImageInfo = ({ id, className, bgColour, textColour = "white", contentTitle
|
|
|
14
14
|
const wrapperClassList = classNames({
|
|
15
15
|
[style.wrapper]: !swapDesktop,
|
|
16
16
|
[style.reverseWrapper]: swapDesktop,
|
|
17
|
-
[style.reverseMobileWrapper]: !isLg && swapMobile
|
|
17
|
+
[style.reverseMobileWrapper]: !isLg && swapMobile
|
|
18
18
|
}, style.wrapperClasses, theme);
|
|
19
19
|
const imageWrapperClasses = classNames({
|
|
20
|
-
[style.smallImageWrapper]: isSm
|
|
20
|
+
[style.smallImageWrapper]: isSm
|
|
21
21
|
}, style.imageWrapper);
|
|
22
22
|
const imageClasses = classNames({
|
|
23
|
-
[style.smallImageHeight]: isSm
|
|
23
|
+
[style.smallImageHeight]: isSm
|
|
24
24
|
}, style.image);
|
|
25
25
|
return (React.createElement("div", { id: id, style: { backgroundColor: bgColour, color: textColour }, className: classList },
|
|
26
26
|
React.createElement(Container, { withPadding: !isSm },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAevD,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,OAAO,EACpB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,YAAY,GAAW,OAAO,CAAC,EAAE,CAAA;IACvC,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAC9C,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,MAAM,gBAAgB,GAAG,UAAU,CACjC;QACE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW;QAC7B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,WAAW;QACnC,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAAI,IAAI,UAAU;KAClD,EACD,KAAK,CAAC,cAAc,EACpB,KAAK,CACN,CAAA;IAED,MAAM,mBAAmB,GAAG,UAAU,CACpC;QACE,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI;KAChC,EACD,KAAK,CAAC,YAAY,CACnB,CAAA;IAED,MAAM,YAAY,GAAG,UAAU,CAC7B;QACE,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,IAAI;KAC/B,EACD,KAAK,CAAC,KAAK,CACZ,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,EACvD,SAAS,EAAE,SAAS;QAEpB,oBAAC,SAAS,IAAC,WAAW,EAAE,CAAC,IAAI;YAC3B,6BAAK,SAAS,EAAE,gBAAgB;gBAC9B,6BAAK,SAAS,EAAE,mBAAmB;oBACjC,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,YAAY,GACnB,CACE;gBACN,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;oBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;wBAC3B;4BACE,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,YAAY,CAAK;4BAC7C,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK,CAChC,CACF,CACF,CACF,CACI,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { Colours, ThemeTypes } from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Colours, ThemeTypes } from "../../utils/controls";
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -11,5 +11,5 @@ export interface Props {
|
|
|
11
11
|
}>;
|
|
12
12
|
onClick?: React.MouseEventHandler;
|
|
13
13
|
}
|
|
14
|
-
declare const MenuButton: ({ id, className, backgroundColour, theme, menuItems, onClick }: Props) => JSX.Element;
|
|
14
|
+
declare const MenuButton: ({ id, className, backgroundColour, theme, menuItems, onClick, }: Props) => JSX.Element;
|
|
15
15
|
export default MenuButton;
|
|
@@ -1,24 +1,23 @@
|
|
|
1
|
-
import React, { useState } from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
import DropdownMenu from
|
|
5
|
-
import Image from
|
|
6
|
-
const MenuButton = ({ id, className, backgroundColour =
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import style from "./style.module.css";
|
|
4
|
+
import DropdownMenu from "../DropdownMenu/DropdownMenu";
|
|
5
|
+
import Image from "../Image/Image";
|
|
6
|
+
const MenuButton = ({ id, className, backgroundColour = "white", theme = "theme-rupertbennett", menuItems, onClick, }) => {
|
|
7
7
|
const [showMenu, setShowMenu] = useState(false);
|
|
8
8
|
const classList = classNames(className, style.classList, style[backgroundColour], theme);
|
|
9
|
-
if (!menuItems
|
|
9
|
+
if (!menuItems)
|
|
10
10
|
return React.createElement(React.Fragment, null);
|
|
11
11
|
return (React.createElement("div", null,
|
|
12
12
|
React.createElement("div", { id: id, className: classList, onClick: () => setShowMenu(!showMenu) },
|
|
13
13
|
React.createElement("div", { className: style.menuClasses, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
|
|
14
|
-
React.createElement("svg", { className: style.svg, width:
|
|
15
|
-
React.createElement("path", { className: style.lineOneClassList, d:
|
|
16
|
-
React.createElement("path", { className: style.lineTwoClassList, d:
|
|
17
|
-
React.createElement("path", { className: style.lineThreeClassList, d:
|
|
18
|
-
React.createElement(Image, { src:
|
|
19
|
-
showMenu &&
|
|
20
|
-
React.createElement(
|
|
21
|
-
React.createElement(DropdownMenu, { menuItems: menuItems }))));
|
|
14
|
+
React.createElement("svg", { className: style.svg, width: "18", height: "24", viewBox: "0 0 24 15", xmlns: "http://www.w3.org/2000/svg" },
|
|
15
|
+
React.createElement("path", { className: style.lineOneClassList, d: "M0 1.5C0 0.947715 0.447715 0.5 1 0.5H21C21.5523 0.5 22 0.947715 22 1.5C22 2.05228 21.5523 2.5 21 2.5H1C0.447716 2.5 0 2.05228 0 1.5Z" }),
|
|
16
|
+
React.createElement("path", { className: style.lineTwoClassList, d: "M0 7.5C0 6.94772 0.447715 6.5 1 6.5H21C21.5523 6.5 22 6.94772 22 7.5C22 8.05228 21.5523 8.5 21 8.5H1C0.447716 8.5 0 8.05228 0 7.5Z" }),
|
|
17
|
+
React.createElement("path", { className: style.lineThreeClassList, d: "M0 13.5C0 12.9477 0.447715 12.5 1 12.5H21C21.5523 12.5 22 12.9477 22 13.5C22 14.0523 21.5523 14.5 21 14.5H1C0.447716 14.5 0 14.0523 0 13.5Z" }))),
|
|
18
|
+
React.createElement(Image, { src: "https://picsum.photos/300/300", className: style.imageClasses })),
|
|
19
|
+
showMenu && (React.createElement("div", null,
|
|
20
|
+
React.createElement(DropdownMenu, { menuItems: menuItems })))));
|
|
22
21
|
};
|
|
23
22
|
export default MenuButton;
|
|
24
23
|
//# sourceMappingURL=MenuButton.js.map
|
|
@@ -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,
|
|
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,CAAC;AACxC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAEvC,OAAO,YAAY,MAAM,uCAAuC,CAAC;AACjE,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAW5C,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EAC7B,SAAS,EACT,OAAO,GACD,EAAe,EAAE;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,gBAAgB,CAAC,EACvB,KAAK,CACN,CAAC;IAEF,IAAI,CAAC,SAAS;QAAE,OAAO,yCAAK,CAAC;IAE7B,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;YACtE,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,IACJ,GAAG,EAAC,+BAA+B,EACnC,SAAS,EAAE,KAAK,CAAC,YAAY,GAC7B,CACE;QACL,QAAQ,IAAI,CACX;YACE,oBAAC,YAAY,IAAC,SAAS,EAAE,SAAS,GAAI,CAClC,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as navItemProps } from
|
|
3
|
-
import { ThemeTypes } from
|
|
4
|
-
import { Props as MenuButtonProps } from
|
|
2
|
+
import { Props as navItemProps } from "../NavItem/NavItem";
|
|
3
|
+
import { ThemeTypes } from "../../utils/controls";
|
|
4
|
+
import { Props as MenuButtonProps } from "../MenuButton/MenuButton";
|
|
5
5
|
export interface Props {
|
|
6
6
|
id?: string;
|
|
7
7
|
className?: string;
|
|
@@ -16,7 +16,7 @@ export interface Props {
|
|
|
16
16
|
logoLink: string;
|
|
17
17
|
mobileClasses?: string;
|
|
18
18
|
getNavStatus: (withMobileSideBar: boolean, open: boolean) => void;
|
|
19
|
-
variant:
|
|
19
|
+
variant: "light" | "dark";
|
|
20
20
|
text?: string;
|
|
21
21
|
textLink?: string;
|
|
22
22
|
theme?: ThemeTypes;
|
|
@@ -24,5 +24,5 @@ export interface Props {
|
|
|
24
24
|
withDesktopShadow?: boolean;
|
|
25
25
|
profileMenu?: MenuButtonProps;
|
|
26
26
|
}
|
|
27
|
-
declare const Nav: ({ id, className, navLinks, withMobileSideBar, withMobileDropdown, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, text, textLink, theme, withStickyNavShadow, withDesktopShadow, profileMenu }: Props) => JSX.Element;
|
|
27
|
+
declare const Nav: ({ id, className, navLinks, withMobileSideBar, withMobileDropdown, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, text, textLink, theme, withStickyNavShadow, withDesktopShadow, profileMenu, }: Props) => JSX.Element;
|
|
28
28
|
export default Nav;
|