dhre-ui-kit 2.0.16 → 2.0.18

package/lib/assets/images/loaderLight.d.ts

@@ -0,0 +1,198 @@
+export declare const LOADER_LIGHT: {
+    v: string;
+    fr: number;
+    ip: number;
+    op: number;
+    w: number;
+    h: number;
+    nm: string;
+    ddd: number;
+    assets: never[];
+    layers: {
+        ddd: number;
+        ind: number;
+        ty: number;
+        nm: string;
+        sr: number;
+        ks: {
+            o: {
+                a: number;
+                k: number;
+                ix: number;
+            };
+            r: {
+                a: number;
+                k: number;
+                ix: number;
+            };
+            p: {
+                a: number;
+                k: number[];
+                ix: number;
+                l: number;
+            };
+            a: {
+                a: number;
+                k: number[];
+                ix: number;
+                l: number;
+            };
+            s: {
+                a: number;
+                k: ({
+                    i: {
+                        x: number[];
+                        y: number[];
+                    };
+                    o: {
+                        x: number[];
+                        y: number[];
+                    };
+                    t: number;
+                    s: number[];
+                } | {
+                    t: number;
+                    s: number[];
+                    i?: undefined;
+                    o?: undefined;
+                })[];
+                ix: number;
+                l: number;
+            };
+        };
+        ao: number;
+        shapes: {
+            ty: string;
+            it: ({
+                ind: number;
+                ty: string;
+                ix: number;
+                ks: {
+                    a: number;
+                    k: {
+                        i: number[][];
+                        o: number[][];
+                        v: number[][];
+                        c: boolean;
+                    };
+                    ix: number;
+                };
+                nm: string;
+                mn: string;
+                hd: boolean;
+                mm?: undefined;
+                c?: undefined;
+                o?: undefined;
+                r?: undefined;
+                bm?: undefined;
+                p?: undefined;
+                a?: undefined;
+                s?: undefined;
+                sk?: undefined;
+                sa?: undefined;
+            } | {
+                ty: string;
+                mm: number;
+                nm: string;
+                mn: string;
+                hd: boolean;
+                ind?: undefined;
+                ix?: undefined;
+                ks?: undefined;
+                c?: undefined;
+                o?: undefined;
+                r?: undefined;
+                bm?: undefined;
+                p?: undefined;
+                a?: undefined;
+                s?: undefined;
+                sk?: undefined;
+                sa?: undefined;
+            } | {
+                ty: string;
+                c: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                o: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                r: number;
+                bm: number;
+                nm: string;
+                mn: string;
+                hd: boolean;
+                ind?: undefined;
+                ix?: undefined;
+                ks?: undefined;
+                mm?: undefined;
+                p?: undefined;
+                a?: undefined;
+                s?: undefined;
+                sk?: undefined;
+                sa?: undefined;
+            } | {
+                ty: string;
+                p: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                a: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                s: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                r: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                o: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                sk: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                sa: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                nm: string;
+                ind?: undefined;
+                ix?: undefined;
+                ks?: undefined;
+                mn?: undefined;
+                hd?: undefined;
+                mm?: undefined;
+                c?: undefined;
+                bm?: undefined;
+            })[];
+            nm: string;
+            np: number;
+            cix: number;
+            bm: number;
+            ix: number;
+            mn: string;
+            hd: boolean;
+        }[];
+        ip: number;
+        op: number;
+        st: number;
+        bm: number;
+    }[];
+    markers: never[];
+};

package/lib/assets/index.d.ts

