@pautena/react-design-system 0.4.7 → 0.5.0

package/dist/esm/types/components/alerts/expandable-alert/expandable-alert.d.ts

@@ -0,0 +1,11 @@
+import { AlertColor } from "@mui/material";
+import React from "react";
+export interface ExpandableAlertProps {
+    severity: AlertColor;
+    iconMapping?: Partial<Record<AlertColor, React.ReactNode>>;
+    title?: string;
+    message: string;
+    metadata?: string | string[];
+    onClose: () => void;
+}
+export declare const ExpandableAlert: ({ severity, iconMapping, title, message, metadata, onClose, }: ExpandableAlertProps) => JSX.Element;

package/dist/esm/types/components/alerts/expandable-alert/index.d.ts

@@ -0,0 +1 @@
+export * from "./expandable-alert";

package/dist/esm/types/components/alerts/index.d.ts

@@ -0,0 +1 @@
+export * from "./expandable-alert";

package/dist/esm/types/components/data-display/board/board.d.ts

@@ -0,0 +1,10 @@
+import { SxProps, Theme } from "@mui/material";
+import { PropsWithChildren } from "react";
+export type BoardProps = PropsWithChildren<{
+    markdown?: string;
+    content?: string | string[];
+    spacing?: 0 | 1 | 2 | 3 | 4 | 5;
+    timeoutCopyText?: number;
+    sx?: SxProps<Theme>;
+}>;
+export declare const Board: ({ markdown: markdownProps, content: contentProp, spacing, timeoutCopyText, children, sx, }: BoardProps) => JSX.Element;

package/dist/esm/types/components/data-display/board/index.d.ts

@@ -0,0 +1 @@
+export * from "./board";

package/dist/esm/types/components/data-display/index.d.ts

@@ -1,3 +1,5 @@
 export * from "./bullet";
 export * from "./label";
 export * from "./header";
+export * from "./board";
+export * from "./markdown";

package/dist/esm/types/components/data-display/markdown/index.d.ts

@@ -0,0 +1 @@
+export * from "./markdown";

package/dist/esm/types/components/data-display/markdown/markdown.d.ts

@@ -0,0 +1,7 @@
+import { MarkdownToJSX } from "markdown-to-jsx";
+export interface MarkdownProps {
+    content: string;
+    options?: MarkdownToJSX.Options;
+}
+export declare const markdownDefaultOptions: MarkdownToJSX.Options;
+export declare const Markdown: ({ content, options }: MarkdownProps) => JSX.Element;

package/dist/esm/types/components/dialogs/bootstrap-dialog/bootstrap-dialog.d.ts

@@ -0,0 +1,2 @@
+import { BootstrapDialogDialogProps } from "../dialog.types";
+export declare const BootstrapDialog: ({ open, title, component, componentProps, disabled, actions, children, loading, cancelable, callCloseWhenCancel, acceptable, acceptText, cancelText, onAccept, onCancel, onClose, acceptType, }: BootstrapDialogDialogProps) => JSX.Element;

package/dist/esm/types/components/dialogs/bootstrap-dialog/index.d.ts

@@ -0,0 +1 @@
+export * from "./bootstrap-dialog";

package/dist/esm/types/components/dialogs/confirm-dialog/confirm-dialog.d.ts

@@ -0,0 +1,10 @@
+import { BootstrapDialogDialogProps } from "../dialog.types";
+type OmitBaseDialogProps = "cancelable" | "acceptable" | "onAccept" | "onCancel" | "onClose" | "actions" | "callCloseWhenCancel" | "component" | "acceptType";
+export interface ConfirmDialogProps extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {
+    confirmText?: string;
+    canceText?: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+}
+export declare const ConfirmDialog: ({ open, title, loading, disabled, confirmText, cancelText, children, onConfirm, onCancel, }: ConfirmDialogProps) => JSX.Element;
+export {};

package/dist/esm/types/components/dialogs/confirm-dialog/index.d.ts

@@ -0,0 +1 @@
+export * from "./confirm-dialog";

