kupos-ui-components-lib 10.4.11 → 10.4.13

package/src/components/FilterSortBar/types.ts

@@ -0,0 +1,79 @@
+export type FilterCategoryKey =
+  | "time"
+  | "company"
+  | "price"
+  | "rating"
+  | "terminal"
+  | "seatType";
+
+export type FilterCategoryKind = "checkbox" | "price" | "rating";
+
+export type TimeOfDayVariant = "sunrise" | "morning" | "sunset" | "night";
+
+export interface FilterOptionItem {
+  id: string;
+  label: string;
+  selected: boolean;
+  stars?: number;
+  icon?: TimeOfDayVariant;
+}
+
+export interface PriceRangeValue {
+  min: number;
+  max: number;
+  currentMin: number;
+  currentMax: number;
+}
+
+export interface FilterCategory {
+  key: FilterCategoryKey;
+  label: string;
+  sectionLabel?: string;
+  sheetTitle?: string;
+  kind: FilterCategoryKind;
+  options?: FilterOptionItem[];
+  priceRange?: PriceRangeValue;
+  inlineOptions?: boolean;
+}
+
+export const DEFAULT_CATEGORY_LABELS: Record<FilterCategoryKey, string> = {
+  time: "Horarios",
+  company: "Empresas",
+  price: "Precio",
+  rating: "Clasificación",
+  terminal: "Salida",
+  seatType: "Tipo de asiento",
+};
+
+export interface FilterSortBarColors {
+  primaryColor?: string;
+  primaryTextColor?: string;
+  chipBorderColor?: string;
+  chipTextColor?: string;
+  badgeBackgroundColor?: string;
+  badgeTextColor?: string;
+  buttonColor?: string;
+  buttonTextColor?: string;
+}
+
+export interface FilterSortBarIcons {
+  closeIcon?: string;
+  chevronDownIcon?: string;
+  searchIcon?: string;
+  filterIcon?: string;
+  starFilledIcon?: string;
+  starEmptyIcon?: string;
+  checkBoxIcon?: string;
+  categoryIcons?: Partial<Record<FilterCategoryKey, string>>;
+  categoryIconsActive?: Partial<Record<FilterCategoryKey, string>>;
+  timeOfDayIcons?: Partial<Record<TimeOfDayVariant, string>>;
+}
+
+export interface FilterSortBarMobileProps {
+  categories: FilterCategory[];
+  onApply: (categoryKey: FilterCategoryKey | "all", updatedCategories: FilterCategory[]) => void;
+  onClearFilter: (categoryKey: FilterCategoryKey | "all") => void;
+  currencySign?: string;
+  colors?: FilterSortBarColors;
+  icons?: FilterSortBarIcons;
+}