@xhsreds/reds-rn-next 0.2.7 → 0.2.9

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

@@ -1,122 +0,0 @@
-import { RedsCheckBox, RedsCheckBoxGroup, CheckedStatus, CheckBoxGroupSize } from "./interface";
-export declare const iconSizeMap: Record<CheckBoxGroupSize, number>;
-export declare const fontSizeMap: Record<"small" | "medium" | "large", number>;
-export declare const getCheckboxStyle: (props: RedsCheckBox) =>
-  | {
-      display: "flex";
-      flexDirection: "row-reverse";
-      justifyContent: "flex-start";
-      alignItems: "center";
-      marginLeft: number;
-      flexShrink: number;
-      flex: number;
-    }
-  | {
-      display: "flex";
-      flexDirection: "row-reverse";
-      justifyContent: "flex-end";
-      alignItems: "flex-start";
-      width: "100%";
-      marginTop: number;
-      flex: number;
-    }
-  | {
-      display: "flex";
-      justifyContent: "flex-start";
-      alignItems: "flex-start";
-      flexDirection: "row";
-      width: "100%";
-      marginTop: number;
-      flex: number;
-    };
-export declare const getCheckBoxGroupStyle: (
-  props: RedsCheckBoxGroup,
-  themeColor: any,
-) =>
-  | {
-      width: "100%";
-      display: "flex";
-      flexDirection: "row";
-      backgroundColor: any;
-      paddingLeft: number;
-    }
-  | {
-      width: "100%";
-      display: "flex";
-      flexDirection: "column";
-      backgroundColor: any;
-      paddingLeft: number;
-    };
-export declare const getCheckBoxLabelTextStyle: (
-  props: RedsCheckBox,
-  themeColor: any,
-) => {
-  fontWeight: "400" | "500" | "600" | "700";
-  fontSize: number;
-  color: any;
-};
-export declare const getCheckBoxLabelStyle: (
-  props: RedsCheckBox,
-  themeColor: any,
-) => {
-  opacity: number;
-};
-export declare const getCheckBoxIconStyle: (
-  checked: boolean,
-  props: RedsCheckBox,
-  themeColor: any,
-) => {
-  width: number;
-  height: number;
-  borderRadius: number;
-  borderWidth: number;
-  borderColor: any;
-  borderStyle: "solid";
-  backgroundColor: any;
-  opacity: number;
-  marginRight: number;
-  marginLeft: number;
-  display: "flex";
-  justifyContent: "center";
-  alignItems: "center";
-  flexShrink: number;
-};
-export declare const getFullIconStyle: (
-  checked: CheckedStatus,
-  props: RedsCheckBoxGroup,
-  themeColor: any,
-) => {
-  width: number;
-  height: number;
-  borderRadius: number;
-  borderWidth: number;
-  borderColor: any;
-  borderStyle: "solid";
-  backgroundColor: any;
-  opacity: number;
-  marginRight: number;
-  display: "flex";
-  justifyContent: "center";
-  alignItems: "center";
-  flexShrink: number;
-};
-export declare const getStyles: (themeColor: any) => {
-  fullContainer: {
-    display: "flex";
-    flexDirection: "row";
-    justifyContent: "space-between";
-    alignItems: "center";
-    backgroundColor: any;
-    paddingVertical: number;
-  };
-  text: {
-    color: any;
-    fontSize: number;
-    fontWeight: "400" | "500" | "600" | "700";
-  };
-  flexRow: {
-    display: "flex";
-    flexDirection: "row";
-    alignItems: "center";
-  };
-};

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

@@ -1,13 +0,0 @@
-import React from "react";
-import { RedsCollapse } from "./interface/index";
-declare const Collapse: {
-  (props: RedsCollapse): React.JSX.Element;
-  defaultProps: {
-    activeValue?: (string | number)[];
-    accordion?: boolean;
-    size?: "Large" | "Medium" | "Small";
-    onChange?: (activeValue: (string | number)[]) => void;
-    children: React.ReactNode;
-  };
-};
-export default Collapse;

