@hero-design/rn 8.99.4 → 8.100.0-alpha.0

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

@@ -0,0 +1,4 @@
+import { DatePickerProps } from './types';
+export declare const getDateValue: (value: Date, minDate?: Date | undefined, maxDate?: Date | undefined) => Date;
+declare const useCalculateDate: ({ maxDate, minDate, onChange, value, }: Pick<DatePickerProps, "maxDate" | "minDate" | "onChange" | "value">) => void;
+export default useCalculateDate;

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

@@ -0,0 +1,12 @@
+import { LocaleCode } from '../../types';
+type UseFormatDateProps = {
+    displayFormat?: string;
+    locale?: LocaleCode;
+    value?: Date;
+};
+declare const useFormatDate: ({ displayFormat, locale, value, }: UseFormatDateProps) => {
+    displayValue: string;
+    pickerInitValue: Date;
+    format: string;
+};
+export default useFormatDate;

package/types/components/Empty/StyledEmpty.d.ts

@@ -0,0 +1,21 @@
+import { View } from 'react-native';
+type ThemeVariant = 'light' | 'dark';
+declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledTitle: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: ThemeVariant;
+}, {}, {}>;
+declare const StyledDescription: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: ThemeVariant;
+}, {}, {}>;
+export { StyledWrapper, StyledTitle, StyledDescription };

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

@@ -0,0 +1,31 @@
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewStyle, ImageProps as RNImageProps } from 'react-native';
+import { ImageProps } from '../Image';
+interface EmptyProps {
+    /**
+     * Image to be displayed.
+     */
+    image?: ReactElement<ImageProps | RNImageProps>;
+    /**
+     * Empty's title.
+     */
+    title: string;
+    /**
+     * Empty's description.
+     */
+    description?: string;
+    /**
+     * Empty's variant.
+     */
+    variant?: 'light' | 'dark';
+    /**
+     * Additional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+declare const Empty: ({ image, title, description, style, testID, variant, }: EmptyProps) => JSX.Element;
+export default Empty;

package/types/components/Error/StyledError.d.ts

@@ -0,0 +1,53 @@
+import { View } from 'react-native';
+type ErrorVariant = 'full-screen' | 'in-page';
+declare const StyledErrorModal: import("@emotion/native").StyledComponent<import("../Modal").ModalProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledErrorContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: ErrorVariant;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledErrorContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledErrorButtonContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledErrorButtonPrimary: import("@emotion/native").StyledComponent<import("../Button/Button").ButtonProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledErrorButtonSecondary: import("@emotion/native").StyledComponent<import("../Button/Button").ButtonProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledErrorImageContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledErrorImage: import("@emotion/native").StyledComponent<import("../Image").ImageProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledErrorTitle: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledErrorDescription: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export { ErrorVariant, StyledErrorModal, StyledErrorImage, StyledErrorContainer, StyledErrorButtonContainer, StyledErrorButtonPrimary, StyledErrorButtonSecondary, StyledErrorContent, StyledErrorTitle, StyledErrorDescription, StyledErrorImageContainer, };

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

@@ -0,0 +1,56 @@
+import { ReactElement } from 'react';
+import type { ImageSourcePropType, ViewProps, ImageProps as RNImageProps } from 'react-native';
+import { ErrorVariant } from './StyledError';
+import { ImageProps } from '../Image/index';
+interface ErrorProps extends ViewProps {
+    /**
+     * @deprecated use conditional rendering instead
+     *
+     * Visibility of the error
+     */
+    visible?: boolean;
+    /**
+     * Variant of the error
+     */
+    variant?: ErrorVariant;
+    /**
+     * Title of the error
+     */
+    title: string;
+    /**
+     * Description of the error
+     */
+    description?: string;
+    /**
+     * Image of the error
+     */
+    image?: ReactElement<ImageProps | RNImageProps> | ImageSourcePropType | string;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+    /**
+     * Action button text
+     */
+    ctaText?: string;
+    /**
+     * Callback when the action button is pressed.
+     */
+    onCtaPress?: () => void;
+    /**
+     * Secondary button text
+     */
+    secondaryCtaText?: string;
+    /**
+     * Callback when the secondary button is pressed.
+     */
+    onSecondaryCtaPress?: () => void;
+}
+/**
+ * Renders error page
+ *
+ * @param {ErrorProps}
+ * @return {*}  {ReactElement}
+ */
+declare const ErrorComponent: ({ visible, variant, title, description, image, testID, ctaText, onCtaPress, secondaryCtaText, onSecondaryCtaPress, ...nativeProps }: ErrorProps) => ReactElement;
+export default ErrorComponent;

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

@@ -8,8 +8,3 @@ export type ScrollParams = {
     sectionIndex: number;
 };
 export declare const getScrollParams: <V, T extends OptionType<V>>(value: V, sections: SectionData<V, T>[]) => ScrollParams;
