@wlloyalty/wll-react-sdk 1.0.50 → 1.0.52

package/dist/components/__test__/test-setup.d.ts

@@ -0,0 +1,9 @@
+import '@testing-library/jest-dom';
+declare global {
+    namespace jest {
+        interface Matchers<R> {
+            toBeInTheDocument(): R;
+            toBeEmptyDOMElement(): R;
+        }
+    }
+}

package/dist/components/__test__/test-utils.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const customRender: (ui: React.ReactElement, options?: {}) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export * from '@testing-library/react';
+export { customRender as render };

package/dist/components/atoms/BaseBanner/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { Tile } from '../../../types/tile';
+export declare const useBannerContext: () => Tile;
+type BaseBannerProps = {
+    tile: Tile;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    onPress?: () => void;
+    testID?: string;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+};
+declare const BaseBanner: React.FC<BaseBannerProps>;
+export default BaseBanner;

package/dist/components/atoms/BaseTile/base-tile-body.d.ts

@@ -0,0 +1,8 @@
+import { TextProps, TextStyle } from 'react-native';
+type BaseTileBodyProps = Omit<TextProps, 'style'> & {
+    variant?: 'eyebrow' | 'title' | 'description' | 'body' | 'caption' | 'label' | 'tier-requirement' | 'tier-earned';
+    isSurface?: boolean;
+    style?: TextStyle;
+};
+export declare const BaseTileBody: (props: BaseTileBodyProps) => JSX.Element | null;
+export {};

package/dist/components/atoms/BaseTile/base-tile-content.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const BaseTileContent: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element | null;

package/dist/components/atoms/BaseTile/base-tile-header.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const BaseTileHeader: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element | null;

package/dist/components/atoms/BaseTile/base-tile-media.d.ts

@@ -0,0 +1,2 @@
+import { ImagePropsNoSource } from '../../../types/common';
+export declare const BaseTileMedia: (props: ImagePropsNoSource) => JSX.Element | null;

package/dist/components/atoms/BaseTile/base-tile-title.d.ts

@@ -0,0 +1 @@
+export declare const BaseTileTitle: () => JSX.Element | null;

package/dist/components/atoms/BaseTile/index.d.ts

@@ -0,0 +1,36 @@
+import React, { ReactNode } from 'react';
+import { ViewStyle } from 'react-native';
+import { Tile } from '../../../types/tile';
+/**
+ * Custom hook to access the TileContext.
+ */
+export declare const useTileContext: () => Tile;
+type BaseTileProps = {
+    tile: Tile;
+    children: ReactNode;
+    style?: ViewStyle;
+};
+type BaseTileRootProps = {
+    children: ReactNode;
+    style?: ViewStyle;
+};
+/**
+ * BaseTile component with subcomponents attached.
+ */
+export declare const BaseTile: (({ tile, children }: BaseTileProps) => JSX.Element) & {
+    Container: ({ children, style, }: BaseTileRootProps) => JSX.Element;
+    Media: (props: import("../../..").ImagePropsNoSource) => JSX.Element | null;
+    Content: ({ children, }: {
+        children: React.ReactNode;
+    }) => JSX.Element | null;
+    Header: ({ children, }: {
+        children: React.ReactNode;
+    }) => JSX.Element | null;
+    Title: () => JSX.Element | null;
+    Body: (props: Omit<import("react-native").TextProps, "style"> & {
+        variant?: "eyebrow" | "title" | "description" | "body" | "caption" | "label" | "tier-requirement" | "tier-earned";
+        isSurface?: boolean;
+        style?: import("react-native").TextStyle;
+    }) => JSX.Element | null;
+};
+export default BaseTile;

package/dist/components/atoms/BaseTile/styles.d.ts

@@ -0,0 +1,47 @@
+export declare const baseStyles: {
+    container: {
+        width: "100%";
+        height: "100%";
+        overflow: "hidden";
+        position: "relative";
+    };
+    content: {
+        display: "flex";
+    };
+    media: {
+        width: "100%";
+        objectFit: "cover";
+    };
+};
+export declare const useBaseTileStyles: () => {
+    container: {
+        backgroundColor: string;
+        aspectRatio: number;
+        borderRadius: number;
+        justifyContent: "center";
+        alignItems: "center";
+        width: "100%";
+        height: "100%";
+        overflow: "hidden";
+        position: "relative";
+    };
+    content: {
+        justifyContent: "center";
+        height: "100%" | undefined;
+        display: "flex";
+    };
+    header: {
+        marginBottom: number;
+        marginTop: number | undefined;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        textAlign: "center" | undefined;
+    };
+    media: {
+        flexBasis: "100%" | "50%";
+        height: "100%" | undefined;
+        width: "100%";
+        objectFit: "cover";
+    };
+};

package/dist/components/atoms/Button/Button.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Button from "./index";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Accent: Story;

package/dist/components/atoms/Button/index.d.ts

@@ -0,0 +1,12 @@
+import { Variant } from '../../../types/theme';
+type ButtonProps = {
+    title: string;
+    onPress: () => void;
+    variant: Variant;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    testID?: string;
+};
+declare const Button: ({ title, onPress, variant, disabled, accessibilityLabel, accessibilityHint, testID, }: ButtonProps) => JSX.Element;
+export default Button;

package/dist/components/atoms/Button/styles.d.ts

@@ -0,0 +1,2 @@
+import { StyleSheet } from 'react-native';
+export declare const useButtonDynamicStyles: () => ReturnType<typeof StyleSheet.create>;