package/types/src/components/Collapse/Item/interface/index.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from "react";
-export interface IItem {
-  value: string | number;
-  title?: string;
-  lazyRender?: boolean;
-  children: ReactNode;
-  onClick?: (value: string | number) => void;
-}
-export interface IItemEvent {
-  (e: "change", value: string | number): any;
-}
-export declare const ItemDefaultProps: IItem;

package/types/src/components/Collapse/Item/styles.d.ts

@@ -1,19 +0,0 @@
-declare const createStyles: (size: string) => {
-  header: {
-    paddingVertical: number;
-    paddingHorizontal: number;
-  };
-  title: {
-    color: string;
-    fontSize: any;
-    fontWeight: any;
-    lineHeight: any;
-  };
-  content: {
-    paddingTop: number;
-    paddingBottom: number;
-    paddingLeft: number;
-    paddingRight: number;
-  };
-};
-export default createStyles;

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

@@ -1,24 +0,0 @@
-import { ReactNode } from "react";
-type ActiveValueType = Array<string | number>;
-export interface ICollapseContext {
-  isActiveValue?: (key: string | number) => boolean;
-  addActiveValue?: (key: string | number) => void;
-  removeActiveValue?: (key: string | number) => void;
-  size?: "Large" | "Medium" | "Small";
-  activeValue?: Array<string | number>;
-}
-export interface RedsCollapse {
-  activeValue?: ActiveValueType;
-  accordion?: boolean;
-  size?: "Large" | "Medium" | "Small";
-  onChange?: (activeValue: ActiveValueType) => void;
-  children: ReactNode;
-}
-export interface RedsCollapseEvent {}
-export declare const CollapseDefaultProps: {
-  activeValue: any[];
-  accordion: boolean;
-  size: string;
-  children: any;
-};
-export {};

package/types/src/components/ConfigProvider/hooks/ConfigCache/ConfigCache.d.ts

@@ -1,40 +0,0 @@
-import { IConfigCache, Component, LightToken, DarkToken } from "./interface";
-type TypographyStyleKey =
-  | "H1"
-  | "H2"
-  | "H3"
-  | "T1"
-  | "T2"
-  | "T3"
-  | "B1"
-  | "B1Loose"
-  | "B2"
-  | "B2Loose"
-  | "B2LooseSwitch"
-  | "C1"
-  | "C1Emphasized"
-  | "C2"
-  | "C2Emphasized"
-  | "C3"
-  | "C3Emphasized";
-declare class ConfigCache {
-  configCache: Record<string, IConfigCache>;
-  multipleConfigurations: boolean;
-  constructor({ id, themeCache }: IConfigCache);
-  addNewConfigCache({ id, themeCache, parentId }: IConfigCache): void;
-  getColorModeById(id: string): string;
-  getTokenById(id: string, tokenType: "lightColor" | "darkColor" | "alwaysColor", key: LightToken | DarkToken): any;
-  getLightTokenById(id: string, key: LightToken | DarkToken): any;
-  getDarkTokenById(id: string, key: LightToken | DarkToken): any;
-  getTokenByIdAndComponent(
-    id: string,
-    tokenType: "lightColor" | "darkColor" | "alwaysColor",
-    component: Component,
-  ): any;
-  getLightTokenByIdAndComponent(id: string, component: Component): any;
-  getDarkTokenByIdAndComponent(id: string, component: Component): any;
-  getTypographyByIdAndComponent(id: string, component: Component, styleKey: TypographyStyleKey, subKey: string): any;
-  getTypographyById(id: string, styleKey: TypographyStyleKey, subKey: string): any;
-}
-export declare const configCache: ConfigCache;
-export {};

package/types/src/components/ConfigProvider/hooks/ConfigCache/interface.d.ts