-export declare const useKeyboard: () => {
-    isKeyboardVisible: boolean;
-    keyboardHeight: number;
-};
-export declare const deepCompareValue: <V>(a: V, b: V) => boolean;

package/types/components/Success/StyledSuccess.d.ts

@@ -0,0 +1,49 @@
+import { View } from 'react-native';
+type SuccessVariant = 'full-screen' | 'in-page';
+declare const StyledSuccessContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeVariant: SuccessVariant;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessImage: import("@emotion/native").StyledComponent<import("../Image").ImageProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSuccessContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessImageContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessTitle: import("@emotion/native").StyledComponent<import("../Typography/Title").TitleProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSuccessDescription: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSuccessButtonContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledSuccessButtonPrimary: import("@emotion/native").StyledComponent<import("../Button/Button").ButtonProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+declare const StyledSuccessModal: import("@emotion/native").StyledComponent<import("../Modal").ModalProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export { SuccessVariant, StyledSuccessImage, StyledSuccessContainer, StyledSuccessContent, StyledSuccessImageContainer, StyledSuccessTitle, StyledSuccessDescription, StyledSuccessButtonContainer, StyledSuccessButtonPrimary, StyledSuccessModal, };

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

@@ -0,0 +1,50 @@
+import { ReactElement } from 'react';
+import type { ViewProps, ImageSourcePropType, ImageProps as RNImageProps } from 'react-native';
+import { SuccessVariant } from './StyledSuccess';
+import { ImageProps } from '../Image';
+export interface SuccessProps extends ViewProps {
+    /**
+     * Image to be displayed.
+     */
+    image?: ReactElement<ImageProps | RNImageProps> | ImageSourcePropType | string;
+    /**
+     * Success's title.
+     */
+    title: string;
+    /**
+     * Success's description.
+     */
+    description?: string | ReactElement;
+    /**
+     * Success's variant.
+     */
+    variant?: SuccessVariant;
+    /**
+     * Action button text
+     */
+    ctaText?: string;
+    /**
+     * Callback when the action button is pressed.
+     */
+    onCtaPress?: () => void;
+    /**
+     * Secondary button text.
+     */
+    secondaryCtaText?: string;
+    /**
+     * Callback when the secondary button is pressed.
+     */
+    onSecondaryCtaPress?: () => void;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+/**
+ * Renders success page
+ *
+ * @param {SuccessProps} props
+ * @return {*}  {ReactElement}
+ */
+declare const Success: (props: SuccessProps) => ReactElement;
+export default Success;

package/types/index.d.ts

@@ -13,6 +13,7 @@ import Button from './components/Button';
 import Calendar from './components/Calendar';
 import Carousel from './components/Carousel';
 import Card from './components/Card';
+import Chart from './components/Chart';
 import Chip from './components/Chip';
 import Collapse from './components/Collapse';
 import Checkbox from './components/Checkbox';
@@ -55,5 +56,5 @@ import { ScrollViewWithFAB, SectionListWithFAB, FlatListWithFAB } from './compon
 import Search from './components/Search';
 import FloatingIsland from './components/FloatingIsland';
 import LocaleProvider from './components/LocaleProvider';
-export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, ScrollViewWithFAB, SectionHeading, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, LocaleProvider, };
+export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Chart, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, ScrollViewWithFAB, SectionHeading, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, LocaleProvider, };
 export * from './types';

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

@@ -0,0 +1,22 @@
+import type { GlobalTheme } from '../global';
+declare const getChartTheme: (theme: GlobalTheme) => {
+    space: {
+        xAxisMarginLeft: number;
+        xAxisGridTextMarginTop: number;
+        yAxisMarginBottom: number;
+        yAxisGridMarginTop: number;
+        yAxisGridTextMarginRight: number;
+        headerMarginBottom: number;
+    };
+    sizes: {
+        xAxisDefaultTextHeight: number;
+        yAxisDefaultTextHeight: number;
+        yAxisDefaultTextWidth: number;
+        defaultWebEmptyStateWidth: number;
+        defaultWebEmptyStateHeight: number;
+    };
+    colors: {
+        gridStroke: string;
+    };
+};
+export default getChartTheme;

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

@@ -0,0 +1,10 @@
+import type { GlobalTheme } from '../global';
+declare const getColumnChartTheme: (theme: GlobalTheme) => {
+    sizes: {
+        columnWidth: number;
+    };
+    space: {
+        segmentGap: number;
+    };
+};
+export default getColumnChartTheme;

package/types/theme/getTheme.d.ts

@@ -12,6 +12,8 @@ import { CarouselThemeType } from './components/carousel';
 import getCardCarouselTheme from './components/cardCarousel';
 import getCheckboxTheme from './components/checkbox';
 import getChipTheme from './components/chip';
