tek-wallet 0.0.433 → 0.0.435
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.
|
@@ -40,20 +40,23 @@ var Activities = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
40
40
|
close();
|
|
41
41
|
handleOnClose();
|
|
42
42
|
};
|
|
43
|
-
return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { disableSwipe: true, ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Activities", overrideBack: handleBack }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { children: (0, jsx_runtime_1.jsx)(SwiperControlled_1.default, { tabs: activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type, index) {
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { disableSwipe: true, ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Activities", overrideBack: handleBack }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: { border: "2px blue solid" }, children: (0, jsx_runtime_1.jsx)(SwiperControlled_1.default, { tabs: activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type, index) {
|
|
44
44
|
return ((0, jsx_runtime_1.jsx)(material_1.Tab, { disableRipple: true, label: type.name, value: index, "data-index": index, sx: {
|
|
45
45
|
padding: "0 ".concat(theme.mixins.customPadding.p16, " ").concat(theme.mixins.customPadding.p8),
|
|
46
46
|
minHeight: "unset",
|
|
47
47
|
minWidth: "unset",
|
|
48
48
|
textTransform: "capitalize",
|
|
49
49
|
color: theme.palette.text.white64,
|
|
50
|
+
transition: "all 0.3s linear",
|
|
50
51
|
borderColor: "currentcolor",
|
|
51
52
|
"&.Mui-selected": {
|
|
52
53
|
color: theme.palette.text.white,
|
|
53
54
|
},
|
|
54
55
|
} }, index));
|
|
55
|
-
}),
|
|
56
|
-
|
|
56
|
+
}), swiperStyle: {
|
|
57
|
+
flex: 1,
|
|
58
|
+
}, children: activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type, index) {
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { style: { border: "2px red solid" }, children: (0, jsx_runtime_1.jsx)(Text_1.default, { onClick: function () {
|
|
57
60
|
console.warn(activities);
|
|
58
61
|
}, children: type.name }) }, index));
|
|
59
62
|
}) }) }) }) }) }));
|
|
@@ -60,7 +60,7 @@ var SwiperControlled = (0, react_2.forwardRef)(function (props, ref) {
|
|
|
60
60
|
};
|
|
61
61
|
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ width: "100%", display: "flex", flexDirection: "column" }, props.sx), children: [props.tabs && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
|
|
62
62
|
maxWidth: "100%",
|
|
63
|
-
}, children: (0, jsx_runtime_1.jsxs)(material_1.Tabs, { value: activeTab, onChange: handleTabChange, variant: "scrollable", scrollButtons: "auto", sx: __assign({}, props.tabsSx), children: __spreadArray([], props.tabs, true) }) })), (0, jsx_runtime_1.jsx)(react_1.Swiper, __assign({}, props.swiperProps, { onSlideChange: handleSlideChange, ref: swiperRef, initialSlide: activeTab, style: __assign({ width: "100%" }, props.swiperStyle), allowTouchMove: !props.disableSwipe, children: props.children }))] }));
|
|
63
|
+
}, children: (0, jsx_runtime_1.jsxs)(material_1.Tabs, { value: activeTab, onChange: handleTabChange, variant: "scrollable", scrollButtons: "auto", sx: __assign({ minHeight: "unset" }, props.tabsSx), children: __spreadArray([], props.tabs, true) }) })), (0, jsx_runtime_1.jsx)(react_1.Swiper, __assign({}, props.swiperProps, { onSlideChange: handleSlideChange, ref: swiperRef, initialSlide: activeTab, style: __assign({ width: "100%" }, props.swiperStyle), allowTouchMove: !props.disableSwipe, children: props.children }))] }));
|
|
64
64
|
});
|
|
65
65
|
SwiperControlled.displayName = "SwiperControlled";
|
|
66
66
|
exports.default = SwiperControlled;
|