@@ -1,119 +0,0 @@
-import { lightColor, darkColor, typography } from "@xhs/reds-token-next";
-type ValueOf<T> = T[keyof T];
-export type LightToken = keyof typeof lightColor;
-export type DarkToken = keyof typeof darkColor;
-export type TypographyToken = keyof typeof typography;
-export type ThemeColor = {
-  [key in LightToken | DarkToken]: ValueOf<typeof lightColor | typeof darkColor>;
-};
-export type ThemeTypography = {
-  [key in TypographyToken]: any;
-};
-export type ColorMode = "light" | "dark" | string;
-export type Component =
-  | "Button"
-  | "Popover"
-  | "Icon"
-  | "FAB"
-  | "Tag"
-  | "Switch"
-  | "Text"
-  | "Result"
-  | "Empty"
-  | "PullRefresh"
-  | "Collapse"
-  | "ProgressIndicator"
-  | "Progress"
-  | "Carousel"
-  | "Checkbox"
-  | "Form"
-  | "Skeleton"
-  | "Alert"
-  | "ActionSheets"
-  | "Sheets"
-  | "MiniSnackbar"
-  | "NoticeBar"
-  | "Toast"
-  | "Image"
-  | "Avatar"
-  | "DropdownMenu"
-  | "AvatarStack"
-  | "ImagePreview"
-  | "Search"
-  | "Divider"
-  | "Slider"
-  | "Stepper"
-  | "Uploader"
-  | "TextField"
-  | "TextView"
-  | "Badge"
-  | "BottomBar"
-  | "DatePicker"
-  | "NavigationBar"
-  | "Tab"
-  | "TabBar"
-  | "Picker"
-  | "Radio"
-  | "Rate"
-  | "List"
-  | "SnackBar";
-export type ComponentColor = {
-  [key in Component]: ThemeColor;
-};
-type ComponentsToken = {
-  [K in Component]?: {
-    lightColor?: Record<string, string>;
-    darkColor?: Record<string, string>;
-    alwaysColor?: Record<string, string>;
-    H1?: Record<string, string | number>;
-    H2?: Record<string, string | number>;
-    H3?: Record<string, string | number>;
-    T1?: Record<string, string | number>;
-    T2?: Record<string, string | number>;
-    T3?: Record<string, string | number>;
-    B1?: Record<string, string | number>;
-    B1Loose?: Record<string, string | number>;
-    B2?: Record<string, string | number>;
-    B2Loose?: Record<string, string | number>;
-    B2LooseSwitch?: Record<string, string | number>;
-    C1?: Record<string, string | number>;
-    C1Emphasized?: Record<string, string | number>;
-    C2?: Record<string, string | number>;
-    C2Emphasized?: Record<string, string | number>;
-    C3?: Record<string, string | number>;
-    C3Emphasized?: Record<string, string | number>;
-  };
-};
-export interface IThemeCache {
-  token?: {
-    lightColor: Record<string, string>;
-    darkColor: Record<string, string>;
-    alwaysColor: Record<string, string>;
-    H1?: Record<string, string | number>;
-    H2?: Record<string, string | number>;
-    H3?: Record<string, string | number>;
-    T1?: Record<string, string | number>;
-    T2?: Record<string, string | number>;
-    T3?: Record<string, string | number>;
-    B1?: Record<string, string | number>;
-    B1Loose?: Record<string, string | number>;
-    B2?: Record<string, string | number>;
-    B2Loose?: Record<string, string | number>;
-    B2LooseSwitch?: Record<string, string | number>;
-    C1?: Record<string, string | number>;
-    C1Emphasized?: Record<string, string | number>;
-    C2?: Record<string, string | number>;
-    C2Emphasized?: Record<string, string | number>;
-    C3?: Record<string, string | number>;
-    C3Emphasized?: Record<string, string | number>;
-    components?: ComponentsToken;
-  };
-  colorMode: ColorMode;
-  inherit?: boolean;
-}
-export interface IConfigCache {
-  id: string;
-  themeCache: IThemeCache;
-  parentId: string;
-}
-export {};

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

