react-native-system-ui 0.0.1 → 0.0.2

package/dist/types/components/config-provider/locale/en-US.d.ts

@@ -0,0 +1,74 @@
+export declare const enUS: {
+    name: string;
+    tel: string;
+    save: string;
+    confirm: string;
+    cancel: string;
+    delete: string;
+    loading: string;
+    noCoupon: string;
+    nameEmpty: string;
+    telInvalid: string;
+    vanCalendar: {
+        end: string;
+        start: string;
+        title: string;
+        confirm: string;
+        startEnd: string;
+        weekdays: string[];
+        monthTitle: (year: number, month: number) => string;
+        rangePrompt: (maxRange: number) => string;
+    };
+    vanPicker: {
+        select: string;
+    };
+    vanContactCard: {
+        addText: string;
+    };
+    vanContactList: {
+        addText: string;
+    };
+    vanPagination: {
+        prev: string;
+        next: string;
+    };
+    vanPullRefresh: {
+        pulling: string;
+        loosing: string;
+        loading: string;
+    };
+    vanSubmitBar: {
+        label: string;
+    };
+    vanCoupon: {
+        unlimited: string;
+        discount: (discount: number) => string;
+        condition: (condition: number) => string;
+    };
+    vanCouponCell: {
+        title: string;
+        count: (count: number) => string;
+    };
+    vanCouponList: {
+        exchange: string;
+        close: string;
+        enable: string;
+        disabled: string;
+        placeholder: string;
+    };
+    vanAddressEdit: {
+        area: string;
+        postal: string;
+        areaEmpty: string;
+        addressEmpty: string;
+        postalEmpty: string;
+        defaultAddress: string;
+    };
+    vanAddressEditDetail: {
+        label: string;
+        placeholder: string;
+    };
+    vanAddressList: {
+        add: string;
+    };
+};

package/dist/types/components/config-provider/locale/zh-CN.d.ts

@@ -0,0 +1,74 @@
+export declare const zhCN: {
+    name: string;
+    tel: string;
+    save: string;
+    confirm: string;
+    cancel: string;
+    delete: string;
+    loading: string;
+    noCoupon: string;
+    nameEmpty: string;
+    telInvalid: string;
+    vanCalendar: {
+        end: string;
+        start: string;
+        title: string;
+        confirm: string;
+        startEnd: string;
+        weekdays: string[];
+        monthTitle: (year: number, month: number) => string;
+        rangePrompt: (maxRange: number) => string;
+    };
+    vanPicker: {
+        select: string;
+    };
+    vanContactCard: {
+        addText: string;
+    };
+    vanContactList: {
+        addText: string;
+    };
+    vanPagination: {
+        prev: string;
+        next: string;
+    };
+    vanPullRefresh: {
+        pulling: string;
+        loosing: string;
+        loading: string;
+    };
+    vanSubmitBar: {
+        label: string;
+    };
+    vanCoupon: {
+        unlimited: string;
+        discount: (discount: number) => string;
+        condition: (condition: number) => string;
+    };
+    vanCouponCell: {
+        title: string;
+        count: (count: number) => string;
+    };
+    vanCouponList: {
+        exchange: string;
+        close: string;
+        enable: string;
+        disabled: string;
+        placeholder: string;
+    };
+    vanAddressEdit: {
+        area: string;
+        postal: string;
+        areaEmpty: string;
+        addressEmpty: string;
+        postalEmpty: string;
+        defaultAddress: string;
+    };
+    vanAddressEditDetail: {
+        label: string;
+        placeholder: string;
+    };
+    vanAddressList: {
+        add: string;
+    };
+};

package/dist/types/components/config-provider/useLocale.d.ts

