@tripian/react 5.0.33 → 6.0.0

package/components/DateRangePicker/DateRangePicker.d.ts

@@ -9,6 +9,8 @@ interface IDateRangePickerTemplate {
         endDate: moment.Moment;
     };
     onchanged: (startDate: moment.Moment, endDate: moment.Moment) => void;
+    onFocus?: (start: boolean) => void;
+    onBlur?: () => void;
 }
 declare const DateRangePicker: React.FC<IDateRangePickerTemplate>;
 export default DateRangePicker;

package/components/FormTemplate/FormTemplateLoginEx/FormTemplateLogin.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import Model from '@tripian/model';
+interface IFormTemplateLogin {
+    login: (email: string, password: string) => Promise<Model.Token>;
+    successLogin: (token: Model.Token) => void;
+    reCaptchaSiteKey: string;
+    showCaptcha: boolean;
+    forgotPassword: () => void;
+    socialLoginConfigs: {
+        clientId: string;
+        domain: string;
+        identityProviders: string[];
+        region: string;
+        baseDomain: string;
+    };
+    showRegister?: boolean;
+    signUpButtonCallBack: () => void;
+}
+declare const FormTemplateLogin: React.FC<IFormTemplateLogin>;
+export default FormTemplateLogin;

package/components/FormTemplate/FormTemplateRegister/FormTemplateRegister.d.ts

@@ -5,6 +5,7 @@ interface IFormTemplateRegister {
     successRegister: (userEmail: string, token: Model.Token) => void;
     reCaptchaSiteKey: string;
     showCaptcha: boolean;
+    goBackLogin: () => void;
 }
 declare const FormTemplateRegister: React.FC<IFormTemplateRegister>;
 export default FormTemplateRegister;

package/components/FormTemplate/FormTemplateRegisterEx/FormTemplateRegister.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import Model from '@tripian/model';
+interface IFormTemplateRegister {
+    register: (value: Model.RegisterRequest) => Promise<Model.Token>;
+    successRegister: (userEmail: string, token: Model.Token) => void;
+    reCaptchaSiteKey: string;
+    showCaptcha: boolean;
+}
+declare const FormTemplateRegister: React.FC<IFormTemplateRegister>;
+export default FormTemplateRegister;

package/components/FormTemplate/FormTemplateResetPassword/FormTemplateResetPassword.d.ts

@@ -3,6 +3,7 @@ import Model from '@tripian/model';
 interface IFormTemplateResetPassword {
     emailCallBack: (email: string) => Promise<Model.UserResetPassword>;
     success: (user: Model.UserResetPassword) => void;
+    goBack: () => void;
 }
 declare const FormTemplateResetPassword: React.FC<IFormTemplateResetPassword>;
 export default FormTemplateResetPassword;

package/components/FormTemplate/FormTemplateTripNext/FormTemplateTripNext.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import Model from '@tripian/model';
+import { QuestionNext } from './model';
+/**
+ * Destinations
+ * Stay & Shares
+ * Picked Informations
+ * Personalize tour trip
+ */
+interface IFormTemplateTripNext {
+    tripProfile: Model.TripProfile;
+    tripQuestions: Array<QuestionNext>;
+    cities: Array<Model.City>;
+    isTripEdit?: boolean;
+    callbackTripProfile: (tripProfile: Model.TripProfile) => void;
+    userCompanionQuestions: Array<Model.Question>;
+    userCompanions?: Array<Model.Companion>;
+    companionLoadingList: Array<number>;
+    callbackUserCompanionAdd: (userCompoanion: Model.Companion) => void;
+    showTripModeQuestion?: boolean;
+    onSubmitText: string;
+    onSubmit: () => void;
+    onCancel: () => void;
+}
+declare const FormTemplateTripNext: React.FC<IFormTemplateTripNext>;
+export default FormTemplateTripNext;

package/components/FormTemplate/FormTemplateTripNext/StepComponent/QuestionComponent/QuestionComponent.d.ts

@@ -0,0 +1,11 @@
+import Model from '@tripian/model';
+import React from 'react';
+import { QuestionNext } from '../../model';
+export interface QuestionComponentProps {
+    question: QuestionNext;
+    tripProfile: Model.TripProfile;
+    callbackTripAnswers: (answers: number[]) => void;
+    onFocused: () => void;
+}
+declare const QuestionComponent: React.FC<QuestionComponentProps>;
+export default QuestionComponent;

package/components/FormTemplate/FormTemplateTripNext/StepComponent/StepComponent.d.ts