@@ -1,129 +0,0 @@
-import { ReactNode } from "react";
-type ColorMode = "light" | "dark";
-type Component =
-  | "Button"
-  | "Popover"
-  | "Icon"
-  | "FAB"
-  | "Tag"
-  | "Switch"
-  | "Text"
-  | "Result"
-  | "Empty"
-  | "PullRefresh"
-  | "Collapse"
-  | "ProgressIndicator"
-  | "Progress"
-  | "Carousel"
-  | "Checkbox"
-  | "Form"
-  | "Skeleton"
-  | "Alert"
-  | "ActionSheets"
-  | "Sheets"
-  | "MiniSnackbar"
-  | "NoticeBar"
-  | "Toast"
-  | "Image"
-  | "Avatar"
-  | "DropdownMenu"
-  | "AvatarStack"
-  | "ImagePreview"
-  | "Search"
-  | "Divider"
-  | "Slider"
-  | "Stepper"
-  | "Uploader"
-  | "TextField"
-  | "TextView"
-  | "Badge"
-  | "BottomBar"
-  | "DatePicker"
-  | "NavigationBar"
-  | "Tab"
-  | "TabBar"
-  | "Picker"
-  | "Radio"
-  | "Rate"
-  | "List"
-  | "SnackBar";
-type ComponentsToken = {
-  [K in Component]?: {
-    lightColor?: Record<string, string>;
-    darkColor?: Record<string, string>;
-    alwaysColor?: Record<string, string>;
-    H1?: Record<string, string | number>;
-    H2?: Record<string, string | number>;
-    H3?: Record<string, string | number>;
-    T1?: Record<string, string | number>;
-    T2?: Record<string, string | number>;
-    T3?: Record<string, string | number>;
-    B1?: Record<string, string | number>;
-    B1Loose?: Record<string, string | number>;
-    B2?: Record<string, string | number>;
-    B2Loose?: Record<string, string | number>;
-    B2LooseSwitch?: Record<string, string | number>;
-    C1?: Record<string, string | number>;
-    C1Emphasized?: Record<string, string | number>;
-    C2?: Record<string, string | number>;
-    C2Emphasized?: Record<string, string | number>;
-    C3?: Record<string, string | number>;
-    C3Emphasized?: Record<string, string | number>;
-  };
-};
-interface IThemeConfig {
-  token?: {
-    lightColor?: Record<string, string>;
-    darkColor?: Record<string, string>;
-    alwaysColor?: Record<string, string>;
-    components?: ComponentsToken;
-  };
-  inherit?: boolean;
-  colorMode?: ColorMode;
-}
-export interface ConfigProviderProps {
-  id?: string;
-  children: React.ReactNode;
-  theme?: IThemeConfig;
-  parentId?: string;
-}
-export interface IThemeToken {
-  lightColor?: Record<string, string>;
-  darkColor?: Record<string, string>;
-  alwaysColor?: Record<string, string>;
-  H1?: Record<string, string | number>;
-  H2?: Record<string, string | number>;
-  H3?: Record<string, string | number>;
-  T1?: Record<string, string | number>;
-  T2?: Record<string, string | number>;
-  T3?: Record<string, string | number>;
-  B1?: Record<string, string | number>;
-  B1Loose?: Record<string, string | number>;
-  B2?: Record<string, string | number>;
-  B2Loose?: Record<string, string | number>;
-  B2LooseSwitch?: Record<string, string | number>;
-  C1?: Record<string, string | number>;
-  C1Emphasized?: Record<string, string | number>;
-  C2?: Record<string, string | number>;
-  C2Emphasized?: Record<string, string | number>;
-  C3?: Record<string, string | number>;
-  C3Emphasized?: Record<string, string | number>;
-  components?: ComponentsToken;
-}
-export interface RedsConfigProvider {
-  id?: string;
-  parentId?: string;
-  colorMode?: ColorMode;
-  inherit?: boolean;
-  token?: IThemeToken;
-  children?: ReactNode;
-}
-export interface RedsConfigProviderEvent {}
-export declare const defaultProps: RedsConfigProvider;
-export declare const ConfigProviderDefaultProps: {
-  id: string;
-  parentId: string;
-  colorMode: string;
-  inherit: boolean;
-};
-export {};

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

