trepur_components 1.0.54 → 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.d.ts +1 -1
- package/dist/src/lib/components/Avatar/Avatar.js +133 -128
- 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.d.ts +5 -8
- package/dist/src/lib/components/Collapsible/Collapsible.js +27 -38
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/src/lib/components/Collapsible/style.module.css +112 -44
- 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.js +1 -1
- 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.js +2 -3
- package/dist/src/lib/components/Showcase/Showcase.js.map +1 -1
- package/dist/src/lib/components/Showcase/style.module.css +0 -6
- package/dist/src/lib/components/Showcase/style.module.css.map +1 -1
- package/dist/src/lib/components/TimelineV2/TimelineV2.d.ts +21 -0
- package/dist/src/lib/components/TimelineV2/TimelineV2.js +16 -0
- package/dist/src/lib/components/TimelineV2/TimelineV2.js.map +1 -0
- package/dist/src/lib/components/TimelineV2/style.module.css +44 -0
- package/dist/src/lib/components/TimelineV2/style.module.css.map +1 -0
- package/package.json +1 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React, { useState } from
|
|
2
|
-
import
|
|
3
|
-
import { useKeenSlider } from
|
|
4
|
-
import classNames from
|
|
5
|
-
import Icon from
|
|
6
|
-
import style from
|
|
7
|
-
import ComponentWrapper from
|
|
8
|
-
const Carousel = ({ id, className, slideWrapperClassName, title, description, bgColour, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode =
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import "keen-slider/keen-slider.min.css";
|
|
3
|
+
import { useKeenSlider, } from "keen-slider/react";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import Icon from "../Icon/Icon";
|
|
6
|
+
import style from "./style.module.css";
|
|
7
|
+
import ComponentWrapper from "../ComponentWrapper/ComponentWrapper";
|
|
8
|
+
const Carousel = ({ id, className, slideWrapperClassName, title, description, bgColour, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode = "snap", range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, perView = 1, spacing, number, origin, arrows, dots, theme = "theme-rupertbennett", }) => {
|
|
9
9
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
10
10
|
const classList = classNames(className);
|
|
11
11
|
const [currentSlide, setCurrentSlide] = useState(0);
|
|
@@ -20,22 +20,22 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
20
20
|
slider.container.dispatchEvent(new CustomEvent(name, {
|
|
21
21
|
detail: {
|
|
22
22
|
x: position.x,
|
|
23
|
-
y: position.y
|
|
24
|
-
}
|
|
23
|
+
y: position.y,
|
|
24
|
+
},
|
|
25
25
|
}));
|
|
26
26
|
}
|
|
27
27
|
function wheelStart(e) {
|
|
28
28
|
position = {
|
|
29
29
|
x: e.pageX,
|
|
30
|
-
y: e.pageY
|
|
30
|
+
y: e.pageY,
|
|
31
31
|
};
|
|
32
|
-
dispatch(e,
|
|
32
|
+
dispatch(e, "ksDragStart");
|
|
33
33
|
}
|
|
34
34
|
function wheel(e) {
|
|
35
|
-
dispatch(e,
|
|
35
|
+
dispatch(e, "ksDrag");
|
|
36
36
|
}
|
|
37
37
|
function wheelEnd(e) {
|
|
38
|
-
dispatch(e,
|
|
38
|
+
dispatch(e, "ksDragEnd");
|
|
39
39
|
}
|
|
40
40
|
function eventWheel(e) {
|
|
41
41
|
if (!wheelActive) {
|
|
@@ -49,9 +49,9 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
49
49
|
wheelEnd(e);
|
|
50
50
|
}, 50);
|
|
51
51
|
}
|
|
52
|
-
slider.on(
|
|
53
|
-
slider.container.addEventListener(
|
|
54
|
-
passive: true
|
|
52
|
+
slider.on("created", () => {
|
|
53
|
+
slider.container.addEventListener("wheel", eventWheel, {
|
|
54
|
+
passive: true,
|
|
55
55
|
});
|
|
56
56
|
});
|
|
57
57
|
}
|
|
@@ -93,45 +93,61 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
93
93
|
perView,
|
|
94
94
|
spacing,
|
|
95
95
|
origin,
|
|
96
|
-
number
|
|
97
|
-
}
|
|
96
|
+
number,
|
|
97
|
+
},
|
|
98
98
|
}, [WheelControls]);
|
|
99
99
|
const onKeyDown = (e) => {
|
|
100
100
|
var _a;
|
|
101
|
-
if (e.key ===
|
|
101
|
+
if (e.key === "Tab") {
|
|
102
102
|
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next();
|
|
103
103
|
}
|
|
104
104
|
};
|
|
105
105
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
|
|
106
|
-
React.createElement("div", { onKeyDown: onKeyDown, className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && style.visibleArrows, style.classList,
|
|
107
|
-
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true &&
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
106
|
+
React.createElement("div", { onKeyDown: onKeyDown, className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && style.visibleArrows, style.classList, "navigation-wrapper") },
|
|
107
|
+
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true &&
|
|
108
|
+
loaded &&
|
|
109
|
+
instanceRef.current !== undefined && (React.createElement("div", { className: style.arrowWrapper },
|
|
110
|
+
React.createElement(Arrow, Object.assign({ left: true, onClick: (e) => {
|
|
111
|
+
var _a;
|
|
112
|
+
return e.stopPropagation() !== undefined ||
|
|
113
|
+
((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.prev());
|
|
114
|
+
}, disabled: currentSlide === 0 }, arrows)))),
|
|
115
|
+
React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, slideWrapperClassName, "keen-slider") }, slides != null && slides),
|
|
116
|
+
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true &&
|
|
117
|
+
loaded &&
|
|
118
|
+
instanceRef.current !== undefined && (React.createElement("div", { className: style.arrowWrapper },
|
|
119
|
+
React.createElement(Arrow, Object.assign({ right: true, onClick: (e) => {
|
|
120
|
+
var _a;
|
|
121
|
+
return e.stopPropagation() !== undefined ||
|
|
122
|
+
((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next());
|
|
123
|
+
}, disabled: currentSlide ===
|
|
124
|
+
((_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length) }, arrows))))),
|
|
125
|
+
(dots === null || dots === void 0 ? void 0 : dots.visible) === true && loaded && instanceRef.current != null && (React.createElement("div", { className: style.dotWrapper }, [
|
|
126
|
+
...Array((_h = (_g = (_f = (_e = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _e === void 0 ? void 0 : _e.track) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.slides) === null || _h === void 0 ? void 0 : _h.length).keys(),
|
|
127
|
+
].map((idx, i) => {
|
|
113
128
|
var _a, _b, _c, _d, _e;
|
|
114
129
|
const numberOfSlides = (_e = (_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 1;
|
|
115
130
|
return (React.createElement(Dot, Object.assign({ key: `dot_${i}`, isActive: !loop
|
|
116
131
|
? currentSlide === idx
|
|
117
132
|
: currentSlide + perView <= numberOfSlides
|
|
118
133
|
? idx >= currentSlide && idx < currentSlide + perView
|
|
119
|
-
: idx >= currentSlide ||
|
|
134
|
+
: idx >= currentSlide ||
|
|
135
|
+
currentSlide + perView - numberOfSlides - 1 >= idx, onClick: () => {
|
|
120
136
|
var _a;
|
|
121
137
|
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(idx);
|
|
122
|
-
}, theme: theme }, dots, { wrapperBgColour: bgColour !== null && bgColour !== void 0 ? bgColour :
|
|
138
|
+
}, theme: theme }, dots, { wrapperBgColour: bgColour !== null && bgColour !== void 0 ? bgColour : "white" })));
|
|
123
139
|
})))));
|
|
124
140
|
};
|
|
125
141
|
function Arrow(props) {
|
|
126
142
|
return (React.createElement("div", { className: style.arrowWrapper },
|
|
127
143
|
React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
|
|
128
|
-
React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ?
|
|
144
|
+
React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ? "chevron-left" : "chevron-right", className: style.arrowIconClassList, size: 3, rounded: true, bgColour: props === null || props === void 0 ? void 0 : props.bgColour, colour: props === null || props === void 0 ? void 0 : props.colour, hoverBgColour: props === null || props === void 0 ? void 0 : props.hoverBgColour, hoverColour: props === null || props === void 0 ? void 0 : props.hoverColour }))));
|
|
129
145
|
}
|
|
130
146
|
function Dot(props) {
|
|
131
147
|
var _a;
|
|
132
|
-
const bg = (_a = props === null || props === void 0 ? void 0 : props.wrapperBgColour) !== null && _a !== void 0 ? _a :
|
|
133
|
-
return (React.createElement("button", { className: classNames(style.dotButtonClassList, style[bg]), type:
|
|
134
|
-
React.createElement(Icon, { type:
|
|
148
|
+
const bg = (_a = props === null || props === void 0 ? void 0 : props.wrapperBgColour) !== null && _a !== void 0 ? _a : "white";
|
|
149
|
+
return (React.createElement("button", { className: classNames(style.dotButtonClassList, style[bg]), type: "button", onClick: props === null || props === void 0 ? void 0 : props.onClick, "aria-label": `carousel-button${props.id ? `-${props.id}` : ""}` },
|
|
150
|
+
React.createElement(Icon, { type: "circle", className: style.dotIconClassList, size: 2, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) === true ? props.hoverBgColour : props.bgColour, colour: (props === null || props === void 0 ? void 0 : props.isActive) === true ? props.hoverColour : props.colour, hoverBgColour: props === null || props === void 0 ? void 0 : props.hoverBgColour, hoverColour: props === null || props === void 0 ? void 0 : props.hoverColour, theme: props === null || props === void 0 ? void 0 : props.theme })));
|
|
135
151
|
}
|
|
136
152
|
export default Carousel;
|
|
137
153
|
//# sourceMappingURL=Carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -101,7 +101,6 @@ const CarouselThumbnail = ({ id, className, slideWrapperClassName, title, descri
|
|
|
101
101
|
slides: { perView: 2, spacing: 10 }
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
|
-
let offset = 0;
|
|
105
104
|
const [sliderRef, instanceRef] = useKeenSlider({
|
|
106
105
|
initial,
|
|
107
106
|
breakpoints: breakpointsToRender,
|
|
@@ -118,7 +117,9 @@ const CarouselThumbnail = ({ id, className, slideWrapperClassName, title, descri
|
|
|
118
117
|
vertical,
|
|
119
118
|
slideChanged(slider) {
|
|
120
119
|
var _a, _b;
|
|
121
|
-
|
|
120
|
+
let offset = 0;
|
|
121
|
+
if (((_b = (_a = slider.slides[slider.track.details.rel]) === null || _a === void 0 ? void 0 : _a.firstChild) === null || _b === void 0 ? void 0 : _b.nodeName) ===
|
|
122
|
+
'DIV') {
|
|
122
123
|
offset = 1;
|
|
123
124
|
}
|
|
124
125
|
},
|
|
@@ -151,9 +152,9 @@ const CarouselThumbnail = ({ id, className, slideWrapperClassName, title, descri
|
|
|
151
152
|
}, [ThumbnailPlugin(instanceRef)]);
|
|
152
153
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
|
|
153
154
|
React.createElement("div", { className: classNames(classList, style.classList, 'navigation-wrapper') },
|
|
154
|
-
React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, slideWrapperClassName, 'keen-slider') },
|
|
155
|
+
React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, slideWrapperClassName, 'keen-slider') }, slides != null && slides),
|
|
155
156
|
React.createElement("div", { className: style.thumbnailWrapper },
|
|
156
|
-
React.createElement("div", { ref: thumbnailRef, className: `keen-slider thumbnail ${style.thumbnail}` },
|
|
157
|
+
React.createElement("div", { ref: thumbnailRef, className: `keen-slider thumbnail ${style.thumbnail}` }, slides != null && slides)))));
|
|
157
158
|
};
|
|
158
159
|
export default CarouselThumbnail;
|
|
159
160
|
//# sourceMappingURL=CarouselThumbnail.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselThumbnail.js","sourceRoot":"","sources":["../../../../../src/lib/components/CarouselThumbnail/CarouselThumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,iCAAiC,CAAA;AACxC,OAAO,
|
|
1
|
+
{"version":3,"file":"CarouselThumbnail.js","sourceRoot":"","sources":["../../../../../src/lib/components/CarouselThumbnail/CarouselThumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,iCAAiC,CAAA;AACxC,OAAO,EACL,aAAa,EAId,MAAM,mBAAmB,CAAA;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,OAAO,MAAM,gBAAgB,CAAA;AA4DpC,MAAM,iBAAiB,GAAoB,CAAC,EAC1C,EAAE,EACF,SAAS,EACT,qBAAqB,EACrB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACP,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,MAAM,EACb,KAAK,EACL,UAAU,EACV,GAAG,EACH,UAAU,EACV,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,SAAS,EACT,cAAc,EACd,OAAO,EACP,WAAW,EACX,WAAW,EACX,SAAS,EACT,oBAAoB,EACpB,cAAc,EACd,YAAY,EACZ,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,GAAG,qBAAqB,EAC9B,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,SAAS,aAAa,CAAE,MAAW;QACjC,IAAI,YAAiB,CAAA;QACrB,IAAI,QAAa,CAAA;QACjB,IAAI,WAAoB,CAAA;QAExB,SAAS,QAAQ,CAAE,CAAM,EAAE,IAAY;YACrC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAA;YACtB,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAA;YACtB,MAAM,CAAC,SAAS,CAAC,aAAa,CAC5B,IAAI,WAAW,CAAC,IAAI,EAAE;gBACpB,MAAM,EAAE;oBACN,CAAC,EAAE,QAAQ,CAAC,CAAC;oBACb,CAAC,EAAE,QAAQ,CAAC,CAAC;iBACd;aACF,CAAC,CACH,CAAA;QACH,CAAC;QAED,SAAS,UAAU,CAAE,CAAM;YACzB,QAAQ,GAAG;gBACT,CAAC,EAAE,CAAC,CAAC,KAAK;gBACV,CAAC,EAAE,CAAC,CAAC,KAAK;aACX,CAAA;YACD,QAAQ,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;QAC5B,CAAC;QAED,SAAS,KAAK,CAAE,CAAM;YACpB,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAA;QACvB,CAAC;QAED,SAAS,QAAQ,CAAE,CAAM;YACvB,QAAQ,CAAC,CAAC,EAAE,WAAW,CAAC,CAAA;QAC1B,CAAC;QAED,SAAS,UAAU,CAAE,CAAM;YACzB,IAAI,CAAC,WAAW,EAAE;gBAChB,UAAU,CAAC,CAAC,CAAC,CAAA;gBACb,WAAW,GAAG,IAAI,CAAA;aACnB;YACD,KAAK,CAAC,CAAC,CAAC,CAAA;YACR,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7B,WAAW,GAAG,KAAK,CAAA;gBACnB,QAAQ,CAAC,CAAC,CAAC,CAAA;YACb,CAAC,EAAE,EAAE,CAAC,CAAA;QACR,CAAC;QAED,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE;YACxB,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE;gBACrD,OAAO,EAAE,IAAI;aACd,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,eAAe,CAAE,OAAY;QACpC,OAAO,CAAC,MAAW,EAAE,EAAE;YACrB,SAAS,YAAY;gBACnB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAU,EAAE,EAAE;oBACnC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;gBAClC,CAAC,CAAC,CAAA;YACJ,CAAC;YAED,SAAS,SAAS,CAAE,GAAW;gBAC7B,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;YAC5C,CAAC;YAED,SAAS,cAAc;gBACrB,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAU,EAAE,GAAW,EAAE,EAAE;oBAChD,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;wBACnC,IAAI,OAAO,CAAC,OAAO;4BAAE,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;oBACrD,CAAC,CAAC,CAAA;gBACJ,CAAC,CAAC,CAAA;YACJ,CAAC;YAED,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE;gBACxB,IAAI,CAAC,OAAO,CAAC,OAAO;oBAAE,OAAM;gBAC5B,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;gBACnC,cAAc,EAAE,CAAA;gBAChB,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,kBAAkB,EAAE,CAAC,IAAS,EAAE,EAAE;oBACnD,YAAY,EAAE,CAAA;oBACd,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,IAAI,CAAC,CAAA;oBACzC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA;oBACpC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;gBAC/D,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;IACH,CAAC;IAED,MAAM,mBAAmB,GAAQ;QAC/B,CAAC,eAAe,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE;YAC9B,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;SACpC;QACD,CAAC,eAAe,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE;YAC9B,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;SACpC;QACD,CAAC,eAAe,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE;YAC9B,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;SACpC;QACD,CAAC,eAAe,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE;YAC9B,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;SACpC;QACD,CAAC,eAAe,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE;YAC9B,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;SACpC;KACF,CAAA;IAED,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,aAAa,CAC5C;QACE,OAAO;QACP,WAAW,EAAE,mBAAmB;QAChC,gBAAgB;QAChB,QAAQ;QACR,IAAI;QACJ,SAAS;QACT,IAAI;QACJ,IAAI;QACJ,KAAK;QACL,UAAU;QACV,GAAG;QACH,UAAU;QACV,QAAQ;QACR,YAAY,CAAE,MAAM;;YAClB,IAAI,MAAM,GAAG,CAAC,CAAA;YACd,IACE,CAAA,MAAA,MAAA,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,0CAAE,UAAU,0CAAE,QAAQ;gBAC7D,KAAK,EACL;gBACA,MAAM,GAAG,CAAC,CAAA;aACX;QACH,CAAC;QACD,8BAA8B;QAC9B,oBAAoB;QACpB,gBAAgB;QAChB,gBAAgB;QAChB,cAAc;QACd,SAAS;QACT,cAAc;QACd,OAAO;QACP,WAAW;QACX,WAAW;QACX,SAAS;QACT,oBAAoB;QACpB,cAAc;QACd,OAAO;QACP,MAAM,EAAE;YACN,OAAO;YACP,MAAM;YACN,MAAM;SACP;KACF,EACD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,MAAM,CAAC,YAAY,CAAC,GAAG,aAAa,CAClC;QACE,OAAO,EAAE,CAAC;QACV,MAAM,EAAE;YACN,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,EAAE;SACZ;KACF,EACD,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAC/B,CAAA;IAED,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,6BACE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,oBAAoB,CAAC;YAEvE,6BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,YAAY,EAClB,qBAAqB,EACrB,aAAa,CACd,IAEA,MAAM,IAAI,IAAI,IAAI,MAAM,CACrB;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB;gBACpC,6BACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,yBAAyB,KAAK,CAAC,SAAS,EAAE,IAEpD,MAAM,IAAI,IAAI,IAAI,MAAM,CACrB,CACF,CACF,CACW,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -1,18 +1,15 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as
|
|
3
|
-
import { ThemeTypes } from
|
|
2
|
+
import { Props as imageProps } from "../Image/Image";
|
|
3
|
+
import { ThemeTypes } from "../../utils/controls";
|
|
4
4
|
export interface Props {
|
|
5
5
|
id?: string;
|
|
6
6
|
className?: string;
|
|
7
|
+
preText?: string;
|
|
7
8
|
title?: string;
|
|
8
9
|
subtitle?: string;
|
|
9
|
-
|
|
10
|
-
borderTop?: boolean;
|
|
11
|
-
borderBottom?: boolean;
|
|
12
|
-
showBottomLine?: boolean;
|
|
13
|
-
iconProps?: iconProps;
|
|
10
|
+
imageProps?: imageProps;
|
|
14
11
|
children?: string | JSX.Element;
|
|
15
12
|
theme?: ThemeTypes;
|
|
16
13
|
}
|
|
17
|
-
declare const Collapsible: ({ id, className, title, subtitle,
|
|
14
|
+
declare const Collapsible: ({ id, className, preText, title, subtitle, imageProps, children, theme, }: Props) => JSX.Element;
|
|
18
15
|
export default Collapsible;
|
|
@@ -1,42 +1,33 @@
|
|
|
1
|
-
import React, { useState, useEffect } from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
1
|
+
import React, { useState, useEffect } from "react";
|
|
2
|
+
import Image from "../Image/Image";
|
|
3
|
+
import Icon from "../Icon/Icon";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import style from "./style.module.css";
|
|
6
|
+
import HorizontalLine from "../HorizontalLine/HorizontalLine";
|
|
7
|
+
const Collapsible = ({ id, className, preText, title, subtitle, imageProps, children, theme = "theme-rupertbennett", }) => {
|
|
8
|
+
var _a;
|
|
6
9
|
const [expanded, setExpanded] = useState(false);
|
|
7
10
|
useEffect(() => {
|
|
8
|
-
const coll = document.getElementsByClassName(
|
|
11
|
+
const coll = document.getElementsByClassName("collapsible");
|
|
9
12
|
let i;
|
|
10
13
|
for (i = 0; i < coll.length; i++) {
|
|
11
|
-
coll[i].addEventListener(
|
|
14
|
+
coll[i].addEventListener("click", function (err) {
|
|
12
15
|
const content = this.nextElementSibling;
|
|
13
16
|
const scrollHeight = content.scrollHeight.toString();
|
|
14
|
-
if (content.style.maxHeight ===
|
|
17
|
+
if (content.style.maxHeight === "0px") {
|
|
15
18
|
content.style.maxHeight = `${scrollHeight}px`;
|
|
16
19
|
}
|
|
17
20
|
else {
|
|
18
|
-
content.style.maxHeight =
|
|
21
|
+
content.style.maxHeight = "0px";
|
|
19
22
|
}
|
|
20
23
|
});
|
|
21
24
|
}
|
|
22
25
|
});
|
|
23
|
-
const
|
|
24
|
-
[style.borderBottom]: borderBottom,
|
|
25
|
-
[style.borderTop]: borderTop
|
|
26
|
-
}, style.headingClassList, 'collapsible');
|
|
27
|
-
const classList = classNames(className, style.classList, 'transition-opactiy', theme);
|
|
28
|
-
const padding = classNames({
|
|
29
|
-
[style.titles]: title !== undefined && subtitle !== undefined,
|
|
30
|
-
[style.titleOnly]: title !== undefined && subtitle === undefined
|
|
31
|
-
});
|
|
32
|
-
const textSubstitutePadding = classNames({
|
|
33
|
-
[style.textSubstitutePadding]: title === undefined && subtitle === undefined
|
|
34
|
-
});
|
|
26
|
+
const classList = classNames(className, style.classList, "transition-opactiy", theme);
|
|
35
27
|
const contentWrapperClassList = classNames({
|
|
36
28
|
[style.expanded]: expanded,
|
|
37
|
-
[style.collapsed]: !expanded
|
|
29
|
+
[style.collapsed]: !expanded,
|
|
38
30
|
}, style.contentWrapperClassList);
|
|
39
|
-
const childrenClassList = classNames(padding, style.childrenClassList);
|
|
40
31
|
const expandItem = (e) => {
|
|
41
32
|
const content = e.currentTarget.nextElementSibling;
|
|
42
33
|
const scrollHeight = content.scrollHeight.toString();
|
|
@@ -44,25 +35,23 @@ const Collapsible = ({ id, className, title, subtitle, boldTitle, borderTop, bor
|
|
|
44
35
|
content.style.maxHeight = `${scrollHeight}px`;
|
|
45
36
|
}
|
|
46
37
|
else {
|
|
47
|
-
content.style.maxHeight =
|
|
38
|
+
content.style.maxHeight = "0px";
|
|
48
39
|
}
|
|
49
40
|
setExpanded(!expanded);
|
|
50
41
|
};
|
|
51
42
|
return (React.createElement("div", { id: id, className: classList },
|
|
52
|
-
React.createElement("div", { onClick: e => expandItem(e), className:
|
|
53
|
-
(
|
|
54
|
-
React.createElement(
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
children !== undefined &&
|
|
65
|
-
React.createElement("div", { className: contentWrapperClassList, style: { transition: 'max-height 0.2s ease-out' } }, children)));
|
|
43
|
+
React.createElement("div", { onClick: (e) => expandItem(e), className: style.heading },
|
|
44
|
+
React.createElement("div", { className: style.imageAndText },
|
|
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" } },
|
|
53
|
+
React.createElement(HorizontalLine, { theme: theme, colour: "grey" }),
|
|
54
|
+
React.createElement("div", { className: style.children }, children)))));
|
|
66
55
|
};
|
|
67
56
|
export default Collapsible;
|
|
68
57
|
//# sourceMappingURL=Collapsible.js.map
|
|
@@ -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,
|
|
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;;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC;QAC5D,IAAI,CAAS,CAAC;QAEd,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAChC,IAAI,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAqB,GAAQ;gBAC7D,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC;gBAExC,MAAM,YAAY,GAAW,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;gBAC7D,IAAI,OAAO,CAAC,KAAK,CAAC,SAAS,KAAK,KAAK,EAAE;oBACrC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,YAAY,IAAI,CAAC;iBAC/C;qBAAM;oBACL,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;iBACjC;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,oBAAoB,EACpB,KAAK,CACN,CAAC;IAEF,MAAM,uBAAuB,GAAG,UAAU,CACxC;QACE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ;KAC7B,EACD,KAAK,CAAC,uBAAuB,CAC9B,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAAM,EAAQ,EAAE;QAClC,MAAM,OAAO,GAAG,CAAC,CAAC,aAAa,CAAC,kBAAkB,CAAC;QACnD,MAAM,YAAY,GAAW,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;QAC7D,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,YAAY,IAAI,CAAC;SAC/C;aAAM;YACL,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;SACjC;QACD,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO;YAC1D,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAC/B,UAAU,KAAK,SAAS,IAAI,CAC3B,oBAAC,KAAK,oBACA,UAAU,IACd,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,KAAK,CAAC,KAAK,IACtB,CACH;gBACA,CAAC,MAAA,KAAK,KAAK,SAAS,mCAAI,QAAQ,KAAK,SAAS,CAAC,IAAI,CAClD,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;oBAC9B,OAAO,KAAK,SAAS,IAAI,CACxB,4BAAI,SAAS,EAAE,KAAK,CAAC,OAAO,IAAG,OAAO,CAAM,CAC7C;oBACA,KAAK,KAAK,SAAS,IAAI,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;oBAC/D,QAAQ,KAAK,SAAS,IAAI,CACzB,4BAAI,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAM,CAC/C,CACG,CACP,CACG;YACL,QAAQ,KAAK,SAAS,IAAI,CACzB,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,oBAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,GAC9C,CACE,CACP,CACG;QACL,QAAQ,KAAK,SAAS,IAAI,CACzB,6BACE,SAAS,EAAE,uBAAuB,EAClC,KAAK,EAAE,EAAE,UAAU,EAAE,0BAA0B,EAAE;YAEjD,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAC,MAAM,GAAG;YAC9C,6BAAK,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAO,CAC5C,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,36 +1,58 @@
|
|
|
1
|
-
.
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
border-bottom-width: 1px;
|
|
4
|
+
|
|
5
|
+
border-color: var(--color-lightest-grey);
|
|
2
6
|
|
|
3
|
-
|
|
7
|
+
transition-duration: 300ms
|
|
4
8
|
}
|
|
5
9
|
|
|
6
|
-
.
|
|
10
|
+
.classList:hover {
|
|
7
11
|
|
|
8
|
-
|
|
12
|
+
cursor: pointer
|
|
9
13
|
}
|
|
10
14
|
|
|
11
|
-
.
|
|
15
|
+
.heading {
|
|
12
16
|
|
|
13
17
|
display: flex;
|
|
14
18
|
|
|
15
|
-
|
|
19
|
+
height: 6rem;
|
|
20
|
+
|
|
21
|
+
width: 100%;
|
|
22
|
+
|
|
23
|
+
justify-content: space-between;
|
|
16
24
|
|
|
17
|
-
|
|
25
|
+
padding-left: 1rem;
|
|
26
|
+
|
|
27
|
+
padding-right: 1rem
|
|
18
28
|
}
|
|
19
29
|
|
|
20
|
-
|
|
30
|
+
@media (min-width: 640px) {
|
|
21
31
|
|
|
22
|
-
|
|
32
|
+
.heading {
|
|
23
33
|
|
|
24
|
-
|
|
34
|
+
padding-right: 2rem
|
|
35
|
+
}
|
|
36
|
+
}
|
|
25
37
|
|
|
26
|
-
|
|
38
|
+
.imageAndText {
|
|
39
|
+
|
|
40
|
+
display: flex;
|
|
41
|
+
|
|
42
|
+
width: 100%;
|
|
43
|
+
|
|
44
|
+
overflow: hidden
|
|
27
45
|
}
|
|
28
46
|
|
|
29
|
-
.
|
|
47
|
+
.image {
|
|
48
|
+
|
|
49
|
+
margin-top: auto;
|
|
30
50
|
|
|
31
|
-
|
|
51
|
+
margin-bottom: auto;
|
|
32
52
|
|
|
33
|
-
|
|
53
|
+
flex: none;
|
|
54
|
+
|
|
55
|
+
border-radius: 1rem
|
|
34
56
|
}
|
|
35
57
|
|
|
36
58
|
.contentWrapperClassList {
|
|
@@ -39,72 +61,118 @@
|
|
|
39
61
|
|
|
40
62
|
overflow: hidden;
|
|
41
63
|
|
|
42
|
-
background-color: var(--color-white);
|
|
43
|
-
|
|
44
64
|
padding-left: 1rem;
|
|
45
65
|
|
|
46
|
-
padding-right: 1rem
|
|
47
|
-
|
|
48
|
-
color: var(--color-primary)
|
|
66
|
+
padding-right: 1rem
|
|
49
67
|
}
|
|
50
68
|
|
|
51
|
-
.
|
|
69
|
+
.expanded {
|
|
52
70
|
|
|
53
|
-
|
|
71
|
+
margin-top: 0.5rem;
|
|
54
72
|
|
|
55
|
-
|
|
73
|
+
margin-bottom: 1rem;
|
|
56
74
|
|
|
57
|
-
|
|
75
|
+
max-height: max-content
|
|
58
76
|
}
|
|
59
77
|
|
|
60
|
-
.
|
|
78
|
+
.collapsed {
|
|
61
79
|
|
|
62
|
-
|
|
80
|
+
max-height: 0px
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.children {
|
|
63
84
|
|
|
64
85
|
padding-top: 1rem;
|
|
65
86
|
|
|
66
|
-
padding-bottom:
|
|
87
|
+
padding-bottom: 0.5rem
|
|
88
|
+
}
|
|
67
89
|
|
|
68
|
-
|
|
90
|
+
.iconWrapper {
|
|
69
91
|
|
|
70
|
-
|
|
92
|
+
margin-top: auto;
|
|
93
|
+
|
|
94
|
+
margin-bottom: auto;
|
|
95
|
+
|
|
96
|
+
display: flex;
|
|
97
|
+
|
|
98
|
+
flex: none
|
|
71
99
|
}
|
|
72
100
|
|
|
73
|
-
.
|
|
101
|
+
.textWrapper {
|
|
74
102
|
|
|
75
|
-
margin-top:
|
|
103
|
+
margin-top: auto;
|
|
76
104
|
|
|
77
|
-
margin-bottom:
|
|
105
|
+
margin-bottom: auto;
|
|
78
106
|
|
|
79
|
-
|
|
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
|
|
80
118
|
}
|
|
81
119
|
|
|
82
|
-
.
|
|
120
|
+
.preText {
|
|
83
121
|
|
|
84
|
-
|
|
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)
|
|
85
131
|
}
|
|
86
132
|
|
|
87
|
-
|
|
133
|
+
@media (min-width: 768px) {
|
|
88
134
|
|
|
89
|
-
|
|
135
|
+
.preText {
|
|
136
|
+
|
|
137
|
+
font-size: 12px
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.title {
|
|
142
|
+
|
|
143
|
+
overflow: hidden;
|
|
90
144
|
|
|
91
|
-
|
|
145
|
+
text-overflow: ellipsis;
|
|
146
|
+
|
|
147
|
+
white-space: nowrap;
|
|
148
|
+
|
|
149
|
+
font-size: 16px
|
|
92
150
|
}
|
|
93
151
|
|
|
94
|
-
|
|
152
|
+
@media (min-width: 768px) {
|
|
153
|
+
|
|
154
|
+
.title {
|
|
95
155
|
|
|
96
|
-
|
|
156
|
+
font-size: 22px
|
|
157
|
+
}
|
|
97
158
|
}
|
|
98
159
|
|
|
99
|
-
.
|
|
160
|
+
.subtitle {
|
|
161
|
+
|
|
162
|
+
overflow: hidden;
|
|
100
163
|
|
|
101
|
-
|
|
164
|
+
text-overflow: ellipsis;
|
|
165
|
+
|
|
166
|
+
white-space: nowrap;
|
|
167
|
+
|
|
168
|
+
font-size: 12px
|
|
102
169
|
}
|
|
103
170
|
|
|
104
|
-
|
|
171
|
+
@media (min-width: 768px) {
|
|
105
172
|
|
|
106
|
-
|
|
173
|
+
.subtitle {
|
|
107
174
|
|
|
108
|
-
|
|
175
|
+
font-size: 16px
|
|
176
|
+
}
|
|
109
177
|
}
|
|
110
178
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Collapsible/style.module.css"],"names":[],"mappings":"AACI;;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}"]}
|