@@ -0,0 +1,17 @@
+import Model from '@tripian/model';
+import React from 'react';
+import { QuestionNext } from '../model';
+export interface StepComponentProps {
+    header: string;
+    defaultTip: {
+        iconUrl: string;
+        title: string;
+        description: string;
+    };
+    stepQuestions: QuestionNext[];
+    stepId: number;
+    tripProfile: Model.TripProfile;
+    callbackTripAnswers: (answers: number[]) => void;
+}
+declare const StepComponent: React.FC<StepComponentProps>;
+export default StepComponent;

package/components/FormTemplate/FormTemplateTripNext/StepDestination/StepDestination.d.ts

@@ -0,0 +1,10 @@
+import Model from '@tripian/model';
+import React from 'react';
+export interface StepDestinationProps {
+    tripProfile: Model.TripProfile;
+    cities: Array<Model.City>;
+    setTripProfile: (tripProfile: Model.TripProfile) => void;
+    isTripEdit: boolean;
+}
+declare const StepDestination: React.FC<StepDestinationProps>;
+export default StepDestination;

package/components/FormTemplate/FormTemplateTripNext/StepStayAndShares/StepStayAndShares.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="google.maps" />
+import React from 'react';
+import Model from '@tripian/model';
+export interface StepStayAndSharesProps {
+    tripProfile: Model.TripProfile;
+    setTripProfile: (tripProfile: Model.TripProfile) => void;
+    bound: google.maps.LatLngBounds | undefined;
+    setBound: (newBound?: google.maps.LatLngBounds) => void;
+    cities: Array<Model.City>;
+    userCompanionQuestions: Array<Model.Question>;
+    userCompanions?: Array<Model.Companion>;
+    companionLoadingList: Array<number>;
+    callbackUserCompanionAdd: (userCompoanion: Model.Companion) => void;
+}
+declare const StepStayAndShares: React.FC<StepStayAndSharesProps>;
+export default StepStayAndShares;

package/components/FormTemplate/FormTemplateTripNext/model.d.ts

@@ -0,0 +1,22 @@
+import Model from '@tripian/model';
+declare type QuestionAnswerNext = {
+    id: number;
+    name: string;
+    description: string;
+    subAnswers: Model.SubAnswer[];
+};
+export declare type QuestionNext = {
+    id: number;
+    name: string;
+    order: number;
+    selectMultiple: boolean;
+    skippable: boolean;
+    stepId: number;
+    theme: string;
+    iconUrl: string;
+    title: string;
+    description: string;
+    category: Model.QUESTIONS_CATEGORY;
+    answers: QuestionAnswerNext[];
+};
+export {};

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

@@ -7,6 +7,8 @@ interface IGPlacesAutocomplete2 {
     onSelectedChanged: (selectedPlace: google.maps.places.PlaceResult) => void;
     initialText?: string;
     boundry?: google.maps.LatLngBounds | google.maps.LatLngBoundsLiteral;
+    onFocus?: () => void;
+    onBlur?: () => void;
 }
 declare const GPlacesAutocomplete2: React.FC<IGPlacesAutocomplete2>;
 export default GPlacesAutocomplete2;

package/components/PoiInfo/PoiInfoImage/PoiInfoImage.d.ts

@@ -4,11 +4,8 @@ import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
 interface IPoiInfoImage {
     poi: Model.Poi;
-    favorite: boolean;
     hideButtons?: boolean;
-    favoriteClick: (favorite: boolean) => void;
     close: () => void;
-    favoriteLoading: boolean;
     square: boolean;
 }
 declare const PoiInfoImage: React.FC<IPoiInfoImage>;

package/components/PoiInfo/PoiInfoText/OpenedHours/OpenedHours.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface IOPenedHours {
+    hourStr: string | null;
+    planDate?: string;
+}
+export declare const HourItem: React.FC<{
+    hour: {
+        day: string;
+        clock: string[];
+    };
+    lineHeight?: React.Key;
+}>;
+declare const OpenedHours: React.FC<IOPenedHours>;
+export default OpenedHours;

package/components/PoiInfo/PoiInfoText/PoiInfoText.d.ts

