kupos-ui-components-lib 2.0.8 → 2.0.10
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/components/FilterBar/FilterBarDesktop.d.ts +1 -1
- package/dist/components/FilterBar/FilterBarDesktop.js +3 -1
- package/dist/components/FilterBar/tyoes.d.ts +2 -0
- package/dist/components/ServiceItem/ServiceItemDesktop.js +1 -1
- package/dist/components/ServiceItem/ServiceItemMobile.js +3 -5
- package/dist/styles.css +3 -0
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBarDesktop.tsx +4 -0
- package/src/components/FilterBar/tyoes.ts +2 -0
- package/src/components/ServiceItem/ServiceItemDesktop.tsx +1 -1
- package/src/components/ServiceItem/ServiceItemMobile.tsx +3 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { FilterBarProps } from "./tyoes";
|
|
3
|
-
declare const FilterBarDesktop: ({ t, serviceList, setServiceList, allSchedules, showReturnTripModal, filterArrData, isBlankTicket, operatorId, filtersArray, setFiltersArray, metaData, busTerminals, setTypes, colors, icons, translation, isTrain, isPeru, hideOperator, }: FilterBarProps) => React.JSX.Element;
|
|
3
|
+
declare const FilterBarDesktop: ({ t, serviceList, setServiceList, allSchedules, showReturnTripModal, filterArrData, isBlankTicket, operatorId, filtersArray, setFiltersArray, metaData, busTerminals, setTypes, colors, icons, translation, isTrain, isPeru, hideOperator, setCoachLoading, setCoachKey, }: FilterBarProps) => React.JSX.Element;
|
|
4
4
|
export default FilterBarDesktop;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import commonService from "../../utils/CommonService";
|
|
3
3
|
import ServiceFilter from "./ServiceFilter";
|
|
4
|
-
const FilterBarDesktop = ({ t, serviceList, setServiceList, allSchedules, showReturnTripModal, filterArrData, isBlankTicket, operatorId, filtersArray, setFiltersArray, metaData, busTerminals, setTypes, colors, icons, translation, isTrain, isPeru, hideOperator, }) => {
|
|
4
|
+
const FilterBarDesktop = ({ t, serviceList, setServiceList, allSchedules, showReturnTripModal, filterArrData, isBlankTicket, operatorId, filtersArray, setFiltersArray, metaData, busTerminals, setTypes, colors, icons, translation, isTrain, isPeru, hideOperator, setCoachLoading, setCoachKey, }) => {
|
|
5
5
|
const filterBy = (filters) => {
|
|
6
6
|
try {
|
|
7
7
|
let routes = allSchedules;
|
|
@@ -472,6 +472,8 @@ const FilterBarDesktop = ({ t, serviceList, setServiceList, allSchedules, showRe
|
|
|
472
472
|
// setFiltersArray(filters);
|
|
473
473
|
// };
|
|
474
474
|
const onFilterSelected = (key, i) => {
|
|
475
|
+
setCoachLoading(null);
|
|
476
|
+
setCoachKey(null);
|
|
475
477
|
let filters = commonService.copyObject(filtersArray);
|
|
476
478
|
filters[key].options[i].active = !filters[key].options[i].active;
|
|
477
479
|
filterBy(filters);
|
|
@@ -283,7 +283,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
|
|
|
283
283
|
const onBookButtonPressHandler = () => {
|
|
284
284
|
onBookButtonPress();
|
|
285
285
|
};
|
|
286
|
-
return (React.createElement("div", { className: `relative ${serviceItem.offer_text ? "mb-[
|
|
286
|
+
return (React.createElement("div", { className: `relative ${serviceItem.offer_text ? "mb-[55px]" : "mb-[10px]"} ${(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) ||
|
|
287
287
|
(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.train_type_label) === "Tren Express (Nuevo)" ||
|
|
288
288
|
showTopLabel
|
|
289
289
|
? "mt-[24px]"
|
|
@@ -134,14 +134,12 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
|
|
|
134
134
|
if (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_transpordo) {
|
|
135
135
|
isConexion = true;
|
|
136
136
|
}
|
|
137
|
-
return (React.createElement("div", { className: `relative ${serviceItem.offer_text
|
|
138
|
-
? "mb-[60px]"
|
|
139
|
-
: "mb-[20px]"} ${(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) ||
|
|
137
|
+
return (React.createElement("div", { className: `relative ${serviceItem.offer_text ? "mb-[55px]" : "mb-[20px]"} ${(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) ||
|
|
140
138
|
isConexion ||
|
|
141
139
|
(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.train_type_label) === "Tren Express (Nuevo)" ||
|
|
142
140
|
showTopLabel
|
|
143
|
-
? "mt-[
|
|
144
|
-
: "mt-[
|
|
141
|
+
? "mt-[20px]"
|
|
142
|
+
: "mt-[10px]"} `, style: { backgroundColor: "#fff", zIndex: 1 } },
|
|
145
143
|
React.createElement("div", { className: "border border-[#E6E6E6] rounded-[20px]", style: { backgroundColor: "#fff", zIndex: 1 } },
|
|
146
144
|
React.createElement("div", { className: `p-[15px] ${(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.train_type_label) === "Tren Express (Nuevo)" ||
|
|
147
145
|
showTopLabel ||
|
package/dist/styles.css
CHANGED
package/package.json
CHANGED
|
@@ -23,6 +23,8 @@ const FilterBarDesktop = ({
|
|
|
23
23
|
isTrain,
|
|
24
24
|
isPeru,
|
|
25
25
|
hideOperator,
|
|
26
|
+
setCoachLoading,
|
|
27
|
+
setCoachKey,
|
|
26
28
|
}: FilterBarProps) => {
|
|
27
29
|
const filterBy = (filters) => {
|
|
28
30
|
try {
|
|
@@ -528,6 +530,8 @@ const FilterBarDesktop = ({
|
|
|
528
530
|
// };
|
|
529
531
|
|
|
530
532
|
const onFilterSelected = (key: number, i: number) => {
|
|
533
|
+
setCoachLoading(null);
|
|
534
|
+
setCoachKey(null);
|
|
531
535
|
let filters = commonService.copyObject(filtersArray);
|
|
532
536
|
filters[key].options[i].active = !filters[key].options[i].active;
|
|
533
537
|
filterBy(filters);
|
|
@@ -403,7 +403,7 @@ function ServiceItemPB({
|
|
|
403
403
|
return (
|
|
404
404
|
<div
|
|
405
405
|
className={`relative ${
|
|
406
|
-
serviceItem.offer_text ? "mb-[
|
|
406
|
+
serviceItem.offer_text ? "mb-[55px]" : "mb-[10px]"
|
|
407
407
|
} ${
|
|
408
408
|
serviceItem?.is_direct_trip ||
|
|
409
409
|
serviceItem?.train_type_label === "Tren Express (Nuevo)" ||
|
|
@@ -198,16 +198,14 @@ function ServiceItemMobile({
|
|
|
198
198
|
return (
|
|
199
199
|
<div
|
|
200
200
|
className={`relative ${
|
|
201
|
-
serviceItem.offer_text
|
|
202
|
-
? "mb-[60px]"
|
|
203
|
-
: "mb-[20px]"
|
|
201
|
+
serviceItem.offer_text ? "mb-[55px]" : "mb-[20px]"
|
|
204
202
|
} ${
|
|
205
203
|
serviceItem?.is_direct_trip ||
|
|
206
204
|
isConexion ||
|
|
207
205
|
serviceItem?.train_type_label === "Tren Express (Nuevo)" ||
|
|
208
206
|
showTopLabel
|
|
209
|
-
? "mt-[
|
|
210
|
-
: "mt-[
|
|
207
|
+
? "mt-[20px]"
|
|
208
|
+
: "mt-[10px]"
|
|
211
209
|
} `}
|
|
212
210
|
style={{ backgroundColor: "#fff", zIndex: 1 }}
|
|
213
211
|
>
|