@aic-kits/react 0.0.21 → 0.1.0

package/dist/components/Art/BrandArt.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { BrandArtProps } from './types';
+export declare const BrandArt: ({ art, width, height, style, "data-testid": testId, ...rest }: BrandArtProps) => React.ReactElement;

package/dist/components/Art/EmojiArt.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { EmojiArtProps } from './types';
+export declare const EmojiArt: ({ art, width, height, style, "data-testid": testId, ...rest }: EmojiArtProps) => React.ReactElement;

package/dist/components/Art/IconArt.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { IconArtProps } from './types';
+export declare const IconArt: ({ art, width, height, color, style, "data-testid": testId, ...rest }: IconArtProps) => React.ReactElement;

package/dist/components/Art/ImageArt.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ImageArtProps } from './types';
+export declare const ImageArt: ({ art, width, height, style, "data-testid": testId, ...rest }: ImageArtProps) => React.ReactElement;

package/dist/components/Art/SvgArt.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SvgArtProps } from './types';
+export declare const SvgArt: ({ art, width, height, style, "data-testid": testId, ...rest }: SvgArtProps) => React.ReactElement;

package/dist/components/Art/index.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { BrandArt as Brand } from './BrandArt';
+import { EmojiArt as Emoji } from './EmojiArt';
+import { IconArt as Icon } from './IconArt';
+import { ImageArt as Image } from './ImageArt';
+import { SvgArt as Svg } from './SvgArt';
+import { ArtProps } from './types';
+export declare const Art: (props: ArtProps) => React.ReactElement;
+export * from './types';
+export * from './utils';
+export { Image, Svg, Emoji, Icon, Brand };

package/dist/components/Art/types.d.ts

@@ -0,0 +1,75 @@
+import { default as React } from 'react';
+import { BoxProps } from '../Box';
+export interface BaseArtProps extends BoxProps {
+    /**
+     * Width of the art
+     */
+    width?: string | number;
+    /**
+     * Height of the art
+     */
+    height?: string | number;
+    /**
+     * Testing id of the component
+     */
+    'data-testid'?: string;
+    /**
+     * Additional styles
+     */
+    style?: React.CSSProperties;
+}
+export interface IconArtProps extends BaseArtProps {
+    /**
+     * Type of the art
+     */
+    type?: 'icon';
+    /**
+     * Icon name
+     */
+    art: string;
+    /**
+     * Color of the icon
+     */
+    color?: string;
+}
+export interface EmojiArtProps extends BaseArtProps {
+    /**
+     * Type of the art
+     */
+    type?: 'emoji';
+    /**
+     * Emoji character
+     */
+    art: string;
+}
+export interface SvgArtProps extends BaseArtProps {
+    /**
+     * Type of the art
+     */
+    type?: 'svg';
+    /**
+     * SVG content
+     */
+    art: string;
+}
+export interface ImageArtProps extends BaseArtProps {
+    /**
+     * Type of the art
+     */
+    type?: 'image';
+    /**
+     * Image URL
+     */
+    art: string;
+}
+export interface BrandArtProps extends BaseArtProps {
+    /**
+     * Type of the art
+     */
+    type: 'brand';
+    /**
+     * Brand name
+     */
+    art: string;
+}
+export type ArtProps = IconArtProps | EmojiArtProps | SvgArtProps | ImageArtProps | BrandArtProps;

package/dist/components/Art/utils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Check if an art is an emoji
+ */
+export declare const isEmoji: (art: string) => boolean;
+/**
+ * Check if an art is an icon
+ */
+export declare const isIcon: (art: string) => boolean;
+/**
+ * Check if an art is an image
+ */
+export declare const isImage: (art: string) => boolean;
+/**
+ * Check if an art is an SVG
+ */
+export declare const isSvg: (art: string) => boolean;

package/dist/components/Base/BaseFooter.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Color } from '../../theme';
+import { BaseFooterProps } from './types';
+interface FooterProps extends BaseFooterProps {
+    backgroundColor?: Color;
+}
+export declare const BaseFooter: React.FC<FooterProps>;
+export {};

package/dist/components/Base/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { BaseProps } from './types';
+export declare const Base: React.FC<BaseProps>;
+export * from './types';

package/dist/components/Base/types.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { Color } from '../../theme';
+import { BoxProps } from '../Box';
+export type BaseButtonParams = {
+    /**
+     * The title of the button
+     */
+    title: string;
+    /**
+     * The onPress event handler
+     */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * The loading state of the button
+     *
+     * @default false
+     */
+    loading?: boolean;
+};
+export interface BaseFooterProps {
+    /**
+     * The params for the primary button
+     */
+    primaryButton?: BaseButtonParams;
+    /**
+     * The params for the secondary button
+     */
+    secondaryButton?: BaseButtonParams;
+}
+export interface BaseProps extends BoxProps, BaseFooterProps {
+    /**
+     * The background color of the Base component
+     */
+    backgroundColor?: Color;
+    /**
+     * The params for the header
+     */
+    header?: {
+        title?: string;
+        showBackButton?: boolean;
+        onBackButtonClick?: React.MouseEventHandler<HTMLButtonElement>;
+        backgroundColor?: Color;
+    } | false;
+}

