@hero-design/rn 7.10.2 → 7.12.0

package/types/components/Select/StyledSelect.d.ts

@@ -7,12 +7,6 @@ declare const OptionWrapper: import("@emotion/native").StyledComponent<import("r
 }, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;
 }>;
-declare const OptionListWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
 declare const Spacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -23,4 +17,10 @@ declare const FooterText: import("@emotion/native").StyledComponent<import("../T
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;
-export { OptionWrapper, OptionListWrapper, Spacer, FooterText };
+declare const StyledSearchBar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export { OptionWrapper, Spacer, FooterText, StyledSearchBar };

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

@@ -1,5 +1,5 @@
 import MultiSelect from './MultiSelect';
-declare const _default: (<T>({ options, value, testID, style, label, onConfirm, }: import("./SingleSelect").SingleSelectProps<T>) => JSX.Element) & {
+declare const _default: (<T>({ label, loading, onConfirm, onDimiss, onEndReached, onQueryChange, options, query, style, testID, value, }: import("./SingleSelect").SingleSelectProps<T>) => JSX.Element) & {
     Multi: typeof MultiSelect;
 };
 export default _default;

package/types/components/Select/types.d.ts

@@ -1,5 +1,49 @@
+import { StyleProp, ViewStyle } from 'react-native';
 export declare type OptionType<T> = {
     value: T;
     text: string;
     key?: string;
 };
+export interface SelectProps<T> {
+    /**
+     * An array of options to be selected.
+     */
+    options: OptionType<T>[];
+    /**
+     * 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;
+    /**
+     * Current search value.
+     */
+    query?: string;
+    /**
+     * Search bar onChangeText event handler
+     */
+    onQueryChange?: (value: string) => void;
+    /**
+     * Event handler when selection dimiss
+     */
+    onDimiss?: () => void;
+    /**
+     * Event handler when end of the list reached
+     */
+    onEndReached?: () => void;
+    /**
+     * Show indicator at bottom of option list
+     */
+    loading?: boolean;
+    /**
+     * Field label.
+     */
+    label: string;
+    /**
+     * Additional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}

package/types/components/TimePicker/StyledTimePicker.d.ts

@@ -0,0 +1,8 @@
+import { View, ViewProps } from 'react-native';
+declare const StyledPickerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export { StyledPickerWrapper };

package/types/components/TimePicker/TimePickerAndroid.d.ts

@@ -0,0 +1,3 @@
+import { TimePickerProps } from './types';
+declare const TimePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, style, testID, }: TimePickerProps) => JSX.Element;
+export default TimePickerAndroid;

package/types/components/TimePicker/TimePickerIOS.d.ts

@@ -0,0 +1,3 @@
+import { TimePickerProps } from './types';
+declare const TimePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, style, testID, }: TimePickerProps) => JSX.Element;
+export default TimePickerIOS;

package/types/components/TimePicker/__tests__/TimePicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/TimePicker/__tests__/TimePickerAndroid.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/TimePicker/__tests__/TimePickerIOS.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+import { TimePickerProps } from './types';
+declare const TimePicker: (props: TimePickerProps) => JSX.Element;
+export default TimePicker;

package/types/components/TimePicker/types.d.ts

@@ -0,0 +1,49 @@
+import { StyleProp, ViewStyle } from 'react-native';
+export interface TimePickerProps {
+    /**
+     * Time picker input label.
+     */
+    label: string;
+    /**
+     * Current time value. Must be in correct default format or format provided via format prop.
+     */
+    value: Date | null;
+    /**
+     * Input placeholder. Time format will be used as placeholder if not specified.
+     */
+    placeholder?: string;
+    /**
+     * Callback that is called when new value is selected.
+     */
+    onChange: (value: Date) => void;
+    /**
+     * Confirm label text. iOS only.
+     */
+    confirmLabel: string;
+    /**
+     * Time display format of current value presented on the input. Default format is: HH:mm aa.
+     * Following date-fns's format (https://date-fns.org/v2.16.1/docs/format).
+     * This also change how the time picker display between 24 hour and 12 hour mode.
+     */
+    displayFormat?: string;
+    /**
+     * Whether the Time picker is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Error message to display.
+     */
+    error?: string;
+    /**
+     *  Whether the value is required, if true, an asterisk will be appended to the label.
+     */
+    required?: boolean;
+    /**
+     * Addtional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component..
+     */
+    testID?: string;
+}

package/types/components/Typography/Text/StyledText.d.ts

@@ -3,7 +3,7 @@ declare const StyledText: import("@emotion/native").StyledComponent<import("reac
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
-    themeFontSize: 'small' | 'medium' | 'large' | 'xlarge';
+    themeFontSize: 'small' | 'medium' | 'large' | 'xlarge' | 'xxxxxlarge';
     themeFontWeight: 'light' | 'regular' | 'semi-bold';
     themeIntent: 'body' | 'subdued' | 'primary' | 'success' | 'info' | 'warning' | 'danger';
 }, {}, {

package/types/components/Typography/Text/index.d.ts

@@ -8,7 +8,7 @@ export interface TextProps extends NativeTextProps {
     /**
      * Size of the text.
      */
-    fontSize?: 'small' | 'medium' | 'large' | 'xlarge';
+    fontSize?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxxxxlarge';
     /**
      * Font weight of the text.
      */

package/types/index.d.ts

@@ -15,6 +15,7 @@ import Drawer from './components/Drawer';
 import FAB from './components/FAB';
 import Icon from './components/Icon';
 import List from './components/List';
+import PinInput from './components/PinInput';
 import Progress from './components/Progress';
 import Spinner from './components/Spinner';
 import Radio from './components/Radio';
@@ -24,8 +25,9 @@ import Switch from './components/Switch';
 import Tabs from './components/Tabs';
 import Tag from './components/Tag';
 import TextInput from './components/TextInput';
+import TimePicker from './components/TimePicker';
 import Toast from './components/Toast';
 import Toolbar from './components/Toolbar';
 import Typography from './components/Typography';
-export { theme, getTheme, useTheme, scale, ThemeProvider, Alert, Avatar, Badge, BottomNavigation, BottomSheet, Button, Card, Collapse, Checkbox, ContentNavigator, Divider, Drawer, FAB, Icon, List, Progress, Spinner, Radio, SectionHeading, Select, Switch, Tabs, Tag, TextInput, Toast, Toolbar, Typography, };
+export { theme, getTheme, useTheme, scale, ThemeProvider, Alert, Avatar, Badge, BottomNavigation, BottomSheet, Button, Card, Collapse, Checkbox, ContentNavigator, Divider, Drawer, FAB, Icon, List, PinInput, Progress, Spinner, Radio, SectionHeading, Select, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, };
 export * from './types';

package/types/theme/components/pinInput.d.ts

@@ -0,0 +1,35 @@
+import { GlobalTheme } from '../global';
+declare const getPinInputTheme: (theme: GlobalTheme) => {
+    borderWidths: {
+        default: number;
+        focused: number;
+    };
+    colors: {
+        default: string;
+        mask: string;
+        error: string;
+        disabled: string;
+    };
+    fonts: {
+        cellText: string;
+        errorMessage: string;
+    };
+    fontSizes: {
+        cellText: number;
+        errorMessage: number;
+    };
+    sizes: {
+        cellWidth: number;
+        cellHeight: number;
+        mask: number;
+    };
+    space: {
+        spacer: number;
+        errorMessagePadding: number;
+    };
+    radii: {
+        cell: number;
+        mask: number;
+    };
+};
+export default getPinInputTheme;

package/types/theme/components/select.d.ts

@@ -1,9 +1,13 @@
 import { GlobalTheme } from '../global';
 declare const getSelectTheme: (theme: GlobalTheme) => {
     space: {
+        minimumOptionListHeight: number;
         optionPadding: number;
         optionListPadding: number;
         optionListSpacing: number;
+        searchBarMarginTopSpacing: number;
+        searchBarHorizontalSpacing: number;
+        searchBarBottomSpacing: number;
     };
     colors: {
         option: string;

package/types/theme/components/timePicker.d.ts

@@ -0,0 +1,6 @@
+declare const getTimePickerTheme: () => {
+    sizes: {
+        height: number;
+    };
+};
+export default getTimePickerTheme;

package/types/theme/components/typography.d.ts

@@ -19,12 +19,14 @@ declare const getTypographyTheme: (theme: GlobalTheme) => {
         medium: number;
         large: number;
         xlarge: number;
+        xxxxxlarge: number;
     };
     lineHeights: {
         small: number;
         medium: number;
         large: number;
         xlarge: number;
+        xxxxxlarge: number;
     };
 };
 export default getTypographyTheme;

package/types/theme/index.d.ts

@@ -12,6 +12,8 @@ import getDividerTheme from './components/divider';
 import getDrawerTheme from './components/drawer';
 import getFABTheme from './components/fab';
 import getIconTheme from './components/icon';
+import getListTheme from './components/list';
+import getPinInputTheme from './components/pinInput';
 import getProgressTheme from './components/progress';
 import getRadioTheme from './components/radio';
 import getSectionHeadingTheme from './components/sectionHeading';
@@ -21,10 +23,10 @@ import getSwitchTheme from './components/switch';
 import getTabsTheme from './components/tabs';
 import getTagTheme from './components/tag';
 import getTextInputTheme from './components/textInput';
+import getTimePickerTheme from './components/timePicker';
 import getToastTheme from './components/toast';
 import getToolbarTheme from './components/toolbar';
 import getTypographyTheme from './components/typography';
-import getListTheme from './components/list';
 declare type Theme = GlobalTheme & {
     __hd__: {
         alert: ReturnType<typeof getAlertTheme>;
@@ -40,6 +42,8 @@ declare type Theme = GlobalTheme & {
         drawer: ReturnType<typeof getDrawerTheme>;
         fab: ReturnType<typeof getFABTheme>;
         icon: ReturnType<typeof getIconTheme>;
+        list: ReturnType<typeof getListTheme>;
+        pinInput: ReturnType<typeof getPinInputTheme>;
         progress: ReturnType<typeof getProgressTheme>;
         radio: ReturnType<typeof getRadioTheme>;
         sectionHeading: ReturnType<typeof getSectionHeadingTheme>;
@@ -49,10 +53,10 @@ declare type Theme = GlobalTheme & {
         tabs: ReturnType<typeof getTabsTheme>;
         tag: ReturnType<typeof getTagTheme>;
         textInput: ReturnType<typeof getTextInputTheme>;
+        timePicker: ReturnType<typeof getTimePickerTheme>;
         toast: ReturnType<typeof getToastTheme>;
         toolbar: ReturnType<typeof getToolbarTheme>;
         typography: ReturnType<typeof getTypographyTheme>;
-        list: ReturnType<typeof getListTheme>;
     };
 };
 declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;

package/src/components/Select/types.ts

@@ -1 +0,0 @@
-export type OptionType<T> = { value: T; text: string; key?: string };

package/src/components/TextInput/__tests__/.log/ti-10343.log

@@ -1,62 +0,0 @@
-[11:04:28.905] Global cache location '/Users/kientran/Library/Caches/typescript/4.2', safe file path '/volumes/data/projects/hero-design/node_modules/typescript/lib/typingsafelist.json', types map path /volumes/data/projects/hero-design/node_modules/typescript/lib/typesmap.json
-[11:04:28.906] Processing cache location '/Users/kientran/Library/Caches/typescript/4.2'
-[11:04:28.906] Trying to find '/Users/kientran/Library/Caches/typescript/4.2/package.json'...
-[11:04:28.908] Loaded content of '/Users/kientran/Library/Caches/typescript/4.2/package.json': {"private":true,"dependencies":{"types-registry":"^0.1.611"},"devDependencies":{"@types/argparse":"^2.0.10","@types/babel__core":"^7.1.19","@types/babel__preset-env":"^7.9.2","@types/call-bind":"^1.0.1","@types/debug":"^4.1.7","@types/dedent":"^0.7.0","@types/define-properties":"^1.1.3","@types/envinfo":"^7.8.1","@types/es-abstract":"^1.17.3","@types/eslint":"^8.4.6","@types/eslint-config-prettier":"^6.11.0","@types/eslint-scope":"^3.7.4","@types/eslint-utils":"^3.0.2","@types/estraverse":"^5.1.2","@types/glob-parent":"^5.1.1","@types/graceful-fs":"^4.1.5","@types/inherits":"^0.0.30","@types/is-callable":"^1.1.0","@types/is-regex":"^1.0.0","@types/is-string":"^1.0.0","@types/jest":"^28.1.1","@types/js-yaml":"^4.0.5","@types/object-inspect":"^1.8.1","@types/object-keys":"^1.0.1","@types/object.fromentries":"^2.0.1","@types/prelude-ls":"^1.1.29","@types/prettier":"^2.7.1","@types/prop-types":"^15.7.5","@types/react":"^18.0.21","@types/react-dom":"^18.0.6","@types/react-native":"^0.70.3","@types/react-test-renderer":"^18.0.0","@types/regenerator-runtime":"^0.13.1","@types/resolve":"^1.20.2","@types/scheduler":"^0.16.2","@types/semver":"^7.3.12","@types/type-check":"^0.3.27","@types/use-subscription":"^1.0.0","@types/ws":"^8.5.3","@types/yargs-parser":"^21.0.0"}}
-[11:04:28.908] Loaded content of '/Users/kientran/Library/Caches/typescript/4.2/package-lock.json'
-[11:04:28.938] Adding entry into typings cache: 'argparse' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/argparse/index.d.ts'
-[11:04:28.956] Adding entry into typings cache: 'babel__core' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/babel__core/index.d.ts'
-[11:04:28.963] Adding entry into typings cache: 'babel__preset-env' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/babel__preset-env/index.d.ts'
-[11:04:28.972] Adding entry into typings cache: 'call-bind' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/call-bind/index.d.ts'
-[11:04:28.984] Adding entry into typings cache: 'debug' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/debug/index.d.ts'
-[11:04:28.993] Adding entry into typings cache: 'dedent' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/dedent/index.d.ts'
-[11:04:29.001] Adding entry into typings cache: 'define-properties' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/define-properties/index.d.ts'
-[11:04:29.009] Adding entry into typings cache: 'envinfo' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/envinfo/index.d.ts'
-[11:04:29.017] Adding entry into typings cache: 'es-abstract' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/es-abstract/index.d.ts'
-[11:04:29.023] Adding entry into typings cache: 'eslint' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/eslint/index.d.ts'
-[11:04:29.028] Adding entry into typings cache: 'eslint-config-prettier' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/eslint-config-prettier/index.d.ts'
-[11:04:29.031] Adding entry into typings cache: 'eslint-scope' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/eslint-scope/index.d.ts'
-[11:04:29.034] Adding entry into typings cache: 'eslint-utils' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/eslint-utils/index.d.ts'
-[11:04:29.038] Adding entry into typings cache: 'estraverse' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/estraverse/index.d.ts'
-[11:04:29.042] Adding entry into typings cache: 'glob-parent' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/glob-parent/index.d.ts'
-[11:04:29.043] Adding entry into typings cache: 'graceful-fs' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/graceful-fs/index.d.ts'
-[11:04:29.047] Adding entry into typings cache: 'inherits' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/inherits/index.d.ts'
-[11:04:29.048] Adding entry into typings cache: 'is-callable' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/is-callable/index.d.ts'
-[11:04:29.049] Adding entry into typings cache: 'is-regex' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/is-regex/index.d.ts'
-[11:04:29.052] Adding entry into typings cache: 'is-string' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/is-string/index.d.ts'
-[11:04:29.059] Adding entry into typings cache: 'jest' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/jest/index.d.ts'
-[11:04:29.063] Adding entry into typings cache: 'js-yaml' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/js-yaml/index.d.ts'
-[11:04:29.067] Adding entry into typings cache: 'object-inspect' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/object-inspect/index.d.ts'
-[11:04:29.068] Adding entry into typings cache: 'object-keys' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/object-keys/index.d.ts'
-[11:04:29.069] Adding entry into typings cache: 'object.fromentries' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/object.fromentries/index.d.ts'
-[11:04:29.069] Adding entry into typings cache: 'prelude-ls' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/prelude-ls/index.d.ts'
-[11:04:29.075] Adding entry into typings cache: 'prettier' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/prettier/index.d.ts'
-[11:04:29.079] Adding entry into typings cache: 'prop-types' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/prop-types/index.d.ts'
-[11:04:29.084] Adding entry into typings cache: 'react' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/react/index.d.ts'
-[11:04:29.089] Adding entry into typings cache: 'react-dom' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/react-dom/index.d.ts'
-[11:04:29.091] Adding entry into typings cache: 'react-native' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/react-native/index.d.ts'
-[11:04:29.092] Adding entry into typings cache: 'react-test-renderer' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/react-test-renderer/index.d.ts'
-[11:04:29.092] Adding entry into typings cache: 'regenerator-runtime' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/regenerator-runtime/index.d.ts'
-[11:04:29.093] Adding entry into typings cache: 'resolve' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/resolve/index.d.ts'
-[11:04:29.093] Adding entry into typings cache: 'scheduler' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/scheduler/index.d.ts'
-[11:04:29.094] Adding entry into typings cache: 'semver' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/semver/index.d.ts'
-[11:04:29.099] Adding entry into typings cache: 'type-check' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/type-check/index.d.ts'
-[11:04:29.100] Adding entry into typings cache: 'use-subscription' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/use-subscription/index.d.ts'
-[11:04:29.101] Adding entry into typings cache: 'ws' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/ws/index.d.ts'
-[11:04:29.105] Adding entry into typings cache: 'yargs-parser' => '/Users/kientran/Library/Caches/typescript/4.2/node_modules/@types/yargs-parser/index.d.ts'
-[11:04:29.105] Finished processing cache location '/Users/kientran/Library/Caches/typescript/4.2'
-[11:04:29.106] Process id: 10344
-[11:04:29.106] NPM location: /Users/kientran/.nvm/versions/node/v16.17.0/bin/npm (explicit '--npmLocation' not  provided)
-[11:04:29.106] validateDefaultNpmLocation: false
-[11:04:29.106] Npm config file: /Users/kientran/Library/Caches/typescript/4.2/package.json
-[11:04:29.106] Updating types-registry npm package...
-[11:04:29.106] Exec: /Users/kientran/.nvm/versions/node/v16.17.0/bin/npm install --ignore-scripts types-registry@latest
-[11:04:30.593]     Succeeded. stdout:
-    
-    up to date, audited 71 packages in 1s
-
-3 packages are looking for funding
-  run `npm fund` for details
-
-found 0 vulnerabilities
-
-[11:04:30.593] Updated types-registry npm package