@aic-kits/react 0.0.18 → 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/Box/StyledBox.d.ts

@@ -0,0 +1,37 @@
+import { Theme } from '../../theme';
+import { ConfigType } from './config';
+import { CustomBoxProps, FlexStyleProps, StyleProps } from './types';
+export declare const getThemeValue: (theme: Theme, key: keyof StyleProps, props: StyleProps) => {
+    [x: string]: string;
+} | {
+    [x: string]: number;
+} | undefined;
+export declare const mapStylePropToThemeValue: (theme: Theme, props: StyleProps) => {};
+export declare const configKeys: Array<keyof ConfigType>;
+export declare const genBoxStyle: (theme: Theme, props: StyleProps & FlexStyleProps & CustomBoxProps) => {
+    alignContent?: import("csstype").Property.AlignContent | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    alignSelf?: import("csstype").Property.AlignSelf | undefined;
+    display?: import("csstype").Property.Display | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    position?: import("csstype").Property.Position | undefined;
+    top?: import("csstype").Property.Top<string | number> | undefined;
+    right?: import("csstype").Property.Right<string | number> | undefined;
+    bottom?: import("csstype").Property.Bottom<string | number> | undefined;
+    left?: import("csstype").Property.Left<string | number> | undefined;
+    overflow?: import("csstype").Property.Overflow | undefined;
+    width?: import("csstype").Property.Width<string | number> | undefined;
+    minWidth?: import("csstype").Property.MinWidth<string | number> | undefined;
+    maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
+    height?: import("csstype").Property.Height<string | number> | undefined;
+    minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
+    maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
+    opacity?: import("csstype").Property.Opacity | undefined;
+};
+export declare const StyledBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps & FlexStyleProps & CustomBoxProps>> & string;