@tripian/react 5.0.32 → 6.0.0

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;

package/components/base/RadioButtonBoxGroup/RadioButtonBox/RadioButtonBox.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IRadioButtonBox {
+    domId?: string;
+    text: string;
+    style?: React.CSSProperties;
+    checked: boolean;
+    onChange: (checked: boolean, value: string) => void;
+}
+declare const RadioButtonBox: React.FC<IRadioButtonBox>;
+export default RadioButtonBox;

package/components/base/RadioButtonBoxGroup/RadioButtonBoxGroup.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IOptionsIRadioButtonBoxGroup {
+    id: number | string;
+    text: string;
+}
+interface IRadioButtonBoxGroup {
+    options: Array<IOptionsIRadioButtonBoxGroup>;
+    defaultSelectedId?: number;
+    onChange: (addedId?: number, removedId?: number) => void;
+    skippable: boolean;
+}
+declare const RadioButtonBoxGroup: React.FC<IRadioButtonBoxGroup>;
+export default RadioButtonBoxGroup;

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

@@ -5,8 +5,8 @@ interface IOptionsIRadioButtonGroup {
 }
 interface IRadioButtonGroup {
     options: Array<IOptionsIRadioButtonGroup>;
-    defaultSelectedId?: number | string;
-    onChange: (checked: boolean, domId: number) => void;
+    defaultSelectedId?: number;
+    onChange: (addedId?: number, removedId?: number) => void;
     skippable: boolean;
 }
 declare const RadioButtonGroup: React.FC<IRadioButtonGroup>;

package/components/base/ReadMoreLess/ReadMoreLess.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IReadMoreLess {
+    desc?: string;
+    defaultCharLenght?: number;
+}
+declare const ReadMoreLess: React.FC<IReadMoreLess>;
+export default ReadMoreLess;

package/components/base/Required/Required.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type RequiredProps = {
+    customClassName?: string;
+};
+declare const Required: React.FC<RequiredProps>;
+export default Required;

package/components/base/ShowMoreLess/ShowMoreLess.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IShowMoreLess {
+    items: string[];
+    defaultItemCount: number;
+}
+declare const ShowMoreLess: React.FC<IShowMoreLess>;
+export default ShowMoreLess;

package/components/base/Svg/Icons/AppleEx.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IApple {
+    fill?: string;
+    color?: string;
+    size?: string;
+}
+declare const Apple: React.FC<IApple>;
+export default Apple;

package/components/base/Svg/Icons/Approved.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import IIconSvg from './IIconSvg';
+declare const Approved: React.FC<IIconSvg>;
+export default Approved;

package/components/base/Svg/Icons/ArrowRight.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import IIconSvg from './IIconSvg';
+declare const ArrowRight: React.FC<IIconSvg>;
+export default ArrowRight;

package/components/base/Svg/Icons/Email.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import IIconSvg from './IIconSvg';
+declare const Email: React.FC<IIconSvg>;
+export default Email;

package/components/base/Svg/Icons/Eye.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import IIconSvg from './IIconSvg';
+declare const Eye: React.FC<IIconSvg>;
+export default Eye;

package/components/base/Svg/Icons/GoogleEx.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IGoogle {
+    fill?: string;
+    color?: string;
+    size?: string;
+}
+declare const Google: React.FC<IGoogle>;
+export default Google;

package/components/base/Svg/Icons/Hearth.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import IIconSvg from './IIconSvg';
+declare const Hearth: React.FC<IIconSvg>;
+export default Hearth;

package/components/base/Svg/Icons/LandingCalendar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ILandingCalendar {
+    fill?: string;
+    color?: string;
+    size?: string;
+}
+declare const LandingCalendar: React.FC<ILandingCalendar>;
+export default LandingCalendar;

package/components/base/Svg/Icons/LandingCellPhone.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ILandingCellPhone {
+    fill?: string;
+    color?: string;
+    size?: string;
+}
+declare const LandingCellPhone: React.FC<ILandingCellPhone>;
+export default LandingCellPhone;

