@hero-design/rn 8.113.1 → 8.114.0

package/types/components/Progress/constants.d.ts

@@ -1,15 +0,0 @@
-declare const THEME_INTENT_MAP: {
-    readonly primary: "primary";
-    readonly success: "success";
-    readonly warning: "warning";
-    readonly danger: "danger";
-    readonly info: "info";
-    readonly archived: "archived";
-    readonly 'primary-inverted': "primaryInverted";
-    readonly 'success-inverted': "successInverted";
-    readonly 'warning-inverted': "warningInverted";
-    readonly 'danger-inverted': "dangerInverted";
-    readonly 'info-inverted': "infoInverted";
-    readonly 'archived-inverted': "archivedInverted";
-};
-export { THEME_INTENT_MAP };

package/types/components/Progress/index.d.ts

@@ -1,6 +0,0 @@
-declare const Progress: {
-    readonly Circle: ({ value, renderValue, intent, style, testID, ...nativeProps }: import("./ProgressCircle").ProgressCircleProps) => import("react").ReactElement;
-    readonly Bar: ({ value, intent, style, testID, ...nativeProps }: import("./ProgressBar").ProgressBarProps) => import("react").ReactElement;
-    readonly Step: ({ steps, current, onLayout, ...props }: import("./ProgressStep").ProgressStepProps) => import("react").JSX.Element;
-};
-export default Progress;

package/types/components/Progress/types.d.ts

@@ -1 +0,0 @@
-export type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'archived' | 'primary-inverted' | 'success-inverted' | 'warning-inverted' | 'danger-inverted' | 'info-inverted' | 'archived-inverted';

package/types/components/Radio/Radio.d.ts

@@ -1,43 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-import type { IconName } from '../Icon';
-interface RadioProps {
-    /**
-     * Whether the radio is checked.
-     */
-    checked?: boolean;
-    /**
-     * Press event handler.
-     */
-    onPress: () => void;
-    /**
-     * Radio text.
-     */
-    text: string;
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Radio subtext.
-     */
-    subText?: string;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Idle background color of the Radio.
-     */
-    inactiveIntent?: 'light' | 'dark';
-    /**
-     * Children to be rendered inside the component.
-     */
-    children?: ReactNode;
-    /**
-     * Prefix to be rendered before the radio text.
-     */
-    prefix?: IconName | ReactElement;
-}
-declare const Radio: ({ text, checked, onPress, style, subText, testID, inactiveIntent, children, prefix, }: RadioProps) => ReactElement;
-export default Radio;

package/types/components/Radio/RadioGroup.d.ts

@@ -1,40 +0,0 @@
-import type { ReactElement } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-import type { OptionType } from './types';
-export interface RadioGroupProps<T> {
-    /**
-     * An array of radio options to be selected.
-     */
-    options: OptionType<T>[];
-    /**
-     * Radio input value.
-     */
-    value: T;
-    /**
-     * Press event handler receiving selected radio's value.
-     */
-    onPress: (value: T) => void;
-    /**
-     * Used to extract a unique key for a given option at the specified index. Key is used for caching and as the react key to track item re-ordering.
-     * The default extractor checks option.key, and then falls back to using the index, like React does.
-     */
-    keyExtractor?: (option: OptionType<T>, index?: number) => string;
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Overrides the text that's read by the screen reader when the user interacts with the element.
-     */
-    accessible?: boolean;
-    /**
-     * Idle background color of the Radio.
-     */
-    inactiveIntent?: 'light' | 'dark';
-}
-declare const RadioGroup: <T>({ value, onPress, options, keyExtractor, style, testID, accessible, inactiveIntent, }: RadioGroupProps<T>) => ReactElement;
-export default RadioGroup;

package/types/components/Radio/StyledRadio.d.ts

@@ -1,30 +0,0 @@
-import { View } from 'react-native';
-type RadioIntent = 'light' | 'dark';
-declare const Circle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const InnerCircle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const Spacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeIntent: RadioIntent;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledRadio: import("@emotion/native").StyledComponent<import("../..").ListItemProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeIntent: RadioIntent;
-    themeChecked: boolean;
-}, {}, {}>;
-export { Circle, InnerCircle, Spacer, StyledRadio };

