@duffel/components 3.7.4 → 3.7.5--canary-1

package/components/DuffelNGSView/AirlineSelector.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Filters } from "./lib/filter-results";
+export interface AirlineSelectorProps {
+    options: Filters["airlines"];
+    selected: Filters["airlines"];
+    onChange: (airlines: Filters["airlines"]) => void;
+}
+export declare const AirlineSelector: React.FC<AirlineSelectorProps>;

package/components/DuffelNGSView/DuffelNGSView.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="@duffel/api" />
-import * as React from "react";
 import { OfferRequest } from "@duffel/api/types";
+import * as React from "react";
 export interface DuffelNGSViewProps {
     offerRequest: OfferRequest;
     onSelect: (offerId: string) => void;

package/components/DuffelNGSView/FilterControl.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface FilterControlProps {
+    target: React.ReactNode;
+    children: (closePopover: () => void) => React.ReactNode;
+}
+export declare const FilterControl: React.FC<FilterControlProps>;
+interface FilterControlOptionProps {
+    children: React.ReactNode;
+    className?: string;
+    isSelected: boolean;
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    onKeyDown: React.KeyboardEventHandler<HTMLButtonElement>;
+    onDoubleClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+export declare const FilterControlOption: React.FC<FilterControlOptionProps>;
+export {};

package/components/DuffelNGSView/FilterControls.d.ts

@@ -0,0 +1,12 @@
+import { Filters } from "./lib/filter-results";
+interface FilterControlsProps {
+    airlines: Filters["airlines"];
+    airlinesFilter: Filters["airlines"];
+    setAirlinesFilter: (airlines: Filters["airlines"]) => void;
+    timesFilter: Filters["times"];
+    setTimesFilter: (times: Filters["times"]) => void;
+    stopsFilter: Filters["stops"];
+    setStopsFilter: (stops: Filters["stops"]) => void;
+}
+export declare const FilterControls: React.FC<FilterControlsProps>;
+export {};

package/components/DuffelNGSView/StopsSelector.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Filters } from "./lib/filter-results";
+interface StopsSelectorProps {
+    selected: Filters["stops"];
+    onChange: (stopFilter: Filters["stops"]) => void;
+}
+export declare const StopsSelector: React.FC<StopsSelectorProps>;
+export {};

package/components/DuffelNGSView/TimeRangeSelector.d.ts

@@ -0,0 +1,9 @@
+import "rc-slider/assets/index.css";
+import React from "react";
+import { Filters } from "./lib/filter-results";
+interface TimeRangeSelectorProps {
+    selected: Filters["times"];
+    onChange: (stopFilter: Filters["times"]) => void;
+}
+export declare const TimeRangeSelector: React.FC<TimeRangeSelectorProps>;
+export {};

package/components/DuffelNGSView/lib/filter-results.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="@duffel/api" />
+import { NGSTableProps } from "../NGSTable";
+export interface Filters {
+    airlines: Array<{
+        iata_code: string;
+        name: string;
+    }>;
+    stops: "direct-only" | "1-stop-at-most" | "2-stops-at-most" | "any";
+    times: {
+        departure: [number, number];
+        arrival: [number, number];
+    };
+}
+export declare function filterResults(offers: NGSTableProps["offers"], currentSliceIndex: number, filters: Filters): Omit<import("@duffel/api/types").Offer, "available_services">[];

package/components/DuffelNGSView/lib/get-initial-filter-values.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="@duffel/api" />
+import { OfferRequest } from "@duffel/api/booking/OfferRequests/OfferRequestsTypes";
+import { Filters } from "./filter-results";
+export declare function getInitialFilterValues(offerRequest: OfferRequest): Filters;

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

@@ -0,0 +1,4 @@
+/// <reference types="@duffel/api" />
+import { OfferRequest } from "@duffel/api/types";
+import { Filters } from "./filter-results";
+export declare function getAirlines(offerRequest: OfferRequest): Filters["airlines"];

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

@@ -0,0 +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 {};

package/components/DuffelNGSView/lib/{sort-ngs-rows.d.ts → sort-ngs-rows-by-shelf-price.d.ts}

@@ -3,4 +3,4 @@ import { NGSShelf } from ".";
 import { NGSOfferRow } from "./group-offers-for-ngs-view";
 export type SortDirection = "asc" | "desc";
 export declare const getCheapestOfferAmount: (offers: OfferRequest["offers"] | null) => number | null;
-export declare const sortNGSRows: (rows: NGSOfferRow[], sortShelf: NGSShelf, sortDirection: SortDirection) => NGSOfferRow[];
+export declare const sortNGSRowsByShelfPrice: (rows: NGSOfferRow[], sortShelf: NGSShelf, sortDirection: SortDirection) => NGSOfferRow[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duffel/components",
-  "version": "3.7.4",
+  "version": "3.7.5--canary-1",
   "description": "Component library to build your travel product with Duffel.",
   "keywords": [
     "Duffel",
@@ -38,7 +38,6 @@
     "dev": "node config/esbuild.dev.config.js",
     "generate-fixture": "esbuild ./scripts/generate-fixture.ts --outfile=dist/scripts/generate-fixture.cjs --format=cjs --platform=node --bundle --tsconfig=scripts.tsconfig.json && node dist/scripts/generate-fixture.cjs",
     "lint": "eslint . --ext .ts,.tsx,.mjs,.js --max-warnings=0",
-    "prettier": "prettier --write --loglevel=warn .",
     "prettier-check": "prettier --check .",
     "storybook": "storybook dev -p 6006",
     "test": "LANG='en_US' TZ=UTC yarn jest",
@@ -54,8 +53,10 @@
     "@stripe/react-stripe-js": "2.1.0",
     "@stripe/stripe-js": "1.54.2",
     "classnames": "2.3.2",
+    "duration-fns": "^3.0.2",
     "fuse.js": "6.6.2",
     "lodash": "4.17.21",
+    "rc-slider": "^10.6.2",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },

package/stories/AirlineSelector.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/tests/lib/getAirlines.test.d.ts

@@ -0,0 +1 @@
+export {};