@digital-ai/dot-components 2.19.0 → 2.20.0

package/{lib → src/lib}/components/dialog/Dialog.d.ts

@@ -1,42 +1,42 @@
-import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
-import { BaseButtonProps } from '../BaseButtonProps';
-import { CommonProps } from '../CommonProps';
-export interface DialogButtonProps extends BaseButtonProps {
-    /** Icon placed after the children. */
-    endIcon?: ReactNode;
-    /** The text displayed on the button */
-    label?: string;
-    /** The icon to display on the button */
-    startIcon?: ReactNode;
-}
-export interface SubmitButtonProps extends DialogButtonProps {
-    /** The type of button to be used */
-    type?: 'primary' | 'destructive';
-}
-export interface DialogProps extends CommonProps {
-    /** props passed down to the cancel button */
-    cancelButtonProps?: DialogButtonProps;
-    /** boolean that toggles existence of the Cancel button */
-    cancelButtonVisible?: boolean;
-    /** components or string that is displayed in the dialog body */
-    children?: ReactNode;
-    /** boolean that toggles visibility of close icon on top right of dialog header*/
-    closeIconVisible?: boolean;
-    /** boolean if true then the dialog will close*/
-    closeOnClickAway?: boolean;
-    /** boolean if true then the dialog will be closed on submit **/
-    closeOnSubmit?: boolean;
-    /** boolean that toggles existence of primary action button */
-    hasPrimaryAction?: boolean;
-    /** The callback to be executed when the action is cancelled */
-    onCancel?: (event: KeyboardEvent | MouseEvent) => void;
-    /** The callback to be executed when the action is submitted */
-    onSubmit?: (event: KeyboardEvent | MouseEvent) => void;
-    /** if true, the dialog is visible to the user */
-    open: boolean;
-    /** props passed down to the submit button */
-    submitButtonProps?: SubmitButtonProps;
-    /** dialog heading */
-    title: ReactNode;
-}
-export declare const DotDialog: ({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, closeOnSubmit, hasPrimaryAction, onCancel, onSubmit, open, submitButtonProps, title, }: DialogProps) => JSX.Element;
+import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { BaseButtonProps } from '../BaseButtonProps';
+import { CommonProps } from '../CommonProps';
+export interface DialogButtonProps extends BaseButtonProps {
+    /** Icon placed after the children. */
+    endIcon?: ReactNode;
+    /** The text displayed on the button */
+    label?: string;
+    /** The icon to display on the button */
+    startIcon?: ReactNode;
+}
+export interface SubmitButtonProps extends DialogButtonProps {
+    /** The type of button to be used */
+    type?: 'primary' | 'destructive';
+}
+export interface DialogProps extends CommonProps {
+    /** props passed down to the cancel button */
+    cancelButtonProps?: DialogButtonProps;
+    /** boolean that toggles existence of the Cancel button */
+    cancelButtonVisible?: boolean;
+    /** components or string that is displayed in the dialog body */
+    children?: ReactNode;
+    /** boolean that toggles visibility of close icon on top right of dialog header*/
+    closeIconVisible?: boolean;
+    /** boolean if true then the dialog will close*/
+    closeOnClickAway?: boolean;
+    /** boolean if true then the dialog will be closed on submit **/
+    closeOnSubmit?: boolean;
+    /** boolean that toggles existence of primary action button */
+    hasPrimaryAction?: boolean;
+    /** The callback to be executed when the action is cancelled */
+    onCancel?: (event: KeyboardEvent | MouseEvent) => void;
+    /** The callback to be executed when the action is submitted */
+    onSubmit?: (event: KeyboardEvent | MouseEvent) => void;
+    /** if true, the dialog is visible to the user */
+    open: boolean;
+    /** props passed down to the submit button */
+    submitButtonProps?: SubmitButtonProps;
+    /** dialog heading */
+    title: ReactNode;
+}
+export declare const DotDialog: ({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, closeOnSubmit, hasPrimaryAction, onCancel, onSubmit, open, submitButtonProps, title, }: DialogProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/dialog/Dialog.styles.d.ts

@@ -1,3 +1,3 @@
-import { Dialog } from '@mui/material';
-export declare const rootClassName = "dot-dialog";
-export declare const StyledDialog: import("styled-components").StyledComponent<typeof Dialog, any, {}, never>;
+import { Dialog } from '@mui/material';
+export declare const rootClassName = "dot-dialog";
+export declare const StyledDialog: import("styled-components").StyledComponent<typeof Dialog, any, {}, never>;

package/{lib → src/lib}/components/divider/Divider.d.ts

@@ -1,16 +1,16 @@
-import { CommonProps } from '../CommonProps';
-export declare type DividerOrientation = 'horizontal' | 'vertical';
-export declare type DividerVariant = 'fullWidth' | 'inset' | 'middle';
-export interface DividerProps extends CommonProps {
-    /** Absolutely position the element. Default value: `false` */
-    absolute?: boolean;
-    /** If true, a vertical divider will have the correct height when used in flex container. (By default, a vertical divider will have a calculated height of 0px if it is the child of a flex container.) */
-    flexItem?: boolean;
-    /** If `true`, the divider will have a lighter color. Default value: `false` */
-    light?: boolean;
-    /** The divider orientation. (`horizontal`, `vertical`). Default value: `horizontal` */
-    orientation?: DividerOrientation;
-    /** The variant to use. (`fullWidth`, `inset`, `middle`) */
-    variant?: DividerVariant;
-}
-export declare const DotDivider: ({ absolute, ariaLabel, className, "data-testid": dataTestId, flexItem, light, orientation, variant, }: DividerProps) => JSX.Element;
+import { CommonProps } from '../CommonProps';
+export type DividerOrientation = 'horizontal' | 'vertical';
+export type DividerVariant = 'fullWidth' | 'inset' | 'middle';
+export interface DividerProps extends CommonProps {
+    /** Absolutely position the element. Default value: `false` */
+    absolute?: boolean;
+    /** If true, a vertical divider will have the correct height when used in flex container. (By default, a vertical divider will have a calculated height of 0px if it is the child of a flex container.) */
+    flexItem?: boolean;
+    /** If `true`, the divider will have a lighter color. Default value: `false` */
+    light?: boolean;
+    /** The divider orientation. (`horizontal`, `vertical`). Default value: `horizontal` */
+    orientation?: DividerOrientation;
+    /** The variant to use. (`fullWidth`, `inset`, `middle`) */
+    variant?: DividerVariant;
+}
+export declare const DotDivider: ({ absolute, ariaLabel, className, "data-testid": dataTestId, flexItem, light, orientation, variant, }: DividerProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/divider/Divider.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-divider";
-export declare const StyledDivider: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").DividerTypeMap<{}, "hr">>, any, {}, never>;
+export declare const rootClassName = "dot-divider";
+export declare const StyledDivider: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").DividerTypeMap<{}, "hr">>, any, {}, never>;

package/{lib → src/lib}/components/divider/index.d.ts

@@ -1 +1 @@
-export * from './Divider';
+export * from './Divider';

package/{lib → src/lib}/components/draggable-list/DraggableList.d.ts

@@ -1,23 +1,23 @@
-import { CommonProps } from '../CommonProps';
-import { DraggableItem, DraggableListChangeHandler } from './utils/models';
-export declare const DEFAULT_LIST_WIDTH = "100%";
-export declare const DEFAULT_LIST_ITEM_HEIGHT = 36;
-export interface DraggableListProps extends CommonProps {
-    /** If true, component will prevent items to be dragged. */
-    disableDrag?: boolean;
-    /**
-     * A CSS selector for tags that will act as the draggable handle.
-     * For example: `draggableHandle: '.MyDragHandleClassName'`
-     * If you forget the leading . it will not work.
-     */
-    draggableHandle?: string;
-    /** Array of draggable list items displayed */
-    items: DraggableItem[];
-    /** Callback function which gets executed when the list changes */
-    onChange?: DraggableListChangeHandler;
-    /** Height of the list item in pixels, defaults to 36px */
-    rowHeight?: number;
-    /** Width of the draggable list, defaults to '100%' */
-    width?: number | string;
-}
-export declare const DotDraggableList: ({ ariaLabel, className, "data-testid": dataTestId, disableDrag, draggableHandle, items, onChange, rowHeight, width, }: DraggableListProps) => JSX.Element;
+import { CommonProps } from '../CommonProps';
+import { DraggableItem, DraggableListChangeHandler } from './utils/models';
+export declare const DEFAULT_LIST_WIDTH = "100%";
+export declare const DEFAULT_LIST_ITEM_HEIGHT = 36;
+export interface DraggableListProps extends CommonProps {
+    /** If true, component will prevent items to be dragged. */
+    disableDrag?: boolean;
+    /**
+     * A CSS selector for tags that will act as the draggable handle.
+     * For example: `draggableHandle: '.MyDragHandleClassName'`
+     * If you forget the leading . it will not work.
+     */
+    draggableHandle?: string;
+    /** Array of draggable list items displayed */
+    items: DraggableItem[];
+    /** Callback function which gets executed when the list changes */
+    onChange?: DraggableListChangeHandler;
+    /** Height of the list item in pixels, defaults to 36px */
+    rowHeight?: number;
+    /** Width of the draggable list, defaults to '100%' */
+    width?: number | string;
+}
+export declare const DotDraggableList: ({ ariaLabel, className, "data-testid": dataTestId, disableDrag, draggableHandle, items, onChange, rowHeight, width, }: DraggableListProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/draggable-list/DraggableList.styles.d.ts

@@ -1,8 +1,8 @@
-export declare const rootClassName = "dot-draggable-list";
-export declare const listItemClassName = "dot-draggable-list-item";
-interface StyledDraggableListProps {
-    draggableHandle?: string;
-    width: string;
-}
-export declare const StyledDraggableList: import("styled-components").StyledComponent<"div", any, StyledDraggableListProps, never>;
-export {};
+export declare const rootClassName = "dot-draggable-list";
+export declare const listItemClassName = "dot-draggable-list-item";
+interface StyledDraggableListProps {
+    draggableHandle?: string;
+    width: string;
+}
+export declare const StyledDraggableList: import("styled-components").StyledComponent<"div", any, StyledDraggableListProps, never>;
+export {};

package/{lib → src/lib}/components/draggable-list/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DraggableList';
-export type { DraggableItem, DraggableListChangeHandler } from './utils/models';
+export * from './DraggableList';
+export type { DraggableItem, DraggableListChangeHandler } from './utils/models';

package/{lib → src/lib}/components/draggable-list/utils/helpers.d.ts

@@ -1,5 +1,5 @@
-import { Layout } from 'react-grid-layout';
-import { DraggableItem } from './models';
-export declare const getOrderedListItems: (layout: Layout[], listItems: DraggableItem[]) => DraggableItem[];
-export declare const checkIfEqual: (oldList: DraggableItem[], newList: DraggableItem[]) => boolean;
-export declare const getListItemLayout: (listItems: DraggableItem[]) => Layout[];
+import { Layout } from 'react-grid-layout';
+import { DraggableItem } from './models';
+export declare const getOrderedListItems: (layout: Layout[], listItems: DraggableItem[]) => DraggableItem[];
+export declare const checkIfEqual: (oldList: DraggableItem[], newList: DraggableItem[]) => boolean;
+export declare const getListItemLayout: (listItems: DraggableItem[]) => Layout[];

package/{lib → src/lib}/components/draggable-list/utils/models.d.ts

@@ -1,5 +1,5 @@
-import { ListItemProps } from '@mui/material';
-export interface DraggableItem extends ListItemProps {
-    id: string;
-}
-export declare type DraggableListChangeHandler = (listItems: DraggableItem[]) => void;
+import { ListItemProps } from '@mui/material';
+export interface DraggableItem extends ListItemProps {
+    id: string;
+}
+export type DraggableListChangeHandler = (listItems: DraggableItem[]) => void;

package/{lib → src/lib}/components/drawer/Drawer.d.ts

@@ -1,45 +1,45 @@
-import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-import { AriaRoles } from '../AccessibilityProps';
-export declare type DrawerAnchor = 'bottom' | 'left' | 'right' | 'top';
-export declare type DrawerVariant = 'permanent' | 'persistent' | 'temporary';
-export declare type DrawerModalProps = {
-    container?: Element;
-    hideBackdrop?: boolean;
-    style?: CSSProperties;
-};
-export declare type DrawerPaperProps = {
-    role?: AriaRoles;
-    style?: CSSProperties;
-};
-export interface DrawerSection extends CommonProps {
-    /** nested child component of drawer section */
-    children: ReactNode;
-}
-export interface DrawerProps extends CommonProps {
-    /** Props applied to the Modal element. */
-    ModalProps?: DrawerModalProps;
-    /** Props applied to the Paper element. */
-    PaperProps?: DrawerPaperProps;
-    /** Side from which the drawer will appear 'bottom', 'left', 'right', 'top' */
-    anchor?: DrawerAnchor;
-    /** string or JSX element that is displayed inside the drawer */
-    children?: ReactNode;
-    /** Props applied to drawer body */
-    drawerBodyProps?: Omit<DrawerSection, 'ariaLabel'>;
-    /** Props applied to drawer footer */
-    drawerFooterProps?: Omit<DrawerSection, 'ariaLabel'>;
-    /** Props applied to drawer header */
-    drawerHeaderProps?: Omit<DrawerSection, 'ariaLabel'>;
-    /** The height of the drawer when anchor is 'top' or 'bottom' */
-    height?: string;
-    /** Callback fired when the component requests to be closed. */
-    onClose?: (event: MouseEvent | KeyboardEvent) => void;
-    /** If true, the drawer is open. */
-    open: boolean;
-    /** The variant to use 'permanent', 'persistent', 'temporary' */
-    variant?: DrawerVariant;
-    /** The width of the drawer when anchor is 'left' or 'right' */
-    width?: string;
-}
-export declare const DotDrawer: ({ anchor, ariaLabel, ariaRole, className, children, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: DrawerProps) => JSX.Element;
+import { CSSProperties, MouseEvent, ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+import { AriaRoles } from '../AccessibilityProps';
+export type DrawerAnchor = 'bottom' | 'left' | 'right' | 'top';
+export type DrawerVariant = 'permanent' | 'persistent' | 'temporary';
+export type DrawerModalProps = {
+    container?: Element;
+    hideBackdrop?: boolean;
+    style?: CSSProperties;
+};
+export type DrawerPaperProps = {
+    role?: AriaRoles;
+    style?: CSSProperties;
+};
+export interface DrawerSection extends CommonProps {
+    /** nested child component of drawer section */
+    children: ReactNode;
+}
+export interface DrawerProps extends CommonProps {
+    /** Props applied to the Modal element. */
+    ModalProps?: DrawerModalProps;
+    /** Props applied to the Paper element. */
+    PaperProps?: DrawerPaperProps;
+    /** Side from which the drawer will appear 'bottom', 'left', 'right', 'top' */
+    anchor?: DrawerAnchor;
+    /** string or JSX element that is displayed inside the drawer */
+    children?: ReactNode;
+    /** Props applied to drawer body */
+    drawerBodyProps?: Omit<DrawerSection, 'ariaLabel'>;
+    /** Props applied to drawer footer */
+    drawerFooterProps?: Omit<DrawerSection, 'ariaLabel'>;
+    /** Props applied to drawer header */
+    drawerHeaderProps?: Omit<DrawerSection, 'ariaLabel'>;
+    /** The height of the drawer when anchor is 'top' or 'bottom' */
+    height?: string;
+    /** Callback fired when the component requests to be closed. */
+    onClose?: (event: MouseEvent | KeyboardEvent) => void;
+    /** If true, the drawer is open. */
+    open: boolean;
+    /** The variant to use 'permanent', 'persistent', 'temporary' */
+    variant?: DrawerVariant;
+    /** The width of the drawer when anchor is 'left' or 'right' */
+    width?: string;
+}
+export declare const DotDrawer: ({ anchor, ariaLabel, ariaRole, className, children, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/drawer/Drawer.styles.d.ts

@@ -1,4 +1,4 @@
-import { Drawer } from '@mui/material';
-import { DrawerProps } from './Drawer';
-export declare const rootClassName = "dot-drawer";
-export declare const StyledDrawer: import("styled-components").StyledComponent<typeof Drawer, any, DrawerProps, never>;
+import { Drawer } from '@mui/material';
+import { DrawerProps } from './Drawer';
+export declare const rootClassName = "dot-drawer";
+export declare const StyledDrawer: import("styled-components").StyledComponent<typeof Drawer, any, DrawerProps, never>;

package/{lib → src/lib}/components/drawer/DrawerBody.d.ts

@@ -1,9 +1,9 @@
-import { MouseEvent, ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-export interface DrawerBodyProps extends CommonProps {
-    children: ReactNode;
-    headerExists: boolean;
-    onClose: (event: MouseEvent | KeyboardEvent) => void;
-    variant: string;
-}
-export declare const DotDrawerBody: ({ ariaLabel, ariaRole, children, className, "data-testid": dataTestId, headerExists, onClose, variant, }: DrawerBodyProps) => JSX.Element;
+import { MouseEvent, ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export interface DrawerBodyProps extends CommonProps {
+    children: ReactNode;
+    headerExists: boolean;
+    onClose: (event: MouseEvent | KeyboardEvent) => void;
+    variant: string;
+}
+export declare const DotDrawerBody: ({ ariaLabel, ariaRole, children, className, "data-testid": dataTestId, headerExists, onClose, variant, }: DrawerBodyProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/drawer/DrawerBody.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-drawer-body";
-export declare const StyleDrawerBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const rootClassName = "dot-drawer-body";
+export declare const StyleDrawerBody: import("styled-components").StyledComponent<"div", any, {}, never>;

package/{lib → src/lib}/components/drawer/DrawerFooter.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-export interface DrawerFooterProps extends CommonProps {
-    children: ReactNode;
-}
-export declare const DotDrawerFooter: ({ ariaLabel, ariaRole, children, className, "data-testid": dataTestId, }: DrawerFooterProps) => JSX.Element;
+import { ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export interface DrawerFooterProps extends CommonProps {
+    children: ReactNode;
+}
+export declare const DotDrawerFooter: ({ ariaLabel, ariaRole, children, className, "data-testid": dataTestId, }: DrawerFooterProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/drawer/DrawerFooter.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-drawer-footer";
-export declare const StyleDrawerFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const rootClassName = "dot-drawer-footer";
+export declare const StyleDrawerFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

package/{lib → src/lib}/components/drawer/DrawerHeader.d.ts

@@ -1,8 +1,8 @@
-import { MouseEvent, ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-export interface DrawerHeaderProps extends CommonProps {
-    children: ReactNode;
-    onClose: (event: MouseEvent | KeyboardEvent) => void;
-    variant: string;
-}
-export declare const DotDrawerHeader: ({ ariaLabel, children, className, "data-testid": dataTestId, onClose, variant, }: DrawerHeaderProps) => JSX.Element;
+import { MouseEvent, ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export interface DrawerHeaderProps extends CommonProps {
+    children: ReactNode;
+    onClose: (event: MouseEvent | KeyboardEvent) => void;
+    variant: string;
+}
+export declare const DotDrawerHeader: ({ ariaLabel, children, className, "data-testid": dataTestId, onClose, variant, }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/drawer/DrawerHeader.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-drawer-header";
-export declare const StyleDrawerHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const rootClassName = "dot-drawer-header";
+export declare const StyleDrawerHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/{lib → src/lib}/components/dynamic-form/DynamicForm.d.ts

@@ -1,10 +1,10 @@
-import { CommonProps } from '../CommonProps';
-import { DynamicFormConfig, DynamicFormOutputData, DynamicFormState } from './models';
-export interface DynamicFormProps extends CommonProps {
-    config: DynamicFormConfig;
-    disabled?: boolean;
-    liveValidation?: boolean;
-    onChange?: (formData: DynamicFormState) => void;
-    onSubmit?: (formData: DynamicFormOutputData) => void;
-}
-export declare const DotDynamicForm: ({ ariaLabel, className, "data-testid": dataTestId, config, disabled: isFormDisabled, liveValidation, onChange, onSubmit, }: DynamicFormProps) => JSX.Element;
+import { CommonProps } from '../CommonProps';
+import { DynamicFormConfig, DynamicFormOutputData, DynamicFormState } from './models';
+export interface DynamicFormProps extends CommonProps {
+    config: DynamicFormConfig;
+    disabled?: boolean;
+    liveValidation?: boolean;
+    onChange?: (formData: DynamicFormState) => void;
+    onSubmit?: (formData: DynamicFormOutputData) => void;
+}
+export declare const DotDynamicForm: ({ ariaLabel, className, "data-testid": dataTestId, config, disabled: isFormDisabled, liveValidation, onChange, onSubmit, }: DynamicFormProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/dynamic-form/DynamicForm.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const rootClassName = "dot-dynamic-form";
-export declare const StyledDynamicForm: import("styled-components").StyledComponent<({ ariaLabel, children, className, "data-testid": dataTestId, onSubmit, }: import("../form/Form").FormProps) => JSX.Element, any, {}, never>;
+export declare const rootClassName = "dot-dynamic-form";
+export declare const StyledDynamicForm: import("styled-components").StyledComponent<({ ariaLabel, children, className, "data-testid": dataTestId, onSubmit, }: import("../form/Form").FormProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/{lib → src/lib}/components/dynamic-form/constants.d.ts

@@ -1,4 +1,4 @@
-import { DynamicFormControlType, DynamicFormStateItem } from './models';
-export declare const DATA_CONTROLS: DynamicFormControlType[];
-export declare const DATA_CONTROLS_WITHOUT_VALIDATION: DynamicFormControlType[];
-export declare const INITIAL_STATE_ITEM: DynamicFormStateItem;
+import { DynamicFormControlType, DynamicFormStateItem } from './models';
+export declare const DATA_CONTROLS: DynamicFormControlType[];
+export declare const DATA_CONTROLS_WITHOUT_VALIDATION: DynamicFormControlType[];
+export declare const INITIAL_STATE_ITEM: DynamicFormStateItem;

package/{lib → src/lib}/components/dynamic-form/models.d.ts

@@ -1,81 +1,81 @@
-import { ComponentType, ReactNode } from 'react';
-import { AutoCompleteProps } from '../auto-complete';
-import { ButtonProps } from '../button/Button';
-import { CheckboxProps } from '../checkbox/Checkbox';
-import { InputTextProps } from '../input-form-fields/InputText';
-import { InputSelectProps } from '../input-form-fields/InputSelect';
-import { CheckboxGroupProps } from '../checkbox/CheckboxGroup';
-import { RadioGroupProps } from '../radio/RadioGroup';
-import { SwitchProps } from '../switch/Switch';
-import { ProgressButtonProps } from '../progress-button/ProgressButton';
-export declare type DynamicFormControlType = 'dot-input-text' | 'dot-input-select' | 'dot-checkbox' | 'dot-checkbox-group' | 'dot-autocomplete' | 'dot-button' | 'dot-progress-button' | 'dot-radio-group' | 'dot-reset' | 'dot-submit' | 'dot-progress-submit' | 'dot-switch' | 'dot-form-section' | 'custom-element';
-export declare type DynamicFormControlProps = AutoCompleteProps | InputTextProps | InputSelectProps | CheckboxProps | CheckboxGroupProps | ButtonProps | ProgressButtonProps | RadioGroupProps | SwitchProps;
-export interface DynamicFormOutputData {
-    [key: string]: unknown;
-}
-export declare type ConditionFunction = (formValues: DynamicFormOutputData) => boolean;
-export declare type DisabledConditionFunction = (formValues: DynamicFormOutputData, isFormValid: boolean) => boolean;
-export declare type ControlCondition = boolean | ConditionFunction;
-export declare type DisabledControlCondition = boolean | DisabledConditionFunction;
-export declare type ControlClickHandler = (formValues: DynamicFormOutputData) => void;
-export interface DynamicFormSectionProps {
-    sectionControls: ReactNode[];
-}
-export interface DynamicFormSection {
-    FormSectionComponent: ComponentType<DynamicFormSectionProps>;
-    sectionControls: DynamicFormControl[];
-}
-export interface DynamicFormControl {
-    controlName?: string;
-    controlProps?: DynamicFormControlProps;
-    controlType: DynamicFormControlType;
-    customElement?: ReactNode;
-    disabled?: DisabledControlCondition;
-    formSection?: DynamicFormSection;
-    hidden?: ControlCondition;
-    initialValue?: unknown;
-    onControlClick?: ControlClickHandler;
-    validation?: DynamicFormValidation;
-}
-export interface FieldValidation {
-    errorMessage: string | null;
-    isValid: boolean;
-}
-export interface DynamicFormConfig {
-    controls: DynamicFormControl[];
-}
-export interface ValidationField {
-    condition?: ConditionFunction;
-    errorMessage: string;
-}
-export interface IsRequired extends ValidationField {
-    value: boolean;
-}
-export interface Length extends ValidationField {
-    value: number;
-}
-export interface DynamicFormValidation {
-    customValidator?: (value: unknown) => FieldValidation;
-    isRequired?: IsRequired;
-    maxLength?: Length;
-    minLength?: Length;
-}
-export interface DynamicFormStateItem {
-    errorMessage: string | null;
-    hidden?: ControlCondition;
-    isTouched: boolean;
-    isValid: boolean;
-    value: unknown;
-}
-export interface DynamicFormState {
-    data: DynamicFormStateData;
-    isValid: boolean;
-}
-export interface DynamicFormStateData {
-    [key: string]: DynamicFormStateItem;
-}
-export interface FormStateUpdateArgs {
-    controlName: string;
-    newValue: unknown;
-    validate?: boolean;
-}
+import { ComponentType, ReactNode } from 'react';
+import { AutoCompleteProps } from '../auto-complete';
+import { ButtonProps } from '../button/Button';
+import { CheckboxProps } from '../checkbox/Checkbox';
+import { InputTextProps } from '../input-form-fields/InputText';
+import { InputSelectProps } from '../input-form-fields/InputSelect';
+import { CheckboxGroupProps } from '../checkbox/CheckboxGroup';
+import { RadioGroupProps } from '../radio/RadioGroup';
+import { SwitchProps } from '../switch/Switch';
+import { ProgressButtonProps } from '../progress-button/ProgressButton';
+export type DynamicFormControlType = 'dot-input-text' | 'dot-input-select' | 'dot-checkbox' | 'dot-checkbox-group' | 'dot-autocomplete' | 'dot-button' | 'dot-progress-button' | 'dot-radio-group' | 'dot-reset' | 'dot-submit' | 'dot-progress-submit' | 'dot-switch' | 'dot-form-section' | 'custom-element';
+export type DynamicFormControlProps = AutoCompleteProps | InputTextProps | InputSelectProps | CheckboxProps | CheckboxGroupProps | ButtonProps | ProgressButtonProps | RadioGroupProps | SwitchProps;
+export interface DynamicFormOutputData {
+    [key: string]: unknown;
+}
+export type ConditionFunction = (formValues: DynamicFormOutputData) => boolean;
+export type DisabledConditionFunction = (formValues: DynamicFormOutputData, isFormValid: boolean) => boolean;
+export type ControlCondition = boolean | ConditionFunction;
+export type DisabledControlCondition = boolean | DisabledConditionFunction;
+export type ControlClickHandler = (formValues: DynamicFormOutputData) => void;
+export interface DynamicFormSectionProps {
+    sectionControls: ReactNode[];
+}
+export interface DynamicFormSection {
+    FormSectionComponent: ComponentType<DynamicFormSectionProps>;
+    sectionControls: DynamicFormControl[];
+}
+export interface DynamicFormControl {
+    controlName?: string;
+    controlProps?: DynamicFormControlProps;
+    controlType: DynamicFormControlType;
+    customElement?: ReactNode;
+    disabled?: DisabledControlCondition;
+    formSection?: DynamicFormSection;
+    hidden?: ControlCondition;
+    initialValue?: unknown;
+    onControlClick?: ControlClickHandler;
+    validation?: DynamicFormValidation;
+}
+export interface FieldValidation {
+    errorMessage: string | null;
+    isValid: boolean;
+}
+export interface DynamicFormConfig {
+    controls: DynamicFormControl[];
+}
+export interface ValidationField {
+    condition?: ConditionFunction;
+    errorMessage: string;
+}
+export interface IsRequired extends ValidationField {
+    value: boolean;
+}
+export interface Length extends ValidationField {
+    value: number;
+}
+export interface DynamicFormValidation {
+    customValidator?: (value: unknown) => FieldValidation;
+    isRequired?: IsRequired;
+    maxLength?: Length;
+    minLength?: Length;
+}
+export interface DynamicFormStateItem {
+    errorMessage: string | null;
+    hidden?: ControlCondition;
+    isTouched: boolean;
+    isValid: boolean;
+    value: unknown;
+}
+export interface DynamicFormState {
+    data: DynamicFormStateData;
+    isValid: boolean;
+}
+export interface DynamicFormStateData {
+    [key: string]: DynamicFormStateItem;
+}
+export interface FormStateUpdateArgs {
+    controlName: string;
+    newValue: unknown;
+    validate?: boolean;
+}