package/components/base/Svg/Icons/LandingProfile.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ILandingProfile {
+    fill?: string;
+    color?: string;
+    size?: string;
+}
+declare const LandingProfile: React.FC<ILandingProfile>;
+export default LandingProfile;

package/components/base/Svg/Icons/LandingThumbsUp.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ILandingThumbsUp {
+    fill?: string;
+    color?: string;
+    size?: string;
+}
+declare const LandingThumbsUp: React.FC<ILandingThumbsUp>;
+export default LandingThumbsUp;

package/components/base/Svg/Icons/Mask.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import IIconSvg from './IIconSvg';
+declare const Mask: React.FC<IIconSvg>;
+export default Mask;

package/components/base/Svg/Icons/Phone.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import IIconSvg from './IIconSvg';
+declare const Phone: React.FC<IIconSvg>;
+export default Phone;

package/components/base/Svg/Icons/Price.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import IIconSvg from './IIconSvg';
+declare const PriceIcon: React.FC<IIconSvg>;
+export default PriceIcon;

package/components/base/Svg/Icons/TapRight.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import IIconSvg from './IIconSvg';
+declare const TapRight: React.FC<IIconSvg>;
+export default TapRight;

package/components/base/Svg/Icons/Timer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import IIconSvg from './IIconSvg';
+declare const Timer: React.FC<IIconSvg>;
+export default Timer;

package/components/base/Svg/Icons/Web.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import IIconSvg from './IIconSvg';
+declare const Web: React.FC<IIconSvg>;
+export default Web;

package/components/base/Svg/Icons/index.d.ts

@@ -13,6 +13,10 @@ import ThumbsDown from './ThumbsDown';
 import ThumbsDownEmpty from './ThumbsDownEmpty';
 import ThumbsUp from './ThumbsUp';
 import ThumbsUpEmpty from './ThumbsUpEmpty';
+import LandingCalendar from './LandingCalendar';
+import LandingCellPhone from './LandingCellPhone';
+import LandingProfile from './LandingProfile';
+import LandingThumbsUp from './LandingThumbsUp';
 import Legs from './Legs';
 import Uber from './Uber';
-export { Add, Bars, Bicycle, Calendar, Car, Clock, Close, Delete, NextArrow, PreviousArrow, SwitchIcon, ThumbsUp, ThumbsDown, ThumbsUpEmpty, ThumbsDownEmpty, Legs, Uber };
+export { Add, Bars, Bicycle, Calendar, Car, Clock, Close, Delete, NextArrow, PreviousArrow, SwitchIcon, ThumbsUp, ThumbsDown, ThumbsUpEmpty, ThumbsDownEmpty, LandingCalendar, LandingCellPhone, LandingProfile, LandingThumbsUp, Legs, Uber };

package/components/baseEx/Accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IAccordion {
+    id: string;
+    title: string;
+    content: JSX.Element;
+    defaultChecked?: boolean;
+    onClick?: (id: string) => void;
+}
+declare const Accordion: React.FC<IAccordion>;
+export default Accordion;

package/components/baseEx/AutoCompleteSearchV1/AutoCompleteSearchV1.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface IOption {
+    id: number;
+    name: string;
+}
+interface IAutoCompleteSearch {
+    options: Array<IOption>;
+    defaultUserInput?: string;
+    selectOption: Function;
+}
+declare const AutoCompleteSearchV1: React.FC<IAutoCompleteSearch>;
+export default AutoCompleteSearchV1;

package/components/baseEx/Backdrop/Backdrop.d.ts

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