@@ -2,6 +2,14 @@ import React from 'react';
 import Model from '@tripian/model';
 interface IPoiInfoText {
     poi: Model.Poi;
+    hideButtons: boolean;
+    favorite: boolean;
+    favoriteLoading: boolean;
+    favoriteClick: (favorite: boolean) => void;
+    stepOrder?: number;
+    replace?: boolean;
+    addRemoveReplacePoi: (poi: Model.Poi, removeReplaceAdd: number) => void;
+    hideActionButtons?: boolean;
     dayNumbers?: number[];
     planDate?: string;
     reservationUrl?: string;

package/{providers/bb/components/BbAccommodationInfo → components/PoiInfo/PoiInfoText}/PoiInfoTextRow/PoiInfoTextRow.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 declare type Props = {
-    children: React.ReactElement | React.ReactElement[];
+    children: React.ReactElement | React.ReactElement[] | null;
     border?: boolean;
     height?: string | number;
 };

package/components/PoiInfoEx/PoiInfo.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import Model from '@tripian/model';
+interface IPoiInfo {
+    poi: Model.Poi;
+    favorite: boolean;
+    toggleFavorite: (poi: Model.Poi, willFavorite: boolean) => void;
+    addRemoveReplacePoi: (poi: Model.Poi, removeReplaceAdd: number) => void;
+    close: (poi: Model.Poi) => void;
+    dayNumbers?: number[];
+    stepOrder?: number;
+    replace?: boolean;
+    hideActionButtons?: boolean;
+    hideFavoriteIcon?: boolean;
+    planDate?: string;
+    bookingButtonClick?: (productId: string, poi: Model.Poi) => void;
+    favoriteLoading: boolean;
+    reservationUrl?: string;
+    hideBookingButton: boolean;
+    square?: boolean;
+    hideTours: boolean;
+    getTourInfo?: (productId: string) => void;
+    TOUR_PROVIDER_ID: Model.PROVIDER_ID;
+    TICKET_PROVIDER_ID: Model.PROVIDER_ID;
+    RESTAURANT_RESERVATION_PROVIDER_ID: Model.PROVIDER_ID;
+    myOffers: Model.Poi[];
+    isLoadingOffer: (offerId: number) => boolean;
+    offerButtonClick: (optIn: boolean, offerId: number, offerClaimDate: string) => void;
+    hideOffers: boolean;
+}
+declare const PoiInfo: React.FC<IPoiInfo>;
+export default PoiInfo;

package/components/PoiInfoEx/PoiInfoImage/PoiInfoImage.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import Model from '@tripian/model';
+import 'slick-carousel/slick/slick.css';
+import 'slick-carousel/slick/slick-theme.css';
+interface IPoiInfoImage {
+    poi: Model.Poi;
+    favorite: boolean;
+    hideButtons?: boolean;
+    favoriteClick: (favorite: boolean) => void;
+    close: () => void;
+    favoriteLoading: boolean;
+    square: boolean;
+}
+declare const PoiInfoImage: React.FC<IPoiInfoImage>;
+export default PoiInfoImage;

package/components/PoiInfoEx/PoiInfoText/PoiInfoText.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import Model from '@tripian/model';
+interface IPoiInfoText {
+    poi: Model.Poi;
+    dayNumbers?: number[];
+    planDate?: string;
+    reservationUrl?: string;
+    hideBookingButton: boolean;
+    bookingButtonClick?: (productId: string, poi: Model.Poi) => void;
+    RESTAURANT_RESERVATION_PROVIDER_ID: Model.PROVIDER_ID;
+}
+declare const PoiInfoText: React.FC<IPoiInfoText>;
+export default PoiInfoText;

package/components/Price/Price.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 interface IPrice {
     price: number;
-    fontSize?: string | number;
 }
 declare const Price: React.FC<IPrice>;
 export default Price;

package/components/PriceEx/Price.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IPrice {
+    price: number;
+    fontSize?: string | number;
+}
+declare const Price: React.FC<IPrice>;
+export default Price;

package/components/QuestionTemplateNext/Context/QuestionContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { QuestionNext } from '../../FormTemplate/FormTemplateTripNext/model';
+interface IQuestionContext {
+    question: QuestionNext;
+    defaultAnswers: Array<number>;
+}
+declare const questionContext: React.Context<IQuestionContext>;
+export default questionContext;

package/components/QuestionTemplateNext/Context/QuestionContext2.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import Model from '@tripian/model';
+interface IQuestionContext2 {
+    questions: Model.Question[];
+    defaultAnswers: Array<number>;
+}
+declare const questionContext2: React.Context<IQuestionContext2>;
+export default questionContext2;

package/components/QuestionTemplateNext/Question/CheckBoxQuestion/CheckboxQuestion.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ICheckboxQuestion {
+    defaultAnswers: Array<number>;
+    checkBoxChangeParent: (addedOptionId?: number, removedOptionId?: number) => void;
+    checkBoxChangeChild: (addedOptionId?: number, removedOptionId?: number) => void;
+    flexDirection: 'column' | 'row';
+    onFocused: () => void;
+}
+declare const CheckboxQuestion: React.FC<ICheckboxQuestion>;
+export default CheckboxQuestion;

package/components/QuestionTemplateNext/Question/Question.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IQuestion {
+    changed: (answers: Array<number>) => void;
+    flexDirection: 'column' | 'row';
+    onFocused: () => void;
+}
+declare const Question: React.FC<IQuestion>;
+export default Question;

package/components/QuestionTemplateNext/Question/Question2.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IQuestion2 {
+    changed: (answers: Array<number>) => void;
+    flexDirection: 'column' | 'row';
+}
+declare const Question2: React.FC<IQuestion2>;
+export default Question2;

package/components/QuestionTemplateNext/Question/RadioButtonQuestion/RadioButtonQuestion.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IRadioButtonQuestion {
+    defaultAnswer?: number;
+    radioButtonChange: (addedOptionId?: number, removedOptionId?: number) => void;
+    box?: boolean;
+    flexDirection: 'column' | 'row';
+    onFocused: () => void;
+}
+declare const RadioButtonQuestion: React.FC<IRadioButtonQuestion>;
+export default RadioButtonQuestion;

package/components/QuestionTemplateNext/Question/RadioButtonQuestion/RadioButtonQuestion2.d.ts

@@ -0,0 +1,11 @@
+import Model from '@tripian/model';
+import React from 'react';
+interface IRadioButtonQuestion {
+    question: Model.Question;
+    defaultAnswer?: number;
+    radioButtonChange: (addedOptionId?: number, removedOptionId?: number) => void;
+    onFocus: () => void;
+    flexDirection: 'column' | 'row';
+}
+declare const RadioButtonQuestion2: React.FC<IRadioButtonQuestion>;
+export default RadioButtonQuestion2;

package/components/QuestionTemplateNext/Question/RadioButtonQuestion copy/RadioButtonQuestion2.d.ts

@@ -0,0 +1,11 @@
+import Model from '@tripian/model';
+import React from 'react';
+interface IRadioButtonQuestion {
+    question: Model.Question;
+    defaultAnswer?: number;
+    radioButtonChange: (addedOptionId?: number, removedOptionId?: number) => void;
+    onFocus: () => void;
+    flexDirection: 'column' | 'row';
+}
+declare const RadioButtonQuestion2: React.FC<IRadioButtonQuestion>;
+export default RadioButtonQuestion2;

package/components/QuestionTemplateNext/Question/SelectQuestion/SelectQuestion.d.ts

@@ -0,0 +1,10 @@
+import Model from '@tripian/model';
+import React from 'react';
+interface ISelectQuestion {
+    question: Model.Question;
+    defaultAnswer?: number;
+    selectionChanged: (addedOptionId?: number, removedOptionId?: number) => void;
+    flexDirection: 'column' | 'row';
+}
+declare const SelectQuestion: React.FC<ISelectQuestion>;
+export default SelectQuestion;

package/components/QuestionTemplateNext/QuestionTemplate.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { QuestionNext } from '../FormTemplate/FormTemplateTripNext/model';
+interface IQuestionTemplate {
+    question: QuestionNext;
+    answers: Array<number>;
+    callbackAnswers: (answers: Array<number>) => void;
+    flexDirection?: 'column' | 'row';
+    onFocused: () => void;
+}
+declare const QuestionTemplate: React.FC<IQuestionTemplate>;
+export default QuestionTemplate;

package/components/QuestionTemplateNext/QuestionTemplate2.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import Model from '@tripian/model';
+interface IQuestionTemplate2 {
+    questions: Model.Question[];
+    answers: Array<number>;
+    callbackAnswers: (answers: Array<number>) => void;
+    onFocused: () => void;
+    flexDirection?: 'column' | 'row';
+}
+declare const QuestionTemplate2: React.FC<IQuestionTemplate2>;
+export default QuestionTemplate2;

package/components/ResetPasswordApproved/ResetPasswordApproved.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IResetPasswordApproved {
+    goBackLogin: () => void;
+}
+declare const ResetPasswordApproved: React.FC<IResetPasswordApproved>;
+export default ResetPasswordApproved;

package/components/ResetPasswordEmail/ResetPasswordEmail.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IResetPasswordEmail {
+    goMailBox: () => void;
+    goBack: () => void;
+}
+declare const ResetPasswordEmail: React.FC<IResetPasswordEmail>;
+export default ResetPasswordEmail;

package/components/SocialLoginEx/SocialLogin.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type Props = {
+    cognitoDomain: string;
+    region: string;
+    baseDomain: string;
+    clientId: string;
+};
+declare const SocialLogin: React.FC<Props>;
+export default SocialLogin;

package/components/UserCompanionSelection/UserCompanionSelection.d.ts

@@ -7,6 +7,8 @@ interface IUserCompanionSelection {
     companionLoadingList: Array<number>;
     callbackUserCompanionAdd: (userCompoanion: Model.Companion) => void;
     userCompanionSelectionCallBack: (selectedCompanionId: number, isDeleteAction?: boolean) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
 }
 declare const UserCompanionSelection: React.FC<IUserCompanionSelection>;
 export default UserCompanionSelection;

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

@@ -5,7 +5,7 @@ interface IButton {
     onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     type?: BUTTON_TYPES;
     size?: 'default' | 'small' | 'large';
-    color?: 'default' | 'primary' | 'secondary' | 'danger' | 'disabled';
+    color?: 'default' | 'primary' | 'secondary' | 'success' | 'danger' | 'disabled';
     style?: React.CSSProperties;
     className?: string;
     iconPath?: string;
@@ -14,6 +14,8 @@ interface IButton {
     iconSize?: string;
     iconViewBox?: string;
     disabled?: boolean;
+    onFocus?: () => void;
+    onBlur?: () => void;
 }
 declare const Button: React.FC<IButton>;
 export default Button;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IArrowLeftButton {
+    clicked: () => void;
+    fill?: string;
+}
+declare const ArrowLeftButton: React.FC<IArrowLeftButton>;
+export default ArrowLeftButton;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IBackButton {
+    clicked: () => void;
+    text?: string;
+    fill?: string;
+}
+declare const BackButton: React.FC<IBackButton>;
+export default BackButton;

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import './CloseIconButton2.scss';
 interface ICloseIconButton {
     clicked: () => void;
     fill: string;
+    rounded?: boolean;
 }
 declare const CloseIconButton2: React.FC<ICloseIconButton>;
 export default CloseIconButton2;

package/components/base/Button/Icons/EyeIconButtonEx/EyeIconButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IEyeIconButton {
+    clicked: () => void;
+    show: boolean;
+}
+declare const EyeIconButton: React.FC<IEyeIconButton>;
+export default EyeIconButton;

package/components/base/Checkbox/Checkbox.d.ts

@@ -5,6 +5,7 @@ interface ICheckbox {
     style?: React.CSSProperties;
     checked: boolean;
     onChange: (checked: boolean, domId: string) => void;
+    className?: string;
 }
 declare const Checkbox: React.FC<ICheckbox>;
 export default Checkbox;

package/components/base/Copy/Copy.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ICopy {
+    copyText: string;
+}
+declare const Copy: React.FC<ICopy>;
+export default Copy;

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

@@ -7,8 +7,10 @@ interface IOptions {
 interface IDropdown {
     id?: string;
     options: Array<IOptions>;
-    defaultValue: string | number;
+    defaultValue: string | number | undefined;
     selectChange: (value: string | number, index: number) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
 }
 declare const Dropdown: React.FC<IDropdown>;
 export default Dropdown;

package/components/base/EllipseIcon/EllipseIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IEllipseIcon {
+    name: 'RESET_PASSWORD_EMAIL' | 'RESET_PASSWORD_APPROVED';
+}
+declare const EllipseIcon: React.FC<IEllipseIcon>;
+export default EllipseIcon;

package/components/base/Header/Header.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IHeader {
+    text: string;
+}
+declare const Header: React.FC<IHeader>;
+export default Header;

package/components/base/InfoBox/InfoBox.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type InfoBoxProps = {
+    iconUrl: string;
+    title: string;
+    description: string;
+};
+declare const InfoBox: React.FC<InfoBoxProps>;
+export default InfoBox;

package/components/base/Input/Input.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+interface IInput {
+    id?: string;
+    className?: string;
+    name: string;
+    value: string | number;
+    size?: 'small' | 'large' | 'default';
+    style?: React.CSSProperties;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    type?: string;
+    min?: string | number;
+    max?: string | number;
+    disabled?: boolean;
+    placeholder?: string;
+    autocomplete?: string;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    children?: React.ReactNode;
+}
+declare const Input: React.FC<IInput>;
+export default Input;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+interface INumberCounter {
+    header?: string;
+    defaultValue?: number;
+    minValue: number;
+    maxValue: number;
+    onChange: (num: number) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+declare const NumberCounter: React.FC<INumberCounter>;
+export default NumberCounter;

package/components/base/RSelect/RSelect.d.ts

@@ -14,6 +14,8 @@ interface IRSelect {
     disabled?: boolean;
     onInputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
     placeHolder?: string;
+    onFocus?: () => void;
+    onBlur?: () => void;
 }
 declare const RSelect: React.FC<IRSelect>;
 export default RSelect;