finform-react-builder 1.7.1 → 1.8.0

package/dist/assets/Reorder.d.ts

@@ -0,0 +1 @@
+export declare const Reorder: () => import("react/jsx-runtime").JSX.Element;

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

@@ -5,4 +5,5 @@ export { ImageComponent } from './ImageComponent';
 export { CustomButtons } from './CustomButtons';
 export { generateSchema } from './generateSchema';
 export { fetchApiData, hasApiConfig, getApiConfig, shouldShowField, useApiData } from './apiUtils';
+export * from './inputs';
 export type { FieldConfig, ValidationRule, FormButton, ButtonGroup, FormTitle, FormTheme, FinFormProps, ApiConfig, } from './types';

package/dist/components/FinForm/inputs/FinAutocomplete.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export interface FinAutocompleteOption {
+    label: string;
+    value: string | number;
+    [k: string]: any;
+}
+export interface FinAutocompleteProps {
+    id?: string;
+    options: FinAutocompleteOption[];
+    value: any;
+    multiple?: boolean;
+    label?: string;
+    labelText?: string;
+    placeholder?: string;
+    onChange: (val: any) => void;
+    labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
+    disabled?: boolean;
+    loading?: boolean;
+    error?: boolean;
+    helperText?: string;
+    onOpen?: () => void;
+    noOptionsText?: string;
+}
+export declare const FinAutocomplete: React.FC<FinAutocompleteProps>;

package/dist/components/FinForm/inputs/FinCheckbox.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface FinCheckboxProps {
+    label: string;
+    checked: boolean;
+    disabled?: boolean;
+    onChange: (checked: boolean) => void;
+}
+export declare const FinCheckbox: React.FC<FinCheckboxProps>;

package/dist/components/FinForm/inputs/FinDateField.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { TextFieldProps } from '@mui/material';
+export type FinDateFieldProps = TextFieldProps & {
+    label?: React.ReactNode;
+    labelPosition?: 'inner' | 'top' | 'none';
+    labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
+    [key: string]: any;
+};
+export declare const FinDateField: React.FC<FinDateFieldProps>;