package/components/baseEx/Button/Button.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import BUTTON_TYPES from './ButtonTypes';
+interface IButton {
+    text?: string;
+    onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    type?: BUTTON_TYPES;
+    size?: 'default' | 'small' | 'large';
+    color?: 'default' | 'primary' | 'secondary' | 'danger' | 'disabled';
+    style?: React.CSSProperties;
+    className?: string;
+    iconPath?: string;
+    iconPath2?: string;
+    iconPosition?: string;
+    iconSize?: string;
+    iconViewBox?: string;
+    disabled?: boolean;
+}
+declare const Button: React.FC<IButton>;
+export default Button;

package/components/baseEx/Button/ButtonTypes.d.ts

@@ -0,0 +1,6 @@
+declare enum BUTTON_TYPES {
+    CONTAINED = "CONTAINED",
+    OUTLINED = "OUTLINED",
+    TEXT = "TEXT"
+}
+export default BUTTON_TYPES;

package/components/baseEx/Button/Icons/Add.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Add: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Add;

package/components/baseEx/Button/Icons/Bars.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Bars: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Bars;

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

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

package/components/baseEx/Button/Icons/Bookings.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Bookings: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Bookings;

package/components/baseEx/Button/Icons/Cancel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Cancel: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Cancel;

package/components/baseEx/Button/Icons/Check.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Check: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Check;

package/components/{base/Button/Icons/CloseIconButton2 → baseEx/Button/Icons/CloseIconButton}/CloseIconButton.d.ts

@@ -4,5 +4,5 @@ interface ICloseIconButton {
     clicked: () => void;
     fill: string;
 }
-declare const CloseIconButton2: React.FC<ICloseIconButton>;
-export default CloseIconButton2;
+declare const CloseIconButton: React.FC<ICloseIconButton>;
+export default CloseIconButton;

package/components/baseEx/Button/Icons/Delete.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Delete: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Delete;

package/components/baseEx/Button/Icons/Edit.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Edit: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Edit;

package/components/baseEx/Button/Icons/EyeIconButton/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/baseEx/Button/Icons/FavoriteIconButton/FavoriteIconButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './FavoriteIconButton.scss';
+interface IFavoriteIconButton {
+    clicked: () => void;
+    favorite: boolean;
+}
+declare const FavoriteIconButton: React.FC<IFavoriteIconButton>;
+export default FavoriteIconButton;

package/components/baseEx/Button/Icons/Favorites.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Favorites: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Favorites;

package/components/baseEx/Button/Icons/IButtonIcons.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import BUTTON_TYPES from '../ButtonTypes';
+export interface IButtonIcons {
+    disabled?: boolean;
+    text?: string;
+    onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    type?: BUTTON_TYPES;
+    size?: 'default' | 'small' | 'large';
+    color?: 'default' | 'primary' | 'secondary' | 'danger' | 'disabled';
+    style?: React.CSSProperties;
+    className?: string;
+    iconPosition?: string;
+    iconSize?: string;
+}

package/components/baseEx/Button/Icons/List.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const List: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default List;

package/components/baseEx/Button/Icons/Remove.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Remove: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Remove;

package/components/baseEx/Button/Icons/Replace.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Replace: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Replace;

package/components/baseEx/Button/Icons/Save.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Save: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Save;

package/components/baseEx/Button/Icons/Search.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Search: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Search;

package/components/baseEx/Button/Icons/Uber.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Uber: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+export default Uber;

package/components/baseEx/Button/Icons/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare const _default: {
+    Add: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    Bars: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    Bookings: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    Cancel: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    Check: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    Delete: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    Remove: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    Edit: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    Favorites: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    List: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    Search: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    Save: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    Replace: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+    Uber: import("react").FC<import("./IButtonIcons").IButtonIcons>;
+};
+export default _default;

package/components/baseEx/Checkbox/Checkbox.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ICheckbox {
+    domId: string;
+    text: string;
+    style?: React.CSSProperties;
+    checked: boolean;
+    onChange: (checked: boolean, domId: string) => void;
+}
+declare const Checkbox: React.FC<ICheckbox>;
+export default Checkbox;