package/dist/esm/types/components/dialogs/dialog-hooks/index.d.ts

@@ -0,0 +1 @@
+export * from "./use-dialog";

package/dist/esm/types/components/dialogs/dialog-hooks/use-dialog.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const useDialog: (intialOpen?: boolean) => {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/dist/esm/types/components/dialogs/dialog.types.d.ts

@@ -0,0 +1,26 @@
+import { PropsWithChildren } from "react";
+export interface DialogAction {
+    id: string;
+    text: string;
+    type?: "button" | "submit";
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+    onClick?: () => void;
+}
+export type BootstrapDialogDialogProps = PropsWithChildren<{
+    open: boolean;
+    title: string;
+    loading?: boolean;
+    disabled?: boolean;
+    cancelable?: boolean;
+    acceptable?: boolean;
+    callCloseWhenCancel?: boolean;
+    actions?: DialogAction[];
+    cancelText?: string;
+    acceptText?: string;
+    acceptType?: "button" | "submit";
+    onClose: () => void;
+    onCancel?: () => void;
+    onAccept?: () => void;
+    component?: React.ElementType;
+    componentProps?: any;
+}>;

package/dist/esm/types/components/dialogs/form-dialog/form-dialog.d.ts

@@ -0,0 +1,10 @@
+import { BootstrapDialogDialogProps } from "../dialog.types";
+type OmitBaseDialogProps = "cancelable" | "acceptable" | "onAccept" | "onCancel" | "onClose" | "actions" | "callCloseWhenCancel" | "component" | "acceptType";
+export interface FormDialogProps<T> extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {
+    submitText?: string;
+    canceText?: string;
+    onCancel: () => void;
+    onSubmit: (data: T) => void;
+}
+export declare const FormDialog: <T>({ open, title, loading, disabled, submitText, cancelText, children, onSubmit, onCancel, }: FormDialogProps<T>) => JSX.Element;
+export {};

package/dist/esm/types/components/dialogs/form-dialog/index.d.ts

@@ -0,0 +1 @@
+export * from "./form-dialog";

package/dist/esm/types/components/dialogs/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./confirm-dialog";
+export * from "./form-dialog";
+export * from "./bootstrap-dialog";
+export * from "./dialog-hooks";
+export * from "./dialog.types";

package/dist/esm/types/components/index.d.ts

@@ -8,3 +8,5 @@ export * from "./inputs";
 export * from "./navigation";
 export * from "./tables";
 export * from "./placeholders";
+export * from "./alerts";
+export * from "./dialogs";

package/dist/esm/types/components/inputs/enhanced-autocomplete/enhanced-autocomplete.d.ts

@@ -0,0 +1,10 @@
+import { AutocompleteProps, ChipTypeMap } from "@mui/material";
+import React from "react";
+export interface EnhancedAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, "renderInput" | "onChange" | "color"> {
+    label: string;
+    helperText?: string;
+    color?: string;
+    fetching?: boolean;
+    onChangeValue?: (value: T) => void;
+}
+export declare const EnhancedAutocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType<any> = "div">(props: EnhancedAutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;

package/dist/esm/types/components/inputs/enhanced-autocomplete/index.d.ts

@@ -0,0 +1 @@
+export * from "./enhanced-autocomplete";

package/dist/esm/types/components/inputs/enhanced-text-field/enhanced-text-field.d.ts

@@ -0,0 +1,7 @@
+import { TextFieldProps } from "@mui/material";
+export type EnhancedTextFieldProps = TextFieldProps & {
+    fetching?: boolean;
+    loading?: boolean;
+    hexColor?: string;
+};
+export declare const EnhancedTextField: ({ id: overrideId, label, InputLabelProps, InputProps, fetching, loading, helperText, hexColor, size, fullWidth, sx, ...rest }: EnhancedTextFieldProps) => JSX.Element;

package/dist/esm/types/components/inputs/enhanced-text-field/index.d.ts

@@ -0,0 +1 @@
+export * from "./enhanced-text-field";

package/dist/esm/types/components/inputs/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./enhanced-select";
 export * from "./sign-in";
+export * from "./enhanced-autocomplete";

package/dist/esm/types/components/value-displays/index.d.ts

@@ -3,5 +3,6 @@ export * from "./value-card";
 export * from "./value-boolean";
 export * from "./value-datetime";
 export * from "./group-value-card";
-export * from "./value-displays.types";
+export * from "./value-base/value-displays.types";
 export * from "./value-rating";
+export * from "./value-base";

package/dist/esm/types/components/value-displays/value-base/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./value-edit";
+export * from "./value-displays.types";

package/dist/esm/types/components/value-displays/{value-displays.types.d.ts → value-base/value-displays.types.d.ts}

@@ -12,4 +12,14 @@ export interface BaseValueProps<T> {
      */
     placeholder?: string;
 }
+export interface EditableValueProps<T> {
+    /**
+     * This field can be edited or not
+     */
+    editable?: boolean;
+    /**
+     * Callback executed when the value is edited
+     */
+    onEdit?: (value?: T) => void;
+}
 export declare const DefaultPlaceholder = "-";

package/dist/esm/types/components/value-displays/value-base/value-edit.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { SxProps, Theme } from "@mui/material";
+export interface ValueEditButtonsProps {
+    onClickCancel: () => void;
+    onSubmitEdit: () => void;
+    sx?: SxProps<Theme>;
+}
+export declare const ValueEditButtons: ({ onClickCancel, onSubmitEdit, sx }: ValueEditButtonsProps) => JSX.Element;
+/**
+ * Hook to manage the editing behaviour
+ */
+export declare const useEditableValueDisplay: <T>(initialValue: T | undefined, onEdit: (value?: T | undefined) => void) => {
+    isEditing: boolean;
+    cancelEdit: () => void;
+    editValue: T | undefined;
+    setEditValue: React.Dispatch<React.SetStateAction<T | undefined>>;
+    startEdit: () => void;
+    submitEdit: () => void;
+};

package/dist/esm/types/components/value-displays/value-boolean/value-boolean.d.ts

@@ -1,6 +1,6 @@
-import { BaseValueProps } from "../value-displays.types";
-export type ValueBooleanProps = BaseValueProps<boolean>;
+import { BaseValueProps, EditableValueProps } from "../value-base";
+export type ValueBooleanProps = BaseValueProps<boolean> & EditableValueProps<boolean>;
 /**
  * Displays a boolean value with a label
  */
-export declare const ValueBoolean: ({ label, value, placeholder, }: ValueBooleanProps) => JSX.Element;
+export declare const ValueBoolean: ({ label, value, placeholder, editable, onEdit, }: ValueBooleanProps) => JSX.Element;

package/dist/esm/types/components/value-displays/value-datetime/value-datetime.d.ts

@@ -1,11 +1,16 @@
-import { BaseValueProps } from "../value-displays.types";
-export interface ValueDatetimeProps extends BaseValueProps<Date> {
+import { BaseValueProps, EditableValueProps } from "../value-base/value-displays.types";
+export type EditInputType = "datetime" | "date" | "time";
+export interface ValueDatetimeProps extends BaseValueProps<Date>, EditableValueProps<Date> {
     /**
      * Datetime format
      */
     format: string;
+    /**
+     * Edit input type
+     */
+    editInputType?: EditInputType;
 }
 /**
  * Displays a formated datetime with a label
  */
-export declare const ValueDatetime: ({ label, value: valueProp, format: fmt, placeholder, }: ValueDatetimeProps) => JSX.Element;
+export declare const ValueDatetime: ({ label, value: valueProp, format: fmt, placeholder, editable, editInputType, onEdit, }: ValueDatetimeProps) => JSX.Element;

package/dist/esm/types/components/value-displays/value-image/value-image.d.ts

@@ -1,4 +1,4 @@
-import { BaseValueProps } from "../value-displays.types";
+import { BaseValueProps } from "../value-base/value-displays.types";
 export interface ValueImageProps extends BaseValueProps<string> {
     /**
      * Image size

package/dist/esm/types/components/value-displays/value-rating/value-rating.d.ts

@@ -1,8 +1,8 @@
-import { BaseValueProps } from "../value-displays.types";
+import { BaseValueProps, EditableValueProps } from "../value-base/value-displays.types";
 export type ValueRatingProps = BaseValueProps<number> & {
     maxRating?: number;
-};
+} & EditableValueProps<number>;
 /**
  * Displays a number using stars
  */
-export declare const ValueRating: ({ label, value, maxRating }: ValueRatingProps) => JSX.Element;
+export declare const ValueRating: ({ label, value, maxRating, editable, onEdit, }: ValueRatingProps) => JSX.Element;

package/dist/esm/types/components/value-displays/value-text/value-text.d.ts

@@ -1,20 +1,6 @@
-import { BaseValueProps } from "../value-displays.types";
-export type TextValue = string | number;
-export interface ValueTextProps<T extends TextValue> extends BaseValueProps<T> {
-    /**
-     * This field can be edited or not
-     */
-    editable?: boolean;
-    /**
-     * Callback executed when the value is edited
-     */
-    onEdit?: (value?: string) => void;
-    /**
-     * Callback called when the user cancels an edition
-     */
-    onCancelEdit?: () => void;
-}
+import { BaseValueProps, EditableValueProps } from "../value-base";
+export type ValueTextProps = BaseValueProps<string | number> & EditableValueProps<string>;
 /**
  * Displays a string value with a label
  */
-export declare const ValueText: <T extends TextValue>({ label, value: valueProp, placeholder, editable, onEdit, onCancelEdit, }: ValueTextProps<T>) => JSX.Element;
+export declare const ValueText: ({ label, value: valueProp, placeholder, editable, onEdit, }: ValueTextProps) => JSX.Element;

package/dist/index.d.ts

@@ -1,14 +1,33 @@
 /// <reference types="react" />
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default, { PropsWithChildren, FunctionComponent, ReactElement, ReactNode, Dispatch, SetStateAction } from 'react';
 import * as _mui_material from '@mui/material';
-import { GridProps, AppBarProps as AppBarProps$1, PropTypes, SxProps, Theme, DrawerProps as DrawerProps$1, Color, AlertColor } from '@mui/material';
+import { SxProps, Theme, GridProps, AppBarProps as AppBarProps$1, PropTypes, DrawerProps as DrawerProps$1, ChipTypeMap, AutocompleteProps, AlertColor, Color } from '@mui/material';
+import { MarkdownToJSX } from 'markdown-to-jsx';
 import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
 import { SelectInputProps } from '@mui/material/Select/SelectInput';
 import { Variant } from '@mui/material/styles/createTypography';
 import { LoremUnit } from 'lorem-ipsum/types/src/constants/units';
 
+interface ValueEditButtonsProps {
+    onClickCancel: () => void;
+    onSubmitEdit: () => void;
+    sx?: SxProps<Theme>;
+}
+declare const ValueEditButtons: ({ onClickCancel, onSubmitEdit, sx }: ValueEditButtonsProps) => JSX.Element;
+/**
+ * Hook to manage the editing behaviour
+ */
+declare const useEditableValueDisplay: <T>(initialValue: T | undefined, onEdit: (value?: T | undefined) => void) => {
+    isEditing: boolean;
+    cancelEdit: () => void;
+    editValue: T | undefined;
+    setEditValue: React__default.Dispatch<React__default.SetStateAction<T | undefined>>;
+    startEdit: () => void;
+    submitEdit: () => void;
+};
+
 interface BaseValueProps<T> {
     /**
      * Name of the displayed value
@@ -23,10 +42,7 @@ interface BaseValueProps<T> {
      */
     placeholder?: string;
 }
-declare const DefaultPlaceholder = "-";
-
-type TextValue = string | number;
-interface ValueTextProps<T extends TextValue> extends BaseValueProps<T> {
+interface EditableValueProps<T> {
     /**
      * This field can be edited or not
      */
@@ -34,16 +50,15 @@ interface ValueTextProps<T extends TextValue> extends BaseValueProps<T> {
     /**
      * Callback executed when the value is edited
      */
-    onEdit?: (value?: string) => void;
-    /**
-     * Callback called when the user cancels an edition
-     */
-    onCancelEdit?: () => void;
+    onEdit?: (value?: T) => void;
 }
+declare const DefaultPlaceholder = "-";
+
+type ValueTextProps = BaseValueProps<string | number> & EditableValueProps<string>;
 /**
  * Displays a string value with a label
  */
-declare const ValueText: <T extends TextValue>({ label, value: valueProp, placeholder, editable, onEdit, onCancelEdit, }: ValueTextProps<T>) => JSX.Element;
+declare const ValueText: ({ label, value: valueProp, placeholder, editable, onEdit, }: ValueTextProps) => JSX.Element;
 
 type ValueCardProps = PropsWithChildren;
 /**
@@ -51,22 +66,27 @@ type ValueCardProps = PropsWithChildren;
  */
 declare const ValueCard: ({ children }: ValueCardProps) => JSX.Element;
 
-type ValueBooleanProps = BaseValueProps<boolean>;
+type ValueBooleanProps = BaseValueProps<boolean> & EditableValueProps<boolean>;
 /**
  * Displays a boolean value with a label
  */
-declare const ValueBoolean: ({ label, value, placeholder, }: ValueBooleanProps) => JSX.Element;
+declare const ValueBoolean: ({ label, value, placeholder, editable, onEdit, }: ValueBooleanProps) => JSX.Element;
 
-interface ValueDatetimeProps extends BaseValueProps<Date> {
+type EditInputType = "datetime" | "date" | "time";
+interface ValueDatetimeProps extends BaseValueProps<Date>, EditableValueProps<Date> {
     /**
      * Datetime format
      */
     format: string;
+    /**
+     * Edit input type
+     */
+    editInputType?: EditInputType;
 }
 /**
  * Displays a formated datetime with a label
  */
-declare const ValueDatetime: ({ label, value: valueProp, format: fmt, placeholder, }: ValueDatetimeProps) => JSX.Element;
+declare const ValueDatetime: ({ label, value: valueProp, format: fmt, placeholder, editable, editInputType, onEdit, }: ValueDatetimeProps) => JSX.Element;
 
 type GroupValueItemProps = PropsWithChildren<Omit<GridProps, "item" | "container"> & {
     bordered?: boolean;
@@ -87,11 +107,11 @@ declare const GroupValueCard: ({ title, subtitle, centered, children }: GroupVal
 
 type ValueRatingProps = BaseValueProps<number> & {
     maxRating?: number;
-};
+} & EditableValueProps<number>;
 /**
  * Displays a number using stars
  */
-declare const ValueRating: ({ label, value, maxRating }: ValueRatingProps) => JSX.Element;
+declare const ValueRating: ({ label, value, maxRating, editable, onEdit, }: ValueRatingProps) => JSX.Element;
 
 /**
  * Displays a centered loading indicator
@@ -272,6 +292,22 @@ type HeaderElement = ReactElement<HeaderProps, HeaderComponent>;
  */
 declare const Header: HeaderComponent;
 
+type BoardProps = PropsWithChildren<{
+    markdown?: string;
+    content?: string | string[];
+    spacing?: 0 | 1 | 2 | 3 | 4 | 5;
+    timeoutCopyText?: number;
+    sx?: SxProps<Theme>;
+}>;
+declare const Board: ({ markdown: markdownProps, content: contentProp, spacing, timeoutCopyText, children, sx, }: BoardProps) => JSX.Element;
+
+interface MarkdownProps {
+    content: string;
+    options?: MarkdownToJSX.Options;
+}
+declare const markdownDefaultOptions: MarkdownToJSX.Options;
+declare const Markdown: ({ content, options }: MarkdownProps) => JSX.Element;
+
 type ContentProps = PropsWithChildren;
 type ContentComponent = FunctionComponent<ContentProps>;
 type ContentElement = ReactElement<ContentElement, ContentComponent>;
@@ -349,7 +385,7 @@ interface DrawerContextProps {
     close(): void;
     open(): void;
 }
-declare const DrawerContext: React.Context<DrawerContextProps | undefined>;
+declare const DrawerContext: React$1.Context<DrawerContextProps | undefined>;
 declare const UndefinedProvider: Error;
 declare const useDrawer: () => DrawerContextProps;
 
@@ -441,6 +477,15 @@ interface SignInProps {
 }
 declare const SignIn: ({ title, subtitle, loading, error, onSubmitSignIn }: SignInProps) => JSX.Element;
 
+interface EnhancedAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React__default.ElementType = ChipTypeMap["defaultComponent"]> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, "renderInput" | "onChange" | "color"> {
+    label: string;
+    helperText?: string;
+    color?: string;
+    fetching?: boolean;
+    onChangeValue?: (value: T) => void;
+}
+declare const EnhancedAutocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React__default.ElementType<any> = "div">(props: EnhancedAutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+
 interface TabPanelProps {
     children?: React__default.ReactNode;
     index: number | number[];
@@ -539,6 +584,69 @@ interface LoremIpsumPlaceholderProps {
 }
 declare const LoremIpsumPlaceholder: ({ count, units, variant, }: LoremIpsumPlaceholderProps) => JSX.Element;
 
+interface ExpandableAlertProps {
+    severity: AlertColor;
+    iconMapping?: Partial<Record<AlertColor, React__default.ReactNode>>;
+    title?: string;
+    message: string;
+    metadata?: string | string[];
+    onClose: () => void;
+}
+declare const ExpandableAlert: ({ severity, iconMapping, title, message, metadata, onClose, }: ExpandableAlertProps) => JSX.Element;
+
+interface DialogAction {
+    id: string;
+    text: string;
+    type?: "button" | "submit";
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+    onClick?: () => void;
+}
+type BootstrapDialogDialogProps = PropsWithChildren<{
+    open: boolean;
+    title: string;
+    loading?: boolean;
+    disabled?: boolean;
+    cancelable?: boolean;
+    acceptable?: boolean;
+    callCloseWhenCancel?: boolean;
+    actions?: DialogAction[];
+    cancelText?: string;
+    acceptText?: string;
+    acceptType?: "button" | "submit";
+    onClose: () => void;
+    onCancel?: () => void;
+    onAccept?: () => void;
+    component?: React.ElementType;
+    componentProps?: any;
+}>;
+
+type OmitBaseDialogProps$1 = "cancelable" | "acceptable" | "onAccept" | "onCancel" | "onClose" | "actions" | "callCloseWhenCancel" | "component" | "acceptType";
+interface ConfirmDialogProps extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps$1> {
+    confirmText?: string;
+    canceText?: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+}
+declare const ConfirmDialog: ({ open, title, loading, disabled, confirmText, cancelText, children, onConfirm, onCancel, }: ConfirmDialogProps) => JSX.Element;
+
+type OmitBaseDialogProps = "cancelable" | "acceptable" | "onAccept" | "onCancel" | "onClose" | "actions" | "callCloseWhenCancel" | "component" | "acceptType";
+interface FormDialogProps<T> extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {
+    submitText?: string;
+    canceText?: string;
+    onCancel: () => void;
+    onSubmit: (data: T) => void;
+}
+declare const FormDialog: <T>({ open, title, loading, disabled, submitText, cancelText, children, onSubmit, onCancel, }: FormDialogProps<T>) => JSX.Element;
+
+declare const BootstrapDialog: ({ open, title, component, componentProps, disabled, actions, children, loading, cancelable, callCloseWhenCancel, acceptable, acceptText, cancelText, onAccept, onCancel, onClose, acceptType, }: BootstrapDialogDialogProps) => JSX.Element;
+
+declare const useDialog: (intialOpen?: boolean) => {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    setIsOpen: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+};
+
 declare const newArrayWithSize: <T>(size: number, fillValue: T) => any[];
 declare const getRandomItem: <T>(items: T[]) => {
     index: number;
@@ -820,8 +928,8 @@ interface NotifyWhenValueChangesOptions<T> {
 }
 declare const useNotifyWhenValueChanges: <T>(notification: Notification, value: T | undefined, { from, to }: NotifyWhenValueChangesOptions<T>) => void;
 
-declare const TabContext: React.Context<[number, Dispatch<SetStateAction<number>>]>;
-declare const TabContextProvider: React.Provider<[number, Dispatch<SetStateAction<number>>]>;
+declare const TabContext: React$1.Context<[number, Dispatch<SetStateAction<number>>]>;
+declare const TabContextProvider: React$1.Provider<[number, Dispatch<SetStateAction<number>>]>;
 declare const useTab: () => [number, Dispatch<SetStateAction<number>>];
 
 type TabProviderProps = PropsWithChildren<{
@@ -829,4 +937,4 @@ type TabProviderProps = PropsWithChildren<{
 }>;
 declare const TabProvider: ({ children, initialValue }: TabProviderProps) => JSX.Element;
 
-export { AppBarComponent, AppBarElement, AppBarProfile, AppBarProps, AppBarWithDrawerLayout, AppBarWithDrawerLayoutProps, ArrayFieldType, BaseFieldType, BaseValueProps, BasicModelInstance, Bullet, BulletProps, BulletVariant, CenterContainer, CenterContainerProps, Content, ContentComponent, ContentElement, ContentPlaceholder, ContentPlaceholderProps, ContentProps, DefaultPlaceholder, Drawer, DrawerComponent, DrawerContent, DrawerContentComponent, DrawerContentElement, DrawerContentProps, DrawerContext, DrawerContextProps, DrawerElement, DrawerItem, DrawerItemProps, DrawerProps, DrawerProvider, DrawerSection, DrawerSectionProps, EnhancedRemoteTable, EnhancedRemoteTableProps, EnhancedSelect, EnhancedSelectProps, EnhancedSelectSize, EnhancedTable, EnhancedTableHead, FieldType, GroupField, GroupInstanceType, GroupValueCard, GroupValueCardProps, GroupValueItem, GroupValueItemComponent, GroupValueItemElement, GroupValueItemProps, HeadCell, Header, HeaderAction, HeaderActionVariant, HeaderBreadcrumb, HeaderComponent, HeaderElement, HeaderLayout, HeaderLayoutProps, HeaderNavigationButton, HeaderPreset, HeaderProps, HeaderTab, IdleRequest, Label, LabelProps, LabelVariant, LoadingArea, LoadingRequest, LoremIpsumPlaceholder, LoremIpsumPlaceholderProps, MiniAppBar, MiniDrawer, Model, ModelField, ModelFieldTypes, ModelForm, ModelFormProps, ModelRouter, ModelRouterProps, Nav, NavItem, NavItemAvatar, NavItemBullet, NavItemCollapsable, NavItemLabel, NavItemLink, NavSection, Notification, NotificationCenterContext, NotificationCenterProps, NotificationCenterProvider, NotificationCenterProviderProps, NotificationCenterProviderUndefinedError, NotifyWhenValueChangesOptions, ObjectDetails, ObjectDetailsProps, Order, Placeholder, PlaceholderAction, PlaceholderIconArgs, PlaceholderProps, QueryContainer, QueryContainerError, QueryContainerProps, QueryContainerSuccess, RequestState, SignIn, SignInProps, SingleFieldType, SkeletonCard, SkeletonCardProps, SkeletonGrid, SkeletonGridProps, SuccessRequest, TabCard, TabCardProps, TabContext, TabContextProvider, TabPanel, TabProvider, TableList, TableListProps, TableRowOption, TextValue, UndefinedProvider, ValueBoolean, ValueBooleanProps, ValueCard, ValueCardProps, ValueDatetime, ValueDatetimeProps, ValueRating, ValueRatingProps, ValueText, ValueTextProps, bulletClasses, getRandomItem, groupValueItemClasses, labelClasses, newArrayWithSize, newInstanceFromValuesOrZeroValue, useDrawer, useGetDefaultThemeColor, useNotificationCenter, useNotifyWhenValueChanges, useTab };
+export { AppBarComponent, AppBarElement, AppBarProfile, AppBarProps, AppBarWithDrawerLayout, AppBarWithDrawerLayoutProps, ArrayFieldType, BaseFieldType, BaseValueProps, BasicModelInstance, Board, BoardProps, BootstrapDialog, BootstrapDialogDialogProps, Bullet, BulletProps, BulletVariant, CenterContainer, CenterContainerProps, ConfirmDialog, ConfirmDialogProps, Content, ContentComponent, ContentElement, ContentPlaceholder, ContentPlaceholderProps, ContentProps, DefaultPlaceholder, DialogAction, Drawer, DrawerComponent, DrawerContent, DrawerContentComponent, DrawerContentElement, DrawerContentProps, DrawerContext, DrawerContextProps, DrawerElement, DrawerItem, DrawerItemProps, DrawerProps, DrawerProvider, DrawerSection, DrawerSectionProps, EditInputType, EditableValueProps, EnhancedAutocomplete, EnhancedAutocompleteProps, EnhancedRemoteTable, EnhancedRemoteTableProps, EnhancedSelect, EnhancedSelectProps, EnhancedSelectSize, EnhancedTable, EnhancedTableHead, ExpandableAlert, ExpandableAlertProps, FieldType, FormDialog, FormDialogProps, GroupField, GroupInstanceType, GroupValueCard, GroupValueCardProps, GroupValueItem, GroupValueItemComponent, GroupValueItemElement, GroupValueItemProps, HeadCell, Header, HeaderAction, HeaderActionVariant, HeaderBreadcrumb, HeaderComponent, HeaderElement, HeaderLayout, HeaderLayoutProps, HeaderNavigationButton, HeaderPreset, HeaderProps, HeaderTab, IdleRequest, Label, LabelProps, LabelVariant, LoadingArea, LoadingRequest, LoremIpsumPlaceholder, LoremIpsumPlaceholderProps, Markdown, MarkdownProps, MiniAppBar, MiniDrawer, Model, ModelField, ModelFieldTypes, ModelForm, ModelFormProps, ModelRouter, ModelRouterProps, Nav, NavItem, NavItemAvatar, NavItemBullet, NavItemCollapsable, NavItemLabel, NavItemLink, NavSection, Notification, NotificationCenterContext, NotificationCenterProps, NotificationCenterProvider, NotificationCenterProviderProps, NotificationCenterProviderUndefinedError, NotifyWhenValueChangesOptions, ObjectDetails, ObjectDetailsProps, Order, Placeholder, PlaceholderAction, PlaceholderIconArgs, PlaceholderProps, QueryContainer, QueryContainerError, QueryContainerProps, QueryContainerSuccess, RequestState, SignIn, SignInProps, SingleFieldType, SkeletonCard, SkeletonCardProps, SkeletonGrid, SkeletonGridProps, SuccessRequest, TabCard, TabCardProps, TabContext, TabContextProvider, TabPanel, TabProvider, TableList, TableListProps, TableRowOption, UndefinedProvider, ValueBoolean, ValueBooleanProps, ValueCard, ValueCardProps, ValueDatetime, ValueDatetimeProps, ValueEditButtons, ValueEditButtonsProps, ValueRating, ValueRatingProps, ValueText, ValueTextProps, bulletClasses, getRandomItem, groupValueItemClasses, labelClasses, markdownDefaultOptions, newArrayWithSize, newInstanceFromValuesOrZeroValue, useDialog, useDrawer, useEditableValueDisplay, useGetDefaultThemeColor, useNotificationCenter, useNotifyWhenValueChanges, useTab };