@@ -0,0 +1,22 @@
+import CalenderDots from './images/calenderDots.svg';
+import SearchIcon from './images/searchIcon.svg';
+import CrossIcon from './images/crossIcon.svg';
+import CaretUp from './images/caretUp.svg';
+import CaretDown from './images/caretDown.svg';
+import CaretLeft from './images/caretLeft.svg';
+import HeaderIcon from './images/dotsThreeVertical.svg';
+import CircleTick from './images/circleTick.svg';
+import ArrowLeft from './images/arrowLeft.svg';
+import BellSimple from './images/bellSimple.svg';
+import UploadFile from './images/uploadFileIcon.svg';
+import CaretRight from './images/caretRight.svg';
+import CheckWhite from './images/checkWhite.svg';
+import FileIcon from './images/fileIcon.svg';
+import Trash from './images/trash.svg';
+import DropDownArrow from './images/dropDownArrow.svg';
+import { LOADER_DARK } from './images/loaderDark';
+import { LOADER_LIGHT } from './images/loaderLight';
+import { DEFAULT_LOADER } from './images/defaultLoader';
+import { NakheelLoader } from './images/NakheelLoader';
+import { NakheelLoaderDark } from './images/NakheelLoaderDark';
+export { CalenderDots, SearchIcon, CrossIcon, CaretUp, CaretDown, CaretLeft, HeaderIcon, CircleTick, ArrowLeft, BellSimple, UploadFile, CaretRight, CheckWhite, FileIcon, Trash, DropDownArrow, LOADER_DARK, LOADER_LIGHT, DEFAULT_LOADER, NakheelLoader, NakheelLoaderDark };

package/lib/components/ContactModel/ContactModel.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface ContactModalProps {
+    phoneNumber: string;
+    visible: boolean;
+    onClose: () => void;
+    isMailOpen: boolean;
+    data: string;
+    emailSubject: string;
+}
+declare const _default: (props: ContactModalProps) => React.JSX.Element;
+export default _default;

package/lib/components/ContactModel/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ContactModel';

package/lib/components/OutOfOffice/OurOffices.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactElement } from 'react';
+import { ViewStyle } from 'react-native';
+import { SvgProps } from 'react-native-svg';
+interface OurOfficesButtonProps {
+    leftIcon?: ReactElement<SvgProps>;
+    rightIcon?: ReactElement<SvgProps>;
+    onPress: () => void;
+    title: string;
+    description: string;
+    containerStyle?: ViewStyle;
+    titleVariant?: string;
+    descriptionVariant?: string;
+    titleColor?: string;
+    descriptionColor?: string;
+}
+declare const _default: (props: OurOfficesButtonProps) => React.JSX.Element;
+export default _default;

package/lib/components/OutOfOffice/index.d.ts

@@ -0,0 +1 @@
+export { default } from './OurOffices';

package/lib/components/accordion/Accordion.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AccordionProps } from './Accordion.interface';
+declare const _default: (props: AccordionProps) => React.JSX.Element;
+export default _default;

package/lib/components/accordion/Accordion.interface.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TextStyle, ViewStyle } from 'react-native';
+export interface AccordionProps {
+    title: string;
+    testId?: string;
+    containerStyle?: ViewStyle;
+    titleStyle?: TextStyle;
+    headerStyle?: ViewStyle;
+    children?: React.ReactNode;
+    isOpen: boolean;
+    onToggle: () => void;
+    optionalElement?: () => React.ReactNode;
+    headerComponent?: () => React.ReactNode;
+    disabled?: boolean;
+    icon?: React.ReactElement;
+    titleVariant?: string;
+    slideAnimation?: boolean;
+}

package/lib/components/accordion/Accordion.styles.d.ts

@@ -0,0 +1,23 @@
+declare const styles: {
+    container: {
+        paddingVertical: number;
+        borderBottomWidth: number;
+    };
+    header: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+        paddingHorizontal: number;
+    };
+    title: {
+        flex: number;
+    };
+    iconStyle: {
+        marginLeft: number;
+    };
+    content: {
+        overflow: "scroll";
+        marginTop: number;
+    };
+};
+export default styles;

package/lib/components/accordion/Accordion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/accordion/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Accordion';

package/lib/components/appointment-card/appointment-card.interface.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export interface AppointmentCardProps {
+    isOpen: boolean;
+    onToggle: () => void;
+    icon: React.ReactElement;
+    headerIcon: React.ReactElement;
+    title: string;
+    headerTitle: string;
+    headerSubtitle: string;
+    onViewDetailsPress: () => void;
+    statusIcon: React.ReactElement;
+    infoIcon: React.ReactElement;
+    deleteIcon: React.ReactElement;
+    editIcon: React.ReactElement;
+    onDeletePress: () => void;
+    onEditPress: () => void;
+    onDirectionPress: () => void;
+    data: {
+        title: string;
+        value: string;
+        isLocation?: boolean;
+        isStatus?: boolean;
+    }[];
+    viewText: string;
+    info: string;
+    directionText: string;
+}