package/components/baseEx/CheckboxTree/CheckboxTree.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import Model from '@tripian/model';
+interface ICheckboxTree {
+    domId: string;
+    text: string;
+    subOptions: Array<Model.SubAnswer>;
+    style?: React.CSSProperties;
+    checkeds: Array<number>;
+    onChangeParent: (checked: boolean, domId: string) => void;
+    onChangeChild: (checked: boolean, domId: string) => void;
+}
+declare const CheckboxTree: React.FC<ICheckboxTree>;
+export default CheckboxTree;

package/components/baseEx/Dropdown/Dropdown.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface IOptions {
+    key?: string | number;
+    value: string | number;
+    label?: string | number;
+}
+interface IDropdown {
+    id?: string;
+    options: Array<IOptions>;
+    defaultValue: string | number;
+    selectChange: (value: string | number, index: number) => void;
+}
+declare const Dropdown: React.FC<IDropdown>;
+export default Dropdown;

package/components/baseEx/IconImage/IconImage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IIconImage {
+    type: 'FAVORITES' | 'BOOKINGS' | 'TOUR' | 'SEARCH';
+}
+declare const IconImage: React.FC<IIconImage>;
+export default IconImage;

package/components/baseEx/Img/Img.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IImg {
+    src: string;
+    srcSet: string;
+    alt: string;
+}
+declare const Img: React.FC<IImg>;
+export default Img;

package/components/baseEx/ImgLazy/ImgLazy.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IImgLazy {
+    src: string;
+    alt: string;
+    className?: string;
+    x?: number;
+    y?: number;
+    showThumbnails?: boolean;
+    objectFit?: 'cover' | 'contain';
+    referrerPolicy?: React.HTMLAttributeReferrerPolicy;
+}
+declare const ImgLazy: React.FC<IImgLazy>;
+export default ImgLazy;

package/components/baseEx/ImgLazyBase/ImgLazyBase.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface IImgLazyBase {
+    src: string;
+    alt: string;
+    className?: string;
+    x?: number;
+    y?: number;
+    showThumbnails?: boolean;
+    children: React.ReactNode;
+}
+declare const ImgLazyBase: React.FC<IImgLazyBase>;
+export default ImgLazyBase;

package/components/baseEx/Modal/Modal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface IModal {
+    show: boolean;
+    backdropClose?: boolean;
+    style?: any;
+    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/baseEx/ModalFull/ModalFull.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IModalFull {
+    show: boolean;
+    backdropClose?: boolean;
+    style?: any;
+    className?: string;
+    children: React.ReactNode;
+}
+declare const ModalFull: React.FC<IModalFull>;
+export default ModalFull;

package/components/baseEx/Notification/Notification.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface INotification {
+    title?: string;
+    message: string;
+    type: 'success' | 'warning' | 'error';
+    onClose: () => void;
+    closeMs?: number;
+    positionX?: 'left' | 'center' | 'right';
+    positionY?: 'top' | 'bottom';
+}
+declare const Notification: React.FC<INotification>;
+export default Notification;

package/components/baseEx/NumberCounter/NumberCounter.d.ts

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

package/components/baseEx/NumberInput/NumberInput.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface INumberInput {
+    defaultValue?: number;
+    minValue: number;
+    maxValue: number;
+    placeholder?: string;
+    onchange: (num: number | null) => void;
+}
+declare const NumberInput: React.FC<INumberInput>;
+export default NumberInput;

package/components/baseEx/PageLoading/PageLoading.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const PageLoading: () => JSX.Element;
+export default PageLoading;

package/components/baseEx/PreLoading/PreLoading.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IPreLoading {
+    bgColor?: string;
+    size?: 'small' | 'large' | 'default';
+    customClass?: string;
+}
+declare const PreLoading: React.FC<IPreLoading>;
+export default PreLoading;

package/components/baseEx/ProgressAppLoading/ProgressAppLoading.d.ts

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