@hero-design/rn 8.98.0-alpha.0 → 8.98.0

package/.turbo/turbo-build.log

@@ -0,0 +1,18 @@
+(node:3005) 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 56.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 22.9s

package/es/index.js

@@ -20956,14 +20956,13 @@ var HeaderTabItemOutline = index$b(Animated.View)(function (_ref4) {
 });
 var HeaderTabItemWrapper = index$b(View)(function (_ref5) {
   var theme = _ref5.theme;
-  return _objectSpread2({
+  return {
     paddingHorizontal: theme.__hd__.tabs.space.outlineHorizontalPadding,
     paddingVertical: theme.__hd__.tabs.space.outlineVerticalPadding,
     position: 'relative',
-    justifyContent: 'center'
-  }, Platform.OS === 'android' && Platform.Version !== 26 && Platform.Version !== 27 && {
+    justifyContent: 'center',
     alignItems: 'center'
-  });
+  };
 });
 var HeaderTabItemIndicator = index$b(Animated.View)(function (_ref6) {
   var theme = _ref6.theme;

package/lib/index.js

@@ -20985,14 +20985,13 @@ var HeaderTabItemOutline = index$b(reactNative.Animated.View)(function (_ref4) {
 });
 var HeaderTabItemWrapper = index$b(reactNative.View)(function (_ref5) {
   var theme = _ref5.theme;
-  return _objectSpread2({
+  return {
     paddingHorizontal: theme.__hd__.tabs.space.outlineHorizontalPadding,
     paddingVertical: theme.__hd__.tabs.space.outlineVerticalPadding,
     position: 'relative',
-    justifyContent: 'center'
-  }, reactNative.Platform.OS === 'android' && reactNative.Platform.Version !== 26 && reactNative.Platform.Version !== 27 && {
+    justifyContent: 'center',
     alignItems: 'center'
-  });
+  };
 });
 var HeaderTabItemIndicator = index$b(reactNative.Animated.View)(function (_ref6) {
   var theme = _ref6.theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.98.0-alpha.0",
+  "version": "8.98.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/Tabs/StyledScrollableTabs.tsx

@@ -1,4 +1,4 @@
-import { Animated, Platform, StyleSheet, View } from 'react-native';
+import { Animated, StyleSheet, View } from 'react-native';
 import styled from '@emotion/native';
 
 const TabScreen = styled(View)({
@@ -43,11 +43,7 @@ const HeaderTabItemWrapper = styled(View)(({ theme }) => ({
   paddingVertical: theme.__hd__.tabs.space.outlineVerticalPadding,
   position: 'relative',
   justifyContent: 'center',
-  ...(Platform.OS === 'android' &&
-    Platform.Version !== 26 &&
-    Platform.Version !== 27 && {
-      alignItems: 'center',
-    }),
+  alignItems: 'center',
 }));
 
 const HeaderTabItemIndicator = styled(Animated.View)(({ theme }) => ({

package/locales/en_AU.d.ts

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

package/locales/en_CA.d.ts

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

package/locales/index.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    'en-AU': import("./types").LocaleValues;
-    'en-CA': import("./types").LocaleValues;
-};
-export default _default;

package/locales/types.d.ts

@@ -1,10 +0,0 @@
-declare const LOCALES: readonly ["en-AU", "en-CA"];
-export type LocaleCode = typeof LOCALES[number];
-export type DateTimeFormats = {
-    fullDate: string;
-};
-export type LocaleValues = {
-    lang: LocaleCode;
-    dateTimeFormats: DateTimeFormats;
-};
-export {};

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DatePickerDialogProps } from './type';
-declare const AndroidDatePickerDialog: ({ open, value, minDate, maxDate, onChange, onClose, testID, }: DatePickerDialogProps) => React.JSX.Element | null;
-export default AndroidDatePickerDialog;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DatePickerDialogProps } from './type';
-declare const IOSDatePickerDialog: ({ label, open, onClose, confirmLabel, locale, value, minDate, maxDate, onChange, testID, variant, supportedOrientations, }: DatePickerDialogProps) => React.JSX.Element | null;
-export default IOSDatePickerDialog;

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

@@ -1,50 +0,0 @@
-export interface DatePickerDialogProps {
-    /**
-     * The value of the date picker.
-     */
-    value: Date;
-    /**
-     * The minimum date of the date picker.
-     */
-    minDate?: Date;
-    /**
-     * The maximum date of the date picker.
-     */
-    maxDate?: Date;
-    /**
-     * The function to call when the date is changed.
-     */
-    onChange: (date: Date) => void;
-    /**
-     * The test ID of the date picker.
-     */
-    testID?: string;
-    /**
-     * The locale of the date picker. iOS only.
-     */
-    locale?: string;
-    /**
-     * Whether the dialog is open, Android only.
-     */
-    open: boolean;
-    /**
-     * The function to call when the dialog is closed. Android only.
-     */
-    onClose: () => void;
-    /**
-     * The variant of the date picker.
-     */
-    variant?: 'default' | 'month-year';
-    /**
-     * The label of the date picker.
-     */
-    label?: string;
-    /**
-     * The confirm label of the date picker. iOS only.
-     */
-    confirmLabel: string;
-    /**
-     * The supported orientations of the date picker.
-     */
-    supportedOrientations?: ('portrait' | 'landscape')[];
-}

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

@@ -1,4 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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

@@ -1,31 +0,0 @@
-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

@@ -1,53 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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/Success/StyledSuccess.d.ts

@@ -1,49 +0,0 @@
-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

@@ -1,50 +0,0 @@
-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/theme/global/shadows/shadows.d.ts

@@ -1,9 +0,0 @@
-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

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

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

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

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

@@ -1,16 +0,0 @@
-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 };