@datacrest/dcuikit 1.0.1 → 1.0.3

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

@@ -6,7 +6,7 @@ export type HintStateKeys = ['color', 'borderColor', 'placeholderColor'];
 export type InputSizeKeys = ['fontSize', 'lineHeight', 'spacing'];
 export type InputStateKeys = ['color', 'borderColor'];
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, Record<string, any> {
-    label: string;
+    label?: string;
     fluid?: boolean;
     inputSize?: InputSizes[number];
     success?: StateProps;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TextAreaProps } from './types';
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { TextAreaProps } from './types';
+declare const _default: Meta;
+export default _default;
+export declare const TextArea: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAreaProps>;

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

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

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

@@ -0,0 +1,3 @@
+import TextArea from './TextArea';
+export { TextArea };
+export * from './types';

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

@@ -0,0 +1,25 @@
+import { TextareaHTMLAttributes, ChangeEvent, FocusEvent } from 'react';
+export type TextAreaResize = boolean;
+export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'onChange' | 'onFocus' | 'onBlur'> {
+    error?: boolean;
+    resize?: TextAreaResize;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    label?: string;
+    helperText?: string;
+    showCharCount?: boolean;
+    floatingLabel?: boolean;
+    onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    rows?: number;
+    maxLength?: number;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    fluid?: boolean;
+    width?: string;
+    className?: string;
+}

package/build/components/Atom/TextArea/utils.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface Prop {
+    resize: boolean;
+    disabled: boolean;
+    floatingLabel: boolean;
+    isLabelFloated: boolean;
+    focused: boolean;
+    error: boolean;
+    fluid: boolean;
+    width?: string;
+    className?: string;
+    value?: string;
+    currentValue: string;
+}
+export declare const generateBaseClasses: (resize: boolean) => string;
+export declare const generateContainerClasses: ({ disabled, floatingLabel, isLabelFloated, focused, error, }: Pick<Prop, "disabled" | "floatingLabel" | "isLabelFloated" | "focused" | "error">) => string;
+export declare const generateWrapperClasses: ({ fluid, width, className, }: Pick<Prop, "fluid" | "width" | "className">) => string;
+export declare const generateWrapperStyle: (width?: string) => React.CSSProperties;
+export declare const getCurrentLength: (value?: string, currentValue?: string) => number;
+export declare const generateFloatingLabelClasses: ({ isLabelFloated, focused, error, }: {
+    isLabelFloated: boolean;
+    focused: boolean;
+    error: boolean;
+}) => string;
+export declare const generateBorderClasses: (focused: boolean, error: boolean) => string;
+export declare const generateNotchWidth: (label?: string, required?: boolean) => number;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { AlertDialogProps } from './types';
-declare const AlertDialogComponent: ({ title, description, trigger, action, cancel, onAction, onCancel, variant, disabled, }: AlertDialogProps) => React.JSX.Element;
+declare const AlertDialogComponent: ({ title, description, trigger, action, cancel, onAction, onCancel, variant, disabled, open, onOpenChange, }: AlertDialogProps) => React.JSX.Element;
 export default AlertDialogComponent;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import type { AlertDialogProps } from './types';
 declare const _default: {
     title: string;
-    component: ({ title, description, trigger, action, cancel, onAction, onCancel, variant, disabled, }: AlertDialogProps) => React.JSX.Element;
+    component: ({ title, description, trigger, action, cancel, onAction, onCancel, variant, disabled, open, onOpenChange, }: AlertDialogProps) => React.JSX.Element;
     argTypes: {
         title: {
             control: "text";

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

@@ -1,2 +1,4 @@
 import AlertDialogComponent from './AlertDialog';
 export { AlertDialogComponent };
+export * from './const';
+export * from './types';

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

@@ -1,11 +1,14 @@
+import { ReactNode } from 'react';
 export interface AlertDialogProps {
     title: string;
     description: string;
-    trigger: string;
-    action: string;
+    trigger: string | ReactNode;
+    action: string | ReactNode;
     cancel?: string;
     onAction?: () => void;
     onCancel?: () => void;
     variant?: 'default' | 'destructive';
     disabled?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 }

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { FileUploaderProps } from './types';
+declare const FileUploader: FC<FileUploaderProps>;
+export default FileUploader;

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import type { FileUploaderProps } from './types';
+declare const _default: Meta<FileUploaderProps>;
+export default _default;
+export declare const FileUploader: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FileUploaderProps>;

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

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

package/build/components/Molecule/FileUploader/const.d.ts

@@ -0,0 +1,19 @@
+export declare const DEFAULT_MAX_SIZE: number;
+export declare const DEFAULT_MAX_FILES = 5;
+export declare const ACCEPTED_FILE_TYPES: {
+    IMAGE: string;
+    PDF: string;
+    DOCUMENT: string;
+    ALL: string;
+};
+export declare const FILE_UPLOAD_ERRORS: {
+    FILE_TOO_LARGE: string;
+    TOO_MANY_FILES: string;
+    INVALID_FILE_TYPE: string;
+    UPLOAD_FAILED: string;
+};
+export declare const UPLOAD_STATUS: {
+    readonly UPLOADING: "uploading";
+    readonly SUCCESS: "success";
+    readonly ERROR: "error";
+};

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

@@ -0,0 +1,4 @@
+import FileUploader from './FileUploader';
+export { FileUploader };
+export * from './const';
+export * from './types';

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

@@ -0,0 +1,32 @@
+export interface FileAction {
+    label: string;
+    onClick: (file: UploadedFile) => void;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'harford' | 'link';
+    icon?: React.ReactNode;
+}
+export interface FileUploaderProps {
+    onFilesChange: (files: File[]) => void;
+    accept: string;
+    multiple?: boolean;
+    maxSize?: number;
+    maxFiles?: number;
+    disabled?: boolean;
+    className?: string;
+    width?: string;
+    children?: React.ReactNode;
+    fileActions?: FileAction[];
+    showRemoveButton?: boolean;
+}
+export interface FileWithPreview extends File {
+    preview?: string;
+}
+export interface UploadedFile {
+    id: string;
+    file: File;
+    name: string;
+    size: number;
+    type: string;
+    preview?: string;
+    status: 'uploading' | 'success' | 'error';
+    progress?: number;
+}

package/build/components/Molecule/FileUploader/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const formatFileSize: (bytes: number) => string;
+export declare const parseAccept: (acceptProp: string) => {
+    [x: string]: never[];
+} | undefined;