@tripian/react 4.1.0 → 4.4.0

package/components/CardSlider/CardSlider.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import 'swiper/css/swiper.css';
 interface ICardSlider {
+    children: React.ReactNode;
 }
 declare const CardSlider: React.FC<ICardSlider>;
 export default CardSlider;

package/components/DateRangePicker/DateRangePicker.d.ts

@@ -10,5 +10,5 @@ interface IDateRangePickerTemplate {
     };
     onchanged: (startDate: moment.Moment, endDate: moment.Moment) => void;
 }
-declare const DateRangePicker: React.SFC<IDateRangePickerTemplate>;
+declare const DateRangePicker: React.FC<IDateRangePickerTemplate>;
 export default DateRangePicker;

package/components/DirectionInfo/DirectionInfo.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="google.maps" />
 /// <reference types="googlemaps" />
 import React from 'react';
 interface IDirectionInfo {

package/components/FormTemplate/FormTemplateProfile/FormTemplateProfile.d.ts

@@ -7,5 +7,5 @@ interface IFormTemplateProfile {
     updateCallback: (updatedUser: Model.User) => void;
     cancel: (value: Model.User) => void;
 }
-declare const FormTemplateProfile: React.SFC<IFormTemplateProfile>;
+declare const FormTemplateProfile: React.FC<IFormTemplateProfile>;
 export default FormTemplateProfile;

package/components/GoogleMaps/GMarker/Base/GMarkerProviderBase/GMarkerProviderBase.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Clusterer } from '@react-google-maps/marker-clusterer';
+import Model from '@tripian/model';
+interface IGMarkerProviderBase {
+    coordinate: Model.Coordinate;
+    animation?: 1 | 2;
+    clusterer?: Clusterer;
+    color?: string;
+    markerPoiClicked: () => void;
+}
+declare const GMarkerProviderBase: React.FC<IGMarkerProviderBase>;
+export default GMarkerProviderBase;

package/components/GoogleMaps/GMarker/GMarkerProvider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Clusterer } from '@react-google-maps/marker-clusterer';
+import { Providers } from '@tripian/model';
+interface IGMarkerProvider {
+    providersPoi: Providers.Bb.SearchAccommodationHotelOffer;
+    animation?: 1 | 2;
+    clusterer?: Clusterer;
+    markerPoiClicked: (poi: Providers.Bb.SearchAccommodationHotelOffer) => void;
+}
+declare const GMarkerProvider: React.FC<IGMarkerProvider>;
+export default GMarkerProvider;

package/components/GoogleMaps/GPlacesAutocomplete/GPlacesAutocomplete.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="google.maps" />
 /// <reference types="googlemaps" />
 import React from 'react';
 import './GPlacesAutocomplete.scss';

package/components/GoogleMaps/GPlacesAutocomplete2/GPlacesAutocomplete2.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="google.maps" />
+/// <reference types="googlemaps" />
 /// <reference types="googlemaps" />
 import React from 'react';
 import './GPlacesAutocomplete2.scss';