@@ -0,0 +1,74 @@
+export declare const useLocale: () => {
+    name: string;
+    tel: string;
+    save: string;
+    confirm: string;
+    cancel: string;
+    delete: string;
+    loading: string;
+    noCoupon: string;
+    nameEmpty: string;
+    telInvalid: string;
+    vanCalendar: {
+        end: string;
+        start: string;
+        title: string;
+        confirm: string;
+        startEnd: string;
+        weekdays: string[];
+        monthTitle: (year: number, month: number) => string;
+        rangePrompt: (maxRange: number) => string;
+    };
+    vanPicker: {
+        select: string;
+    };
+    vanContactCard: {
+        addText: string;
+    };
+    vanContactList: {
+        addText: string;
+    };
+    vanPagination: {
+        prev: string;
+        next: string;
+    };
+    vanPullRefresh: {
+        pulling: string;
+        loosing: string;
+        loading: string;
+    };
+    vanSubmitBar: {
+        label: string;
+    };
+    vanCoupon: {
+        unlimited: string;
+        discount: (discount: number) => string;
+        condition: (condition: number) => string;
+    };
+    vanCouponCell: {
+        title: string;
+        count: (count: number) => string;
+    };
+    vanCouponList: {
+        exchange: string;
+        close: string;
+        enable: string;
+        disabled: string;
+        placeholder: string;
+    };
+    vanAddressEdit: {
+        area: string;
+        postal: string;
+        areaEmpty: string;
+        addressEmpty: string;
+        postalEmpty: string;
+        defaultAddress: string;
+    };
+    vanAddressEditDetail: {
+        label: string;
+        placeholder: string;
+    };
+    vanAddressList: {
+        add: string;
+    };
+};

package/dist/types/components/count-down/CountDown.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CountDownInstance, CountDownProps } from './types';
+declare const CountDown: React.ForwardRefExoticComponent<CountDownProps & React.RefAttributes<CountDownInstance>>;
+export default CountDown;

package/dist/types/components/count-down/index.d.ts

@@ -0,0 +1,4 @@
+import CountDown from './CountDown';
+export type { CountDownProps, CountDownInstance } from './types';
+export default CountDown;
+export { CountDown };

package/dist/types/components/count-down/tokens.d.ts

@@ -0,0 +1,4 @@
+import type { Foundations } from '../../design-system/tokens';
+import type { CountDownTokens } from './types';
+export declare const createCountDownTokens: (foundations: Foundations) => CountDownTokens;
+export declare const useCountDownTokens: (overrides?: import("../..").DeepPartial<CountDownTokens> | undefined) => CountDownTokens;

package/dist/types/components/datetime-picker/DatetimePicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DatetimePickerProps } from './types';
+declare const DatetimePicker: React.FC<DatetimePickerProps>;
+export default DatetimePicker;

package/dist/types/components/datetime-picker/index.d.ts

@@ -0,0 +1,3 @@
+import DatetimePicker from './DatetimePicker';
+export type { DatetimePickerProps, DatetimePickerType } from './types';
+export default DatetimePicker;

package/dist/types/components/dialog/Dialog.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DialogProps } from './types';
+export declare const Dialog: React.FC<DialogProps>;
+export default Dialog;

package/dist/types/components/dialog/imperative.d.ts

@@ -0,0 +1,23 @@
+import type { DialogAlertOptions, DialogConfirmOptions, DialogProps, DialogShowOptions } from './types';
+type ImperativeMode = 'show' | 'alert' | 'confirm';
+interface ImperativeMeta {
+    mode: ImperativeMode;
+    resolve?: (value?: any) => void;
+}
+export declare const DialogImperative: {
+    show: (options?: DialogShowOptions) => () => void;
+    alert: (options?: DialogAlertOptions) => Promise<void>;
+    confirm: (options?: DialogConfirmOptions) => Promise<boolean>;
+    clear: () => void;
+    setDefaultOptions: (targetOrOptions: ImperativeMode | DialogShowOptions, maybeOptions?: DialogShowOptions) => void;
+    resetDefaultOptions: (target?: ImperativeMode) => void;
+};
+export declare const __DIALOG_STORE__: {
+    getItems: () => {
+        key: number;
+        options: DialogProps;
+        meta: ImperativeMeta;
+    }[];
+    close: (key: number) => void;
+};
+export {};

package/dist/types/components/dialog/index.d.ts

@@ -0,0 +1,5 @@
+import type React from 'react';
+import type { DialogProps, DialogStatic } from './types';
+export declare const Dialog: React.FC<DialogProps> & DialogStatic;
+export default Dialog;
+export type * from './types';

package/dist/types/components/dialog/tokens.d.ts