+import getChartTheme from './components/chart';
+import getColumnChartTheme from './components/columnChart';
 import getContentNavigatorTheme from './components/contentNavigator';
 import getDatePickerTheme from './components/datePicker';
 import getDividerTheme from './components/divider';
@@ -69,6 +71,8 @@ type Theme = GlobalTheme & {
         cardCarousel: ReturnType<typeof getCardCarouselTheme>;
         checkbox: ReturnType<typeof getCheckboxTheme>;
         chip: ReturnType<typeof getChipTheme>;
+        chart: ReturnType<typeof getChartTheme>;
+        columnChart: ReturnType<typeof getColumnChartTheme>;
         contentNavigator: ReturnType<typeof getContentNavigatorTheme>;
         datePicker: ReturnType<typeof getDatePickerTheme>;
         divider: ReturnType<typeof getDividerTheme>;

package/types/theme/global/shadows/shadows.d.ts

@@ -0,0 +1,9 @@
+import type { ShadowPalette } from './types';
+declare const getShadows: (shadowPalette: ShadowPalette) => {
+    default: import("./types").ShadowStyles;
+    cardDrawer: import("./types").ShadowStyles;
+    tabBar: import("./types").ShadowStyles;
+};
+type Shadows = ReturnType<typeof getShadows>;
+export { getShadows };
+export type { Shadows };

package/types/theme/global/shadows/swagLight.d.ts

@@ -0,0 +1,3 @@
+import type { ShadowPalette } from './types';
+declare const swagLightShadowPalette: ShadowPalette;
+export default swagLightShadowPalette;

package/types/theme/global/shadows/swagLightJobs.d.ts

@@ -0,0 +1,3 @@
+import type { ShadowPalette } from './types';
+declare const swagLightJobsShadowPalette: ShadowPalette;
+export default swagLightJobsShadowPalette;

package/types/theme/global/shadows.d.ts

@@ -0,0 +1,16 @@
+import type { SystemPalette } from '.';
+declare const getShadows: (systemPalette: SystemPalette) => {
+    default: {
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+};
+type Shadows = ReturnType<typeof getShadows>;
+export { getShadows };
+export type { Shadows };

package/types/types.d.ts

@@ -14,4 +14,6 @@ import { ActionGroupHandles } from './components/FAB/ActionGroup';
 import type { SliderRangeValue } from './components/Slider/RangeSlider';
 import type { CalendarDateRange } from './components/Calendar/CalendarRange';
 import { LocaleCode, LocaleValues, DateTimeFormats } from './locales/types';
-export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, SliderRangeValue, CalendarDateRange, LocaleCode, LocaleValues, DateTimeFormats, };
+import type { ColumnChartProps } from './components/Chart/ColumnChart';
+import { LineChartProps } from './components/Chart/Line';
+export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, SliderRangeValue, CalendarDateRange, LocaleCode, LocaleValues, DateTimeFormats, ColumnChartProps, LineChartProps, };

package/types/utils/helpers.d.ts

@@ -3,3 +3,8 @@ export declare const isAndroid: boolean;
 export declare function pick<O extends object, T extends keyof O>(keys: T[], obj: O): Pick<O, T>;
 export declare function omit<O, T extends keyof O>(keys: T[], obj: O): Omit<O, T>;
 export declare function hexToRgba(hex: string, a: number): string;
+export declare const deepCompareValue: <V>(a: V, b: V) => boolean;
+export declare const useKeyboard: () => {
+    isKeyboardVisible: boolean;
+    keyboardHeight: number;
+};

package/.turbo/turbo-build.log

@@ -1,18 +0,0 @@
-(node:3216) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
-(Use `node --trace-warnings ...` to show where the warning was created)
-
-src/index.ts → lib/index.js, es/index.js...
-(!) [plugin replace] @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
-(!) [plugin typescript] src/components/RichTextEditor/__tests__/RichTextEditor.spec.tsx (61:35): @rollup/plugin-typescript TS2307: Cannot find module '../../../../types' or its corresponding type declarations.
-/home/runner/work/hero-design/hero-design/packages/rn/src/components/RichTextEditor/__tests__/RichTextEditor.spec.tsx:61:35
-
-61 import { RichTextEditorRef } from "../../../../types";
-                                     ~~~~~~~~~~~~~~~~~~~
-
-(!) [plugin node-resolve] preferring built-in module 'events' over local alternative at '/home/runner/work/hero-design/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning.or passing a function to 'preferBuiltins' to provide more fine-grained control over which built-in modules to prefer.
-created lib/index.js, es/index.js in 55.1s
-
-/home/runner/work/hero-design/hero-design/packages/rn/src/locales/en_AU.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/en_CA.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/index.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/types.ts → ., ....
-(!) Generated empty chunks
-"locales/types" and "locales/types"
-created ., . in 21.1s