related-ui-components 2.7.4 → 2.7.6
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.
- package/lib/module/app.js +3 -19
- package/lib/module/app.js.map +1 -1
- package/lib/module/components/Card/templates/SelaDealCard.js +16 -13
- package/lib/module/components/Card/templates/SelaDealCard.js.map +1 -1
- package/lib/module/components/TravelBooking/FlightSummary.js +219 -112
- package/lib/module/components/TravelBooking/FlightSummary.js.map +1 -1
- package/lib/module/components/TravelBooking/SummaryBar.js +239 -172
- package/lib/module/components/TravelBooking/SummaryBar.js.map +1 -1
- package/lib/module/components/TravelBooking/TravelBooking.js +407 -241
- package/lib/module/components/TravelBooking/TravelBooking.js.map +1 -1
- package/lib/module/components/TravelBooking/index.js +5 -4
- package/lib/module/components/TravelBooking/index.js.map +1 -1
- package/lib/module/index.js +2 -2
- package/lib/typescript/src/app.d.ts.map +1 -1
- package/lib/typescript/src/components/Card/templates/SelaDealCard.d.ts.map +1 -1
- package/lib/typescript/src/components/TravelBooking/FlightSummary.d.ts +25 -11
- package/lib/typescript/src/components/TravelBooking/FlightSummary.d.ts.map +1 -1
- package/lib/typescript/src/components/TravelBooking/SummaryBar.d.ts +1 -16
- package/lib/typescript/src/components/TravelBooking/SummaryBar.d.ts.map +1 -1
- package/lib/typescript/src/components/TravelBooking/TravelBooking.d.ts +1 -83
- package/lib/typescript/src/components/TravelBooking/TravelBooking.d.ts.map +1 -1
- package/lib/typescript/src/components/TravelBooking/index.d.ts +0 -4
- package/lib/typescript/src/components/TravelBooking/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/app.tsx +14 -3
- package/src/components/Card/templates/SelaDealCard.tsx +12 -9
- package/src/components/TravelBooking/FlightSummary.tsx +264 -164
- package/src/components/TravelBooking/SummaryBar.tsx +239 -239
- package/src/components/TravelBooking/TravelBooking.tsx +407 -407
- package/src/components/TravelBooking/index.ts +4 -4
- package/src/index.ts +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/TravelBooking/TravelBooking.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAAA","ignoreList":[]}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
export { default } from "./TravelBooking
|
|
4
|
-
export * from "./TravelBooking
|
|
3
|
+
// export { default, type TravelBookingProps } from "./TravelBooking";
|
|
4
|
+
// export * from "./TravelBooking"
|
|
5
|
+
|
|
5
6
|
export { default as CarRentalForm } from "./CarRentalForm.js";
|
|
6
7
|
export * from "./CarRentalForm.js";
|
|
7
8
|
export { default as FlightForm } from "./FlightForm.js";
|
|
8
9
|
export * from "./FlightForm.js";
|
|
9
10
|
export { default as HotelForm } from "./HotelForm.js";
|
|
10
11
|
export * from "./HotelForm.js";
|
|
11
|
-
export { default as SummaryBar } from "./SummaryBar
|
|
12
|
-
export * from "./SummaryBar
|
|
12
|
+
// export { default as SummaryBar, type SummaryBarProps, type SelectionCallbackDataType } from "./SummaryBar";
|
|
13
|
+
// export * from "./SummaryBar";
|
|
13
14
|
export { default as TabSelector } from "./TabSelector.js";
|
|
14
15
|
export * from "./TabSelector.js";
|
|
15
16
|
export { default as FlightSummary } from "./FlightSummary.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","CarRentalForm","FlightForm","HotelForm","
|
|
1
|
+
{"version":3,"names":["default","CarRentalForm","FlightForm","HotelForm","TabSelector","FlightSummary","HotelSummary"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/TravelBooking/index.ts"],"mappings":";;AACA;AACA;;AAEA,SAASA,OAAO,IAAIC,aAAa,QAAiC,oBAAiB;AACnF,cAAc,oBAAiB;AAC/B,SAASD,OAAO,IAAIE,UAAU,QAA8B,iBAAc;AAC1E,cAAc,iBAAc;AAC5B,SAASF,OAAO,IAAIG,SAAS,QAA6B,gBAAa;AACvE,cAAc,gBAAa;AAC3B;AACA;AACA,SAASH,OAAO,IAAII,WAAW,QAA+B,kBAAe;AAC7E,cAAc,kBAAe;AAC7B,SAASJ,OAAO,IAAIK,aAAa,QAAuD,oBAAiB;AACzG,cAAc,oBAAiB;AAC/B,SAASL,OAAO,IAAIM,YAAY,QAAgD,mBAAgB;AAChG,cAAc,mBAAgB;AAE9B,cAAc,YAAS","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
|
|
6
6
|
// import App from "./app";
|
|
7
7
|
// import { I18nManager } from "react-native";
|
|
8
|
-
// I18nManager.allowRTL(
|
|
9
|
-
// I18nManager.forceRTL(
|
|
8
|
+
// I18nManager.allowRTL(false);
|
|
9
|
+
// I18nManager.forceRTL(false);
|
|
10
10
|
// registerRootComponent(App);
|
|
11
11
|
|
|
12
12
|
export * from "./theme/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAyDnD,QAAA,MAAM,GAAG,yBAwGR,CAAC;AAWF,eAAe,GAAG,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelaDealCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/SelaDealCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,SAAS,EACT,SAAS,EAET,SAAS,EACT,cAAc,EAGd,cAAc,EACf,MAAM,cAAc,CAAC;AAQtB,UAAU,iBAAiB;IACzB,OAAO,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,eAAe,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuL7C,CAAC;
|
|
1
|
+
{"version":3,"file":"SelaDealCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/templates/SelaDealCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,SAAS,EACT,SAAS,EAET,SAAS,EACT,cAAc,EAGd,cAAc,EACf,MAAM,cAAc,CAAC;AAQtB,UAAU,iBAAiB;IACzB,OAAO,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,eAAe,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuL7C,CAAC;AAsEF,eAAe,YAAY,CAAC"}
|
|
@@ -2,34 +2,46 @@ import React from "react";
|
|
|
2
2
|
import { StyleProp, ViewStyle, TextStyle } from "react-native";
|
|
3
3
|
import { NumericStepperProps } from "../NumericStepper";
|
|
4
4
|
export interface PassengerConfig {
|
|
5
|
-
key:
|
|
5
|
+
key: "adults" | "children" | "infants";
|
|
6
6
|
name: string;
|
|
7
7
|
description: string;
|
|
8
8
|
defaultValue: number;
|
|
9
9
|
minValue: number;
|
|
10
10
|
maxValue?: number;
|
|
11
|
+
ageRange?: {
|
|
12
|
+
min: number;
|
|
13
|
+
max: number;
|
|
14
|
+
};
|
|
15
|
+
defaultAge?: number;
|
|
11
16
|
}
|
|
12
|
-
export interface
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
export interface FlightClassConfig {
|
|
17
|
-
value: string;
|
|
18
|
-
name: string;
|
|
17
|
+
export interface IndividualPassenger {
|
|
18
|
+
id: string;
|
|
19
|
+
age: number;
|
|
19
20
|
}
|
|
20
21
|
export interface FlightSelection {
|
|
21
22
|
flightType: string;
|
|
22
23
|
flightClass: string;
|
|
23
|
-
passengers:
|
|
24
|
+
passengers: {
|
|
25
|
+
adults: number;
|
|
26
|
+
children: IndividualPassenger[];
|
|
27
|
+
infants: IndividualPassenger[];
|
|
28
|
+
};
|
|
24
29
|
}
|
|
25
30
|
export interface FlightSummaryProps {
|
|
26
31
|
passengersData?: PassengerConfig[];
|
|
27
|
-
flightTypesData?:
|
|
28
|
-
|
|
32
|
+
flightTypesData?: {
|
|
33
|
+
value: string;
|
|
34
|
+
name: string;
|
|
35
|
+
}[];
|
|
36
|
+
flightClassesData?: {
|
|
37
|
+
value: string;
|
|
38
|
+
name: string;
|
|
39
|
+
}[];
|
|
29
40
|
flightTypeLabel?: string;
|
|
30
41
|
flightClassLabel?: string;
|
|
31
42
|
selection?: FlightSelection;
|
|
32
43
|
onSelectionChange?: (details: FlightSelection) => void;
|
|
44
|
+
formatPassengerAgeLabel?: (passengerType: string, index: number) => string;
|
|
33
45
|
containerStyle?: StyleProp<ViewStyle>;
|
|
34
46
|
buttonGroupContainerStyle?: StyleProp<ViewStyle>;
|
|
35
47
|
buttonStyle?: StyleProp<ViewStyle>;
|
|
@@ -42,6 +54,8 @@ export interface FlightSummaryProps {
|
|
|
42
54
|
passengerNameStyle?: StyleProp<TextStyle>;
|
|
43
55
|
passengerDescriptionStyle?: StyleProp<TextStyle>;
|
|
44
56
|
labelStyle?: StyleProp<TextStyle>;
|
|
57
|
+
agePickerRowStyle?: StyleProp<ViewStyle>;
|
|
58
|
+
agePickerLabelStyle?: StyleProp<TextStyle>;
|
|
45
59
|
stepperContainerStyle?: NumericStepperProps["style"];
|
|
46
60
|
stepperButtonStyle?: NumericStepperProps["buttonStyle"];
|
|
47
61
|
stepperButtonTextStyle?: NumericStepperProps["buttonTextStyle"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlightSummary.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/FlightSummary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EACL,SAAS,
|
|
1
|
+
{"version":3,"file":"FlightSummary.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/FlightSummary.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { StyleProp, ViewStyle, TextStyle } from "react-native";
|
|
3
|
-
import { FlightSelection, FlightSummaryProps } from "./FlightSummary";
|
|
4
|
-
import { RoomState, HotelSummaryProps } from "./HotelSummary";
|
|
5
|
-
export type SelectionCallbackDataType = FlightSelection | RoomState[];
|
|
6
|
-
export type SummaryBarProps = {
|
|
7
|
-
containerStyle?: StyleProp<ViewStyle>;
|
|
8
|
-
summaryTextStyle?: StyleProp<TextStyle>;
|
|
9
|
-
iconStyle?: StyleProp<TextStyle>;
|
|
10
|
-
onSelectionChange?: (selection: SelectionCallbackDataType) => void;
|
|
11
|
-
mode: "flight" | "hotel";
|
|
12
|
-
flightProps?: FlightSummaryProps;
|
|
13
|
-
hotelProps?: HotelSummaryProps;
|
|
14
|
-
};
|
|
15
|
-
declare const SummaryBar: React.FC<SummaryBarProps>;
|
|
16
|
-
export default SummaryBar;
|
|
1
|
+
export {};
|
|
17
2
|
//# sourceMappingURL=SummaryBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SummaryBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/SummaryBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SummaryBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/SummaryBar.tsx"],"names":[],"mappings":""}
|
|
@@ -1,84 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { StyleProp, ViewStyle, TextStyle } from "react-native";
|
|
3
|
-
import { TabSelectorProps } from "./TabSelector";
|
|
4
|
-
import { FlightFormProps } from "./FlightForm";
|
|
5
|
-
import { HotelFormProps } from "./HotelForm";
|
|
6
|
-
import { CarRentalFormProps } from "./CarRentalForm";
|
|
7
|
-
import { SelectionCallbackDataType, SummaryBarProps } from "./SummaryBar";
|
|
8
|
-
import { FlightSuggestions, FormInputType, HotelSuggestions, CarSuggestions } from "./types";
|
|
9
|
-
import { FlightSelection, FlightSummaryProps } from "./FlightSummary";
|
|
10
|
-
import { HotelSummaryProps, RoomState } from "./HotelSummary";
|
|
11
|
-
export interface TravelBookingProps {
|
|
12
|
-
/** Array of tab names. Defaults to ['Flights', 'Hotels', 'Car Rentals'] */
|
|
13
|
-
tabs?: string[];
|
|
14
|
-
/** The initially selected tab. Defaults to the first tab in the `tabs` array. */
|
|
15
|
-
initialTab?: string;
|
|
16
|
-
/** Callback when the selected tab changes */
|
|
17
|
-
onTabChange?: (tab: string) => void;
|
|
18
|
-
/** Callback when the search button is pressed in any form */
|
|
19
|
-
onSearch?: (details: any) => void;
|
|
20
|
-
/** Callback when any form input gains focus */
|
|
21
|
-
onInputFocus?: (input: FormInputType) => void;
|
|
22
|
-
/** Callback when text changes in location inputs */
|
|
23
|
-
onTextChange?: (text: string) => void;
|
|
24
|
-
/** Initial selection state for FlightSummary (if mode is 'flight') */
|
|
25
|
-
initialFlightSelection?: FlightSelection;
|
|
26
|
-
/** Initial selection state for HotelSummary (if mode is 'hotel') */
|
|
27
|
-
initialHotelSelection?: RoomState[];
|
|
28
|
-
/** Callback when the selection in SummaryBar changes */
|
|
29
|
-
onSummarySelectionChange?: (selection: SelectionCallbackDataType) => void;
|
|
30
|
-
/** Suggestion data for FlightForm */
|
|
31
|
-
flightSuggestionData?: FlightSuggestions[];
|
|
32
|
-
/** Suggestion data for HotelForm */
|
|
33
|
-
hotelSuggestionData?: HotelSuggestions[];
|
|
34
|
-
/** Suggestion data for CarRentalForm */
|
|
35
|
-
carSuggestionData?: CarSuggestions[];
|
|
36
|
-
/** Style for the root container of each form */
|
|
37
|
-
formContainerStyle?: StyleProp<ViewStyle>;
|
|
38
|
-
/** Style for input labels */
|
|
39
|
-
labelStyle?: StyleProp<TextStyle>;
|
|
40
|
-
/** Style for the CustomInput's TextInput component */
|
|
41
|
-
inputStyle?: StyleProp<ViewStyle>;
|
|
42
|
-
/** Style for the touchable wrapper around date displays (if applicable) */
|
|
43
|
-
inputTouchableStyle?: StyleProp<ViewStyle>;
|
|
44
|
-
/** Style for the text inside inputs or date displays */
|
|
45
|
-
inputTextStyle?: StyleProp<TextStyle>;
|
|
46
|
-
/** Style for the container holding the date picker(s) and search button */
|
|
47
|
-
dateSearchRowStyle?: StyleProp<ViewStyle>;
|
|
48
|
-
/** Style for the individual date display groups within DateRangePicker */
|
|
49
|
-
dateInputGroupStyle?: StyleProp<ViewStyle>;
|
|
50
|
-
/** Style for the search button */
|
|
51
|
-
searchButtonStyle?: StyleProp<ViewStyle>;
|
|
52
|
-
/** Style for the search icon */
|
|
53
|
-
searchIconStyle?: StyleProp<TextStyle>;
|
|
54
|
-
/** Theme overrides for the calendar component */
|
|
55
|
-
calendarThemeOverrides?: object;
|
|
56
|
-
/** Style for the container wrapping the calendar modal/view */
|
|
57
|
-
calendarContainerStyle?: StyleProp<ViewStyle>;
|
|
58
|
-
/** Style for the container wrapping the swap button (Flights/Cars) */
|
|
59
|
-
swapButtonContainerStyle?: StyleProp<ViewStyle>;
|
|
60
|
-
/** Style for the swap button itself (Flights/Cars) */
|
|
61
|
-
swapButtonStyle?: StyleProp<ViewStyle>;
|
|
62
|
-
/** Style for the swap icon (Flights/Cars) */
|
|
63
|
-
swapIconStyle?: StyleProp<TextStyle>;
|
|
64
|
-
/** Style for the container wrapping the input fields (Flights/Cars) */
|
|
65
|
-
inputGroupContainerStyle?: StyleProp<ViewStyle>;
|
|
66
|
-
/** Props to pass down to the TabSelector component */
|
|
67
|
-
tabSelectorProps?: Omit<TabSelectorProps, "tabs" | "initialTab" | "onTabChange">;
|
|
68
|
-
/** Props to pass down to the SummaryBar component */
|
|
69
|
-
summaryBarProps?: Omit<SummaryBarProps, "mode" | "initialSelection" | "onSelectionChange" | "flightProps" | "hotelProps">;
|
|
70
|
-
/** Props to pass down to the FlightSummary component (via SummaryBar) */
|
|
71
|
-
flightSummaryProps?: Omit<FlightSummaryProps, "selection" | "onSelectionChange">;
|
|
72
|
-
/** Props to pass down to the HotelSummary component (via SummaryBar) */
|
|
73
|
-
hotelSummaryProps?: Omit<HotelSummaryProps, "selection" | "onSelectionChange">;
|
|
74
|
-
/** Props to pass down to the FlightForm component */
|
|
75
|
-
/** Props to pass down to the FlightForm component */
|
|
76
|
-
flightFormProps?: Omit<FlightFormProps, "isOneWay" | "onSearchPress" | "onInputFocus" | "suggestionData" | "onTextChange">;
|
|
77
|
-
/** Props to pass down to the HotelForm component */
|
|
78
|
-
hotelFormProps?: Omit<HotelFormProps, "onSearchPress" | "onInputFocus" | "suggestionData" | "onTextChange">;
|
|
79
|
-
/** Props to pass down to the CarRentalForm component */
|
|
80
|
-
carRentalFormProps?: Omit<CarRentalFormProps, "onSearchPress" | "onInputFocus" | "suggestionData" | "onTextChange">;
|
|
81
|
-
}
|
|
82
|
-
declare const TravelBooking: React.FC<TravelBookingProps>;
|
|
83
|
-
export default TravelBooking;
|
|
1
|
+
export {};
|
|
84
2
|
//# sourceMappingURL=TravelBooking.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TravelBooking.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/TravelBooking.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TravelBooking.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/TravelBooking.tsx"],"names":[],"mappings":""}
|
|
@@ -1,13 +1,9 @@
|
|
|
1
|
-
export { default, type TravelBookingProps } from "./TravelBooking";
|
|
2
|
-
export * from "./TravelBooking";
|
|
3
1
|
export { default as CarRentalForm, type CarRentalFormProps } from "./CarRentalForm";
|
|
4
2
|
export * from "./CarRentalForm";
|
|
5
3
|
export { default as FlightForm, type FlightFormProps } from "./FlightForm";
|
|
6
4
|
export * from "./FlightForm";
|
|
7
5
|
export { default as HotelForm, type HotelFormProps } from "./HotelForm";
|
|
8
6
|
export * from "./HotelForm";
|
|
9
|
-
export { default as SummaryBar, type SummaryBarProps, type SelectionCallbackDataType } from "./SummaryBar";
|
|
10
|
-
export * from "./SummaryBar";
|
|
11
7
|
export { default as TabSelector, type TabSelectorProps } from "./TabSelector";
|
|
12
8
|
export * from "./TabSelector";
|
|
13
9
|
export { default as FlightSummary, type FlightSummaryProps, type FlightSelection } from "./FlightSummary";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TravelBooking/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACpF,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3E,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACxE,cAAc,aAAa,CAAC;AAG5B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9E,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC1G,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjG,cAAc,gBAAgB,CAAA;AAE9B,cAAc,SAAS,CAAC"}
|
package/package.json
CHANGED
package/src/app.tsx
CHANGED
|
@@ -12,6 +12,7 @@ import {
|
|
|
12
12
|
Filters,
|
|
13
13
|
RangeSlider,
|
|
14
14
|
RedemptionOption,
|
|
15
|
+
SelaDealCard,
|
|
15
16
|
} from "./components";
|
|
16
17
|
import { lightTheme, RelatedProvider, useTheme } from "./theme";
|
|
17
18
|
import CircularProgressBar from "./components/ProgressBar/CircularProgressBar";
|
|
@@ -118,7 +119,7 @@ const App = () => {
|
|
|
118
119
|
applyButtonTextStyle={{ color: theme.secondary }}
|
|
119
120
|
headerStyle={{ borderBottomWidth: 0 }}
|
|
120
121
|
></Filters> */}
|
|
121
|
-
|
|
122
|
+
<FlightSummary></FlightSummary>
|
|
122
123
|
{/* <FlightForm></FlightForm> */}
|
|
123
124
|
{/* <HotelSummary></HotelSummary> */}
|
|
124
125
|
{/* <HotelForm></HotelForm> */}
|
|
@@ -133,14 +134,24 @@ const App = () => {
|
|
|
133
134
|
inputContainerStyle={{ height: 55 }}
|
|
134
135
|
></PhoneInput> */}
|
|
135
136
|
|
|
137
|
+
{/* <SelaDealCard
|
|
138
|
+
variant="horizontal"
|
|
139
|
+
width={300}
|
|
140
|
+
height={300}
|
|
141
|
+
label="discount"
|
|
142
|
+
description="HELLO"
|
|
143
|
+
providerName="Riva Club"
|
|
144
|
+
price="100"
|
|
145
|
+
backgroundImage={require("./assets/images/namshi-banner.png")}
|
|
146
|
+
></SelaDealCard>
|
|
136
147
|
<RedemptionOption
|
|
137
148
|
textContainerStyle={{ flex: 1 }}
|
|
138
149
|
// containerStyle={{ flex: 1, alignItems: "center" }}
|
|
139
150
|
text="hola"
|
|
140
|
-
textStyle={{fontSize: 20}}
|
|
151
|
+
textStyle={{ fontSize: 20 }}
|
|
141
152
|
icon={<Ionicons name="accessibility"></Ionicons>}
|
|
142
153
|
orientation="horizontal"
|
|
143
|
-
></RedemptionOption>
|
|
154
|
+
></RedemptionOption> */}
|
|
144
155
|
</SafeAreaView>
|
|
145
156
|
</BottomSheetStackProvider>
|
|
146
157
|
</RelatedProvider>
|
|
@@ -122,13 +122,13 @@ const SelaDealCard: React.FC<SelaDealCardProps> = ({
|
|
|
122
122
|
|
|
123
123
|
const providerTextStyle: StyleProp<TextStyle> = [
|
|
124
124
|
styles.providerNameBase,
|
|
125
|
-
{ color: theme.onSurface
|
|
125
|
+
{ color: theme.onSurface},
|
|
126
126
|
providerNameStyle,
|
|
127
127
|
];
|
|
128
128
|
|
|
129
129
|
const descriptionTextStyle: StyleProp<TextStyle> = [
|
|
130
130
|
styles.descriptionBase,
|
|
131
|
-
{ color: theme.onSurface
|
|
131
|
+
{ color: theme.onSurface},
|
|
132
132
|
descriptionStyle,
|
|
133
133
|
];
|
|
134
134
|
|
|
@@ -167,9 +167,9 @@ const SelaDealCard: React.FC<SelaDealCardProps> = ({
|
|
|
167
167
|
<View
|
|
168
168
|
style={[
|
|
169
169
|
styles.topSection,
|
|
170
|
-
{
|
|
171
|
-
|
|
172
|
-
},
|
|
170
|
+
// {
|
|
171
|
+
// alignItems: "flex-start",
|
|
172
|
+
// },
|
|
173
173
|
]}
|
|
174
174
|
>
|
|
175
175
|
{label && (
|
|
@@ -243,7 +243,9 @@ const getStyles = (theme: ThemeType, isRTL: boolean) =>
|
|
|
243
243
|
padding: 16,
|
|
244
244
|
justifyContent: "space-between",
|
|
245
245
|
},
|
|
246
|
-
topSection: {
|
|
246
|
+
topSection: {
|
|
247
|
+
flexDirection:"row"
|
|
248
|
+
},
|
|
247
249
|
labelContainerBase: {
|
|
248
250
|
paddingVertical: 6,
|
|
249
251
|
paddingHorizontal: 12,
|
|
@@ -269,19 +271,19 @@ const getStyles = (theme: ThemeType, isRTL: boolean) =>
|
|
|
269
271
|
paddingHorizontal: 16,
|
|
270
272
|
borderRadius: 10,
|
|
271
273
|
overflow: "hidden",
|
|
272
|
-
|
|
274
|
+
backgroundColor: theme.primary,
|
|
273
275
|
},
|
|
274
276
|
priceTextBase: {
|
|
275
277
|
fontSize: 16,
|
|
276
278
|
color: theme.onPrimary,
|
|
277
279
|
},
|
|
278
280
|
bottomContentHorizontal: {
|
|
279
|
-
flexDirection:
|
|
280
|
-
justifyContent: "space-between",
|
|
281
|
+
flexDirection: "row",
|
|
281
282
|
alignItems: "flex-end",
|
|
282
283
|
},
|
|
283
284
|
textBlockHorizontal: {
|
|
284
285
|
flex: 1,
|
|
286
|
+
alignItems:"flex-start",
|
|
285
287
|
marginRight: 10,
|
|
286
288
|
},
|
|
287
289
|
priceContainerHorizontal: {},
|
|
@@ -290,6 +292,7 @@ const getStyles = (theme: ThemeType, isRTL: boolean) =>
|
|
|
290
292
|
},
|
|
291
293
|
textBlockVertical: {
|
|
292
294
|
marginBottom: 12,
|
|
295
|
+
alignItems:"flex-start"
|
|
293
296
|
},
|
|
294
297
|
priceContainerVertical: {
|
|
295
298
|
alignSelf: "stretch",
|