@@ -0,0 +1,46 @@
+import { type Foundations } from '../../design-system/tokens';
+import type { TextStyle } from 'react-native';
+export interface DialogTokens {
+    colors: {
+        background: string;
+        title: string;
+        message: string;
+        divider: string;
+        cancel: string;
+        confirm: string;
+        closeIcon: string;
+    };
+    spacing: {
+        paddingHorizontal: number;
+        paddingTop: number;
+        paddingBottom: number;
+        titlePaddingTop: number;
+        titleIsolatedPadding: number;
+        messagePadding: number;
+        messagePaddingTop: number;
+        messagePaddingHorizontal: number;
+        titleGap: number;
+        footerGap: number;
+        roundFooterPadding: number;
+        roundFooterGap: number;
+    };
+    sizes: {
+        minWidth: number;
+        maxWidth: number;
+        borderRadius: number;
+        closeSize: number;
+        actionHeight: number;
+        roundButtonHeight: number;
+    };
+    typography: {
+        titleSize: number;
+        titleLineHeight: number;
+        titleWeight: TextStyle['fontWeight'];
+        messageSize: number;
+        messageLineHeight: number;
+        actionSize: number;
+        actionWeight: TextStyle['fontWeight'];
+    };
+}
+export declare const createDialogTokens: (foundations: Foundations) => DialogTokens;
+export declare const useDialogTokens: (overrides?: import("../..").DeepPartial<DialogTokens> | undefined) => DialogTokens;

package/dist/types/components/divider/Divider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DividerProps } from './types';
+export declare const Divider: React.FC<DividerProps>;

package/dist/types/components/divider/index.d.ts

@@ -0,0 +1,3 @@
+import { Divider } from './Divider';
+export type { DividerProps } from './types';
+export default Divider;

package/dist/types/components/divider/tokens.d.ts

@@ -0,0 +1,4 @@
+import type { Foundations } from '../../design-system/tokens';
+import type { DividerTokens } from './types';
+export declare const createDividerTokens: (foundations: Foundations) => DividerTokens;
+export declare const useDividerTokens: (overrides?: import("../..").DeepPartial<DividerTokens> | undefined) => DividerTokens;

package/dist/types/components/dropdown-menu/DropdownItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DropdownItemInstance, DropdownItemProps } from './types';
+declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<DropdownItemInstance>>;
+export default DropdownItem;

package/dist/types/components/dropdown-menu/DropdownMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DropdownMenuInstance, DropdownMenuProps } from './types';
+declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<DropdownMenuInstance>>;
+export default DropdownMenu;

package/dist/types/components/dropdown-menu/DropdownMenuContext.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { DropdownMenuDirection } from './types';
+export interface DropdownMenuContextValue {
+    activeIndex: number | null;
+    registerPanel: (index: number, panel: React.ReactNode) => void;
+    toggleItem: (index: number) => void;
+    showItem: (index: number) => void;
+    closeMenu: () => void;
+    activeColor?: string;
+    activeIcon?: React.ReactNode;
+    direction: DropdownMenuDirection;
+    disabled?: boolean;
+    menuValue?: Record<string, string | number>;
+    onMenuChange?: (value: Record<string, string | number>) => void;
+}
+export declare const DropdownMenuContext: React.Context<DropdownMenuContextValue | null>;
+export declare const useDropdownMenuContext: () => DropdownMenuContextValue;

package/dist/types/components/dropdown-menu/index.d.ts

@@ -0,0 +1,8 @@
+import DropdownItem from './DropdownItem';
+export type { DropdownMenuProps, DropdownItemProps, DropdownOption, DropdownMenuDirection, DropdownMenuInstance, DropdownItemInstance, } from './types';
+export { useDropdownMenuTokens } from './tokens';
+export { DropdownItem };
+declare const _default: import("react").ForwardRefExoticComponent<import("./types").DropdownMenuProps & import("react").RefAttributes<import("./types").DropdownMenuInstance>> & {
+    Item: import("react").ForwardRefExoticComponent<import("./types").DropdownItemProps & import("react").RefAttributes<import("./types").DropdownItemInstance>>;
+};
+export default _default;