package/components/GoogleMaps/GRoute/GRouteRender.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="google.maps" />
 /// <reference types="googlemaps" />
 import React from 'react';
 interface IGRouteRender {

package/components/GoogleMaps/GRoute/GRouteService.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="google.maps" />
 /// <reference types="googlemaps" />
 import React from 'react';
 interface IGRouteService {

package/components/GoogleMaps/GRoute/IRouteResult.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="google.maps" />
 /// <reference types="googlemaps" />
 import Model from '@tripian/model';
 export interface IBetweenPoint {

package/components/GoogleMaps/GoogleMaps.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="google.maps" />
 /// <reference types="googlemaps" />
 import React from 'react';
-import Model from '@tripian/model';
+import Model, { Providers } from '@tripian/model';
 import './GoogleMaps.css';
 import { ILeg } from './GRoute/IRouteResult';
 interface Itwindow {
@@ -22,13 +23,16 @@ interface IGoogleMaps {
     alternativePois: Model.Poi[];
     searchPoi?: Model.Poi;
     searchAreaPois?: Model.Poi[];
+    providersPois?: Providers.Bb.SearchAccommodationHotelOffer[];
     cityBounds: google.maps.LatLngBoundsLiteral;
     setLegs: (legs: ILeg[]) => void;
     focusMarkerStepOrPoiId?: number;
+    focusMarkerProviderPoiCode?: string;
     mapClicked: (e: any) => void;
     markerStepClicked: (step: Model.Step) => void;
     markerAlternativeClicked: (poi: Model.Poi) => void;
     markerSearchThisAreaClicked: (poi: Model.Poi) => void;
+    markerProvidersPoiClicked: (poi: Providers.Bb.SearchAccommodationHotelOffer) => void;
 }
 declare const GoogleMaps: React.FC<IGoogleMaps>;
 export default GoogleMaps;

package/components/Label/Label.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface ILabel {
     text: string;
+    children: React.ReactNode;
 }
 declare const Label: React.FC<ILabel>;
 export default Label;

package/components/RefCard/RefCard.d.ts

@@ -5,6 +5,7 @@ interface IRefCard {
     butonText: string;
     subContext?: string;
     clicked: () => void;
+    children: React.ReactNode;
 }
 declare const RefCard: React.FC<IRefCard>;
 export default RefCard;

package/components/StepTimeframe/StepTimeframe.d.ts

@@ -9,5 +9,5 @@ interface IStepTimeframe {
         endTime: string;
     }) => void;
 }
-declare const StepTimeframe: React.SFC<IStepTimeframe>;
+declare const StepTimeframe: React.FC<IStepTimeframe>;
 export default StepTimeframe;

package/components/UserCompanions/UserCompanions.d.ts

@@ -8,5 +8,5 @@ interface IUserCompanions {
     editCompanion: (companion: Model.Companion) => void;
     showWarningMessage: (show: boolean) => void;
 }
-declare const UserCompanions: React.SFC<IUserCompanions>;
+declare const UserCompanions: React.FC<IUserCompanions>;
 export default UserCompanions;

package/components/base/Accordion/Accordion.d.ts

@@ -4,7 +4,7 @@ interface IAccordion {
     title: string;
     content: JSX.Element;
     defaultChecked?: boolean;
-    onClick?: () => void;
+    onClick?: (id: string) => void;
 }
 declare const Accordion: React.FC<IAccordion>;
 export default Accordion;

package/components/base/AutoCompleteSearchV1/AutoCompleteSearchV1.d.ts

@@ -8,5 +8,5 @@ interface IAutoCompleteSearch {
     defaultUserInput?: string;
     selectOption: Function;
 }
-declare const AutoCompleteSearchV1: React.SFC<IAutoCompleteSearch>;
+declare const AutoCompleteSearchV1: React.FC<IAutoCompleteSearch>;
 export default AutoCompleteSearchV1;

package/components/base/Button/Icons/Base.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IButtonIcons } from './IButtonIcons';
-declare const Base: (svgIconPath: string, iconViewBox?: string | undefined, svgIconPath2?: string | undefined) => React.FC<IButtonIcons>;
+declare const Base: (svgIconPath: string, iconViewBox?: string, svgIconPath2?: string) => React.FC<IButtonIcons>;
 export default Base;

package/components/base/Dropdown/Dropdown.d.ts

@@ -10,5 +10,5 @@ interface IDropdown {
     defaultValue: string | number;
     selectChange: (value: string | number, index: number) => void;
 }
-declare const Dropdown: React.SFC<IDropdown>;
+declare const Dropdown: React.FC<IDropdown>;
 export default Dropdown;

package/components/base/ImgLazyBase/ImgLazyBase.d.ts

@@ -6,6 +6,7 @@ interface IImgLazyBase {
     x?: number;
     y?: number;
     showThumbnails?: boolean;
+    children: React.ReactNode;
 }
 declare const ImgLazyBase: React.FC<IImgLazyBase>;
 export default ImgLazyBase;

package/components/base/Modal/Modal.d.ts

@@ -6,6 +6,7 @@ interface IModal {
     className?: string;
     ref?: React.LegacyRef<HTMLDivElement>;
     backdropClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    children: React.ReactNode;
 }
 declare const Modal: React.FC<IModal>;
 export default Modal;

package/components/base/ModalFull/ModalFull.d.ts

@@ -4,6 +4,7 @@ interface IModalFull {
     backdropClose?: boolean;
     style?: any;
     className?: string;
+    children: React.ReactNode;
 }
 declare const ModalFull: React.FC<IModalFull>;
 export default ModalFull;

package/components/base/NumberCounter/NumberCounter.d.ts

@@ -5,5 +5,5 @@ interface INumberCounter {
     maxValue: number;
     onchange: (num: number) => void;
 }
-declare const NumberCounter: React.SFC<INumberCounter>;
+declare const NumberCounter: React.FC<INumberCounter>;
 export default NumberCounter;

package/components/base/NumberInput/NumberInput.d.ts

@@ -6,5 +6,5 @@ interface INumberInput {
     placeholder?: string;
     onchange: (num: number | null) => void;
 }
-declare const NumberInput: React.SFC<INumberInput>;
+declare const NumberInput: React.FC<INumberInput>;
 export default NumberInput;

package/components/base/ProgressAppLoading/ProgressAppLoading.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-declare const ProgressAppLoading: React.FC;
+declare const ProgressAppLoading: React.FC<{
+    children: React.ReactNode;
+}>;
 export default ProgressAppLoading;

package/components/base/RadioButtonGroup/RadioButtonGroup.d.ts

@@ -8,5 +8,5 @@ interface IRadioButtonGroup {
     defaultSelectedId?: number | string;
     onChange: (newSelectedDomId: string) => void;
 }
-declare const RadioButtonGroup: React.SFC<IRadioButtonGroup>;
+declare const RadioButtonGroup: React.FC<IRadioButtonGroup>;
 export default RadioButtonGroup;

package/components/base/SwitchOld/SwitchOld.d.ts

@@ -4,5 +4,5 @@ interface ISwitchOld {
     label?: string;
     value?: boolean;
 }
-declare const SwitchOld: React.SFC<ISwitchOld>;
+declare const SwitchOld: React.FC<ISwitchOld>;
 export default SwitchOld;

package/index.d.ts

@@ -2,6 +2,7 @@ import './styles/global.scss';
 import AccommendationCard from './components/AccommendationCard/AccommendationCard';
 import AccommendationInfo from './components/AccommendationInfo/AccommendationInfo';
 import Backdrop from './components/base/Backdrop/Backdrop';
+import BbAccommodationInfo from './providers/bb/components/BbAccommodationInfo/BbAccommodationInfo';
 import BbTourCard from './providers/bb/components/BbTourCard/BbTourCard';
 import BbTourInfo from './providers/bb/components/BbTourInfo/BbTourInfo';
 import Booking from './providers/yelp/components/Booking/Booking';
@@ -74,18 +75,15 @@ import * as SvgIcons from './components/base/Svg/Icons';
 import TabMenu from './components/base/TabMenu/TabMenu';
 import TasteCard from './components/TasteCard/TasteCard';
 import TasteCard2 from './components/TasteCard2/TasteCard2';
-import TasteCard2Slider from './components/TasteCard2Slider/TasteCard2Slider';
 import TasteInfo from './components/TasteInfo/TasteInfo';
 import TextField from './components/base/TextField/TextField';
 import GlxTourCard from './providers/glx/components/GlxTourCard/GlxTourCard';
-import GlxTourCardSlider from './providers/glx/components/GlxTourCardSlider/GlxTourCardSlider';
 import GlxTourInfo from './providers/glx/components/GlxTourInfo/GlxTourInfo';
 import TourRefCard from './components/TourRefCard/TourRefCard';
 import TourRefCardProduct from './components/TourRefCardProduct/TourRefCardProduct';
 import TripCard from './components/TripCard/TripCard';
-import TopThingsSlider from './components/TopThingsSlider/TopThingsSlider';
 import UserCompanions from './components/UserCompanions/UserCompanions';
 import QuestionTemplate from './components/QuestionTemplate/QuestionTemplate';
 import BookingDetails from './providers/gyg/components/BookingDetails/BookingDetails';
 import Accordion from './components/base/Accordion/Accordion';
-export { Accordion, AccommendationCard, AccommendationInfo, Backdrop, BbTourCard, BbTourInfo, Booking, BookingDetails, Button, ButtonIcons, BUTTON_TYPES, ButterflyCard, ButterflyCardSlider, CardSlider, Checkbox, CloseIconButton, ConfirmModalPopup, DatePicker, DateRangePicker, DirectionInfo, Dropdown, FlightCard, FormTemplateAgent, FormTemplateCompanion, FormTemplateLogin, FormTemplateProfile, FormTemplateRegister, FormTemplateTrip, FormTemplateTrip2, GlxTourCard, GlxTourCardSlider, GlxTourInfo, GoogleMaps, GoogleMapsPoiInfo, GygTourCard, GygTourInfo, IconImage, Img, ImgLazy, Label, Loading, Modal, ModalFull, MustTryCard, NumberCounter, NumberInput, Notification, OpeningsForm, PageLoading, PlanChangeDay, PoiCategories, PoiInfo, PoiInfoImage, PoiInfoText, PoiListCard, PoiListSearch, PoiRefCard, PreLoading, Price, ProgressLoading, ProgressAppLoading, RadioButtonGroup, RatingStars, RefCard, ReservationDetails, RouteResult, RSelect, SearchThisArea, SideNavigation, StepAlternativeCard, StepCard, StepCardUserReaction, StepInfo, StepTimeframe, Svg, Switch, SvgIcons, QuestionTemplate, TabMenu, TasteCard, TasteCard2, TasteCard2Slider, TasteInfo, TextField, TourRefCard, TourRefCardProduct, TopThingsSlider, TripCard, UserCompanions, };
+export { Accordion, AccommendationCard, AccommendationInfo, Backdrop, BbAccommodationInfo, BbTourCard, BbTourInfo, Booking, BookingDetails, Button, ButtonIcons, BUTTON_TYPES, ButterflyCard, ButterflyCardSlider, CardSlider, Checkbox, CloseIconButton, ConfirmModalPopup, DatePicker, DateRangePicker, DirectionInfo, Dropdown, FlightCard, FormTemplateAgent, FormTemplateCompanion, FormTemplateLogin, FormTemplateProfile, FormTemplateRegister, FormTemplateTrip, FormTemplateTrip2, GlxTourCard, GlxTourInfo, GoogleMaps, GoogleMapsPoiInfo, GygTourCard, GygTourInfo, IconImage, Img, ImgLazy, Label, Loading, Modal, ModalFull, MustTryCard, NumberCounter, NumberInput, Notification, OpeningsForm, PageLoading, PlanChangeDay, PoiCategories, PoiInfo, PoiInfoImage, PoiInfoText, PoiListCard, PoiListSearch, PoiRefCard, PreLoading, Price, ProgressLoading, ProgressAppLoading, RadioButtonGroup, RatingStars, RefCard, ReservationDetails, RouteResult, RSelect, SearchThisArea, SideNavigation, StepAlternativeCard, StepCard, StepCardUserReaction, StepInfo, StepTimeframe, Svg, Switch, SvgIcons, QuestionTemplate, TabMenu, TasteCard, TasteCard2, TasteInfo, TextField, TourRefCard, TourRefCardProduct, TripCard, UserCompanions, };