@hero-design/rn 8.35.0-alpha.4 → 8.35.1

package/types/components/Portal/PortalHost.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface PortalHostProps {
+    name: string;
+}
+export declare const PortalHost: React.MemoExoticComponent<({ name }: PortalHostProps) => JSX.Element>;

package/types/components/Portal/PortalProvider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export interface PortalProviderProps {
+    rootHostName?: string;
+    children: ReactNode | ReactNode[];
+}
+export declare const PortalProvider: React.MemoExoticComponent<({ rootHostName, children, }: PortalProviderProps) => JSX.Element>;

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

@@ -0,0 +1,8 @@
+declare enum ACTIONS {
+    REGISTER_HOST = 0,
+    DEREGISTER_HOST = 1,
+    ADD_UPDATE_PORTAL = 2,
+    REMOVE_PORTAL = 3
+}
+declare const INITIAL_STATE: {};
+export { ACTIONS, INITIAL_STATE };

package/types/components/Portal/contexts.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import { ActionTypes } from './types';
+export interface PortalType {
+    name: string;
+    node: ReactNode;
+}
+export declare const PortalStateContext: React.Context<Record<string, PortalType[]> | null>;
+export declare const PortalDispatchContext: React.Context<React.Dispatch<ActionTypes> | null>;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface PortalProps {
+    name?: string;
+    hostName?: string;
+    children?: ReactNode | ReactNode[];
+}
+declare const _default: import("react").NamedExoticComponent<PortalProps> & {
+    readonly type: ({ name, hostName, children }: PortalProps) => null;
+} & {
+    Provider: import("react").MemoExoticComponent<({ rootHostName, children, }: import("./PortalProvider").PortalProviderProps) => JSX.Element>;
+    Host: import("react").MemoExoticComponent<({ name }: import("./PortalHost").PortalHostProps) => JSX.Element>;
+};
+export default _default;

package/types/components/Portal/reducer.d.ts

@@ -0,0 +1,5 @@
+import { PortalType } from './contexts';
+import type { ActionTypes } from './types';
+type State = Record<string, Array<PortalType>>;
+export declare const reducer: (state: Record<string, Array<PortalType>>, action: ActionTypes) => State;
+export {};

package/types/components/Portal/types.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+import type { ACTIONS } from './constants';
+export interface AddUpdatePortalAction {
+    type: ACTIONS;
+    hostName: string;
+    portalName: string;
+    node: ReactNode;
+}
+export interface RemovePortalAction {
+    type: ACTIONS;
+    hostName: string;
+    portalName: string;
+}
+export interface RegisterHostAction {
+    type: ACTIONS;
+    hostName: string;
+}
+export interface UnregisterHostAction {
+    type: ACTIONS;
+    hostName: string;
+}
+export type ActionTypes = AddUpdatePortalAction | RemovePortalAction | RegisterHostAction | UnregisterHostAction;

package/types/components/Portal/usePortal.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare const usePortal: (hostName?: string) => {
+    registerHost: () => void;
+    deregisterHost: () => void;
+    addPortal: (name: string, node: ReactNode) => void;
+    updatePortal: (name: string, node: ReactNode) => void;
+    removePortal: (name: string) => void;
+};

package/types/components/Portal/usePortalState.d.ts

@@ -0,0 +1 @@
+export declare const usePortalState: (hostName: string) => import("./contexts").PortalType[];

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

@@ -1,5 +1,5 @@
 import { ComponentProps, ReactNode } from 'react';
-import { Swipeable as RnghSwipeable, RectButton } from 'react-native-gesture-handler';
+import { RectButton, Swipeable as RnghSwipeable } from 'react-native-gesture-handler';
 type State = 'closed' | 'leftOpen' | 'rightOpen';
 type RnghSwipeableProps = ComponentProps<typeof RnghSwipeable>;
 export interface SwipeableProps extends Pick<RnghSwipeableProps, 'enableTrackpadTwoFingerGesture' | 'friction' | 'leftThreshold' | 'rightThreshold' | 'overshootLeft' | 'overshootRight' | 'overshootFriction' | 'useNativeAnimations' | 'containerStyle' | 'childrenContainerStyle'> {

package/types/components/Tag/StyledTag.d.ts

@@ -1,13 +1,11 @@
 /// <reference types="react" />
 import { View } from 'react-native';
 type ThemeIntent = 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
-type ThemeVariant = 'filled' | 'outlined';
 declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeIntent: ThemeIntent;
-    themeVariant: ThemeVariant;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
@@ -16,6 +14,5 @@ declare const StyledText: import("@emotion/native").StyledComponent<import("../T
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeIntent: ThemeIntent;
-    themeVariant: ThemeVariant;
 }, {}, {}>;
-export { StyledView, StyledText };
+export { StyledText, StyledView };

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

@@ -10,6 +10,7 @@ interface TagProps extends ViewProps {
      */
     intent?: 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
     /**
+     * @deprecated Tag variant prop is deprecated and will be removed in the next major release. Please remove it.
      * Tag variant.
      */
     variant?: 'filled' | 'outlined';

package/types/index.d.ts

@@ -1,6 +1,5 @@
 import theme, { getTheme, ThemeProvider, useTheme, swagSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ThemeSwitcher, withTheme } from './theme';
 import { scale } from './utils/scale';
-import * as Portal from '@gorhom/portal';
 import Accordion from './components/Accordion';
 import Alert from './components/Alert';
 import Attachment from './components/Attachment';
@@ -48,5 +47,6 @@ import Rate from './components/Rate';
 import RefreshControl from './components/RefreshControl';
 import RichTextEditor from './components/RichTextEditor';
 import PageControl from './components/PageControl';
-export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, Accordion, Alert, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Carousel, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, Icon, Image, List, Modal, PinInput, Progress, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, SectionHeading, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, Portal, };
+import Portal from './components/Portal';
+export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, Accordion, Alert, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Carousel, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, Icon, Image, List, Modal, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, SectionHeading, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, };
 export * from './types';

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

@@ -5,5 +5,8 @@ declare const getSwipeableTheme: (theme: GlobalTheme) => {
         danger: string;
         primary: string;
     };
+    radii: {
+        swipeableContainer: number;
+    };
 };
 export default getSwipeableTheme;

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

@@ -25,7 +25,7 @@ declare const getSwitchTheme: (theme: GlobalTheme) => {
         paddingHorizontal: number;
         selector: {
             iconPadding: number;
-            wrapperPadding: number;
+            wrapperHorizontalPadding: number;
         };
     };
     radii: {

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

@@ -5,7 +5,7 @@ declare const getTagTheme: (theme: GlobalTheme) => {
     };
     colors: {
         primary: string;
-        primaryBackground: undefined;
+        primaryBackground: string;
         info: string;
         infoBackground: string;
         success: string;