@xhsreds/reds-rn-next 0.2.7 → 0.2.9

package/types/src/components/NavigationBar/interface/index.d.ts

@@ -1,44 +0,0 @@
-import { ReactNode } from "react";
-import { RedsIcon } from "../../Icon/interface";
-export declare const enum NavigationBarLayoutType {
-  LEFT = "left",
-  MIDDLE = "middle",
-}
-export declare const enum NavigationBarActionType {
-  Text = "text",
-  Icon = "icon",
-  BgIcon = "bgicon",
-}
-export declare const enum NavigationBarTextTheme {
-  primary = "primary",
-  normal = "normal",
-}
-export interface NavigationBarActionProps {
-  iconProps?: RedsIcon;
-  text?: string;
-  event: () => void;
-  textCustomStyle?: {};
-  textTheme?: NavigationBarTextTheme;
-}
-export declare const enum NavigationBarSize {
-  normal = "normal",
-  large = "large",
-}
-export interface RedsNavigationBar {
-  layout?: NavigationBarLayoutType;
-  actionType?: NavigationBarActionType;
-  leftActions?: NavigationBarActionProps[];
-  rightActions?: NavigationBarActionProps[];
-  size?: NavigationBarSize;
-  title?: string;
-  children?: ReactNode;
-  containerStyles?: {};
-}
-export interface RedsNavigationBarEvent {}
-export declare const NavigationBarDefaultProps: {
-  layout: NavigationBarLayoutType;
-  actionType: NavigationBarActionType;
-  leftActions: any[];
-  rightActions: any[];
-  size: NavigationBarSize;
-};

package/types/src/components/NavigationBar/styles.d.ts