package/types/components/Radio/index.d.ts

@@ -1,4 +0,0 @@
-declare const CompoundRadio: {
-    readonly Group: <T>({ value, onPress, options, keyExtractor, style, testID, accessible, inactiveIntent, }: import("./RadioGroup").RadioGroupProps<T>) => import("react").ReactElement;
-};
-export default CompoundRadio;

package/types/components/Radio/types.d.ts

@@ -1,10 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-import type { IconName } from '../Icon';
-export type OptionType<T> = {
-    value: T;
-    text: string;
-    subText?: string;
-    key?: string;
-    children?: ReactNode;
-    prefix?: IconName | ReactElement;
-};

package/types/components/Rate/StyledRate.d.ts

@@ -1,10 +0,0 @@
-import { Animated, View } from 'react-native';
-declare const StyledWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledIconWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-export { StyledWrapper, StyledIconWrapper };

package/types/components/Rate/index.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import type { ViewProps } from 'react-native';
-interface RateOption<T extends string | number> {
-    value: T;
-}
-interface RateProps<T extends string | number> extends ViewProps {
-    /**
-     * Options for rate component.
-     */
-    options: RateOption<T>[];
-    /**
-     * Value of the component.
-     */
-    value?: T;
-    /**
-     * Callback when value changes.
-     */
-    onChange?: (value: T) => void;
-    /**
-     * Whether the component is readonly.
-     */
-    readonly?: boolean;
-    /**
-     * Whether the component is disabled.
-     */
-    disabled?: boolean;
-}
-declare const Rate: <T extends string | number>({ options, value, onChange, readonly, disabled, ...otherProps }: RateProps<T>) => React.JSX.Element;
-export default Rate;

package/types/components/RefreshControl/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { RefreshControlProps as NativeRefreshControlProps } from 'react-native';
-type RefreshControlProps = Omit<NativeRefreshControlProps, 'colors' | 'tintColor'>;
-declare const RefreshControl: ({ ...props }: RefreshControlProps) => React.JSX.Element;
-export default RefreshControl;

package/types/components/RichTextEditor/EditorEvent.d.ts

@@ -1,3 +0,0 @@
-import { EventEmitter } from 'events';
-declare const emitter: EventEmitter;
-export { emitter };

package/types/components/RichTextEditor/EditorToolbar.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { ToolbarButtonName } from './types';
-export interface EditorToolbarProps {
-    /**
-     * List of buttons to display in toolbar
-     */
-    buttons?: ToolbarButtonName[];
-    /**
-     * Unique name used to communicate with webview, should be the same with the RichTextEditor component it used with
-     */
-    name: string;
-    /**
-     * Testing ID of the component
-     */
-    testID?: string;
-}
-declare const EditorToolbar: ({ name, buttons, testID, }: EditorToolbarProps) => React.JSX.Element | null;
-export default EditorToolbar;

package/types/components/RichTextEditor/MentionList.d.ts

@@ -1,18 +0,0 @@
-import type { ReactElement } from 'react';
-import React from 'react';
-interface OnSelectOptionsType<TMetaData> {
-    highlighted: boolean;
-    meta?: TMetaData;
-}
-export interface MentionListProps<TMetaData = unknown> {
-    /**
-     * Unique name used to communicate with webview, should be the same with the RichTextEditor component it used with
-     */
-    name: string;
-    /**
-     * Function used to render mention options
-     */
-    render: (searchText: string, onSelect: (id: string, name: string, options?: OnSelectOptionsType<TMetaData>) => void) => ReactElement;
-}
-declare const MentionList: <TMetaData>({ name: eventPrefix, render, }: MentionListProps<TMetaData>) => React.JSX.Element | null;
-export default MentionList;

package/types/components/RichTextEditor/RichTextEditor.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import type { Ref } from 'react';
-import type { RichTextEditorInputProps, RichTextEditorRef } from './RichTextEditorInput';
-export interface RichTextEditorProps extends Omit<RichTextEditorInputProps, 'editorRef'> {
-    /**
-     * Field label
-     */
-    label: string;
-    /**
-     * Field helper text
-     */
-    helpText?: string;
-    /**
-     *  Whether the input is required, if true, an asterisk will be appended to the label.
-     * */
-    required?: boolean;
-    /**
-     * Testing ID of the component
-     */
-    testID?: string;
-    /**
-     * Imperative ref to expose the component method
-     */
-    forwardedRef?: Ref<RichTextEditorRef>;
-}
-declare const RichTextEditorWithRef: React.ForwardRefExoticComponent<Omit<RichTextEditorProps, "forwardedRef"> & React.RefAttributes<RichTextEditorRef>>;
-export default RichTextEditorWithRef;