package/dist/components/FinForm/inputs/FinDragDropList.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export interface FinDragDropListChip {
+    text: string;
+    bg?: string;
+    color?: string;
+    radius?: number | string;
+    height?: number;
+    px?: number;
+}
+export interface FinDragDropListProps<T> {
+    items: T[];
+    getId: (item: T) => string | number;
+    onReorder: (newItems: T[]) => void;
+    header?: React.ReactNode;
+    disabled?: boolean;
+    sx?: any;
+    chipText?: string | ((item: T, index: number) => string | undefined);
+    helperText?: React.ReactNode | string;
+    getText?: (item: T) => string;
+    getChip?: (item: T) => FinDragDropListChip | undefined;
+    showIndex?: boolean;
+    showLeftIcon?: boolean;
+    renderItem?: (item: T, isDragging: boolean) => React.ReactNode;
+}
+export declare function FinDragDropList<T>({ items, getId, onReorder, header, disabled, sx, getText, /* getChip */ showIndex, showLeftIcon, renderItem, chipText, helperText }: FinDragDropListProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/FinForm/inputs/FinGuidelineCard.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export type FinGuidelineCardVariant = 'info' | 'infoWithHeader' | 'error' | 'emphasis';
+export interface FinGuidelineCardProps {
+    variant: FinGuidelineCardVariant;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    actions?: React.ReactNode;
+    sx?: any;
+    items?: string[];
+}
+export declare const FinGuidelineCard: React.FC<FinGuidelineCardProps>;

package/dist/components/FinForm/inputs/FinRadioGroup.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+export interface FinRadioOption {
+    label: string;
+    value: string | number;
+}
+export interface FinRadioGroupProps {
+    /** Optional section heading above the group */
+    labelText?: string;
+    /** The inner label for the radio group itself (accessible) */
+    label?: string;
+    /** The currently selected value */
+    value: any;
+    /** The list of options */
+    options: FinRadioOption[];
+    /** Horizontal when true, vertical when false */
+    row?: boolean;
+    /** Handles change */
+    onChange: (val: any) => void;
+    /** Top heading or none */
+    labelPosition?: 'top' | 'none';
+    /** Typography variant for the heading */
+    labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
+    /** Optional helper text under the group */
+    helperText?: string;
+    /** Optional error state */
+    error?: boolean;
+    /** Group padding multiplier */
+    groupPadding?: number;
+    /** Gap between radio options */
+    itemGap?: number;
+}
+export declare const FinRadioGroup: React.FC<FinRadioGroupProps>;

package/dist/components/FinForm/inputs/FinSelect.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { SelectProps } from '@mui/material';
+export interface FinSelectOption {
+    label: string;
+    value: string | number;
+}
+export interface FinSelectProps extends Omit<SelectProps, 'onChange'> {
+    labelText?: string;
+    options: FinSelectOption[];
+    loading?: boolean;
+    helperText?: string;
+    onChange?: SelectProps['onChange'];
+    labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
+    placeholder?: string;
+}
+export declare const FinSelect: React.FC<FinSelectProps>;

package/dist/components/FinForm/inputs/FinSwitch.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface FinSwitchProps {
+    label?: string;
+    checked: boolean;
+    disabled?: boolean;
+    onChange: (checked: boolean) => void;
+}
+export declare const FinSwitch: React.FC<FinSwitchProps>;

package/dist/components/FinForm/inputs/FinTextField.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { TextFieldProps } from '@mui/material';
+export type FinTextFieldProps = TextFieldProps & {
+    hasError?: boolean;
+    labelText?: string;
+    labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
+    endAdornment?: React.ReactNode;
+    endorsementText?: string;
+    endorsementBg?: string;
+    endorsementColor?: string;
+    endorsementRadius?: number | string;
+    endorsementHeight?: number;
+    endorsementPaddingX?: number;
+};
+export declare const FinTextField: React.FC<FinTextFieldProps>;

package/dist/components/FinForm/inputs/FinTextarea.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TextFieldProps } from '@mui/material';
+export type FinTextareaProps = TextFieldProps & {
+    labelText?: string;
+    labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
+    hasError?: boolean;
+};
+export declare const FinTextarea: React.FC<FinTextareaProps>;

package/dist/components/FinForm/inputs/FinUiHeader.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface FinUiHeaderProps {
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    actions?: React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+    sx?: any;
+}
+export declare const FinUiHeader: React.FC<FinUiHeaderProps>;

package/dist/components/FinForm/inputs/FinVerticalStepper.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface FinVerticalStepperItem {
+    label: string;
+    description?: string;
+}
+export interface FinVerticalStepperProps {
+    items: FinVerticalStepperItem[];
+    activeIndex?: number;
+    onStepClick?: (index: number) => void;
+    sx?: any;
+}
+export declare const FinVerticalStepper: React.FC<FinVerticalStepperProps>;

package/dist/components/FinForm/inputs/index.d.ts

@@ -0,0 +1,12 @@
+export * from './FinTextField';
+export * from './FinSelect';
+export * from './FinAutocomplete';
+export * from './FinCheckbox';
+export * from './FinSwitch';
+export * from './FinRadioGroup';
+export * from './FinDateField';
+export * from './FinTextarea';
+export * from './FinUiHeader';
+export * from './FinDragDropList';
+export * from './FinGuidelineCard';
+export * from './FinVerticalStepper';

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

@@ -31,6 +31,8 @@ export interface BaseField {
     label: string;
     type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'select' | 'checkbox' | 'toggle' | 'radio' | 'switch' | 'autocomplete' | 'date' | 'textarea' | 'image' | 'title' | 'section' | 'component';
     placeholder?: string;
+    labelPosition?: 'inner' | 'top' | 'none';
+    labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
     required?: boolean;
     disabled?: boolean;
     copyWhenDisabled?: boolean;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components/FinForm';
 export * from './components/DocumentUpload';
+export * from './theme';