package/dist/types/components/dropdown-menu/tokens.d.ts

@@ -0,0 +1,35 @@
+export interface DropdownMenuTokens {
+    colors: {
+        text: string;
+        activeText: string;
+        placeholder: string;
+        disabledText: string;
+        arrow: string;
+        panelBackground: string;
+        mask: string;
+        divider: string;
+        barBackground: string;
+    };
+    spacing: {
+        horizontal: number;
+        vertical: number;
+        titlePadding: number;
+    };
+    sizing: {
+        barHeight: number;
+        titleFontSize: number;
+        titleLineHeight: number;
+        panelMaxHeight: number;
+    };
+    shadow: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+}
+export declare const useDropdownMenuTokens: (overrides?: import("../..").DeepPartial<DropdownMenuTokens> | undefined) => DropdownMenuTokens;

package/dist/types/components/empty/Empty.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { EmptyProps } from './types';
+export declare const Empty: React.FC<EmptyProps>;

package/dist/types/components/empty/index.d.ts

@@ -0,0 +1,3 @@
+import { Empty } from './Empty';
+export type { EmptyProps, EmptyImage } from './types';
+export default Empty;

package/dist/types/components/empty/tokens.d.ts

@@ -0,0 +1,4 @@
+import type { Foundations } from '../../design-system/tokens';
+import type { EmptyTokens } from './types';
+export declare const createEmptyTokens: (foundations: Foundations) => EmptyTokens;
+export declare const useEmptyTokens: (overrides?: import("../..").DeepPartial<EmptyTokens> | undefined) => EmptyTokens;

package/dist/types/components/field/Field.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FieldInstance, FieldProps } from './types';
+export declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<FieldInstance>>;
+export default Field;

package/dist/types/components/field/index.d.ts

@@ -0,0 +1,7 @@
+import Field from './Field';
+import { CellGroup as FieldGroup } from '../cell';
+export { useFieldTokens } from './tokens';
+export { FieldGroup };
+export type { FieldProps, FieldInstance, FieldType, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig, FieldTooltipProps, FieldShowWordLimit, FieldInputAlign, FieldControlAlign, FieldGroupProps, } from './types';
+export default Field;
+export { Field };

package/dist/types/components/field/tokens.d.ts

@@ -0,0 +1,131 @@
+import type { FieldClearTrigger, FieldControlAlign, FieldFormatTrigger, FieldInputAlign } from './types';
+declare const fieldLayout: {
+    body: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    controlWrapper: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        minWidth: number;
+    };
+    input: {
+        flex: number;
+        minWidth: number;
+        padding: number;
+        margin: number;
+        borderWidth: number;
+        outlineStyle: "solid";
+        outlineWidth: number;
+        outlineColor: string;
+        backgroundColor: string;
+        includeFontPadding: false;
+        textAlignVertical: "center";
+    };
+    textarea: {
+        flex: number;
+        padding: number;
+        margin: number;
+        borderWidth: number;
+        outlineStyle: "solid";
+        outlineWidth: number;
+        outlineColor: string;
+        backgroundColor: string;
+        textAlignVertical: "top";
+    };
+    children: {
+        justifyContent: "center";
+    };
+    leftIcon: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    rightIcon: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    prefix: {
+        justifyContent: "center";
+    };
+    suffix: {
+        justifyContent: "center";
+    };
+    affixText: {
+        includeFontPadding: false;
+    };
+    clearIcon: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    labelWrapper: {
+        flexDirection: "row";
+        alignItems: "center";
+        flexShrink: number;
+        flexGrow: number;
+        minWidth: number;
+    };
+    labelRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        minWidth: number;
+    };
+    tooltip: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    message: {};
+    wordLimit: {};
+};
+export interface FieldTokens {
+    layout: typeof fieldLayout;
+    defaults: {
+        labelWidth: number;
+        labelAlign: FieldInputAlign;
+        inputAlign: FieldInputAlign;
+        controlAlign: FieldControlAlign;
+        clearTrigger: FieldClearTrigger;
+        formatTrigger: FieldFormatTrigger;
+        rows: number;
+        textareaLineHeight: number;
+    };
+    colors: {
+        label: string;
+        input: string;
+        placeholder: string;
+        error: string;
+        disabled: string;
+        intro: string;
+        tooltip: string;
+        clear: string;
+        rightIcon: string;
+        wordLimit: string;
+    };
+    spacing: {
+        labelGap: number;
+        leftIconGap: number;
+        rightIconGap: number;
+        prefixGap: number;
+        suffixGap: number;
+        messageMarginTop: number;
+        introMarginTop: number;
+        wordLimitMarginTop: number;
+    };
+    typography: {
+        labelSize: number;
+        inputSize: number;
+        inputLineHeight: number;
+        placeholderSize: number;
+        messageSize: number;
+        introSize: number;
+        wordLimitSize: number;
+    };
+    sizes: {
+        icon: number;
+        clearIcon: number;
+        textareaMinHeight: number;
+        controlMinHeight: number;
+    };
+}
+export declare const useFieldTokens: (overrides?: import("../..").DeepPartial<FieldTokens> | undefined) => FieldTokens;
+export {};

