@datacrest/dcuikit 0.0.4 → 0.0.7

package/build/components/Atom/Button/Button.d.ts

@@ -1,13 +1,3 @@
 import React from 'react';
-import { ButtonSizes, ButtonVariants } from './Button.types';
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    children: React.ReactNode;
-    variant: ButtonVariants;
-    size: ButtonSizes[number];
-    iconLeft?: React.ReactNode;
-    iconRight?: React.ReactNode;
-    fluid?: boolean;
-    loading?: boolean;
-    dataTestId?: string;
-}
+import { ButtonProps } from './Button.types';
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/Atom/Button/Button.stories.d.ts

@@ -1,5 +1,5 @@
 import { StoryFn, Meta } from '@storybook/react';
-import { ButtonProps } from './Button';
+import { ButtonProps } from './Button.types';
 declare const _default: Meta;
 export default _default;
 export declare const Button: StoryFn<ButtonProps>;

package/build/components/Atom/Button/Button.types.d.ts

@@ -1,2 +1,12 @@
 export type ButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'critical' | 'danger' | 'link';
 export type ButtonSizes = ['small', 'medium', 'large'];
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    variant: ButtonVariants;
+    size: ButtonSizes[number];
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    fluid?: boolean;
+    loading?: boolean;
+    dataTestId?: string;
+}

package/build/components/Atom/Button/index.d.ts

@@ -1,3 +1,2 @@
 export { Button } from './Button';
-export type { ButtonProps } from './Button';
-export type { ButtonSizes } from './Button.types';
+export type { ButtonSizes, ButtonProps } from './Button.types';

package/build/components/Atom/Checkbox/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { CheckboxSizes } from './Checkbox.types';
+export interface Props extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'children'> {
+    checkboxSize?: CheckboxSizes[number];
+    dataTestId?: string;
+    disabled?: boolean;
+    checked?: boolean;
+    marginRight?: 'small' | 'medium' | 'large';
+    marginLeft?: 'small' | 'medium' | 'large';
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;

package/build/components/Atom/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,4 @@
+import { StoryFn, Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Checkbox: StoryFn;

package/build/components/Atom/Checkbox/Checkbox.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Atom/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,2 @@
+export type CheckboxSizes = ['small', 'normal'];
+export type CheckboxStates = ['unChecked', 'hover', 'checked', 'indeterminate'];

package/build/components/Atom/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export { Checkbox } from './Checkbox';
+export type { Props as CheckboxProps } from './Checkbox';
+export type { CheckboxSizes } from './Checkbox.types';

package/build/components/Atom/Icon/Custom/Icons/Success.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CustomIconProps } from '../types';
+export declare const Success: React.MemoExoticComponent<({ size, color, className }: CustomIconProps) => React.JSX.Element>;

package/build/components/Atom/Icon/Custom/index.d.ts

@@ -7,5 +7,6 @@ export { Upload } from './Icons/Upload';
 export { EditFilled } from './Icons/EditFilled';
 export { FileUpload } from './Icons/FileUpload';
 export { ExcelFile } from './Icons/ExcelFile';
+export { Success } from './Icons/Success';
 export { FBLike } from './Icons/FBLike';
 export { FBLove } from './Icons/FBLove';

package/build/components/Atom/Icon/Icon.d.ts

@@ -1,10 +1,3 @@
 import React from 'react';
-import * as IconComponent from 'react-feather';
-import * as CustomIconComponent from './Custom';
-export type IconName = keyof typeof IconComponent;
-export type CustomIconName = keyof typeof CustomIconComponent;
-export interface IconProps extends IconComponent.IconProps {
-    name: CustomIconName | IconName;
-    className?: string;
-}
+import { IconProps } from './Icon.types';
 export declare const Icon: ({ name, color, size, strokeWidth, className, ...iconProps }: IconProps) => React.JSX.Element;

package/build/components/Atom/Icon/Icon.stories.d.ts

@@ -1,6 +1,6 @@
 import { StoryFn, Meta } from '@storybook/react';
-import { IconProps } from './Icon';
 import { CustomIconProps } from './Custom/types';
+import { IconProps } from './Icon.types';
 declare const _default: Meta;
 export default _default;
 export declare const Icon: StoryFn<IconProps & CustomIconProps>;

package/build/components/Atom/Icon/Icon.types.d.ts

@@ -0,0 +1,8 @@
+import * as IconComponent from 'react-feather';
+import * as CustomIconComponent from './Custom';
+export type IconName = keyof typeof IconComponent;
+export type CustomIconName = keyof typeof CustomIconComponent;
+export interface IconProps extends IconComponent.IconProps {
+    name: CustomIconName | IconName;
+    className?: string;
+}

package/build/components/Atom/Icon/index.d.ts

@@ -1,2 +1,2 @@
 export { Icon } from './Icon';
-export type { IconProps, IconName } from './Icon';
+export type { IconProps, IconName } from './Icon.types';

package/build/components/Atom/Input/Input.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { TextProps } from '../Typography';
+import { InputSizes } from './Input.types';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, Record<string, any> {
+    label: string;
+    fluid?: boolean;
+    inputSize?: InputSizes[number];
+    success?: StateProps;
+    error?: StateProps;
+    hint?: StateProps;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    togglePassword?: boolean;
+    hintTextProps?: TextProps;
+    className?: string;
+    dataTestId?: string;
+}
+export interface StateProps {
+    message: string;
+}
+export declare const Input: ({ value, fluid, label, leftIcon, rightIcon, togglePassword, error, success, hint, disabled, type, hintTextProps, className, dataTestId, inputSize, ...props }: InputProps) => React.JSX.Element;

package/build/components/Atom/Input/Input.stories.d.ts

@@ -0,0 +1,8 @@
+import { StoryFn, Meta } from '@storybook/react';
+import { InputProps } from './Input';
+declare const _default: Meta;
+export default _default;
+export declare const Input: StoryFn<InputProps & {
+    leftIcon: boolean;
+    rightIcon: boolean;
+}>;

package/build/components/Atom/Input/Input.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Atom/Input/Input.types.d.ts

@@ -0,0 +1,6 @@
+export type InputSizes = ['small', 'normal'];
+export type InputStates = ['default', 'hover', 'active', 'disabled'];
+export type HintStates = ['hint', 'success', 'error'];
+export type HintStateKeys = ['color', 'borderColor', 'placeholderColor'];
+export type InputSizeKeys = ['fontSize', 'lineHeight', 'spacing'];
+export type InputStateKeys = ['color', 'borderColor'];

package/build/components/Atom/Input/index.d.ts

@@ -0,0 +1,3 @@
+export { Input } from './Input';
+export type { InputProps, StateProps } from './Input';
+export type { InputStates, InputSizes } from './Input.types';

package/build/components/Atom/Typography/Heading.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryFn } from '@storybook/react';
+import { HeadingProps } from './Typography.types';
+declare const _default: Meta;
+export default _default;
+export declare const Heading: StoryFn<HeadingProps>;