package/dist/components/Button/StyledButton.d.ts

@@ -0,0 +1,25 @@
+import { Color } from '../../theme/common';
+type ButtonContainerProps = {
+    backgroundColor: Color | 'disabled';
+    borderRadius: string;
+};
+declare const StyledButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonContainerProps>> & string;
+type ButtonTextProps = {
+    themeColor: Color | 'disabled';
+    themeTextColor?: Color;
+    disabled?: boolean;
+};
+declare const StyledButtonText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').TextProps & {
+    useRichText?: boolean;
+}, ButtonTextProps>> & string & Omit<(props: import('..').TextProps & {
+    useRichText?: boolean;
+}) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+type ButtonIconWrapperProps = {
+    themePosition: 'left' | 'right';
+};
+declare const StyledButtonIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('..').BoxProps & {
+    ref?: import('react').ForwardedRef<HTMLDivElement>;
+}, ButtonIconWrapperProps>> & string & Omit<(props: import('..').BoxProps & {
+    ref?: import('react').ForwardedRef<HTMLDivElement>;
+}) => ReturnType<({ children, style, "data-testid": testId, ...otherProps }: import('..').BoxProps, ref: import('react').ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element>, keyof import('react').Component<any, {}, any>>;
+export { StyledButtonContainer, StyledButtonText, StyledButtonIconWrapper, };

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

@@ -0,0 +1,54 @@
+import { default as React } from 'react';
+import { Color } from '../../theme/common';
+export interface ButtonProps {
+    /**
+     * Disable state of button.
+     */
+    disabled?: boolean;
+    /**
+     * Places an icon within the button, before the button's text
+     */
+    icon?: React.ReactNode;
+    /**
+     * Visual color to apply to button.
+     */
+    color?: Color;
+    /**
+     * Visual color to apply to button's text.
+     */
+    textColor?: Color;
+    /**
+     * Loading state of button.
+     */
+    loading?: boolean;
+    /**
+     * Set the handler to handle click event.
+     */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Places an icon within the button, after the button's text
+     */
+    rightIcon?: React.ReactNode;
+    /**
+     * Corner style of button.
+     */
+    corner?: 'circle' | 'rounded' | 'square';
+    /**
+     * Additional style.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Testing id of the component.
+     */
+    'data-testid'?: string;
+    /**
+     * Button text.
+     */
+    text: React.ReactNode;
+    /**
+     * For flex layout
+     */
+    flex?: number | string;
+}
+export declare const Button: ({ disabled, icon, color, textColor, loading, onClick, rightIcon, corner, style, "data-testid": testId, text, ...rest }: ButtonProps) => React.ReactElement;
+export * from './utils';

package/dist/components/Button/utils.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '../../theme';
+import { Color } from '../../theme/common';
+export declare const getTextColor: (theme: Theme, backgroundColor: Color | "disabled", textColor?: Color) => string;

package/dist/components/Loading/StyledLoading.d.ts

@@ -0,0 +1,10 @@
+export declare const StyledLoadingContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('..').BoxProps & {
+    ref?: import('react').ForwardedRef<HTMLDivElement>;
+}, never>> & string & Omit<(props: import('..').BoxProps & {
+    ref?: import('react').ForwardedRef<HTMLDivElement>;
+}) => ReturnType<({ children, style, "data-testid": testId, ...otherProps }: import('..').BoxProps, ref: import('react').ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledSpinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    size: string;
+    color: string;
+    strokeWidth: string;
+}>> & string;

package/dist/components/Loading/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { LoadingProps } from './types';
+export declare const Loading: React.FC<LoadingProps>;
+export * from './types';

package/dist/components/Loading/types.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { Color } from '../../theme';
+import { LoadingSize } from '../../theme/components/loading';
+import { BoxProps } from '../Box';
+export interface LoadingProps extends BoxProps {
+    /**
+     * Size of the loading indicator
+     */
+    size: LoadingSize | string;
+    /**
+     * Loading state of the loading indicator
+     * @default true
+     */
+    loading?: boolean;
+    /**
+     * Color of the loading indicator
+     * @default 'primary'
+     */
+    color?: Color;
+    /**
+     * Children of the loading indicator (will be shown when loading is false)
+     */
+    children?: React.ReactNode;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+}

package/dist/components/Touchable/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TouchableProps } from './types';
+export declare const Touchable: React.FC<TouchableProps>;
+export * from './types';

package/dist/components/Touchable/types.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { TouchableHapticFeedbackType } from '../../theme';
+import { BoxProps } from '../Box';
+export interface TouchableProps extends React.HTMLAttributes<HTMLDivElement>, BoxProps {
+    /**
+     * Haptic feedback type (not used in web, but kept for API compatibility)
+     */
+    hapticFeedback?: TouchableHapticFeedbackType;
+    /**
+     * Touchable's content.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional styles.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Testing id of the component.
+     */
+    'data-testid'?: string;
+}

package/dist/components/index.d.ts

@@ -1,2 +1,7 @@
+export * from './Art';
+export * from './Base';
+export * from './Button';
+export * from './Loading';
+export * from './Touchable';
 export * from './Box';
 export * from './Text';