@xhsreds/reds-rn-next 0.2.7 → 0.2.9

package/lib/src/components/Sheets/styles.d.ts

@@ -0,0 +1,85 @@
+declare const styles: {
+    wrapper: {
+        position: "absolute";
+        bottom: number;
+        left: number;
+        right: number;
+        top: number;
+    };
+    mask: {
+        width: "100%";
+        height: "100%";
+        position: "absolute";
+        bottom: number;
+        left: number;
+        right: number;
+        top: number;
+    };
+    picker: {
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+        position: "absolute";
+        bottom: number;
+        left: number;
+        right: number;
+    };
+    labelContainer: {
+        display: "flex";
+        justifyContent: "space-between";
+        alignItems: "center";
+        flexDirection: "row";
+        height: number;
+        paddingLeft: number;
+        paddingRight: number;
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+    };
+    cancel: {
+        fontSize: number;
+        fontWeight: "400" | "500" | "600" | "700";
+    };
+    confirm: {
+        fontSize: number;
+        fontWeight: "400" | "500" | "600" | "700";
+    };
+    label: {
+        fontSize: number;
+        fontWeight: "400" | "500" | "600" | "700";
+    };
+    iconBg: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        display: "flex";
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    dragableContainer: {
+        width: "100%";
+        height: number;
+        display: "flex";
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    dragable: {
+        width: number;
+        height: number;
+        borderRadius: number;
+    };
+    block: {
+        width: number;
+        height: number;
+    };
+    actionContainer: {
+        display: "flex";
+        justifyContent: "space-between";
+        alignItems: "center";
+        flexDirection: "row";
+        width: "100%";
+    };
+    action: {
+        flex: number;
+        marginHorizontal: number;
+    };
+};
+export default styles;

package/lib/src/components/Skeleton/Item/SkeletonItem.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { RedsSkeletonItem } from "./interface/index";
+declare const SkeletonItem: {
+    (props: RedsSkeletonItem): React.JSX.Element;
+    defaultProps: {
+        type: string;
+        animation: boolean;
+        loading: boolean;
+    };
+};
+export default SkeletonItem;

package/lib/src/components/Skeleton/Item/SkeletonItem69.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { RedsSkeletonItem } from "./interface/index";
+declare const SkeletonItem: {
+    (props: RedsSkeletonItem): React.JSX.Element;
+    defaultProps: {
+        type: string;
+        animation: boolean;
+        loading: boolean;
+    };
+};
+export default SkeletonItem;

package/{types → lib}/src/components/Skeleton/Item/interface/index.d.ts

@@ -1,13 +1,13 @@
 type SkeletonType = "default" | "button" | "avatar" | "image" | "paragraph";
 export interface RedsSkeletonItem {
-  type: SkeletonType;
-  containerStyle?: any;
-  animation?: boolean;
-  loading?: boolean;
+    type: SkeletonType;
+    containerStyle?: any;
+    animation?: boolean;
+    loading?: boolean;
 }
 export declare const SkeletonItemDefaultProps: {
-  type: string;
-  animation: boolean;
-  loading: boolean;
+    type: string;
+    animation: boolean;
+    loading: boolean;
 };
 export {};

package/lib/src/components/Skeleton/Item/styles.d.ts

@@ -0,0 +1,17 @@
+type SkeletonType = "default" | "button" | "avatar" | "image" | "paragraph";
+declare const createStyles: (type: SkeletonType) => {
+    height: number;
+    width: number;
+    borderRadius: number;
+} | {
+    borderRadius: number;
+    height: number;
+} | {
+    height: number;
+    width: number;
+    borderRadius: number;
+} | {
+    borderRadius: number;
+    height: number;
+} | {};
+export default createStyles;

package/{types → lib}/src/components/Skeleton/Skeleton.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { RedsSkeleton } from "./interface/index";
 declare const Skeleton: {
-  (props: RedsSkeleton): React.JSX.Element;
-  defaultProps: {
-    animation: boolean;
-    loading: boolean;
-  };
+    (props: RedsSkeleton): React.JSX.Element;
+    defaultProps: {
+        animation: boolean;
+        loading: boolean;
+    };
 };
 export default Skeleton;

package/{types → lib}/src/components/Skeleton/Skeleton69.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { RedsSkeleton } from "./interface/index";
 declare const Skeleton: {
-  (props: RedsSkeleton): React.JSX.Element;
-  defaultProps: {
-    animation: boolean;
-    loading: boolean;
-  };
+    (props: RedsSkeleton): React.JSX.Element;
+    defaultProps: {
+        animation: boolean;
+        loading: boolean;
+    };
 };
 export default Skeleton;

package/{types → lib}/src/components/Skeleton/index.d.ts

@@ -2,19 +2,19 @@
 import * as SkeletonType from "./interface";
 import * as SkeletonItemType from "./Item/interface";
 declare const SkeletonComponent: {
-  (props: SkeletonType.RedsSkeleton): import("react").JSX.Element;
-  defaultProps: {
-    animation: boolean;
-    loading: boolean;
-  };
+    (props: SkeletonType.RedsSkeleton): import("react").JSX.Element;
+    defaultProps: {
+        animation: boolean;
+        loading: boolean;
+    };
 };
 declare const SkeletonItemComponent: {
-  (props: SkeletonItemType.RedsSkeletonItem): import("react").JSX.Element;
-  defaultProps: {
-    type: string;
-    animation: boolean;
-    loading: boolean;
-  };
+    (props: SkeletonItemType.RedsSkeletonItem): import("react").JSX.Element;
+    defaultProps: {
+        type: string;
+        animation: boolean;
+        loading: boolean;
+    };
 };
 export default SkeletonComponent;
 export { SkeletonComponent as Skeleton, SkeletonType, SkeletonItemComponent as SkeletonItem, SkeletonItemType };

package/lib/src/components/Skeleton/interface/index.d.ts

@@ -0,0 +1,10 @@
+export interface RedsSkeleton {
+    animation?: boolean;
+    loading?: boolean;
+}
+export interface RedsSkeletonEvent {
+}
+export declare const SkeletonDefaultProps: {
+    animation: boolean;
+    loading: boolean;
+};

package/lib/src/components/Skeleton/styles.d.ts

@@ -0,0 +1,10 @@
+declare const createStyles: () => {
+    defaultBottomButton: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        marginTop: number;
+        marginLeft: number;
+        marginRight: number;
+    };
+};
+export default createStyles;

package/lib/src/components/Slider/Slider.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { RedsSlider } from "./interface/index";
+declare const Slider: {
+    ({ defaultValue, min, max, initalValue, onValueChange }: RedsSlider): React.JSX.Element;
+    defaultProps: {
+        value: number;
+        min: number;
+        max: number;
+        defaultValue: number;
+        initalValue: number;
+        disabled: boolean;
+        clickable: boolean;
+        showLabel: boolean;
+        section: boolean;
+        step: number;
+        activeColor: string;
+        inactiveColor: string;
+    };
+};
+export default Slider;

package/lib/src/components/Slider/interface/index.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+/// <reference types="node" />
+export interface RedsSlider {
+    value?: number;
+    min?: number;
+    max?: number;
+    defaultValue?: number;
+    initalValue?: number;
+    disabled?: boolean;
+    clickable?: boolean;
+    showLabel?: boolean;
+    section?: boolean;
+    labels?: string[] | any[];
+    step?: number;
+    activeColor?: string;
+    inactiveColor?: string;
+    onValueChange?: (value: number) => any;
+    onDrag?: (value: Event) => any;
+    onDragStart?: (value: Event) => any;
+    onDragEnd?: (value: Event) => any;
+}
+export interface RedsSliderEvent {
+}
+export declare const SliderDefaultProps: {
+    value: number;
+    min: number;
+    max: number;
+    defaultValue: number;
+    initalValue: number;
+    disabled: boolean;
+    clickable: boolean;
+    showLabel: boolean;
+    section: boolean;
+    step: number;
+    activeColor: string;
+    inactiveColor: string;
+};

package/lib/src/components/Slider/styles.d.ts

@@ -0,0 +1,20 @@
+declare const styles: {
+    sliderContainer: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    thumb: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+        position: "absolute";
+        left: number;
+    };
+};
+export default styles;

package/lib/src/components/SnackBar/interface/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface RedsSnackBar {
+    show: boolean;
+    title?: string;
+    description?: string;
+    prefixImage?: React.ReactNode;
+    suffixButton?: React.ReactNode;
+}
+export interface RedsSnackBarEvent {
+}
+export declare const SnackBarDefaultProps: {
+    show: boolean;
+    title: string;
+    description: string;
+};

package/lib/src/components/SnackBar/styles.d.ts

@@ -0,0 +1,48 @@
+declare const createStyles: () => {
+    container: {
+        backgroundColor: string;
+        borderRadius: number;
+        paddingLeft: number;
+        paddingRight: number;
+        display: "flex";
+        flexDirection: "row";
+        alignItems: "center";
+        minHeight: number;
+        paddingTop: number;
+        paddingBottom: number;
+        position: "absolute";
+        top: "100%";
+        marginHorizontal: "auto";
+        left: number;
+        right: number;
+        maxWidth: number;
+    };
+    prefixImage: {
+        marginRight: number;
+    };
+    textContent: {
+        flex: number;
+        flexDirection: "column";
+    };
+    title: {
+        fontSize: any;
+        fontWeight: any;
+        lineHeight: any;
+        color: string;
+    };
+    description: {
+        fontSize: any;
+        lineHeight: any;
+        fontWeight: any;
+        color: string;
+    };
+    suffixButton: {
+        marginLeft: number;
+    };
+    buttonText: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        color: string;
+    };
+};
+export default createStyles;

package/{types → lib}/src/components/StatusBar/StatusBar.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { RedsStatusBar } from "./interface/index";
 declare const StatusBar: {
-  ({ value }: RedsStatusBar): React.JSX.Element;
-  defaultProps: {
-    value: any;
-  };
+    ({ value }: RedsStatusBar): React.JSX.Element;
+    defaultProps: {
+        value: any;
+    };
 };
 export default StatusBar;