package/types/components/RichTextEditor/RichTextEditorInput.d.ts

@@ -1,69 +0,0 @@
-import type { ReactElement, Ref } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-import type { TextUnit } from './types';
-export interface RichTextEditorRef {
-    requestBlur: VoidFunction;
-    insertNodes: (nodes: Record<string, unknown>[]) => void;
-    deleteBackward: (unit?: TextUnit) => void;
-    setReadOnly: (readOnly: boolean) => void;
-}
-export type EditorValue = {
-    type: string;
-    children: any;
-}[];
-export interface RichTextEditorInputProps {
-    /**
-     * If true, the editor will be focused when the user enters the screen
-     */
-    autoFocus?: boolean;
-    /**
-     * Error message
-     */
-    error?: string;
-    /**
-     * Field value
-     */
-    value?: EditorValue;
-    /**
-     * Unique name used to communicate with webview
-     */
-    name: string;
-    /**
-     * Callback function called when the field value changed
-     */
-    onChange: (data: EditorValue) => void;
-    /**
-     * Callback function called when the cursor position changed
-     */
-    onCursorChange?: (params: {
-        position: {
-            top: number;
-        };
-    }) => void;
-    /**
-     * Field placeholder
-     */
-    placeholder?: string;
-    /**
-     * Additional styles
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing ID of the component
-     */
-    testID?: string;
-    /**
-     * Imperative ref to expose the component method
-     */
-    editorRef?: Ref<RichTextEditorRef>;
-    /**
-     * Callback function called when the editor is focused
-     */
-    onFocus?: () => void;
-    /**
-     * Callback function called when the editor is blurred
-     */
-    onBlur?: () => void;
-}
-declare const RichTextEditorInput: ({ autoFocus, name, placeholder, onChange, onCursorChange, style, testID, editorRef, value, onFocus, onBlur, }: RichTextEditorInputProps) => ReactElement;
-export default RichTextEditorInput;

package/types/components/RichTextEditor/StyledRichTextEditor.d.ts

@@ -1,7 +0,0 @@
-import { WebView } from 'react-native-webview';
-export declare const StyledWebView: import("@emotion/native").StyledComponent<import("react-native-webview/lib/WebViewTypes").IOSWebViewProps & import("react-native-webview/lib/WebViewTypes").AndroidWebViewProps & import("react-native-webview/lib/WebViewTypes").WindowsWebViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<WebView<unknown>> | undefined;
-}>;

package/types/components/RichTextEditor/StyledToolbar.d.ts

@@ -1,19 +0,0 @@
-import { View } from 'react-native';
-export declare const StyledToolbarButton: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    selected: boolean;
-}, {}, {}>;
-export declare const StyledToolbar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledSeparator: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;

package/types/components/RichTextEditor/__mocks__/heroEditorApp.d.ts

@@ -1,2 +0,0 @@
-declare const mockHeroEditApp = "mockHeroEditApp";
-export default mockHeroEditApp;

package/types/components/RichTextEditor/constants.d.ts

@@ -1,17 +0,0 @@
-export declare enum ToolbarEvents {
-    Bold = "bold",
-    Italic = "italic",
-    Underline = "underline",
-    BulletedList = "bulleted-list",
-    NumberedList = "numbered-list",
-    HeadingOne = "heading-one",
-    HeadingTwo = "heading-two",
-    AddLink = "add-link",
-    ApplyLink = "link"
-}
-export declare enum EditorEvents {
-    EditorFocus = "editor-focus",
-    EditorBlur = "editor-blur",
-    EditorChange = "editor-change",
-    UpsertLink = "request-upsert-link"
-}

package/types/components/RichTextEditor/heroEditorApp.d.ts