package/dist/types/components/field/utils.d.ts

@@ -0,0 +1,4 @@
+import type { TextInputProps } from 'react-native';
+import type { FieldProps } from './types';
+export declare const alignMap: Record<'left' | 'center' | 'right', 'flex-start' | 'center' | 'flex-end'>;
+export declare const mapKeyboardType: (type: FieldProps["type"]) => TextInputProps["keyboardType"];

package/dist/types/components/flex/Flex.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { FlexProps } from './types';
+export declare const Flex: React.FC<FlexProps>;

package/dist/types/components/flex/FlexContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+export interface FlexContextValue {
+    horizontalGap: number;
+    verticalGap: number;
+    columns: number;
+}
+export declare const FlexContext: React.Context<FlexContextValue>;

package/dist/types/components/flex/FlexItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { FlexItemProps } from './types';
+export declare const FlexItem: React.FC<FlexItemProps>;

package/dist/types/components/flex/index.d.ts

@@ -0,0 +1,8 @@
+import { FlexItem } from './FlexItem';
+declare const Flex: import("react").FC<import("./types").FlexProps> & {
+    Item: import("react").FC<import("./types").FlexItemProps>;
+};
+export default Flex;
+export { Flex };
+export { FlexItem };
+export type { FlexAlign, FlexItemProps, FlexJustify, FlexProps, FlexWrap } from './types';

package/dist/types/components/flex/tokens.d.ts

@@ -0,0 +1,2 @@
+import type { FlexTokens } from './types';
+export declare const useFlexTokens: (overrides?: import("../..").DeepPartial<FlexTokens> | undefined) => FlexTokens;

package/dist/types/components/form/Form.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { FormInstance, FormProps, FormSubscribeProps, NamePath } from './types';
+declare const InternalForm: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<FormInstance>>;
+export declare const useWatch: (name?: NamePath | NamePath[], formRef?: React.MutableRefObject<FormInstance | null>) => unknown;
+export declare const FormSubscribe: React.FC<FormSubscribeProps>;
+export default InternalForm;

package/dist/types/components/form/FormContext.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { FormInstance, NamePath, RegisteredFieldOptions } from './types';
+export interface FormContextValue {
+    values: Record<string, unknown>;
+    getFieldValue: (name: NamePath) => unknown;
+    setFieldValue: (name: NamePath, value: unknown, trigger?: string) => void;
+    registerField: (name: NamePath, options: RegisteredFieldOptions) => () => void;
+    getFieldError: (name: NamePath) => string[] | undefined;
+    validateField: (name: NamePath, trigger?: string) => Promise<boolean>;
+    getFieldsValue: () => Record<string, unknown>;
+    subscribe: (listener: (changedValues: Record<string, unknown>, allValues: Record<string, unknown>) => void) => () => void;
+    form?: FormInstance;
+    colon?: boolean;
+    labelWidth?: number;
+    showValidateMessage?: boolean;
+}
+export declare const FormContext: React.Context<FormContextValue | null>;

package/dist/types/components/form/FormItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FormItemProps } from './types';
+export type { FormItemProps, FormItemRule } from './types';
+export declare const FormItem: React.FC<FormItemProps>;