@@ -1,15 +0,0 @@
-import React from "react";
-import { RedsDatePicker } from "./interface/index";
-import { DatePickerMode } from "./interface";
-declare const DatePicker: {
-  (props: RedsDatePicker): React.JSX.Element;
-  defaultProps: {
-    visible: boolean;
-    mode: DatePickerMode;
-    formatter: (value: string) => string;
-    onChange: (value: string) => void;
-    onCancel: () => void;
-    onConfirm: (value: string) => void;
-  };
-};
-export default DatePicker;

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

@@ -1,33 +0,0 @@
-export declare const enum DatePickerMode {
-  YearMonthDay = "yearmonthday",
-  YearMonth = "yearmonth",
-  Year = "year",
-  Hour = "hour",
-  HourMinute = "hourminute",
-  HourMinuteSecond = "hourminutesecond",
-}
-export interface RedsDatePicker {
-  visible: boolean;
-  value: string;
-  cancelText?: string;
-  confirmText?: string;
-  mode?: DatePickerMode;
-  startYear?: number;
-  endYear?: number;
-  startTime?: string;
-  endTime?: string;
-  label: string;
-  formatter?: (value: string) => any;
-  onChange?: (value: string) => void;
-  onCancel: () => void;
-  onConfirm: (value: string) => void;
-}
-export interface RedsDatePickerEvent {}
-export declare const DatePickerDefaultProps: {
-  visible: boolean;
-  mode: DatePickerMode;
-  formatter: (value: string) => string;
-  onChange: (value: string) => void;
-  onCancel: () => void;
-  onConfirm: (value: string) => void;
-};

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

@@ -1,20 +0,0 @@
-declare const styles: {
-  DatePickerContainer: {
-    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/Divider/Divider.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import { RedsDivider } from "./interface";
-declare const _default: React.MemoExoticComponent<
-  React.ForwardRefExoticComponent<RedsDivider & React.RefAttributes<View>>
->;
-export default _default;

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

@@ -1,14 +0,0 @@
-export interface RedsDivider {
-  direction?: "primary" | "secondary" | "horizontal" | "vertical";
-  orientation?: "left" | "center" | "right";
-  size?: number;
-  margin?: [number | string, number | string] | undefined;
-  color?: string;
-  stroke?: number;
-  children?: any;
-}
-export interface RedsDividerEvent {}
-export declare const DividerDefaultProps: {
-  direction: string;
-  orientation: string;
-};

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

@@ -1,14 +0,0 @@
-import { ViewStyle, TextStyle } from "react-native";
-import { RedsDivider } from "./interface";
-declare const getStyles: (p: RedsDivider) => {
-  divider: ViewStyle;
-  horizontal: ViewStyle;
-  vertical: ViewStyle;
-  primary: TextStyle;
-  secondary: TextStyle;
-  textContainer: TextStyle;
-  text: TextStyle;
-  before: ViewStyle;
-  after: ViewStyle;
-};
-export { getStyles };

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

@@ -1,14 +0,0 @@
-import React from "react";
-import { RedsDropDown, FILTER_TYPE } from "./interface/index";
-declare const DropDown: {
-  (props: RedsDropDown): React.JSX.Element;
-  defaultProps: {
-    options: any[];
-    filterType: FILTER_TYPE;
-    onReset: () => void;
-    onConfirm: () => void;
-    tabStyle: {};
-    dropdownItemContainerStyle: {};
-  };
-};
-export default DropDown;

package/types/src/components/DropDown/DropDownItem.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import { RedsDropDownItem, DROPDOWNITEMTYPE, MULTIPLEOPTIONCOLUMN } from "./interface/index";
-export declare const getMultiStyles: (
-  props: RedsDropDownItem,
-  index: number,
-  dropDownItemWidth: number,
-) => {
-  width: number;
-  marginRight: number;
-};
-declare const DropDownItem: {
-  (props: RedsDropDownItem): React.JSX.Element;
-  defaultProps: {
-    type: DROPDOWNITEMTYPE;
-    optionColumns: MULTIPLEOPTIONCOLUMN;
-    options: any[];
-    minPlaceHolder: string;
-    maxPlaceHolder: string;
-  };
-};
-export default DropDownItem;