pixel-react 1.5.8 → 1.6.0

package/lib/index.d.ts

@@ -299,9 +299,10 @@ interface MultiSelectProps {
     highlightedMachine?: string | ReactElement;
     labelAccessor?: string;
     valueAccessor?: string;
+    onEnter?: (newOption: string) => void;
 }
 
-declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
+declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, onEnter }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
 
 interface ToasterProps {
     /**Boolean value to handle state of toaster. */
@@ -1120,10 +1121,67 @@ interface FileDropzoneProps {
     validateMIMEType?: boolean;
     width?: number | string;
     height?: number | string;
+    /**
+     *  Returns the accepted files in the state
+     **/
+    getAcceptedFiles?: (files: File[]) => void;
+    /**
+     *  Returns the rejected files in the state
+     **/
+    getRejectedFiles?: (files: FileRejection[]) => void;
+}
+interface FileError {
+    message: string;
+    code: string;
+}
+interface FileRejection {
+    file: File;
+    errors: FileError[];
+}
+interface DropzoneOptions {
+    accept: string[];
+    multiple?: boolean;
+    maxSize?: number;
+    maxFiles?: number | undefined;
+    onDrop?: (acceptedFiles: File[], rejectedFiles: FileRejection[], event: React.DragEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement>) => void;
+    onMaxFilesError?: () => void;
+    maxSizeErrorMessage?: string;
+    invalidFileMessage?: string;
+    fileExistMessage?: string;
+    validateMIMEType?: boolean;
+}
+interface DropzoneState {
+    getRootProps: () => React.HTMLAttributes<HTMLElement>;
+    getInputProps: () => React.InputHTMLAttributes<HTMLInputElement>;
+    acceptedFiles: File[];
+    rejectedFiles: FileRejection[];
+    isDragActive: boolean;
+    handleRemoveClick: (file: File) => void;
+    handleReplaceClick: (file: File) => void;
+}
+interface DroppableProps {
+    icon: React.ReactNode;
+    primaryLabel: string;
+    secondaryLabel: string;
+    buttonLabel: string;
+    getRootProps: () => any;
+    getInputProps: () => any;
+    isDragActive: boolean;
+    height: number | string;
+}
+interface FilePreviewProps {
+    file: File;
+    error?: string;
+    onRemoveClick: (file: File) => void;
+    onReplaceClick: (file: File) => void;
 }
 
 declare const FileDropzone: React.FC<FileDropzoneProps>;
 
+declare const Dropzone: FC<DroppableProps>;
+
+declare const FilePreview: React.FC<FilePreviewProps>;
+
 type Theme = 'ff-light-theme' | 'ff-dark-theme' | 'ff-grey-theme';
 interface ThemeContextType {
     currentTheme: Theme;
@@ -1452,28 +1510,37 @@ interface MiniEditModalProps {
 
 declare const MiniModal: React$1.ForwardRefExoticComponent<MiniEditModalProps & React$1.RefAttributes<HTMLDivElement>>;
 
-interface ColumnDataProps {
+interface TreeNode {
+    key: string;
+    [key: string]: any;
+    children?: TreeNode[];
+    expanded?: boolean;
+}
+interface Column {
     name: string;
     accessor: string;
     width: string;
     isClickable?: boolean;
-    minWidth?: string;
-    cell?: (e: any) => JSX.Element | string | ReactNode;
-    actions?: (e: any) => JSX.Element | string | ReactNode;
-}
-interface ObjectProps {
-    [key: string]: any;
-}
-interface TableTreeProps {
-    select: 'checkbox' | 'radio' | 'none';
-    columnsData: Array<ColumnDataProps>;
-    treeData: Array<ObjectProps>;
-    onClick?: (event: React__default.MouseEvent<HTMLDivElement, MouseEvent>, data: any) => void;
-    onChange?: (e: any, node: any) => void;
-    selected: Array<string>;
-    onPagination?: (node: ObjectProps) => void;
-}
-declare const TableTree: ({ columnsData, treeData, select, onClick, onChange, selected, onPagination, }: TableTreeProps) => react_jsx_runtime.JSX.Element;
+    cell?: (row: any) => JSX.Element | string | null;
+    actions?: (row: any) => JSX.Element[];
+    isTree?: boolean;
+    defaultValue?: string;
+    defaultActions?: () => JSX.Element[];
+}
+interface TreeTableProps {
+    treeData: any;
+    columnsData: Column[];
+    selected?: string[];
+    select?: 'radio' | 'checkbox' | null;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, node: TreeNode) => void;
+    onPagination?: (node: TreeNode) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
+    expandedNodes: string[];
+    onExpand?: (_isExpanded: boolean, node: string) => void;
+    onPaginate: (_direction: 'up' | 'down', id: string) => void;
+}
+
+declare const TreeTable: React__default.FC<TreeTableProps>;
 
 interface TabsProps {
     /**
@@ -2175,7 +2242,7 @@ interface ExcelFileProps {
     /** Controls whether the toolbar is shown, disabled, or hidden */
     toolbar?: 'show' | 'disable' | 'hide';
     /** Callback function to save the Excel data */
-    onSave?: (excelData?: any) => void;
+    onSave?: (saveData: any) => void;
 }
 declare const ExcelFile: React__default.FC<ExcelFileProps>;
 
@@ -2352,6 +2419,15 @@ interface DownloadClientProps {
 
 declare const DownloadClient: React.FC<DownloadClientProps>;
 
+interface fieldSetProps {
+    legendName: string;
+    height: string;
+    width: string;
+    children: ReactNode | string;
+}
+
+declare const FieldSet: FC<fieldSetProps>;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -2478,4 +2554,6 @@ declare const ConnectingBranch: React__default.FC;
 
 declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FileDropzone, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useTheme };
+declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
+
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TreeTable as TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };