@xhsreds/reds-rn-next 0.2.7 → 0.2.9

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

@@ -0,0 +1,46 @@
+import { ReactNode } from "react";
+import { GestureResponderEvent, ImageStyle, ViewStyle } from "react-native";
+interface Offset {
+    x: number;
+    y: number;
+}
+export interface RedsPopover {
+    visible?: boolean;
+    placement?: "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end";
+    content?: ReactNode | (() => ReactNode);
+    opacity?: number;
+    mode?: "light" | "dark";
+    trigger?: "click" | "touch";
+    zIndex?: number;
+    floatingPadding?: number;
+    popContainerStyle?: ViewStyle;
+    closeOnClickAgain?: boolean;
+    children?: ReactNode;
+    onClickMask?: (evnet: GestureResponderEvent) => void;
+    onVisibleChange?: (value: boolean) => void;
+    floatingStyles?: ViewStyle;
+    arrowStyles?: ImageStyle;
+    isControl?: boolean;
+    offset?: Offset;
+}
+export interface RedsPopoverEvent {
+}
+export declare const PopoverDefaultProps: {
+    visible: any;
+    placement: string;
+    content: string;
+    opacity: number;
+    trigger: string;
+    zIndex: number;
+    floatingPadding: number;
+    popContainerStyle: {};
+    closeOnClickAgain: boolean;
+    floatingStyles: {};
+    arrowStyles: {};
+    isControl: boolean;
+    offset: {
+        x: number;
+        y: number;
+    };
+};
+export {};

package/lib/src/components/Portal/core/Portal.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PortalProps } from "../interface";
+export declare const Portal: import("react").MemoExoticComponent<({ name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, }: PortalProps) => any>;

package/lib/src/components/Portal/core/PortalProvider.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { PortalProviderProps } from "../interface";
+export declare let INITIAL_STATE: {};
+export declare const stateDispatch: any;
+export declare const PortalProvider: React.MemoExoticComponent<({ rootHostName, shouldAddRootHost, children, }: PortalProviderProps) => React.JSX.Element>;

package/lib/src/components/Portal/core/hooks/usePortal.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+export declare const usePortal: (hostName?: string) => {
+    registerHost: () => void;
+    deregisterHost: () => void;
+    addPortal: (name: string, node: ReactNode) => void;
+    updatePortal: (name: string, node: ReactNode) => void;
+    removePortal: (name: string) => void;
+};

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

@@ -0,0 +1,111 @@
+import { ReactNode } from "react";
+export interface PortalProviderProps {
+    /**
+     * Defines whether to add a default root host or not.
+     *
+     * @default true
+     * @type boolean
+     */
+    shouldAddRootHost?: boolean;
+    /**
+     * Defines the root portal host name.
+     *
+     * @default "root"
+     * @type string
+     */
+    rootHostName?: string;
+    children?: ReactNode | ReactNode[];
+}
+export interface PortalHostProps {
+    /**
+     * Host's key or name to be used as an identifier.
+     * @type string
+     */
+    name: string;
+}
+export interface PortalProps {
+    /**
+     * Portal's key or name to be used as an identifier.
+     * @type string
+     * @default nanoid generated unique key.
+     */
+    name?: string;
+    /**
+     * Host's name to teleport the portal content to.
+     * @type string
+     * @default 'root'
+     */
+    hostName?: string;
+    /**
+     * Override internal mounting functionality, this is useful
+     * if you want to trigger any action before mounting the portal content.
+     * @type (mount?: () => void) => void
+     * @default undefined
+     */
+    handleOnMount?: (mount: () => void) => void;
+    /**
+     * Override internal un-mounting functionality, this is useful
+     * if you want to trigger any action before un-mounting the portal content.
+     * @type (unmount?: () => void) => void
+     * @default undefined
+     */
+    handleOnUnmount?: (unmount: () => void) => void;
+    /**
+     * Override internal updating functionality, this is useful
+     * if you want to trigger any action before updating the portal content.
+     * @type (update?: () => void) => void
+     * @default undefined
+     */
+    handleOnUpdate?: (update: () => void) => void;
+    /**
+     * Portal's content.
+     * @type ReactNode
+     * @default undefined
+     */
+    children?: ReactNode | ReactNode[];
+}
+declare enum ACTIONS {
+    REGISTER_HOST = 0,
+    DEREGISTER_HOST = 1,
+    ADD_UPDATE_PORTAL = 2,
+    REMOVE_PORTAL = 3
+}
+export interface PortalType {
+    name: string;
+    node: ReactNode;
+}
+export { ACTIONS };
+export interface AddUpdatePortalAction {
+    type: ACTIONS;
+    hostName: string;
+    portalName: string;
+    node: ReactNode;
+}
+export interface RemovePortalAction {
+    type: ACTIONS;
+    hostName: string;
+    portalName: string;
+}
+export interface RegisterHostAction {
+    type: ACTIONS;
+    hostName: string;
+}
+export interface UnregisterHostAction {
+    type: ACTIONS;
+    hostName: string;
+}
+export type ActionTypes = AddUpdatePortalAction | RemovePortalAction | RegisterHostAction | UnregisterHostAction;
+export interface PortalType {
+    name: string;
+    node: ReactNode;
+}
+export interface RedsPortal {
+    shouldAddRootHost?: boolean;
+    rootHostName?: string;
+}
+export interface RedsPortalEvent {
+}
+export declare const PortalDefaultProps: {
+    shouldAddRootHost: boolean;
+    rootHostName: string;
+};

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

@@ -0,0 +1,16 @@
+export interface RedsProgress {
+    percentage?: number;
+    strokeWidth?: number;
+    color?: string;
+    trackColor?: string;
+    showPercentage?: boolean;
+    disabled?: boolean;
+}
+export interface RedsProgressEvent {
+}
+export declare const ProgressDefaultProps: {
+    percentage: number;
+    strokeWidth: number;
+    showPercentage: boolean;
+    disabled: boolean;
+};

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

@@ -0,0 +1,30 @@
+export declare const createStyles: () => {
+    progressBase: {
+        width: "100%";
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+    };
+    overlay: {
+        flex: number;
+        position: "relative";
+        borderRadius: number;
+        overflow: "hidden";
+        height: "100%";
+    };
+    portion: {
+        position: "absolute";
+        left: number;
+        top: number;
+        bottom: number;
+        borderRadius: number;
+        height: "100%";
+    };
+    text: {
+        marginLeft: number;
+        fontSize: any;
+        lineHeight: any;
+        color: string;
+        fontWeight: any;
+    };
+};

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { RedsProgressIndicator } from "./interface/index";
+declare const ProgressIndicator: {
+    (props: RedsProgressIndicator): React.JSX.Element;
+    defaultProps: {
+        percent: number;
+        showPercent: boolean;
+        formatText: (percent: number) => string;
+        type: string;
+        strokeColor: string;
+    };
+};
+export default ProgressIndicator;

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

@@ -0,0 +1,20 @@
+export interface RedsProgressIndicator {
+    percent?: number;
+    showPercent?: boolean;
+    textStyle?: any;
+    formatText?: (percent: number) => string;
+    size?: number;
+    type?: string;
+    strokeColor?: string;
+    strokeWidth?: number;
+    lottieSource?: string;
+}
+export interface RedsProgressIndicatorEvent {
+}
+export declare const ProgressIndicatorDefaultProps: {
+    percent: number;
+    showPercent: boolean;
+    formatText: (percent: number) => string;
+    type: string;
+    strokeColor: string;
+};