package/lib/components/appointment-card/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AppointmentCardProps } from './appointment-card.interface';
+declare const _default: (props: AppointmentCardProps) => React.JSX.Element;
+export default _default;

package/lib/components/appointment-card/styles.d.ts

@@ -0,0 +1,74 @@
+declare const styles: {
+    accordionContainer: {
+        gap: number;
+        marginHorizontal: number;
+        marginVertical: number;
+    };
+    accordionStyle: {
+        paddingHorizontal: number;
+        borderWidth: number;
+        borderRadius: number;
+    };
+    accordionHeader: {
+        paddingHorizontal: number;
+    };
+    accordionHeaderContent: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        columnGap: number;
+    };
+    accordionText: {
+        rowGap: number;
+    };
+    accordionDetails: {
+        paddingTop: number;
+        borderTopWidth: number;
+        rowGap: number;
+    };
+    appointmentInfo: {
+        flex: number;
+        flexDirection: "row";
+        flexWrap: "wrap";
+        rowGap: number;
+    };
+    infoColumn: {
+        width: "50%";
+        rowGap: number;
+    };
+    infoRow: {
+        flexDirection: "row";
+        columnGap: number;
+    };
+    locationInfo: {
+        rowGap: number;
+    };
+    getDirectionsText: {
+        textDecorationLine: "underline";
+    };
+    infoContainer: {
+        padding: number;
+        flexDirection: "row";
+        columnGap: number;
+    };
+    actionsContainer: {
+        borderTopWidth: number;
+        paddingTop: number;
+        flexDirection: "row";
+    };
+    viewText: {
+        flex: number;
+        textDecorationLine: "underline";
+        alignSelf: "center";
+        textAlign: "left";
+    };
+    actionIcons: {
+        flexDirection: "row";
+        columnGap: number;
+    };
+    iconContainer: {
+        width: number;
+        height: number;
+    };
+};
+export default styles;

package/lib/components/badge/Badge.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+import { SvgProps } from 'react-native-svg';
+interface BadgeProps {
+    text?: string;
+    style?: ViewStyle;
+    iconName?: ReactElement<SvgProps>;
+    textStyle?: TextStyle;
+    iconStyle?: ViewStyle;
+    handleIconPress: () => void;
+}
+declare const _default: (props: BadgeProps) => React.JSX.Element;
+export default _default;

package/lib/components/badge/Badge.styles.d.ts

@@ -0,0 +1,16 @@
+declare const styles: {
+    badge: {
+        backgroundColor: string;
+        borderRadius: number;
+        padding: number;
+    };
+    icon: {
+        marginHorizontal: number;
+        height: number;
+        width: number;
+    };
+    text: {
+        color: string;
+    };
+};
+export default styles;

package/lib/components/badge/Badge.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/badge/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Badge';

package/lib/components/bottomDrawer/BottomDrawer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BottomDrawerProps } from './BottomDrawer.interface';
+declare const BottomDrawer: React.FC<BottomDrawerProps>;
+export default BottomDrawer;

package/lib/components/bottomDrawer/BottomDrawer.interface.d.ts

@@ -0,0 +1,30 @@
+import { TextStyle, ViewStyle } from 'react-native';
+export interface BottomDrawerProps {
+    isModalVisible: boolean;
+    toggleModal: () => void;
+    isFullScreen?: boolean;
+    children: React.ReactNode;
+    title: string;
+    testID?: string;
+    style?: ViewStyle;
+    modalContainerStyle?: ViewStyle;
+    showBlurView?: boolean;
+    leftIcon?: React.ReactElement;
+    rightIcon?: React.ReactElement;
+    showLeftIcon?: boolean;
+    showRightIcon?: boolean;
+    onLeftIconPress?: () => void;
+    titleStyle?: TextStyle;
+    titleVariant?: string;
+    showHeader?: boolean;
+    showSeparator?: boolean;
+    backdropColor?: string;
+    backdropOpacity?: number;
+    propagateSwipe?: boolean;
+    swipeDirection?: string;
+    footer?: React.ReactNode;
+    rightTitleVariant?: string;
+    rightTitle?: string;
+    rightTitleStyle?: TextStyle;
+    handleRightTitlePress?: () => void;
+}

