trepur_components 0.3.3 → 0.3.6
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.
|
@@ -39,19 +39,19 @@ const CardWithTopImage = _ref => {
|
|
|
39
39
|
[imageWrapperClasses]: imageWrapperClasses
|
|
40
40
|
});
|
|
41
41
|
const imageClassList = (0, _classnames.default)({
|
|
42
|
-
[imageProps.classes]: imageProps.classes
|
|
42
|
+
[imageProps.classes]: imageProps === null || imageProps === void 0 ? void 0 : imageProps.classes
|
|
43
43
|
}, 'flex mx-auto w-24 bg-white p-4');
|
|
44
44
|
const contentClassList = (0, _classnames.default)({
|
|
45
45
|
'border border-grey border-opacity-100': bordered,
|
|
46
46
|
[contentClasses]: contentClasses
|
|
47
47
|
}, 'pt-12 px-4 h-auto pb-16 -mt-12 bg-white');
|
|
48
|
-
imageProps.classes = imageProps.classes + ' ' + imageClassList;
|
|
48
|
+
imageProps.classes = (imageProps === null || imageProps === void 0 ? void 0 : imageProps.classes) + ' ' + imageClassList;
|
|
49
49
|
return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
|
|
50
50
|
id: id
|
|
51
51
|
}, {
|
|
52
52
|
className: classList
|
|
53
|
-
}), /*#__PURE__*/_react.default.createElement("div", _extends({}, imageProps.id && {
|
|
54
|
-
id: imageProps.id + '_imageId'
|
|
53
|
+
}), /*#__PURE__*/_react.default.createElement("div", _extends({}, (imageProps === null || imageProps === void 0 ? void 0 : imageProps.id) && {
|
|
54
|
+
id: (imageProps === null || imageProps === void 0 ? void 0 : imageProps.id) + '_imageId'
|
|
55
55
|
}, {
|
|
56
56
|
className: imageWrapperClassList
|
|
57
57
|
}), /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
@@ -25,6 +25,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
|
|
|
25
25
|
|
|
26
26
|
//https://keen-slider.io/docs#usage-in-react
|
|
27
27
|
const CarouselV2 = _ref => {
|
|
28
|
+
var _instanceRef$current3, _instanceRef$current4, _instanceRef$current5, _instanceRef$current6, _instanceRef$current7, _instanceRef$current8, _instanceRef$current9, _instanceRef$current10;
|
|
29
|
+
|
|
28
30
|
let {
|
|
29
31
|
id,
|
|
30
32
|
classes,
|
|
@@ -136,17 +138,17 @@ const CarouselV2 = _ref => {
|
|
|
136
138
|
|
|
137
139
|
return e.stopPropagation() || ((_instanceRef$current2 = instanceRef.current) === null || _instanceRef$current2 === void 0 ? void 0 : _instanceRef$current2.next());
|
|
138
140
|
},
|
|
139
|
-
disabled: currentSlide === instanceRef.current.track.details.slides.length - 1,
|
|
141
|
+
disabled: currentSlide === (instanceRef === null || instanceRef === void 0 ? void 0 : (_instanceRef$current3 = instanceRef.current) === null || _instanceRef$current3 === void 0 ? void 0 : (_instanceRef$current4 = _instanceRef$current3.track) === null || _instanceRef$current4 === void 0 ? void 0 : (_instanceRef$current5 = _instanceRef$current4.details) === null || _instanceRef$current5 === void 0 ? void 0 : (_instanceRef$current6 = _instanceRef$current5.slides) === null || _instanceRef$current6 === void 0 ? void 0 : _instanceRef$current6.length) - 1,
|
|
140
142
|
arrows: arrows
|
|
141
143
|
}))), (dots === null || dots === void 0 ? void 0 : dots.visible) && loaded && instanceRef.current && /*#__PURE__*/_react.default.createElement("div", {
|
|
142
144
|
className: "flex py-4 justify-center"
|
|
143
|
-
}, [...Array(instanceRef.current.track.details.slides.length).keys()].map(idx => {
|
|
145
|
+
}, [...Array(instanceRef === null || instanceRef === void 0 ? void 0 : (_instanceRef$current7 = instanceRef.current) === null || _instanceRef$current7 === void 0 ? void 0 : (_instanceRef$current8 = _instanceRef$current7.track) === null || _instanceRef$current8 === void 0 ? void 0 : (_instanceRef$current9 = _instanceRef$current8.details) === null || _instanceRef$current9 === void 0 ? void 0 : (_instanceRef$current10 = _instanceRef$current9.slides) === null || _instanceRef$current10 === void 0 ? void 0 : _instanceRef$current10.length).keys()].map(idx => {
|
|
144
146
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
145
147
|
key: idx,
|
|
146
148
|
onClick: () => {
|
|
147
|
-
var _instanceRef$
|
|
149
|
+
var _instanceRef$current11;
|
|
148
150
|
|
|
149
|
-
(_instanceRef$
|
|
151
|
+
(_instanceRef$current11 = instanceRef.current) === null || _instanceRef$current11 === void 0 ? void 0 : _instanceRef$current11.moveToIdx(idx);
|
|
150
152
|
},
|
|
151
153
|
className: dotClasses + (currentSlide === idx ? " active ".concat(dots === null || dots === void 0 ? void 0 : dots.activeColours) : " ".concat(dots === null || dots === void 0 ? void 0 : dots.colours))
|
|
152
154
|
});
|
|
@@ -41,7 +41,7 @@ const Image = _ref => {
|
|
|
41
41
|
} = _ref;
|
|
42
42
|
const classList = (0, _classnames.default)({
|
|
43
43
|
[imageProps === null || imageProps === void 0 ? void 0 : imageProps.classes]: imageProps === null || imageProps === void 0 ? void 0 : imageProps.classes,
|
|
44
|
-
'rounded-full': imageProps.rounded
|
|
44
|
+
'rounded-full': imageProps === null || imageProps === void 0 ? void 0 : imageProps.rounded
|
|
45
45
|
});
|
|
46
46
|
return /*#__PURE__*/_react.default.createElement("img", _extends({}, (imageProps === null || imageProps === void 0 ? void 0 : imageProps.id) && {
|
|
47
47
|
id: imageProps === null || imageProps === void 0 ? void 0 : imageProps.id
|
|
@@ -158,9 +158,9 @@ const Nav = _ref => {
|
|
|
158
158
|
sm: rowItem.smColumnWidth,
|
|
159
159
|
md: rowItem.columnWidth,
|
|
160
160
|
lg: rowItem.lgColumnWidth,
|
|
161
|
-
xl: rowItem.xlColumnWidth
|
|
162
|
-
|
|
163
|
-
|
|
161
|
+
xl: rowItem.xlColumnWidth
|
|
162
|
+
},
|
|
163
|
+
children: rowItem.component
|
|
164
164
|
});
|
|
165
165
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
166
166
|
className: secondRowClassList
|
|
@@ -172,9 +172,9 @@ const Nav = _ref => {
|
|
|
172
172
|
sm: rowItem.smColumnWidth,
|
|
173
173
|
md: rowItem.columnWidth,
|
|
174
174
|
lg: rowItem.lgColumnWidth,
|
|
175
|
-
xl: rowItem.xlColumnWidth
|
|
176
|
-
|
|
177
|
-
|
|
175
|
+
xl: rowItem.xlColumnWidth
|
|
176
|
+
},
|
|
177
|
+
children: rowItem.component
|
|
178
178
|
});
|
|
179
179
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
180
180
|
className: thirdRowClassList
|
|
@@ -186,9 +186,9 @@ const Nav = _ref => {
|
|
|
186
186
|
sm: rowItem.smColumnWidth,
|
|
187
187
|
md: rowItem.columnWidth,
|
|
188
188
|
lg: rowItem.lgColumnWidth,
|
|
189
|
-
xl: rowItem.xlColumnWidth
|
|
190
|
-
|
|
191
|
-
|
|
189
|
+
xl: rowItem.xlColumnWidth
|
|
190
|
+
},
|
|
191
|
+
children: rowItem.component
|
|
192
192
|
});
|
|
193
193
|
}))), asSideBar ? /*#__PURE__*/_react.default.createElement("div", {
|
|
194
194
|
className: sideNavClasses
|