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

package/react-dist/scripts/generate-fixture.d.ts

@@ -0,0 +1,3 @@
+export declare const makeMockDateInTheFuture: (daysAhead: number) => Date;
+declare const _default: Promise<void>;
+export default _default;

package/react-dist/scripts/setup-suggestion-data.d.ts

@@ -0,0 +1,28 @@
+export interface CityCsvRow {
+    id: string;
+    iata_code: string;
+    iata_country_code: string;
+    name: string;
+    inserted_at: string;
+    updated_at: string;
+    metropolitan_area: string;
+}
+export interface AirportCsvRow {
+    id: string;
+    iata_code: string;
+    iata_city_code: string;
+    iata_country_code: string;
+    name: string;
+    inserted_at: string;
+    updated_at: string;
+    source_type: string;
+    alternative_names: string;
+    icao_code: string;
+    disabled_at: string;
+    city_name: string;
+    latitude: string;
+    longitude: string;
+    time_zone: string;
+}
+declare const _default: Promise<void>;
+export default _default;

package/react-dist/{components → src/components}/DuffelAncillaries/DuffelAncillariesCustomElement.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DuffelAncillariesPropsWithClientKeyAndOfferId, DuffelAncillariesPropsWithOfferIdForFixture, DuffelAncillariesPropsWithOffersAndSeatMaps, DuffelAncillariesPropWithOfferAndClientKey, OnPayloadReady } from "../../types/DuffelAncillariesProps";
 declare global {
     namespace JSX {

package/react-dist/{components → src/components}/DuffelPayments/DuffelPaymentsCustomElement.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DuffelPaymentsProps } from "./DuffelPayments";
 declare global {
     namespace JSX {

package/react-dist/{index.d.ts → src/index.d.ts}

@@ -4,5 +4,4 @@
  */
 export * from "./components/DuffelAncillaries/DuffelAncillaries";
 export * from "./components/DuffelPayments/DuffelPayments";
-export * from "./components/PlacesLookup/PlacesLookup";
 export * from "./types";

package/react-dist/{lib → src/lib}/logging.d.ts

@@ -43,4 +43,4 @@ declare function logGroup(groupName: string, messages: any[]): void;
 declare function logGroup(groupName: string, object: {
     [key: string]: any;
 }): void;
-export { initializeLogger, logGroup, log };
+export { initializeLogger, log, logGroup };

package/scripts/build-and-publish.sh

@@ -0,0 +1,42 @@
+if [[ "$@" == *"--help"* ]]; then
+    echo ""
+    echo "Builds and publishes the package to npm and CDN."
+    echo ""
+    echo "Usage:"
+    echo "  build-and-publish.sh [--dry-run] [--help]"
+    echo ""
+    echo "Options:"
+    echo "  ‣  --help       Show this help message"
+    echo "  ‣  --dry-run    Build and test, but do not publish"
+    echo ""
+    
+    exit 0
+fi
+
+# Cleanup the old builds:
+rm -rf ./cdn-dist
+rm -rf ./react-dist
+
+# Build for distribution
+
+## For those that rely on <script></script>
+node config/esbuild.cdn.config.js
+
+## For those that rely on `npm i`
+node config/esbuild.react.config.js
+
+## For those that use typescript
+tsc --project tsconfig.json
+
+# Only upload to CDN and publish to npm if it's not a dry run
+if [[ "$@" != *"--dry-run"* ]]; then
+    # Upload css, js and fixtures to CDN
+    bash ./scripts/upload-to-cdn.sh
+    
+    # Publish to npm with tag
+    npm publish --tag igorp1-prototype
+else
+    echo ""
+    echo "Dry run. @duffel/components not published."
+    echo ""
+fi

package/scripts/generate-fixture.ts

@@ -24,7 +24,7 @@ const duffelHeaders = {
   Authorization: `Bearer ${DUFFEL_API_TOKEN}`,
 };
 
-export const makeMockDateInTheFuture = (daysAhead) => {
+export const makeMockDateInTheFuture = (daysAhead: number) => {
   const now = new Date(Date.now());
   now.setDate(now.getDate() + daysAhead);
   return now;
@@ -137,7 +137,7 @@ const main = async () => {
     );
     if (VERBOSE) {
       const airlines = new Set(
-        offerRequest.offers.map((offer) => offer.owner.iata_code)
+        offerRequest.offers.map((offer: Offer) => offer.owner.iata_code)
       );
       log(
         `Received ${withPlural(

package/scripts.tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "es2021",
     "module": "commonjs",
-    "outDir": "dist",
+    "outDir": "scripts-tsconfig-dist",
     "strict": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true

package/src/components/PlacesLookup/PlacesLookup.tsx

@@ -1,6 +1,5 @@
 import Fuse from "fuse.js";
 import { debounce } from "lodash";
-import fetch from "node-fetch";
 import React from "react";
 import { Icon } from "../shared/Icon";
 
@@ -61,8 +60,8 @@ export const PlacesLookup: React.FC<PlacesLookupProps> = ({
 
   React.useEffect(() => {
     fetch(DATA_SOURCE)
-      .then((response) => response.json())
-      .then((data) =>
+      .then((response: Response) => response.json())
+      .then((data: string[]) =>
         setLookupData(
           new Fuse<Place>(mapDataRowsIntoObjects(data), {
             threshold: 0.2,

package/src/examples/just-typescript/package.json

@@ -7,8 +7,8 @@
   },
   "dependencies": {
     "@types/node": "20.2.5",
-    "typescript": "5.0.4",
-    "duffel-components": "../../../../duffel-components/react-dist"
+    "duffel-components": "../../../../duffel-components",
+    "typescript": "5.0.4"
   },
   "devDependencies": {
     "esbuild": "^0.17.19"