package/lib/components/bottomDrawer/BottomDrawer.styles.d.ts

@@ -0,0 +1,53 @@
+declare const styles: {
+    mainContainer: {
+        flex: number;
+        justifyContent: "flex-end";
+    };
+    blurView: {
+        position: "absolute";
+        top: number;
+        left: number;
+        bottom: number;
+        right: number;
+    };
+    modalContainer: {
+        flex: number;
+        backgroundColor: string;
+        paddingTop: number;
+        paddingHorizontal: number;
+    };
+    separator: {
+        height: number;
+        width: number;
+        alignSelf: "center";
+        backgroundColor: string;
+        borderRadius: number;
+    };
+    headerContainer: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+        marginTop: number;
+    };
+    title: {
+        flex: number;
+        color: string;
+        textAlign: "left";
+    };
+    leftIconStyle: {
+        marginRight: number;
+    };
+    rightTitle: {
+        color: string;
+        textAlign: "right";
+        marginRight: number;
+    };
+    rightIconStyle: {
+        marginLeft: number;
+    };
+    rightSideStyle: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+};
+export default styles;

package/lib/components/bottomDrawer/BottomDrawer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/bottomDrawer/index.d.ts

@@ -0,0 +1 @@
+export { default } from './BottomDrawer';

package/lib/components/button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CustomButtonProps } from './Button.interface';
+declare const _default: (props: CustomButtonProps) => React.JSX.Element;
+export default _default;

package/lib/components/button/Button.interface.d.ts

@@ -0,0 +1,20 @@
+import { ReactElement } from 'react';
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { SvgProps } from 'react-native-svg';
+export interface CustomButtonProps {
+    title: string;
+    onPress: () => void;
+    containerStyle?: StyleProp<ViewStyle>;
+    textStyle?: TextStyle;
+    leftIcon?: ReactElement<SvgProps>;
+    rightIcon?: ReactElement<SvgProps>;
+    iconStyle?: ViewStyle;
+    titleColor?: string;
+    titleVariant?: string;
+    imagePosition?: 'left' | 'right';
+    testID?: string;
+    disabled?: boolean;
+    disabledColor?: string;
+    disableButtonTitleColor?: string;
+    isLoading?: boolean;
+}

package/lib/components/button/Button.styles.d.ts

@@ -0,0 +1,69 @@
+declare const styles: {
+    mainContainer: {
+        marginHorizontal: number;
+    };
+    button: {
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        width: "100%";
+        paddingHorizontal: number;
+        alignItems: "center";
+    };
+    directionStyle: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    iconStyle: {
+        height: number;
+        width: number;
+    };
+    primary: {
+        backgroundColor: string;
+        color: string;
+    };
+    secondary: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+    };
+    disable: {
+        backgroundColor: string;
+    };
+    tertiary: {
+        backgroundColor: string;
+    };
+    functionPrimary: {
+        backgroundColor: string;
+    };
+    functionSecondary: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+    };
+    functionNotice: {
+        backgroundColor: string;
+    };
+    primaryText: {
+        color: string;
+    };
+    secondaryText: {
+        color: string;
+    };
+    disableText: {
+        color: string;
+    };
+    tertiaryText: {
+        color: string;
+    };
+    functionPrimaryText: {
+        color: string;
+    };
+    functionSecondaryText: {
+        color: string;
+    };
+    functionNoticeText: {
+        color: string;
+    };
+};
+export default styles;

package/lib/components/button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/button/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Button';

package/lib/components/cards/Cards.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardsProps } from './Cards.interface';
+declare const Cards: React.FC<CardsProps>;
+export default Cards;

package/lib/components/cards/Cards.interface.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface CardsProps {
+    topLeftTitle?: string;
+    subtitle?: string;
+    iconTitle?: string;
+    iconSource?: ReactNode;
+    buttonText?: string;
+    title?: string;
+    buttonShown?: boolean;
+    testID?: string;
+    onButtonPress?: () => void;
+}