@@ -1,90 +0,0 @@
-declare const getStyles: (themeColor: any) => {
-  navigationBarContainer: {
-    width: "100%";
-    height: number;
-    display: "flex";
-    flexDirection: "row";
-    justifyContent: "center";
-    alignItems: "center";
-    backgroundColor: any;
-    paddingHorizontal: number;
-    position: "relative";
-  };
-  textPrimary: {
-    fontSize: any;
-    fontWeight: any;
-    color: any;
-  };
-  textNormal: {
-    fontSize: any;
-    fontWeight: any;
-    color: any;
-  };
-  title: {
-    fontSize: any;
-    fontWeight: any;
-    color: any;
-    maxWidth: number;
-  };
-  largeTitle: {
-    fontSize: any;
-    fontWeight: any;
-    color: any;
-    maxWidth: number;
-  };
-  largeTitleWrapper: {
-    backgroundColor: any;
-    color: any;
-    height: number;
-    paddingLeft: number;
-  };
-  leftActionStyle: {
-    marginRight: number;
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  rightActionStyle: {
-    marginLeft: number;
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  iconBg: {
-    width: number;
-    height: number;
-    borderRadius: number;
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-    backgroundColor: any;
-  };
-  flexCenter: {
-    display: "flex";
-    flexDirection: "row";
-    alignItems: "center";
-    justifyContent: "center";
-  };
-  flexStart: {
-    display: "flex";
-    flexDirection: "row";
-    alignItems: "center";
-    position: "absolute";
-    left: number;
-  };
-  titleLeftWrapper: {
-    display: "flex";
-    flexDirection: "row";
-    alignItems: "center";
-    justifyContent: "flex-start";
-    flex: number;
-  };
-  flexEnd: {
-    display: "flex";
-    flexDirection: "row";
-    alignItems: "center";
-    position: "absolute";
-    right: number;
-  };
-};
-export default getStyles;

package/types/src/components/Picker/Picker.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { RedsPicker } from "./interface/index";
-declare const Picker: {
-  (props: RedsPicker): React.JSX.Element;
-  defaultProps: {
-    onConfirm: () => void;
-    onCancel: () => void;
-    onChange: () => void;
-    columns: any[];
-    value: any[];
-    visible: boolean;
-  };
-};
-export default Picker;

package/types/src/components/Picker/interface/index.d.ts

@@ -1,21 +0,0 @@
-export interface Column {
-  label: string;
-  value: string;
-}
-export interface RedsPicker {
-  onConfirm: (val: string[]) => void;
-  onCancel: () => void;
-  onChange?: (val: string[]) => void;
-  columns: Column[][];
-  value: string[];
-  visible: boolean;
-}
-export interface RedsPickerEvent {}
-export declare const PickerDefaultProps: {
-  onConfirm: () => void;
-  onCancel: () => void;
-  onChange: () => void;
-  columns: any[];
-  value: any[];
-  visible: boolean;
-};

package/types/src/components/Picker/styles.d.ts

@@ -1,20 +0,0 @@
-declare const styles: {
-  PickerContainer: {
-    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/src/components/PickerView/interface/index.d.ts

@@ -1,38 +0,0 @@
-export interface Column {
-  label: string;
-  value: string;
-}
-export interface RedsPickerView {
-  columns?: Column[][];
-  value?: string[];
-  loading?: boolean;
-  onChange?: (val: string[]) => void;
-}
-export interface RedsPickerViewEvent {}
-export declare const PickerViewDefaultProps: {
-  columns: any[];
-  value: any[];
-  loading: boolean;
-  onChange: () => void;
-};
-export type RedsWheel = {
-  /**
-   * 滚动的列
-   */
-  index: number;
-  /**
-   * 列数据
-   */
-  column: Column[];
-  /**
-   * 当前选中值
-   */
-  value?: string;
-  /**
-   * 变化函数
-   * @param value
-   * @param index
-   * @returns
-   */
-  onSelect: (value: string, index: number) => void;
-};

package/types/src/components/PickerView/styles.d.ts

@@ -1,54 +0,0 @@
-declare const styles: {
-  wrapper: {
-    padding: number;
-    position: "relative";
-    overflow: "hidden";
-  };
-  wheel: {
-    fontSize: number;
-    fontWeight: "400" | "500" | "600" | "700";
-    width: "100%";
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-  };
-  wheelWrapper: {
-    flex: number;
-    display: "flex";
-    justifyContent: "center";
-    alignItems: "center";
-    flexDirection: "row";
-  };
-  mask: {
-    position: "absolute";
-    zIndex: number;
-    left: number;
-    top: number;
-    width: "100%";
-    height: "100%";
-    display: "flex";
-    flexDirection: "column";
-  };
-  maskTop: {
-    flex: number;
-    overflow: "hidden";
-    opacity: number;
-  };
-  maskMiddle: {
-    borderBottomWidth: number;
-    borderTopWidth: number;
-    borderStyle: "solid";
-  };
-  maskBottom: {
-    flex: number;
-    overflow: "hidden";
-    opacity: number;
-  };
-  progressIndicator: {
-    flex: number;
-    display: "flex";
-    alignItems: "center";
-    justifyContent: "center";
-  };
-};
-export default styles;

package/types/src/components/Popover/Popover.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import { RedsPopover } from "./interface/index";
-declare const _default: ({
-  mode,
-  opacity,
-  content,
-  children,
-  isControl,
-  placement,
-  closeOnClickAgain,
-  trigger,
-  zIndex,
-  visible,
-  onVisibleChange,
-  onClickMask: _onClickMask,
-  floatingPadding,
-  popContainerStyle,
-  floatingStyles: propsFloatingStyles,
-  arrowStyles: propsArrowStyles,
-}: RedsPopover) => React.JSX.Element;
-export default _default;

package/types/src/components/Popover/hook.d.ts

@@ -1,76 +0,0 @@
-/// <reference types="react" />
-import { Animated } from "react-native";
-import type { LayoutChangeEvent } from "react-native";
-import { RedsPopover } from "./interface";
-export declare const useFloating: ({
-  placement,
-  needModal,
-  floatingOffset,
-  floatingPadding,
-}: {
-  placement: RedsPopover["placement"];
-  needModal: boolean;
-  floatingOffset?: number;
-  floatingPadding?: number;
-}) => {
-  scrollProps: {
-    onScroll: (event: {
-      nativeEvent: {
-        contentOffset: {
-          x: number;
-          y: number;
-        };
-      };
-    }) => void;
-    scrollEventThrottle: 16;
-  };
-  placement: import("@floating-ui/react-native").Placement;
-  strategy: import("@floating-ui/react-native").Strategy;
-  x: number;
-  y: number;
-  setFloatingRef: <T>(ref: T) => void;
-  setReferenceRef: <T_1>(ref: T_1) => void;
-  setOffsetParentRef: import("react").MutableRefObject<any>;
-  setArrowRef: import("react").MutableRefObject<any>;
-  onReferenceLayout: (event: {
-    nativeEvent: {
-      layout: {
-        x: any;
-        y: any;
-      };
-    };
-  }) => void;
-  onFloatingLayout: (event: LayoutChangeEvent) => void;
-  refs: {
-    reference: import("react").MutableRefObject<any>;
-    floating: import("react").MutableRefObject<any>;
-    offsetParent: import("react").MutableRefObject<any>;
-    setReference: (node: any) => void;
-    setFloating: (node: any) => void;
-    setOffsetParent: (node: any) => void;
-  };
-  elements: {
-    reference: any;
-    floating: any;
-    offsetParent: any;
-  };
-  middlewareData: import("@floating-ui/react-native").MiddlewareData;
-  renderCompleted: boolean;
-  floatingStyles: {
-    position: "absolute";
-    top: number;
-    left: number;
-  };
-  arrowStyles: {
-    position: string;
-    left: number;
-    top: number;
-    transform: {
-      rotate: string;
-    }[];
-  };
-};
-export declare const useMotionVisible: (
-  defaultValue: boolean,
-  motionType: "none" | "weak",
-) => [boolean, (value: React.SetStateAction<boolean>) => void, Animated.Value | number];

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

@@ -1,35 +0,0 @@
-import { ReactNode } from "react";
-import { GestureResponderEvent, ViewStyle } from "react-native";
-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?: ViewStyle;
-  isControl?: boolean;
-}
-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;
-};

package/types/src/components/Popover/styles.d.ts

@@ -1,20 +0,0 @@
-declare const styles: {
-  PopoverContainer: {
-    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/src/components/Portal/core/Portal.d.ts

@@ -1,12 +0,0 @@
-/// <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/types/src/components/Portal/core/PortalProvider.d.ts

@@ -1,7 +0,0 @@
-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/types/src/components/Portal/core/hooks/usePortal.d.ts

@@ -1,8 +0,0 @@
-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/types/src/components/Portal/interface/index.d.ts

@@ -1,110 +0,0 @@
-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/types/src/components/Progress/interface/index.d.ts

@@ -1,15 +0,0 @@
-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/types/src/components/Progress/styles.d.ts

@@ -1,30 +0,0 @@
-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/types/src/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -1,13 +0,0 @@
-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/types/src/components/ProgressIndicator/interface/index.d.ts

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