@duffel/components 3.7.5--canary-2 → 3.7.5

package/components/DuffelNGSView/AirlineSelector.d.ts

@@ -4,5 +4,7 @@ export interface AirlineSelectorProps {
     options: Filters["airlines"];
     selected: Filters["airlines"];
     onChange: (airlines: Filters["airlines"]) => void;
+    disabled?: boolean;
+    targetLabel?: string;
 }
 export declare const AirlineSelector: React.FC<AirlineSelectorProps>;

package/components/DuffelNGSView/DuffelNGSView.d.ts

@@ -1,6 +1,12 @@
 /// <reference types="@duffel/api" />
 import { OfferRequest } from "@duffel/api/types";
 import * as React from "react";
+import { NGSOfferRow } from "./lib/group-offers-for-ngs-view";
+export declare function useSort(): {
+    sortOption: "duration-asc" | "duration-desc" | "1-asc" | "1-desc" | "2-asc" | "2-desc" | "3-asc" | "3-desc" | "4-asc" | "4-desc" | "5-asc" | "5-desc";
+    setSortOption: React.Dispatch<React.SetStateAction<"duration-asc" | "duration-desc" | "1-asc" | "1-desc" | "2-asc" | "2-desc" | "3-asc" | "3-desc" | "4-asc" | "4-desc" | "5-asc" | "5-desc">>;
+    sortingFunction: (rows: NGSOfferRow[]) => NGSOfferRow[];
+};
 export interface DuffelNGSViewProps {
     offerRequest: OfferRequest;
     onSelect: (offerId: string) => void;

package/components/DuffelNGSView/FilterControl.d.ts

@@ -2,6 +2,8 @@ import React from "react";
 interface FilterControlProps {
     target: React.ReactNode;
     children: (closePopover: () => void) => React.ReactNode;
+    disabled?: boolean;
+    popoverWidth?: string;
 }
 export declare const FilterControl: React.FC<FilterControlProps>;
 interface FilterControlOptionProps {

package/components/DuffelNGSView/FilterControls.d.ts

@@ -1,5 +1,6 @@
 import { Filters } from "./lib/filter-results";
 interface FilterControlsProps {
+    selectedOwner?: string;
     airlines: Filters["airlines"];
     airlinesFilter: Filters["airlines"];
     setAirlinesFilter: (airlines: Filters["airlines"]) => void;

package/components/DuffelNGSView/NGSTable.d.ts

@@ -1,10 +1,15 @@
 /// <reference types="@duffel/api" />
 import * as React from "react";
+import { NGSShelf } from "./lib";
+import { NGSOfferRow } from "./lib/group-offers-for-ngs-view";
 import { OfferRequest } from "@duffel/api/types";
 export interface NGSTableProps {
     offers: OfferRequest["offers"];
     sliceIndex: number;
     previousSliceKeys: string[];
-    onSelect: (offerId: string, sliceKey: string) => void;
+    onSelect: (offerId: string, sliceKey: string, offer: OfferRequest["offers"][number]) => void;
+    sortingFunction: (rows: NGSOfferRow[]) => NGSOfferRow[];
+    selectedColumn: NGSShelf | null;
+    setSelectedColumn: (shelf: NGSShelf | null) => void;
 }
 export declare const NGSTable: React.FC<NGSTableProps>;

package/components/DuffelNGSView/SortingControl.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+declare const OPTIONS: {
+    readonly "duration-asc": "Duration (shortest to longest)";
+    readonly "duration-desc": "Duration (longest to shortest)";
+    readonly "1-asc": "Price on Basic shelf (low to high)";
+    readonly "1-desc": "Price on Basic shelf (high to low)";
+    readonly "2-asc": "Price on Standard shelf (low to high)";
+    readonly "2-desc": "Price on Standard shelf (high to low)";
+    readonly "3-asc": "Price on Plus shelf (low to high)";
+    readonly "3-desc": "Price on Plus shelf (high to low)";
+    readonly "4-asc": "Price on Premium shelf (low to high)";
+    readonly "4-desc": "Price on Premium shelf (high to low)";
+    readonly "5-asc": "Price on Luxury shelf (low to high)";
+    readonly "5-desc": "Price on Luxury shelf (high to low)";
+};
+export type SortOption = keyof typeof OPTIONS;
+interface StopsSelectorProps {
+    selected: SortOption;
+    onChange: (stopFilter: SortOption) => void;
+}
+export declare const SortingControl: React.FC<StopsSelectorProps>;
+export {};

package/components/DuffelNGSView/lib/sort-ngs-rows-by-duration.d.ts

@@ -1,5 +1,5 @@
 import { NGSOfferRow } from "./group-offers-for-ngs-view";
 type DurationSortDirection = "asc" | "desc";
 export type DurationSort = DurationSortDirection | null;
-export declare const sortNGSRowsByDuration: (rows: NGSOfferRow[], sortDuration: DurationSortDirection) => NGSOfferRow[];
+export declare const sortNGSRowsByDuration: (rows: NGSOfferRow[], sortDirection: DurationSortDirection) => NGSOfferRow[];
 export {};

package/components/DuffelNGSView/lib/useFilters.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="@duffel/api" />
+import { OfferRequest } from "@duffel/api/types";
+export declare function useFilters(offerRequest: OfferRequest, selectedSliceKeys: string[]): {
+    airlinesFilterOptions: {
+        iata_code: string;
+        name: string;
+    }[];
+    airlinesFilter: {
+        iata_code: string;
+        name: string;
+    }[];
+    timesFilter: {
+        departure: [number, number];
+        arrival: [number, number];
+    };
+    stopsFilter: "direct-only" | "1-stop-at-most" | "2-stops-at-most" | "any";
+    setAirlinesFilter: import("react").Dispatch<import("react").SetStateAction<{
+        iata_code: string;
+        name: string;
+    }[]>>;
+    setTimesFilter: import("react").Dispatch<import("react").SetStateAction<{
+        departure: [number, number];
+        arrival: [number, number];
+    }>>;
+    setStopsFilter: import("react").Dispatch<import("react").SetStateAction<"direct-only" | "1-stop-at-most" | "2-stops-at-most" | "any">>;
+    clearFilters: () => void;
+    filteredOffers: Omit<import("@duffel/api/types").Offer, "available_services">[];
+};

package/components/shared/Icon.d.ts

@@ -12,6 +12,7 @@ export declare const ICON_MAP: {
     airplane_ticket: import("react/jsx-runtime").JSX.Element;
     apartment: import("react/jsx-runtime").JSX.Element;
     arrow_downward: import("react/jsx-runtime").JSX.Element;
+    arrow_drop_down: import("react/jsx-runtime").JSX.Element;
     arrow_forward: import("react/jsx-runtime").JSX.Element;
     arrow_left: import("react/jsx-runtime").JSX.Element;
     arrow_right: import("react/jsx-runtime").JSX.Element;

package/components/shared/SliceCarriersTitle.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="@duffel/api" />
-import { OfferSlice } from "@duffel/api/types";
+import { OfferSlice, OfferSliceSegment } from "@duffel/api/types";
 import * as React from "react";
 export interface SliceCarriersTitleProps {
     slice: OfferSlice;
 }
 export declare const SliceCarriersTitle: React.FC<SliceCarriersTitleProps>;
+export declare function getSegmentCarriersTitle(segment: OfferSliceSegment): string;