@hero-design/rn 8.63.2 → 8.64.0

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

@@ -59,8 +59,12 @@ interface BottomSheetProps {
      * keyboardAvoidingView's props
      * */
     keyboardAvoidingViewProps?: KeyboardAvoidingViewProps;
+    /**
+     * Supported orientations for the BottomSheet modal, iOS only.
+     */
+    supportedOrientations?: ('portrait' | 'landscape')[];
 }
-declare const _default: (({ open, header, footer, children, onAnimationEnd, onOpen, onRequestClose, onDismiss, showCloseButton, hasBackdrop, showDivider, style, testID, keyboardAvoidingViewProps, }: BottomSheetProps) => JSX.Element) & {
+declare const _default: (({ open, header, footer, children, onAnimationEnd, onOpen, onRequestClose, onDismiss, showCloseButton, hasBackdrop, showDivider, style, testID, keyboardAvoidingViewProps, supportedOrientations, }: BottomSheetProps) => JSX.Element) & {
     ScrollView: ({ scrollEventThrottle, ...props }: import("react-native").ScrollViewProps) => JSX.Element;
 };
 export default _default;

package/types/components/Calendar/CalendarRowItem.d.ts

@@ -6,6 +6,7 @@ export interface CalendarRowItemProps {
     isSelected?: boolean;
     textIntent?: 'body' | 'subdued';
     marked?: boolean;
+    itemWidth?: number;
 }
-declare const CalendarRowItem: ({ date, onPress, isCurrent, isSelected, textIntent, marked, }: CalendarRowItemProps) => React.JSX.Element;
+declare const CalendarRowItem: ({ date, onPress, isCurrent, isSelected, textIntent, marked, itemWidth, }: CalendarRowItemProps) => React.JSX.Element;
 export default CalendarRowItem;

package/types/components/Calendar/StyledCalendar.d.ts

@@ -15,6 +15,8 @@ declare const StyledCalendarHeader: import("@emotion/native").StyledComponent<Vi
 declare const StyledCalendarDayNameCell: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    themeItemWidth?: number | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
@@ -23,6 +25,7 @@ declare const StyledCalendarCell: import("@emotion/native").StyledComponent<impo
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     variant?: "selected" | "default" | "current" | undefined;
+    themeItemWidth?: number | undefined;
 }, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;
 }>;
@@ -35,12 +38,16 @@ declare const StyledCalendarRow: import("@emotion/native").StyledComponent<ViewP
 declare const StyledCalendarRowItem: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    themeItemWidth?: number | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledDisabledCalendarRowItem: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    themeItemWidth?: number | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { DatePickerProps } from './types';
-declare const DatePickerCalendar: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, monthPickerConfirmLabel, monthPickerCancelLabel, }: Omit<DatePickerProps, 'variant'>) => React.JSX.Element;
+declare const DatePickerCalendar: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, monthPickerConfirmLabel, monthPickerCancelLabel, supportedOrientations, }: Omit<DatePickerProps, 'variant'>) => React.JSX.Element;
 export default DatePickerCalendar;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { DatePickerProps } from './types';
-declare const DatePickerIOS: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, }: Omit<DatePickerProps, 'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'>) => React.JSX.Element;
+declare const DatePickerIOS: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, supportedOrientations, }: Omit<DatePickerProps, 'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'>) => React.JSX.Element;
 export default DatePickerIOS;

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

@@ -71,4 +71,8 @@ export interface DatePickerProps {
      * Calendar variant prop. Label for the cancel button of the month picker, Android only.
      */
     monthPickerCancelLabel?: string;
+    /**
+     * Supported orientations for the DatePicker modal, iOS only.
+     */
+    supportedOrientations?: ('portrait' | 'landscape')[];
 }

package/types/components/FAB/ActionGroup/index.d.ts

@@ -45,6 +45,10 @@ export interface ActionGroupProps {
      * Testing id of the component.
      */
     testID?: string;
+    /**
+     * Supported orientations for the ActionGroup modal, iOS only.
+     */
+    supportedOrientations?: ('portrait' | 'landscape')[];
 }
 declare const ActionGroup: React.ForwardRefExoticComponent<ActionGroupProps & React.RefAttributes<ActionGroupHandles>>;
 export default ActionGroup;

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

@@ -21,6 +21,10 @@ export interface MultiSelectProps<V, T extends OptionType<V> = OptionType<V>> ex
      * Customise the selected value rendering.
      */
     renderSelectedValue?: (selectedValue: V[], inputProps: NativeTextInputProps) => React.ReactNode;
+    /**
+     * Supported orientations for the MultiSelect modal, iOS only.
+     */
+    supportedOrientations?: ('portrait' | 'landscape')[];
 }
-declare function MultiSelect<V, T extends OptionType<V>>({ footerLabel, label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, }: MultiSelectProps<V, T>): React.JSX.Element;
+declare function MultiSelect<V, T extends OptionType<V>>({ footerLabel, label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, }: MultiSelectProps<V, T>): React.JSX.Element;
 export default MultiSelect;

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

@@ -14,6 +14,10 @@ export interface SingleSelectProps<V, T extends OptionType<V> = OptionType<V>> e
      * Customise the selected value rendering.
      */
     renderSelectedValue?: (selectedValue: V | null, inputProps: NativeTextInputProps) => React.ReactNode;
+    /**
+     * Supported orientations for the Select modal, iOS only.
+     */
+    supportedOrientations?: ('portrait' | 'landscape')[];
 }
-declare const SingleSelect: <V, T extends OptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, }: SingleSelectProps<V, T>) => React.JSX.Element;
+declare const SingleSelect: <V, T extends OptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, }: SingleSelectProps<V, T>) => React.JSX.Element;
 export default SingleSelect;

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

@@ -2,7 +2,7 @@ import MultiSelect from './MultiSelect';
 import type { MultiSelectProps } from './MultiSelect';
 import type { SingleSelectProps } from './SingleSelect';
 export type { MultiSelectProps, SingleSelectProps };
-declare const _default: (<V, T extends import("./types").OptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, }: SingleSelectProps<V, T>) => import("react").JSX.Element) & {
+declare const _default: (<V, T extends import("./types").OptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, }: SingleSelectProps<V, T>) => import("react").JSX.Element) & {
     Multi: typeof MultiSelect;
 };
 export default _default;

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

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

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

@@ -54,4 +54,8 @@ export interface TimePickerProps {
      * Testing id of the component.
      */
     testID?: string;
+    /**
+     * Supported orientations for the TimePicker modal, iOS only.
+     */
+    supportedOrientations?: ('portrait' | 'landscape')[];
 }

package/types/testHelpers/utils.d.ts

@@ -0,0 +1 @@
+export declare const setOrientation: (orientation: 'portrait' | 'landscape') => void;

package/.eslintrc.js

@@ -1,13 +0,0 @@
-module.exports = {
-  root: true,
-  parserOptions: {
-    tsconfigRootDir: __dirname,
-    project: ['./tsconfig.json'],
-  },
-  extends: ['hd', 'plugin:@hero-design/recommendedRn'],
-  plugins: ['@hero-design', 'import'],
-  rules: {
-    'no-underscore-dangle': [2, { allow: ['__hd__'] }],
-    'import/no-cycle': 2,
-  },
-};

package/src/theme/components/.eslintrc.json

@@ -1,10 +0,0 @@
-{
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx"],
-      "rules": {
-        "no-underscore-dangle": 0
-      }
-    }
-  ]
-}