@@ -1,2 +0,0 @@
-import * as heroEditorApp from 'hero-editor/dist/app.js';
-export default heroEditorApp;

package/types/components/RichTextEditor/hooks/useRichTextEditorEvents.d.ts

@@ -1,36 +0,0 @@
-import type { EditorEvents, ToolbarEvents } from '../constants';
-type SubscribableEvent = ToolbarEvents | EditorEvents;
-type EventData = {
-    [EditorEvents.UpsertLink]: {
-        text: string;
-        url: string;
-    };
-    [EditorEvents.EditorChange]: {
-        value: string;
-        toolbarState: Record<string, boolean>;
-    };
-    [ToolbarEvents.ApplyLink]: {
-        text: string;
-        url: string;
-    };
-};
-type EventDataByEventName<T> = T extends keyof EventData ? EventData[T] : void;
-/**
- * Hook to subscribe to events for a rich text editor
- * @param editorName - The name of the editor to subscribe to events for
- * @returns An object with two functions: emitEvent and subscribeToEvents
- * @example
- * const { emitEvent, subscribeToEvents } = useRichTextEditorEvents('editorName');
- * subscribeToEvents(EditorEvents.EditorFocus, () => {
- *   console.log('Editor focused');
- * });
- * emitEvent({ type: EditorEvents.EditorFocus, data: null });
- */
-declare const useRichTextEditorEvents: (editorName: string) => {
-    emitEvent: <TEventName extends ToolbarEvents>({ type, data, }: {
-        type: TEventName;
-        data: TEventName extends keyof EventData ? EventData[TEventName] : unknown;
-    }) => void;
-    subscribeToEvents: <TEventName extends SubscribableEvent>(eventName: TEventName, onEvent: (data: EventDataByEventName<TEventName>) => void) => () => void;
-};
-export default useRichTextEditorEvents;

package/types/components/RichTextEditor/index.d.ts

@@ -1,71 +0,0 @@
-import { EditorEvents, ToolbarEvents } from './constants';
-import type { RichTextEditorProps } from './RichTextEditor';
-import type { RichTextEditorRef } from './RichTextEditorInput';
-export type { RichTextEditorProps, RichTextEditorRef };
-declare const _default: import("react").ForwardRefExoticComponent<Omit<RichTextEditorProps, "forwardedRef"> & import("react").RefAttributes<RichTextEditorRef>> & {
-    Toolbar: ({ name, buttons, testID, }: import("./EditorToolbar").EditorToolbarProps) => import("react").JSX.Element | null;
-    MentionList: <TMetaData>({ name: eventPrefix, render, }: import("./MentionList").MentionListProps<TMetaData>) => import("react").JSX.Element | null;
-    EditorEvents: typeof EditorEvents;
-    ToolbarEvents: typeof ToolbarEvents;
-    useRichTextEditorEvents: (editorName: string) => {
-        emitEvent: <TEventName extends ToolbarEvents>({ type, data, }: {
-            type: TEventName;
-            data: TEventName extends keyof {
-                "request-upsert-link": {
-                    text: string;
-                    url: string;
-                };
-                "editor-change": {
-                    value: string;
-                    toolbarState: Record<string, boolean>;
-                };
-                link: {
-                    text: string;
-                    url: string;
-                };
-            } ? {
-                "request-upsert-link": {
-                    text: string;
-                    url: string;
-                };
-                "editor-change": {
-                    value: string;
-                    toolbarState: Record<string, boolean>;
-                };
-                link: {
-                    text: string;
-                    url: string;
-                };
-            }[TEventName] : unknown;
-        }) => void;
-        subscribeToEvents: <TEventName extends ToolbarEvents | EditorEvents>(eventName: TEventName, onEvent: (data: TEventName extends keyof {
-            "request-upsert-link": {
-                text: string;
-                url: string;
-            };
-            "editor-change": {
-                value: string;
-                toolbarState: Record<string, boolean>;
-            };
-            link: {
-                text: string;
-                url: string;
-            };
-        } ? {
-            "request-upsert-link": {
-                text: string;
-                url: string;
-            };
-            "editor-change": {
-                value: string;
-                toolbarState: Record<string, boolean>;
-            };
-            link: {
-                text: string;
-                url: string;
-            };
-        }[TEventName] : void) => void) => () => void;
-    };
-    Base: ({ autoFocus, name, placeholder, onChange, onCursorChange, style, testID, editorRef, value, onFocus, onBlur, }: import("./RichTextEditorInput").RichTextEditorInputProps) => import("react").ReactElement;
-};
-export default _default;

