kupos-ui-components-lib 2.0.0 → 2.0.1

package/dist/components/FilterBar/FilterBarDesktop.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { FilterBarProps } from "./tyoes";
-declare const FilterBarDesktop: ({ t, serviceList, setServiceList, allSchedules, showReturnTripModal, filterArrData, isBlankTicket, operatorId, filtersArray, setFiltersArray, metaData, busTerminals, setTypes, colors, icons, translation, isTrain, isPeru, }: FilterBarProps) => React.JSX.Element;
+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;
 export default FilterBarDesktop;

package/dist/components/FilterBar/FilterBarDesktop.js

@@ -1,9 +1,8 @@
 import React from "react";
 import commonService from "../../utils/CommonService";
 import ServiceFilter from "./ServiceFilter";
-const FilterBarDesktop = ({ t, serviceList, setServiceList, allSchedules, showReturnTripModal, filterArrData, isBlankTicket, operatorId, filtersArray, setFiltersArray, metaData, busTerminals, setTypes, colors, icons, translation, isTrain, isPeru, }) => {
+const FilterBarDesktop = ({ t, serviceList, setServiceList, allSchedules, showReturnTripModal, filterArrData, isBlankTicket, operatorId, filtersArray, setFiltersArray, metaData, busTerminals, setTypes, colors, icons, translation, isTrain, isPeru, hideOperator, }) => {
     const filterBy = (filters) => {
-        console.log("🚀 ~ filterBy ~ filters:", filters);
         try {
             let routes = allSchedules;
             let filteredRoutes = commonService.copyObject(routes);
@@ -466,7 +465,13 @@ const FilterBarDesktop = ({ t, serviceList, setServiceList, allSchedules, showRe
             console.log(e);
         }
     };
-    const onFilterSelected = (option, key, i) => {
+    // const onFilterSelected = (option, key: number, i: number) => {
+    //   let filters = commonService.copyObject(filtersArray);
+    //   filters[key].options[i].active = !filters[key].options[i].active;
+    //   filterBy(filters);
+    //   setFiltersArray(filters);
+    // };
+    const onFilterSelected = (key, i) => {
         let filters = commonService.copyObject(filtersArray);
         filters[key].options[i].active = !filters[key].options[i].active;
         filterBy(filters);
@@ -475,6 +480,6 @@ const FilterBarDesktop = ({ t, serviceList, setServiceList, allSchedules, showRe
     return (React.createElement(ServiceFilter, { filtersArray: filtersArray, onFilterSelected: onFilterSelected, onFilterClear: (val) => {
             setFiltersArray(val);
             filterBy(val);
-        }, showReturnTripModal: showReturnTripModal, initialOpenFilters: isBlankTicket ? ["operator"] : [], colors: colors, icons: icons, translation: translation, isTrain: isTrain, t: t }));
+        }, showReturnTripModal: showReturnTripModal, initialOpenFilters: isBlankTicket ? ["operator"] : [], colors: colors, icons: icons, translation: translation, isTrain: isTrain, hideOperator: hideOperator, t: t }));
 };
 export default FilterBarDesktop;

package/dist/components/FilterBar/ServiceFilter.js

@@ -30,7 +30,7 @@ class ServiceFilter extends React.Component {
     }
     componentDidMount() {
         window.addEventListener("scroll", this.handleScroll);
-        this.clearFilter();
+        // this.clearFilter();
     }
     componentWillUnmount() {
         window.removeEventListener("scroll", this.handleScroll);
@@ -108,17 +108,17 @@ class ServiceFilter extends React.Component {
             (option.type === "special_departure" && showSpecialDeparture) ||
             (option.type === "train_type" && showTrainType) ||
             (option.type === "amenities" && showAmenities);
-        // Return null for train_type if not a train
+        console.log("🚀 ~ ServiceFilter ~ renderFilterItem ~ isOpen:", isOpen);
         if ((option === null || option === void 0 ? void 0 : option.type) === "train_type" && !this.props.isTrain) {
             return null;
         }
-        // For trains, only show time, tipo, and train_type filters
+        if ((option === null || option === void 0 ? void 0 : option.type) === "operator" && this.props.hideOperator) {
+            return null;
+        }
         if (this.props.isTrain &&
             !["time", "tipo", "train_type"].includes(option === null || option === void 0 ? void 0 : option.type)) {
             return null;
         }
-        // This logic is similar to the functional component's conditional rendering
-        // Only show certain filter types for trains, similar to the functional component
         const shouldShowHeader = (option === null || option === void 0 ? void 0 : option.type) === "time" ||
             ((option === null || option === void 0 ? void 0 : option.type) === "train_type" && this.props.isTrain) ||
             ((option === null || option === void 0 ? void 0 : option.type) === "tipo" && this.props.isTrain) ||
@@ -213,7 +213,6 @@ class ServiceFilter extends React.Component {
         var _a, _b;
         const { onFilterSelected } = this.props;
         const { sortedFilters } = this.state;
-        // console.log(this.props, "sortedFilters");
         return (React.createElement("div", null,
             React.createElement("div", { style: {
                     overflowY: "scroll",
@@ -226,7 +225,7 @@ class ServiceFilter extends React.Component {
                 React.createElement("div", { className: "text-[13.33px] pb-[10px]" }, sortedFilters === null || sortedFilters === void 0 ? void 0 : sortedFilters.map((val, key) => {
                     var _a;
                     return ((_a = val.options) === null || _a === void 0 ? void 0 : _a.length)
-                        ? this.renderFilterItem(val, (i) => onFilterSelected(val, key, i), key)
+                        ? this.renderFilterItem(val, (i) => onFilterSelected(key, i), key)
                         : null;
                 }))),
             this.showClearFilter() && (React.createElement("div", { onClick: this.clearFilter, className: "text-[13.33px] bold-text items-center cursor-pointer absolute flex justify-center bg-[#eaeaea] pt-[35px] pb-[7px] w-full left-0 z-[1] -bottom-[1px] rounded-b-[10px]" },

package/dist/components/FilterBar/ServiceFilterProps.d.ts

@@ -8,5 +8,6 @@ export interface ServiceFilterProps {
     icons: any;
     translation: any;
     isTrain?: boolean;
+    hideOperator?: boolean;
     t?: (key: string) => string;
 }

package/dist/components/FilterBar/tyoes.d.ts

@@ -13,6 +13,7 @@ export interface FilterBarProps {
     metaData?: any;
     busTerminals?: any;
     setTypes?: any;
+    hideOperator?: boolean;
     colors: {
         selectedColor?: string;
         selectedTextColor?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kupos-ui-components-lib",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "A reusable UI components package",
   "publishConfig": {
     "access": "public"

package/src/components/FilterBar/FilterBarDesktop.tsx

@@ -22,9 +22,9 @@ const FilterBarDesktop = ({
   translation,
   isTrain,
   isPeru,
+  hideOperator,
 }: FilterBarProps) => {
   const filterBy = (filters) => {
-    console.log("🚀 ~ filterBy ~ filters:", filters);
     try {
       let routes = allSchedules;
       let filteredRoutes = commonService.copyObject(routes);
@@ -520,11 +520,17 @@ const FilterBarDesktop = ({
       console.log(e);
     }
   };
-  const onFilterSelected = (option, key: number, i: number) => {
+  // const onFilterSelected = (option, key: number, i: number) => {
+  //   let filters = commonService.copyObject(filtersArray);
+  //   filters[key].options[i].active = !filters[key].options[i].active;
+  //   filterBy(filters);
+  //   setFiltersArray(filters);
+  // };
+
+  const onFilterSelected = (key: number, i: number) => {
     let filters = commonService.copyObject(filtersArray);
     filters[key].options[i].active = !filters[key].options[i].active;
     filterBy(filters);
-
     setFiltersArray(filters);
   };
 
@@ -542,6 +548,7 @@ const FilterBarDesktop = ({
       icons={icons}
       translation={translation}
       isTrain={isTrain}
+      hideOperator={hideOperator}
       t={t}
     />
   );

package/src/components/FilterBar/ServiceFilter.tsx

@@ -53,7 +53,7 @@ class ServiceFilter extends React.Component<
 
   componentDidMount() {
     window.addEventListener("scroll", this.handleScroll);
-    this.clearFilter();
+    // this.clearFilter();
   }
 
   componentWillUnmount() {
@@ -168,13 +168,16 @@ class ServiceFilter extends React.Component<
       (option.type === "special_departure" && showSpecialDeparture) ||
       (option.type === "train_type" && showTrainType) ||
       (option.type === "amenities" && showAmenities);
+    console.log("🚀 ~ ServiceFilter ~ renderFilterItem ~ isOpen:", isOpen);
 
-    // Return null for train_type if not a train
     if (option?.type === "train_type" && !this.props.isTrain) {
       return null;
     }
 
-    // For trains, only show time, tipo, and train_type filters
+    if (option?.type === "operator" && this.props.hideOperator) {
+      return null;
+    }
+
     if (
       this.props.isTrain &&
       !["time", "tipo", "train_type"].includes(option?.type)
@@ -182,8 +185,6 @@ class ServiceFilter extends React.Component<
       return null;
     }
 
-    // This logic is similar to the functional component's conditional rendering
-    // Only show certain filter types for trains, similar to the functional component
     const shouldShowHeader =
       option?.type === "time" ||
       (option?.type === "train_type" && this.props.isTrain) ||
@@ -301,9 +302,6 @@ class ServiceFilter extends React.Component<
   render() {
     const { onFilterSelected } = this.props;
     const { sortedFilters } = this.state;
-
-    // console.log(this.props, "sortedFilters");
-
     return (
       <div>
         <div
@@ -324,7 +322,7 @@ class ServiceFilter extends React.Component<
               val.options?.length
                 ? this.renderFilterItem(
                     val,
-                    (i) => onFilterSelected(val, key, i),
+                    (i) => onFilterSelected(key, i),
                     key
                   )
                 : null

package/src/components/FilterBar/ServiceFilterProps.ts

@@ -8,5 +8,6 @@ export interface ServiceFilterProps {
     icons: any;
     translation: any;
     isTrain?: boolean;
+    hideOperator?: boolean;
     t?: (key: string) => string;
 }

package/src/components/FilterBar/tyoes.ts

@@ -13,6 +13,7 @@ export interface FilterBarProps {
     metaData?: any;
     busTerminals?: any;
     setTypes?: any;
+    hideOperator?: boolean;
     colors: {
         selectedColor?: string;
         selectedTextColor?: string;