package/build/components/Atom/Typography/Heading.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Atom/Typography/Text.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryFn } from '@storybook/react';
+import { TextProps } from './Typography.types';
+declare const _default: Meta;
+export default _default;
+export declare const Text: StoryFn<TextProps>;

package/build/components/Atom/Typography/Text.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Atom/Typography/Typography.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { HeadingProps, TextProps } from './Typography.types';
+export declare const Heading: React.FC<HeadingProps>;
+export declare const Text: React.FC<TextProps>;

package/build/components/Atom/Typography/Typography.types.d.ts

@@ -0,0 +1,20 @@
+export type MarginSize = 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+export type LetterSpacingSize = 'tight' | 'normal' | 'wide' | 'wider' | 'widest';
+export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary' | 'white';
+    marginTop?: MarginSize;
+    marginBottom?: MarginSize;
+    letterSpacing?: LetterSpacingSize;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    fontWeight?: 'normal' | 'bold' | 'semibold' | 'light';
+}
+export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    variant: 'body' | 'paragraph' | 'caption' | 'small' | 'regular' | 'paragraphSm' | 'captionSm';
+    color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary' | 'white';
+    marginTop?: MarginSize;
+    marginBottom?: MarginSize;
+    letterSpacing?: LetterSpacingSize;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    fontWeight?: 'normal' | 'bold' | 'semibold' | 'light';
+}

package/build/components/Atom/Typography/index.d.ts

@@ -0,0 +1,2 @@
+export { Heading, Text } from './Typography';
+export type { MarginSize, LetterSpacingSize, HeadingProps, TextProps, } from './Typography.types';

package/build/components/Molecule/Message/Message.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { MessageVariants } from './Message.types';
+export interface MessageProps {
+    id: string;
+    destroy: () => void;
+    title: string | ReactElement;
+    duration?: number;
+    variant: MessageVariants;
+    animationDuration?: number;
+    icon?: React.ReactNode;
+    dataTestId?: string;
+}
+export declare const MessageComponent: ({ id, destroy, title, variant, duration, animationDuration, icon, dataTestId, }: MessageProps) => React.JSX.Element;