package/types/components/RichTextEditor/types.d.ts

@@ -1,2 +0,0 @@
-export type ToolbarButtonName = 'bold' | 'italic' | 'underline' | 'bulletedList' | 'numberedList' | 'headingOne' | 'headingTwo' | '|';
-export type TextUnit = 'character' | 'word' | 'line' | 'block';

package/types/components/RichTextEditor/utils/events.d.ts

@@ -1,7 +0,0 @@
-import type { EventEmitter } from 'events';
-interface Listener<T> {
-    (data: T): void;
-}
-export declare const emit: <T>(emitter: EventEmitter, eventName: string, data: T) => boolean;
-export declare const on: <T>(emitter: EventEmitter, eventName: string, listener: Listener<T>) => () => void;
-export {};

package/types/components/RichTextEditor/utils/rnWebView.d.ts

@@ -1,7 +0,0 @@
-import type WebView from 'react-native-webview';
-export declare const requestBlurEditor: (element: WebView) => void;
-export interface WebViewEventMessage {
-    type: string;
-    data: any;
-}
-export declare const postMessage: (element: WebView, message: WebViewEventMessage) => void;

package/types/components/Search/SearchOneLine.d.ts

@@ -1,73 +0,0 @@
-import React from 'react';
-import type { TextInputProps as NativeTextInputProps, TextInput as RNTextInput, StyleProp, ViewStyle, TextStyle } from 'react-native';
-import type { State } from './StyledSearch';
-import type { IconName } from '../Icon';
-type SearchOneLineHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
-interface SearchOneLineProps extends NativeTextInputProps {
-    /**
-     * Name of Icon or ReactElement to render on the left side of the input, before the user's cursor.
-     */
-    prefix?: IconName | React.ReactElement;
-    /**
-     * Name of Icon or ReactElement to render on the right side of the input.
-     */
-    suffix?: IconName | React.ReactElement;
-    /**
-     * Additional wrapper style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Input text style.
-     */
-    textStyle?: StyleProp<TextStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Accessibility label for the input (Android).
-     */
-    accessibilityLabelledBy?: string;
-    /**
-     *  Placeholder text to display.
-     * */
-    placeholder?: string;
-    /**
-     * Whether the input is editable.
-     * */
-    editable?: boolean;
-    /**
-     * Whether the input is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The max length of the input.
-     * If the max length is set, the input will display the current length and the max length.
-     * */
-    maxLength?: number;
-    /**
-     * Whether to hide the character count.
-     * */
-    renderInputValue?: (inputProps: NativeTextInputProps) => React.ReactNode;
-    /**
-     * Variant of the SearchTwo
-     * @default 'basic'
-     */
-    variant?: 'basic' | 'reversed';
-    /**
-     * Clearable input.
-     */
-    clearable?: boolean;
-    /**
-     * If true, indicates that the SearchOneLine is accessible to screen readers.
-     */
-    accessible?: boolean;
-}
-export declare const getState: ({ disabled, editable, isEmptyValue, }: {
-    disabled?: boolean;
-    editable?: boolean;
-    isFocused?: boolean;
-    isEmptyValue?: boolean;
-}) => State;
-declare const SearchOneLine: React.ForwardRefExoticComponent<SearchOneLineProps & React.RefAttributes<SearchOneLineHandles>>;
-export default SearchOneLine;

package/types/components/Search/SearchSuffixIcon.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-import type { IconName } from '../Icon';
-import type { BadgeProps } from '../Badge';
-interface SearchSuffixIconProps {
-    /**
-     * Name of Icon or ReactElement to render on the right side of the input.
-     */
-    suffix?: IconName | React.ReactElement;
-    /**
-     * Additional wrapper style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Badge props to be render on the suffix.
-     */
-    badge?: Omit<BadgeProps, 'size'>;
-}
-declare const SearchSuffixIcon: (props: SearchSuffixIconProps) => React.JSX.Element;
-export default SearchSuffixIcon;