@duffel/components 3.1.1 → 3.1.2--prototype.2

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.
Files changed (137) hide show
  1. package/.github/ISSUE_TEMPLATE/bug_report.md +29 -0
  2. package/.storybook/__snapshots__/Storyshots.test.js.snap +14636 -1384
  3. package/.tool-versions +1 -1
  4. package/package.json +1 -1
  5. package/react-dist/index.js +21 -21
  6. package/src/components/DuffelAncillaries/DuffelAncillaries.tsx +2 -1
  7. package/src/components/DuffelAncillaries/bags/BaggageSelectionModalBodyPassenger.tsx +2 -2
  8. package/src/components/DuffelAncillaries/bags/BaggageSelectionModalHeader.tsx +3 -2
  9. package/src/components/DuffelAncillaries/cancel_for_any_reason/CfarSelectionModalFooter.tsx +1 -1
  10. package/src/components/DuffelAncillaries/seats/SeatSelectionModalHeader.tsx +3 -2
  11. package/src/components/DuffelPayments/DuffelPayments.tsx +1 -0
  12. package/src/components/ShowData/ShowData.tsx +38 -0
  13. package/src/components/ShowData/ShowDataCustomElement.tsx +85 -0
  14. package/src/custom-elements.ts +4 -0
  15. package/src/fixtures/offers/off_1.json +1 -10
  16. package/src/index.ts +1 -0
  17. package/src/stories/Button.stories.tsx +1 -0
  18. package/src/stories/DuffelAncillaries.stories.tsx +19 -1
  19. package/src/stories/ShowData.stories.tsx +16 -0
  20. package/src/styles/components/Card.css +3 -3
  21. package/src/styles/components/CfarSelectionModal.css +1 -1
  22. package/src/styles/components/Legend.css +10 -6
  23. package/src/styles/components/LoadingState.css +8 -2
  24. package/src/styles/components/PassengerSelect.css +8 -2
  25. package/src/styles/components/Seat.css +9 -7
  26. package/src/styles/components/Tabs.css +5 -2
  27. package/react-dist/components/DuffelAncillaries/Card.d.ts +0 -14
  28. package/react-dist/components/DuffelAncillaries/Counter.d.ts +0 -10
  29. package/react-dist/components/DuffelAncillaries/DuffelAncillaries.d.ts +0 -3
  30. package/react-dist/components/DuffelAncillaries/DuffelAncillariesCustomElement.d.ts +0 -13
  31. package/react-dist/components/DuffelAncillaries/bags/BaggageSelectionCard.d.ts +0 -11
  32. package/react-dist/components/DuffelAncillaries/bags/BaggageSelectionController.d.ts +0 -13
  33. package/react-dist/components/DuffelAncillaries/bags/BaggageSelectionModal.d.ts +0 -11
  34. package/react-dist/components/DuffelAncillaries/bags/BaggageSelectionModalBody.d.ts +0 -11
  35. package/react-dist/components/DuffelAncillaries/bags/BaggageSelectionModalBodyPassenger.d.ts +0 -13
  36. package/react-dist/components/DuffelAncillaries/bags/BaggageSelectionModalFooter.d.ts +0 -14
  37. package/react-dist/components/DuffelAncillaries/bags/BaggageSelectionModalHeader.d.ts +0 -9
  38. package/react-dist/components/DuffelAncillaries/bags/IncludedBaggageBanner.d.ts +0 -7
  39. package/react-dist/components/DuffelAncillaries/cancel_for_any_reason/CfarSelectionCard.d.ts +0 -10
  40. package/react-dist/components/DuffelAncillaries/cancel_for_any_reason/CfarSelectionModal.d.ts +0 -11
  41. package/react-dist/components/DuffelAncillaries/cancel_for_any_reason/CfarSelectionModalBody.d.ts +0 -7
  42. package/react-dist/components/DuffelAncillaries/cancel_for_any_reason/CfarSelectionModalBodyListItem.d.ts +0 -4
  43. package/react-dist/components/DuffelAncillaries/cancel_for_any_reason/CfarSelectionModalFooter.d.ts +0 -11
  44. package/react-dist/components/DuffelAncillaries/cancel_for_any_reason/CfarSelectionModalHeader.d.ts +0 -2
  45. package/react-dist/components/DuffelAncillaries/seats/Amenity.d.ts +0 -6
  46. package/react-dist/components/DuffelAncillaries/seats/DeckSelect.d.ts +0 -15
  47. package/react-dist/components/DuffelAncillaries/seats/Element.d.ts +0 -15
  48. package/react-dist/components/DuffelAncillaries/seats/EmptyElement.d.ts +0 -2
  49. package/react-dist/components/DuffelAncillaries/seats/ExitElement.d.ts +0 -6
  50. package/react-dist/components/DuffelAncillaries/seats/Legend.d.ts +0 -12
  51. package/react-dist/components/DuffelAncillaries/seats/Row.d.ts +0 -13
  52. package/react-dist/components/DuffelAncillaries/seats/RowSection.d.ts +0 -17
  53. package/react-dist/components/DuffelAncillaries/seats/SeatElement.d.ts +0 -13
  54. package/react-dist/components/DuffelAncillaries/seats/SeatInfo.d.ts +0 -7
  55. package/react-dist/components/DuffelAncillaries/seats/SeatMap.d.ts +0 -12
  56. package/react-dist/components/DuffelAncillaries/seats/SeatMapUnavailable.d.ts +0 -2
  57. package/react-dist/components/DuffelAncillaries/seats/SeatSelectionCard.d.ts +0 -13
  58. package/react-dist/components/DuffelAncillaries/seats/SeatSelectionModal.d.ts +0 -13
  59. package/react-dist/components/DuffelAncillaries/seats/SeatSelectionModalBody.d.ts +0 -4
  60. package/react-dist/components/DuffelAncillaries/seats/SeatSelectionModalFooter.d.ts +0 -16
  61. package/react-dist/components/DuffelAncillaries/seats/SeatSelectionModalHeader.d.ts +0 -10
  62. package/react-dist/components/DuffelAncillaries/seats/SeatUnavailable.d.ts +0 -5
  63. package/react-dist/components/DuffelPayments/DuffelPayments.d.ts +0 -11
  64. package/react-dist/components/DuffelPayments/DuffelPaymentsCustomElement.d.ts +0 -14
  65. package/react-dist/components/PlacesLookup/PlacesLookup.d.ts +0 -20
  66. package/react-dist/components/shared/AnimatedLoaderEllipsis.d.ts +0 -2
  67. package/react-dist/components/shared/Button.d.ts +0 -23
  68. package/react-dist/components/shared/ErrorBoundary.d.ts +0 -13
  69. package/react-dist/components/shared/FetchOfferErrorState.d.ts +0 -5
  70. package/react-dist/components/shared/Icon.d.ts +0 -46
  71. package/react-dist/components/shared/IconButton.d.ts +0 -16
  72. package/react-dist/components/shared/Modal.d.ts +0 -11
  73. package/react-dist/components/shared/NonIdealState.d.ts +0 -4
  74. package/react-dist/components/shared/Stamp.d.ts +0 -7
  75. package/react-dist/components/shared/Tabs.d.ts +0 -16
  76. package/react-dist/custom-elements.d.ts +0 -6
  77. package/react-dist/custom-elements.js +0 -37
  78. package/react-dist/custom-elements.js.map +0 -7
  79. package/react-dist/index.d.ts +0 -8
  80. package/react-dist/index.js.map +0 -7
  81. package/react-dist/lib/captureErrorInSentry.d.ts +0 -1
  82. package/react-dist/lib/compileCreateOrderPayload.d.ts +0 -14
  83. package/react-dist/lib/createPriceFormatters.d.ts +0 -12
  84. package/react-dist/lib/fetchFromDuffelAPI.d.ts +0 -8
  85. package/react-dist/lib/fetchFromFixtures.d.ts +0 -4
  86. package/react-dist/lib/formatAvailableServices.d.ts +0 -12
  87. package/react-dist/lib/formatDate.d.ts +0 -2
  88. package/react-dist/lib/formatSeatMaps.d.ts +0 -4
  89. package/react-dist/lib/getBaggageServiceDescription.d.ts +0 -2
  90. package/react-dist/lib/getCabinsForSegmentAndDeck.d.ts +0 -2
  91. package/react-dist/lib/getCurrencyForSeatMaps.d.ts +0 -10
  92. package/react-dist/lib/getCurrencyForServices.d.ts +0 -11
  93. package/react-dist/lib/getFirstSeatElementMatchingCriteria.d.ts +0 -3
  94. package/react-dist/lib/getPassengerBySegmentList.d.ts +0 -6
  95. package/react-dist/lib/getPassengerInitials.d.ts +0 -1
  96. package/react-dist/lib/getPassengerMapById.d.ts +0 -3
  97. package/react-dist/lib/getPassengerName.d.ts +0 -3
  98. package/react-dist/lib/getRowNumber.d.ts +0 -2
  99. package/react-dist/lib/getSegmentList.d.ts +0 -2
  100. package/react-dist/lib/getServicePriceMapById.d.ts +0 -3
  101. package/react-dist/lib/getSymbols.d.ts +0 -2
  102. package/react-dist/lib/getTotalAmountForServices.d.ts +0 -6
  103. package/react-dist/lib/getTotalQuantity.d.ts +0 -2
  104. package/react-dist/lib/hasHighLuminance.d.ts +0 -1
  105. package/react-dist/lib/hasService.d.ts +0 -2
  106. package/react-dist/lib/hasServiceOfSameMetadataTypeAlreadyBeenSelected.d.ts +0 -3
  107. package/react-dist/lib/hasWings.d.ts +0 -2
  108. package/react-dist/lib/isBaggageService.d.ts +0 -2
  109. package/react-dist/lib/isCancelForAnyReasonService.d.ts +0 -2
  110. package/react-dist/lib/isFixtureOfferId.d.ts +0 -2
  111. package/react-dist/lib/isPayloadComplete.d.ts +0 -2
  112. package/react-dist/lib/isSeatElement.d.ts +0 -2
  113. package/react-dist/lib/logging.d.ts +0 -46
  114. package/react-dist/lib/moneyStringFormatter.d.ts +0 -8
  115. package/react-dist/lib/offerIsExpired.d.ts +0 -2
  116. package/react-dist/lib/retrieveOffer.d.ts +0 -2
  117. package/react-dist/lib/retrieveOfferFromDuffelAPI.d.ts +0 -1
  118. package/react-dist/lib/retrieveSeatMaps.d.ts +0 -2
  119. package/react-dist/lib/retrieveSeatMapsFromDuffelAPI.d.ts +0 -1
  120. package/react-dist/lib/setBodyScrollability.d.ts +0 -1
  121. package/react-dist/lib/validateProps.d.ts +0 -7
  122. package/react-dist/lib/withPlural.d.ts +0 -1
  123. package/react-dist/types/Aircraft.d.ts +0 -14
  124. package/react-dist/types/Airline.d.ts +0 -14
  125. package/react-dist/types/Airport.d.ts +0 -44
  126. package/react-dist/types/City.d.ts +0 -18
  127. package/react-dist/types/CreateOrderPayload.d.ts +0 -72
  128. package/react-dist/types/CurrencyConversion.d.ts +0 -10
  129. package/react-dist/types/DuffelAncillariesProps.d.ts +0 -70
  130. package/react-dist/types/Offer.d.ts +0 -711
  131. package/react-dist/types/Order.d.ts +0 -8
  132. package/react-dist/types/Place.d.ts +0 -8
  133. package/react-dist/types/SeatMap.d.ts +0 -190
  134. package/react-dist/types/index.d.ts +0 -11
  135. package/src/examples/just-typescript/yarn.lock +0 -154
  136. package/src/examples/payments-just-typescript/yarn.lock +0 -154
  137. package/src/examples/react-app/yarn.lock +0 -219
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import { Offer, OfferAvailableServiceCancelForAnyReason } from "../../../types/Offer";
3
- export interface CfarSelectionModalBodyProps {
4
- offerCurrency: Offer["base_currency"];
5
- service: OfferAvailableServiceCancelForAnyReason;
6
- }
7
- export declare const CfarSelectionModalBody: React.FC<CfarSelectionModalBodyProps>;
@@ -1,4 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- export declare const CfarSelectionModalBodyListItem: React.FC<{
3
- children: ReactNode;
4
- }>;
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- import { CreateOrderPayloadServices } from "../../../types/CreateOrderPayload";
3
- import { OfferAvailableServiceCancelForAnyReason } from "../../../types/Offer";
4
- export interface CfarSelectionModalFooterProps {
5
- service: OfferAvailableServiceCancelForAnyReason;
6
- selectedServices: CreateOrderPayloadServices;
7
- onAddCfarService: () => void;
8
- onRemoveCfarService: () => void;
9
- onClose: () => void;
10
- }
11
- export declare const CfarSelectionModalFooter: React.FC<CfarSelectionModalFooterProps>;
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export declare const CfarSelectionModalHeader: React.FC;
@@ -1,6 +0,0 @@
1
- import * as React from "react";
2
- import { SeatMapCabinRowSectionElementAmenity } from "../../../types/SeatMap";
3
- export interface AmenityProps {
4
- type: SeatMapCabinRowSectionElementAmenity;
5
- }
6
- export declare const Amenity: React.FC<AmenityProps>;
@@ -1,15 +0,0 @@
1
- import * as React from "react";
2
- export interface DeckSelectProps {
3
- /**
4
- * The currently selected deck number
5
- */
6
- value: number;
7
- /**
8
- * What to do when the user selects a deck
9
- */
10
- setValue: (value: number) => void;
11
- }
12
- /**
13
- * The deck selection component for the seat map.
14
- */
15
- export declare const DeckSelect: React.FC<DeckSelectProps>;
@@ -1,15 +0,0 @@
1
- import * as React from "react";
2
- import { CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
3
- import { SeatMapCabinRowSectionElement } from "../../../types/SeatMap";
4
- interface ElementProps {
5
- sectionIndex: number;
6
- elementIndex: number;
7
- element: SeatMapCabinRowSectionElement;
8
- selectedServicesMap: Record<string, CreateOrderPayloadSeatService>;
9
- onSeatToggled: (seatService: CreateOrderPayloadSeatService) => void;
10
- currentPassengerId: string;
11
- currentSegmentId: string;
12
- currentPassengerName: string;
13
- }
14
- export declare const Element: React.FC<ElementProps>;
15
- export {};
@@ -1,2 +0,0 @@
1
- import * as React from "react";
2
- export declare const EmptyElement: React.FC;
@@ -1,6 +0,0 @@
1
- import * as React from "react";
2
- interface ExitElementProps {
3
- isRight: boolean;
4
- }
5
- export declare const ExitElement: React.FC<ExitElementProps>;
6
- export {};
@@ -1,12 +0,0 @@
1
- import * as React from "react";
2
- import { SeatMapCabinRowSectionElementAmenity } from "../../../types/SeatMap";
3
- export interface LegendProps {
4
- /**
5
- * The set of additional symbols to display
6
- */
7
- symbols: Set<SeatMapCabinRowSectionElementAmenity>;
8
- }
9
- /**
10
- * The legend for the seat map.
11
- */
12
- export declare const Legend: React.FC<LegendProps>;
@@ -1,13 +0,0 @@
1
- import * as React from "react";
2
- import { CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
3
- import { SeatMapCabinRow } from "../../../types/SeatMap";
4
- export interface RowProps {
5
- row: SeatMapCabinRow;
6
- hasWings: boolean;
7
- selectedServicesMap: Record<string, CreateOrderPayloadSeatService>;
8
- onSeatToggled: (seatService: CreateOrderPayloadSeatService) => void;
9
- currentPassengerId: string;
10
- currentPassengerName: string;
11
- currentSegmentId: string;
12
- }
13
- export declare const Row: React.FC<RowProps>;
@@ -1,17 +0,0 @@
1
- import * as React from "react";
2
- import { CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
3
- import { SeatMapCabinRow, SeatMapCabinRowSection } from "../../../types/SeatMap";
4
- interface RowSectionProps {
5
- row: SeatMapCabinRow;
6
- rowNumber: string | null;
7
- hasWings: boolean;
8
- section: SeatMapCabinRowSection;
9
- sectionIndex: number;
10
- selectedServicesMap: Record<string, CreateOrderPayloadSeatService>;
11
- onSeatToggled: (seatService: CreateOrderPayloadSeatService) => void;
12
- currentPassengerId: string;
13
- currentPassengerName: string;
14
- currentSegmentId: string;
15
- }
16
- export declare const RowSection: React.FC<RowSectionProps>;
17
- export {};
@@ -1,13 +0,0 @@
1
- import * as React from "react";
2
- import { CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
3
- import { SeatMapCabinRowSectionElementSeat } from "../../../types/SeatMap";
4
- interface SeatElementProps {
5
- element: SeatMapCabinRowSectionElementSeat;
6
- currentSegmentId: string;
7
- currentPassengerId: string;
8
- currentPassengerName: string;
9
- onSeatToggled: (seatService: CreateOrderPayloadSeatService) => void;
10
- selectedServicesMap: Record<string, CreateOrderPayloadSeatService>;
11
- }
12
- export declare const SeatElement: React.FC<SeatElementProps>;
13
- export {};
@@ -1,7 +0,0 @@
1
- import * as React from "react";
2
- import { SeatMapCabinRowSectionAvailableService, SeatMapCabinRowSectionElementSeat } from "../../../types/SeatMap";
3
- export interface SeatInfoProps {
4
- seat: SeatMapCabinRowSectionElementSeat | null;
5
- service: SeatMapCabinRowSectionAvailableService | undefined;
6
- }
7
- export declare const SeatInfo: React.FC<SeatInfoProps>;
@@ -1,12 +0,0 @@
1
- import * as React from "react";
2
- import { CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
3
- import { SeatMap as SeatMapType } from "../../../types/SeatMap";
4
- export interface SeatMapProps {
5
- seatMap: SeatMapType;
6
- selectedServicesMap: Record<string, CreateOrderPayloadSeatService>;
7
- onSeatToggled: (seatService: CreateOrderPayloadSeatService) => void;
8
- currentPassengerId: string;
9
- currentPassengerName: string;
10
- currentSegmentId: string;
11
- }
12
- export declare const SeatMap: React.FC<SeatMapProps>;
@@ -1,2 +0,0 @@
1
- import * as React from "react";
2
- export declare const SeatMapUnavailable: React.FC;
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import { CreateOrderPayload, CreateOrderPayloadServices } from "../../../types/CreateOrderPayload";
3
- import { Offer } from "../../../types/Offer";
4
- import { SeatMap } from "../../../types/SeatMap";
5
- export interface SeatSelectionCardProps {
6
- isLoading: boolean;
7
- offer?: Offer;
8
- seatMaps?: SeatMap[];
9
- passengers: CreateOrderPayload["passengers"];
10
- selectedServices: CreateOrderPayloadServices;
11
- setSelectedServices: (selectedServices: CreateOrderPayloadServices) => void;
12
- }
13
- export declare const SeatSelectionCard: React.FC<SeatSelectionCardProps>;
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import { CreateOrderPayload, CreateOrderPayloadSeatService } from "../../../types/CreateOrderPayload";
3
- import { Offer } from "../../../types/Offer";
4
- import { SeatMap } from "../../../types/SeatMap";
5
- export interface SeatSelectionModalProps {
6
- isOpen: boolean;
7
- offer?: Offer;
8
- seatMaps?: SeatMap[];
9
- selectedServices: CreateOrderPayloadSeatService[];
10
- passengers: CreateOrderPayload["passengers"];
11
- onClose: (selectedServices: CreateOrderPayloadSeatService[]) => void;
12
- }
13
- export declare const SeatSelectionModal: React.FC<SeatSelectionModalProps>;
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SeatMapProps } from "./SeatMap";
3
- export type SeatSelectionModalBodyProps = SeatMapProps;
4
- export declare const SeatSelectionModalBody: React.FC<SeatSelectionModalBodyProps>;
@@ -1,16 +0,0 @@
1
- import { ServicePriceMapById } from "@lib/getServicePriceMapById";
2
- import React from "react";
3
- import { CreateOrderPayloadServices } from "../../../types/CreateOrderPayload";
4
- import { SeatMap } from "../../../types/SeatMap";
5
- export interface SeatSelectionModalFooterProps {
6
- currency: string;
7
- selectedServices: CreateOrderPayloadServices;
8
- servicePrices: ServicePriceMapById;
9
- isFirstSegment: boolean;
10
- isLastSegment: boolean;
11
- onNextSegmentButtonClicked: () => void;
12
- onPreviousSegmentButtonClicked: () => void;
13
- onClose: () => void;
14
- seatMaps: SeatMap[];
15
- }
16
- export declare const SeatSelectionModalFooter: React.FC<SeatSelectionModalFooterProps>;
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { OfferSliceSegment } from "../../../types/Offer";
3
- export interface SeatSelectionModalHeaderProps {
4
- segmentAndPassengerPermutationsCount: number;
5
- currentSegment: OfferSliceSegment;
6
- currentPassengerName: string;
7
- currentSegmentAndPassengerPermutationsIndex: number;
8
- setCurrentSegmentAndPassengerPermutationsIndex: (index: number) => void;
9
- }
10
- export declare const SeatSelectionModalHeader: React.FC<SeatSelectionModalHeaderProps>;
@@ -1,5 +0,0 @@
1
- import * as React from "react";
2
- import { SeatMapCabinRowSectionElementSeat } from "../../../types/SeatMap";
3
- export declare const SeatUnavailable: React.FC<{
4
- seat: SeatMapCabinRowSectionElementSeat;
5
- }>;
@@ -1,11 +0,0 @@
1
- import { StripeError } from "@stripe/stripe-js";
2
- import * as React from "react";
3
- import { CustomStyles } from "../../types";
4
- export interface DuffelPaymentsProps {
5
- paymentIntentClientToken: string;
6
- onSuccessfulPayment: () => void;
7
- onFailedPayment: (error: StripeError) => void;
8
- styles?: CustomStyles;
9
- debug?: boolean;
10
- }
11
- export declare const DuffelPayments: React.FC<DuffelPaymentsProps>;
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- import { DuffelPaymentsProps } from "./DuffelPayments";
3
- declare global {
4
- namespace JSX {
5
- interface IntrinsicElements {
6
- "duffel-payments": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
7
- }
8
- }
9
- }
10
- type DuffelPaymentsCustomElementRenderArguments = Pick<DuffelPaymentsProps, "paymentIntentClientToken" | "styles">;
11
- export declare function renderDuffelPaymentsCustomElement(props: DuffelPaymentsCustomElementRenderArguments): void;
12
- export declare function onDuffelPaymentsSuccessfulPayment(onSuccessfulPayment: DuffelPaymentsProps["onSuccessfulPayment"]): void;
13
- export declare function onDuffelPaymentsFailedPayment(onFailedPayment: DuffelPaymentsProps["onFailedPayment"]): void;
14
- export {};
@@ -1,20 +0,0 @@
1
- import React from "react";
2
- interface City {
3
- type: "city";
4
- name: string;
5
- iata_code: string;
6
- }
7
- interface Airport {
8
- type: "airport";
9
- name: string;
10
- iata_code: string;
11
- latitude: string;
12
- longitude: string;
13
- }
14
- type Place = City | Airport;
15
- export interface PlacesLookupProps {
16
- onPlaceSelected: (selection: Place) => void;
17
- placeholder?: string;
18
- }
19
- export declare const PlacesLookup: React.FC<PlacesLookupProps>;
20
- export {};
@@ -1,2 +0,0 @@
1
- import * as React from "react";
2
- export declare const AnimatedLoaderEllipsis: React.FC;
@@ -1,23 +0,0 @@
1
- import { IconName } from "@components/shared/Icon";
2
- import * as React from "react";
3
- declare const BUTTON_VARIANTS: {
4
- primary: string;
5
- outlined: string;
6
- destructive: string;
7
- };
8
- type ButtonVariants = keyof typeof BUTTON_VARIANTS;
9
- declare const BUTTON_SIZES: {
10
- 32: string;
11
- 40: string;
12
- 48: string;
13
- };
14
- type ButtonSizes = keyof typeof BUTTON_SIZES;
15
- type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
16
- export interface ButtonProps extends Pick<NativeButtonProps, "id" | "onClick" | "disabled" | "children" | "className" | "type"> {
17
- "data-testid"?: string;
18
- iconBefore?: IconName;
19
- variant?: ButtonVariants;
20
- size?: ButtonSizes;
21
- }
22
- export declare const Button: React.FC<ButtonProps>;
23
- export {};
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- export declare class ErrorBoundary extends React.Component<{
3
- children: React.ReactNode | React.ReactNode[];
4
- }> {
5
- state: {
6
- hasError: boolean;
7
- };
8
- static getDerivedStateFromError(): {
9
- hasError: boolean;
10
- };
11
- componentDidCatch(error: Error): void;
12
- render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
13
- }
@@ -1,5 +0,0 @@
1
- import * as React from "react";
2
- export declare const FetchOfferErrorState: React.FC<{
3
- height: string;
4
- message: string;
5
- }>;
@@ -1,46 +0,0 @@
1
- import * as React from "react";
2
- export declare const ICON_MAP: {
3
- add: import("react/jsx-runtime").JSX.Element;
4
- apartment: import("react/jsx-runtime").JSX.Element;
5
- arrow_forward: import("react/jsx-runtime").JSX.Element;
6
- arrow_left: import("react/jsx-runtime").JSX.Element;
7
- arrow_right: import("react/jsx-runtime").JSX.Element;
8
- autorenew: import("react/jsx-runtime").JSX.Element;
9
- bassinet: import("react/jsx-runtime").JSX.Element;
10
- cabin_bag: import("react/jsx-runtime").JSX.Element;
11
- check: import("react/jsx-runtime").JSX.Element;
12
- checked_bag: import("react/jsx-runtime").JSX.Element;
13
- chevron: import("react/jsx-runtime").JSX.Element;
14
- close: import("react/jsx-runtime").JSX.Element;
15
- closet: import("react/jsx-runtime").JSX.Element;
16
- exit_row: import("react/jsx-runtime").JSX.Element;
17
- exit_row_right: import("react/jsx-runtime").JSX.Element;
18
- expand_content: import("react/jsx-runtime").JSX.Element;
19
- flight_class: import("react/jsx-runtime").JSX.Element;
20
- flight_takeoff: import("react/jsx-runtime").JSX.Element;
21
- galley: import("react/jsx-runtime").JSX.Element;
22
- lavatory: import("react/jsx-runtime").JSX.Element;
23
- lie_flat_seat: import("react/jsx-runtime").JSX.Element;
24
- minus: import("react/jsx-runtime").JSX.Element;
25
- no_airplane: import("react/jsx-runtime").JSX.Element;
26
- no_bag: import("react/jsx-runtime").JSX.Element;
27
- no_seat: import("react/jsx-runtime").JSX.Element;
28
- north_east: import("react/jsx-runtime").JSX.Element;
29
- seat: import("react/jsx-runtime").JSX.Element;
30
- seat_paid_indicator: import("react/jsx-runtime").JSX.Element;
31
- shield_with_moon: import("react/jsx-runtime").JSX.Element;
32
- stairs: import("react/jsx-runtime").JSX.Element;
33
- wifi: import("react/jsx-runtime").JSX.Element;
34
- };
35
- export type IconName = keyof typeof ICON_MAP;
36
- interface IconProps {
37
- name: IconName;
38
- className?: string;
39
- size?: number;
40
- onClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
41
- ml?: string;
42
- viewBox?: string;
43
- style?: React.CSSProperties;
44
- }
45
- export declare const Icon: React.FunctionComponent<IconProps>;
46
- export {};
@@ -1,16 +0,0 @@
1
- import * as React from "react";
2
- import { IconName } from "./Icon";
3
- declare const ICON_BUTTON_VARIANTS: {
4
- primary: string;
5
- outlined: string;
6
- };
7
- type IconButtonVariants = keyof typeof ICON_BUTTON_VARIANTS;
8
- type NativeButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
9
- export interface IconButtonProps extends Pick<NativeButtonProps, "id" | "onClick" | "disabled" | "className"> {
10
- "data-testid"?: string;
11
- icon: IconName;
12
- title: string;
13
- variant?: IconButtonVariants;
14
- }
15
- export declare const IconButton: React.FC<IconButtonProps>;
16
- export {};
@@ -1,11 +0,0 @@
1
- import * as React from "react";
2
- interface ModalProps {
3
- onClose: () => void;
4
- isOpen: boolean;
5
- children: React.ReactNode;
6
- }
7
- export declare const Modal: React.FC<ModalProps>;
8
- export declare const ModalBody: React.FC<{
9
- children: React.ReactNode;
10
- }>;
11
- export {};
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- export declare const NonIdealState: React.FC<React.PropsWithChildren<{
3
- style?: React.CSSProperties;
4
- }>>;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- export interface StampProps {
3
- backgroundColor: React.CSSProperties["backgroundColor"];
4
- color: React.CSSProperties["color"];
5
- children: React.ReactNode;
6
- }
7
- export declare const Stamp: React.FC<StampProps>;
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- export interface TabsProps {
3
- /**
4
- * The currently selected tab option
5
- */
6
- value: string;
7
- /**
8
- * Callback for when a new tab option is selected
9
- */
10
- onChange: (value: string) => void;
11
- /**
12
- * The options you want to render on the tabs
13
- */
14
- options: string[];
15
- }
16
- export declare const Tabs: React.FC<TabsProps>;
@@ -1,6 +0,0 @@
1
- /**
2
- * This file is one of the entry points for the library -- `@duffel/components/custom-elements`.
3
- * If you'd like to expose other custom element functions, please add them here.
4
- */
5
- export { onDuffelAncillariesPayloadReady, renderDuffelAncillariesCustomElement, } from "./components/DuffelAncillaries/DuffelAncillariesCustomElement";
6
- export { onDuffelPaymentsFailedPayment, onDuffelPaymentsSuccessfulPayment, renderDuffelPaymentsCustomElement, } from "./components/DuffelPayments/DuffelPaymentsCustomElement";