package/build/components/Molecule/Message/Message.stories.d.ts

@@ -0,0 +1,4 @@
+import { StoryFn, Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Message: StoryFn;

package/build/components/Molecule/Message/Message.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Molecule/Message/Message.types.d.ts

@@ -0,0 +1,6 @@
+export declare enum MessageVariants {
+    Success = "success",
+    Error = "error",
+    Warning = "warning",
+    Info = "info"
+}

package/build/components/Molecule/Message/MessageManager.d.ts

@@ -0,0 +1,20 @@
+import { MessageProps } from './Message';
+export interface MessageOptions extends Omit<MessageProps, 'id' | 'destroy'> {
+    id?: string;
+}
+export declare class MessageManager {
+    private isSetup;
+    private containerRef;
+    private root;
+    private messages;
+    constructor();
+    setup(): void;
+    show(options: MessageOptions): void;
+    destroy(id: string): void;
+    success(options: Omit<MessageOptions, 'variant'>): void;
+    error(options: Omit<MessageOptions, 'variant'>): void;
+    warning(options: Omit<MessageOptions, 'variant'>): void;
+    info(options: Omit<MessageOptions, 'variant'>): void;
+    private render;
+}
+export declare const message: MessageManager;

package/build/components/Molecule/Message/index.d.ts

@@ -0,0 +1,3 @@
+export { message } from './MessageManager';
+export type { MessageOptions } from './MessageManager';
+export type { MessageVariants } from './Message.types';

package/build/components/Molecule/Table/Table.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TableProps } from './Table.types';
+export declare const Table: React.FC<TableProps>;

package/build/components/Molecule/Table/Table.stories.d.ts

@@ -0,0 +1,5 @@
+import { StoryFn, Meta } from '@storybook/react';
+import { TableProps } from './Table.types';
+declare const _default: Meta;
+export default _default;
+export declare const Table: StoryFn<TableProps>;

package/build/components/Molecule/Table/Table.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Molecule/Table/Table.types.d.ts

@@ -0,0 +1,23 @@
+export declare enum TableColumnAlign {
+    Left = "left",
+    Center = "center",
+    Right = "right"
+}
+export interface TableColumn {
+    key: string;
+    title: string;
+    width?: string;
+    sortable?: boolean;
+    align?: TableColumnAlign;
+}
+export type PageSizeOptions = 5 | 10 | 20 | 50;
+export interface TableProps {
+    columns: TableColumn[];
+    data: Record<string, any>[];
+    sortable?: boolean;
+    pagination?: boolean;
+    currentPage?: number;
+    pageSize?: PageSizeOptions;
+    onSort?: (key: string, direction: 'asc' | 'desc') => void;
+    onPageChange?: (page: number) => void;
+}

package/build/components/Molecule/Table/index.d.ts

@@ -0,0 +1,2 @@
+export { Table } from './Table';
+export type { TableProps, TableColumn } from './Table.types';

package/build/components/Molecule/Tooltip/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TooltipProps as TooltipBaseProps } from 'rc-tooltip/lib/Tooltip';
+export interface TooltipContentProps {
+    title?: string;
+    description?: string;
+    footer?: string | React.ReactNode;
+    dataTestId?: string;
+}
+export interface TooltipProps extends Omit<TooltipBaseProps, 'overlay'>, TooltipContentProps {
+    overlay?: React.ReactNode | (() => React.ReactNode);
+    className?: string;
+}
+export declare const Tooltip: ({ overlay, title, description, footer, children, ...props }: TooltipProps) => React.JSX.Element;

package/build/components/Molecule/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,5 @@
+import { StoryFn, Meta } from '@storybook/react';
+import { TooltipProps } from 'rc-tooltip/lib/Tooltip';
+declare const _default: Meta;
+export default _default;
+export declare const Tooltip: StoryFn<TooltipProps>;

package/build/components/Molecule/Tooltip/Tooltip.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Molecule/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipProps, TooltipContentProps } from './Tooltip';

package/build/index.d.ts

@@ -1,2 +1,10 @@
 export * from './components/Atom/Button';
+export * from './components/Atom/Checkbox';
+export * from './components/Atom/Icon';
+export * from './components/Atom/Icon/Custom';
+export * from './components/Atom/Input';
+export * from './components/Atom/Typography';
+export * from './components/Molecule/Message';
+export * from './components/Molecule/Table';
+export * from './components/Molecule/Tooltip';
 export type { Variants } from './types/variant.types';