package/{types → lib}/src/components/StatusBar/hook/getStatusHeight.d.ts

@@ -1,9 +1,7 @@
-export declare const getResolvedDimensions: () =>
-  | import("react-native").ScaledSize
-  | {
-      width: number;
-      height: number;
-    };
+export declare const getResolvedDimensions: () => import("react-native").ScaledSize | {
+    width: number;
+    height: number;
+};
 export declare const isIPhone16Pro: boolean;
 export declare const isIPhone14Pro: boolean;
 export declare const isIPhone12: boolean;

package/{types → lib}/src/components/StatusBar/interface/index.d.ts

@@ -1,7 +1,8 @@
 export interface RedsStatusBar {
-  value?: boolean;
+    value?: boolean;
+}
+export interface RedsStatusBarEvent {
 }
-export interface RedsStatusBarEvent {}
 export declare const StatusBarDefaultProps: {
-  value: any;
+    value: any;
 };

package/lib/src/components/StatusBar/styles.d.ts

@@ -0,0 +1,20 @@
+declare const styles: {
+    StatusBarContainer: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    thumb: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+        position: "absolute";
+        left: number;
+    };
+};
+export default styles;

package/{types → lib}/src/components/Stepper/Stepper.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { RedsStepper } from "./interface/index";
 declare const Stepper: {
-  (props: RedsStepper): React.JSX.Element;
-  defaultProps: {
-    disable: boolean;
-    isControl: boolean;
-  };
+    (props: RedsStepper): React.JSX.Element;
+    defaultProps: {
+        disable: boolean;
+        isControl: boolean;
+    };
 };
 export default Stepper;

package/lib/src/components/Stepper/interface/index.d.ts

@@ -0,0 +1,14 @@
+export interface RedsStepper {
+    value?: number;
+    max?: number;
+    min?: number;
+    disable?: boolean;
+    onChange?: (value: number) => any;
+    isControl?: boolean;
+}
+export interface RedsStepperEvent {
+}
+export declare const StepperDefaultProps: {
+    disable: boolean;
+    isControl: boolean;
+};

package/lib/src/components/Stepper/styles.d.ts

@@ -0,0 +1,33 @@
+export declare const getStyles: (themeColor: any) => {
+    container: {
+        display: "flex";
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    opacity: {
+        opacity: number;
+    };
+    icon: {
+        width: number;
+        height: number;
+        backgroundColor: any;
+        borderRadius: number;
+        display: "flex";
+        justifyContent: "center";
+        alignItems: "center";
+        lineHeight: number;
+    };
+    text: {
+        paddingHorizontal: number;
+        fontWeight: any;
+        fontSize: any;
+        color: any;
+    };
+    iconText: {
+        fontWeight: any;
+        fontSize: any;
+        color: any;
+        marginTop: number;
+    };
+};

package/lib/src/components/Switch/Switch.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { RedsSwitch } from "./interface/index";
+declare const Switch: {
+    ({ value, defaultValue, onChange, onClick, trackOnColor, trackOffColor, disabled, isControl, }: RedsSwitch): React.JSX.Element;
+    defaultProps: {
+        value: any;
+        defaultValue: boolean;
+        disabled: boolean;
+        isControl: boolean;
+    };
+};
+export default Switch;

package/lib/{types/components/ImagePreview → src/components/Switch}/interface/index.d.ts

@@ -1,5 +1,5 @@
 import { GestureResponderEvent } from "react-native";
-export interface RedsImagePreview {
+export interface RedsSwitch {
     value?: boolean;
     defaultValue?: boolean;
     disabled?: boolean;
@@ -7,13 +7,13 @@ export interface RedsImagePreview {
     trackOffColor?: string;
     onChange?: (value: boolean) => any;
     onClick?: (value: GestureResponderEvent) => any;
+    isControl?: boolean;
 }
-export interface RedsImagePreviewEvent {
+export interface RedsSwitchEvent {
 }
-export declare const ImagePreviewDefaultProps: {
-    value: undefined;
+export declare const SwitchDefaultProps: {
+    value: any;
     defaultValue: boolean;
     disabled: boolean;
-    trackOnColor: string;
-    trackOffColor: string;
+    isControl: boolean;
 };

package/lib/src/components/Switch/styles.d.ts

@@ -0,0 +1,20 @@
+declare const styles: {
+    switchContainer: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    thumb: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+        position: "absolute";
+        left: number;
+    };
+};
+export default styles;

package/lib/src/components/Tab/Tabs.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { RedsTab } from "./interface/index";
+import { TabThemeType, TabLayoutType, TabChild } from "./interface";
+export declare const Tab: (props: TabChild) => React.ReactNode;
+declare const Tabs: {
+    (props: RedsTab): React.JSX.Element;
+    defaultProps: {
+        theme: TabThemeType;
+        size: import("./interface/index").TabSizeType;
+        labelType: import("./interface/index").TabLabelType;
+        layout: TabLayoutType;
+        badge: boolean;
+        spaceWidth: number;
+        tabPadding: number;
+        active: string;
+    };
+};
+export default Tabs;