mui-design-system 0.0.21 → 0.0.22

package/dist/components/custom-table/components/CustomTableCell.d.ts

@@ -1,8 +0,0 @@
-import React, { FC } from "react";
-import { Cell } from "@tanstack/react-table";
-interface CustomTableCellProps {
-    cell: Cell<any, any>;
-    children: React.ReactNode;
-}
-declare const CustomTableCell: FC<CustomTableCellProps>;
-export default CustomTableCell;

package/dist/components/custom-table/components/CustomTableCell.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Box from "@mui/material/Box";
-import { TableCell } from "@mui/material";
-const CustomTableCell = ({ cell, children, }) => {
-    return (_jsx(TableCell, { id: `c-${cell.id}`, sx: {
-            px: 0,
-            py: 0,
-            width: cell?.getContext()?.column?.id === "select" ? 50 : 150,
-            border: "none",
-            height: "inherit",
-        }, children: _jsx(Box, { sx: {
-                backgroundColor: "white",
-                justifyContent: cell?.getContext()?.column?.id === "select" ? "left" : "center",
-                height: "100%",
-                fontSize: 14,
-                fontWeight: 500,
-                display: "flex",
-                alignItems: "center",
-                px: cell?.getContext()?.column?.id === "select" ? 0 : 4,
-                borderBottom: "1px solid #C5D0FF",
-            }, children: children }) }, cell?.id));
-};
-export default CustomTableCell;

package/dist/components/custom-table/components/CustomTableHead.d.ts

@@ -1,17 +0,0 @@
-import { FC } from 'react';
-import { Table as TableType } from '@tanstack/table-core/build/lib/types';
-import { TypographyProps } from '@mui/material/Typography';
-import { SystemStyleObject } from '@mui/system';
-import { TCheckboxProps } from '../CustomTable';
-interface CustomTableHeadProps {
-    variant?: 'fill' | 'standard' | undefined;
-    table: TableType<any>;
-    withRadio?: boolean;
-    withSelect?: boolean;
-    withIndex?: boolean;
-    headerStyle?: SystemStyleObject;
-    checkboxProps?: TCheckboxProps;
-    headerTypoProps?: TypographyProps;
-}
-declare const CustomTableHead: FC<CustomTableHeadProps>;
-export default CustomTableHead;

package/dist/components/custom-table/components/CustomTableHead.js

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-//@3rd Party
-import { flexRender } from '@tanstack/react-table';
-//-------------------------------------------------------------------------
-//@Mui
-import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
-import TableHead from '@mui/material/TableHead';
-import TableRow from '@mui/material/TableRow';
-import TableCell from '@mui/material/TableCell';
-import { Checkbox } from '@mui/material';
-const CustomTableHead = ({ table, variant, withSelect, withRadio, withIndex, headerStyle, checkboxProps, headerTypoProps, }) => {
-    const { onChange: onChangeCheckbox, ...restCheckboxProps } = typeof checkboxProps === 'function'
-        ? checkboxProps({ table })
-        : checkboxProps || {};
-    return (_jsx(TableHead, { sx: {
-            position: 'sticky',
-            zIndex: 10,
-            top: 0,
-            mb: 2,
-            bgcolor: '#EAEDFF',
-            borderBottom: (theme) => `1px solid ${theme.palette.divider}`,
-            '& th:first-of-type': {
-                borderRadius: '10px 0 0 0',
-            },
-            '& th:last-child': {
-                borderRadius: '0 10px 0 0',
-            },
-            '& th': {
-                border: variant === 'fill' ? 0 : '',
-                fontSize: 10,
-                fontWeight: 700,
-                lineHeight: '13px',
-                textAlign: 'center',
-                p: 2.5,
-            },
-            '& .MuiTableCell-head': {
-                height: 46,
-                maxHeight: 46,
-                p: 0,
-            },
-            ...headerStyle,
-        }, children: table?.getHeaderGroups()?.map((headerGroup) => (_jsxs(TableRow, { sx: {
-                height: 71,
-                borderBottom: variant === 'standard' ? '1px solid #EBEBEB' : '',
-            }, children: [withIndex && (_jsx(TableCell, { sx: { border: 'none' }, children: _jsx(Box, { display: 'flex', minWidth: 'max-content', px: 5, children: _jsx(Typography, { ...headerTypoProps, children: "\u0631\u062F\u06CC\u0641" }) }) }, 'head-cell')), withRadio && (_jsx(TableCell, { sx: { border: 'none' }, children: _jsx(Box, { display: 'flex', minWidth: 'max-content', pl: 8, children: _jsx(Typography, { ...headerTypoProps, children: "\u0627\u0646\u062A\u062E\u0627\u0628" }) }) }, 'head-cell')), withSelect && (_jsx(TableCell, { sx: { border: 'none' }, children: _jsx(Box, { display: 'flex', minWidth: 'max-content', px: 0, children: table.options.enableMultiRowSelection === true ? (_jsx(Checkbox, { checked: table.getIsAllRowsSelected(), indeterminate: table.getIsSomePageRowsSelected(), onChange: (e, checked) => {
-                                if (onChangeCheckbox) {
-                                    onChangeCheckbox?.(e, table.getIsAllRowsSelected());
-                                }
-                                else {
-                                    table.getToggleAllRowsSelectedHandler()(e);
-                                }
-                            }, ...restCheckboxProps })) : ('') }) }, 'head-cell')), headerGroup?.headers?.map((header) => {
-                    return header.id === 'select' ? (_jsx(TableCell, { colSpan: header.colSpan, sx: { border: 'none' }, children: header.isPlaceholder ? null : (_jsx(Box, { display: 'flex', minWidth: 'max-content', px: 0, className: header?.column?.getCanSort()
-                                ? 'cursor-pointer select-none'
-                                : '',
-                            onClick: header?.column?.getToggleSortingHandler(), children: flexRender(header?.column?.columnDef?.header, header?.getContext()) })) }, header.id)) : (_jsx(TableCell, { colSpan: header?.colSpan, sx: { border: 'none' }, children: header?.isPlaceholder ? null : (_jsx(Box, { display: 'flex', minWidth: 'max-content', textAlign: 'center', justifyContent: 'center', px: 2, className: header?.column?.getCanSort()
-                                ? 'cursor-pointer select-none'
-                                : '',
-                            onClick: header?.column?.getToggleSortingHandler(), children: _jsx(Typography, { ...headerTypoProps, children: flexRender(header?.column?.columnDef?.header, header?.getContext()) }) })) }, header?.id));
-                })] }, headerGroup.id))) }));
-};
-export default CustomTableHead;

package/dist/components/custom-table/components/CustomTableRow.d.ts

@@ -1,26 +0,0 @@
-import React, { FC } from 'react';
-import { CheckboxProps as MuiCheckboxProps } from '@mui/material/Checkbox';
-import { Row } from '@tanstack/react-table';
-import { ITablePagination, TCellsStyle, TCheckboxProps, TRowStyle } from '../CustomTable';
-import { RadioProps } from '@mui/material/Radio';
-import { Table as TableType } from '@tanstack/table-core/build/lib/types';
-export interface ICheckboxProps extends Omit<MuiCheckboxProps, 'onChange'> {
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean, row?: Row<any>) => void;
-}
-interface CustomTableRowProps {
-    row: Row<any>;
-    onClickRow?: (row: Row<any>) => void;
-    renderSubComponent?: (data: any) => any;
-    withSelect?: boolean;
-    withIndex?: boolean;
-    withRadio?: boolean;
-    pagination?: ITablePagination;
-    rowStyle?: TRowStyle;
-    cellsStyle?: TCellsStyle;
-    checkboxProps?: TCheckboxProps;
-    radioProps?: RadioProps;
-    table: TableType<any>;
-    rowBorderRadius?: number;
-}
-declare const CustomTableRow: FC<CustomTableRowProps>;
-export default CustomTableRow;

package/dist/components/custom-table/components/CustomTableRow.js

@@ -1,102 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-//@Mui
-import Box from '@mui/material/Box';
-import Collapse from '@mui/material/Collapse';
-import { Checkbox, TableCell, TableRow } from '@mui/material';
-import { flexRender } from '@tanstack/react-table';
-import CustomTableCell from '../components/CustomTableCell';
-import Typography from '@mui/material/Typography';
-import Radio from '@mui/material/Radio';
-const CustomTableRow = ({ row, onClickRow, renderSubComponent, withSelect, withIndex, withRadio, pagination, rowStyle, cellsStyle, checkboxProps, radioProps, table, rowBorderRadius, }) => {
-    const { onChange: onChangeCheckbox, ...restCheckboxProps } = typeof checkboxProps === 'function'
-        ? checkboxProps({ row, table })
-        : checkboxProps || {};
-    return (_jsxs(_Fragment, { children: [_jsxs(TableRow, { id: `tr-${row.index}`, onClick: () => (onClickRow ? onClickRow(row) : ''), sx: {
-                    height: 71,
-                    cursor: onClickRow ? 'pointer' : '',
-                    '& td:first-of-type > div': {
-                        border: 'unset !important',
-                        borderEndStartRadius: rowBorderRadius ?? 10,
-                        borderStartStartRadius: row.index === 0 ? 0 : rowBorderRadius ?? 10,
-                    },
-                    '& td:last-child > div': {
-                        border: 'unset !important',
-                        borderEndEndRadius: rowBorderRadius ?? 10,
-                        borderStartEndRadius: row.index === 0 ? 0 : rowBorderRadius ?? 10,
-                    },
-                    ...(rowStyle ? rowStyle({ row }) : {}),
-                    '& td > div': {
-                        border: 'unset !important',
-                        ...(cellsStyle ? cellsStyle({ row }) : {}),
-                        transition: '0.15s ease all',
-                    },
-                    '&:hover': {
-                        '& td > div': {
-                            ...(cellsStyle ? cellsStyle({ row, hover: true }) : {}),
-                        },
-                        ...(rowStyle ? rowStyle({ row, hover: true }) : {}),
-                    },
-                }, children: [withIndex && (_jsx(TableCell, { id: `c-select`, className: 'CustomTable-index', sx: {
-                            px: 0,
-                            py: 0,
-                            width: 50,
-                            border: 'none',
-                            height: 'inherit',
-                        }, children: _jsx(Box, { sx: {
-                                backgroundColor: 'white',
-                                justifyContent: 'left',
-                                height: '100%',
-                                fontSize: 10,
-                                fontWeight: 500,
-                                display: 'flex',
-                                alignItems: 'center',
-                                px: 5,
-                                border: 'unset !important',
-                                // borderBottom: "1px solid #C5D0FF",
-                            }, children: _jsx(Typography, { variant: 'caption2', children: pagination
-                                    ? (pagination.pageIndex - 1) * pagination.pageSize +
-                                        row.index +
-                                        1
-                                    : '-' }) }) })), withRadio && (_jsx(TableCell, { id: `c-select`, className: 'CustomTable-radio', sx: {
-                            px: 0,
-                            py: 0,
-                            width: 50,
-                            border: 'none',
-                            height: 'inherit',
-                        }, children: _jsx(Box, { sx: {
-                                backgroundColor: 'white',
-                                justifyContent: 'left',
-                                height: '100%',
-                                fontSize: 10,
-                                fontWeight: 500,
-                                display: 'flex',
-                                alignItems: 'center',
-                                pl: 8,
-                            }, children: _jsx(Radio, { checked: row.getIsSelected(), onChange: row.getToggleSelectedHandler(), onClick: (e) => e.stopPropagation(), ...radioProps }) }) })), withSelect && (_jsx(TableCell, { className: 'CustomTable-checkBox', id: `c-select`, sx: {
-                            px: 0,
-                            py: 0,
-                            width: 50,
-                            border: 'none',
-                            height: 'inherit',
-                        }, children: _jsx(Box, { sx: {
-                                backgroundColor: 'white',
-                                justifyContent: 'left',
-                                height: '100%',
-                                fontSize: 10,
-                                fontWeight: 500,
-                                display: 'flex',
-                                alignItems: 'center',
-                                px: 0,
-                                // borderBottom: "1px solid #C5D0FF",
-                            }, children: _jsx(Checkbox, { checked: row.getIsSelected(), onChange: (e) => {
-                                    row?.getToggleSelectedHandler()(e);
-                                    onChangeCheckbox?.(e, row.getIsSelected(), row);
-                                }, onClick: (e) => e.stopPropagation(), ...restCheckboxProps }) }) })), row?.getVisibleCells()?.map((cell, index) => {
-                        return (_jsx(CustomTableCell, { cell: cell, children: flexRender(cell?.column?.columnDef?.cell, cell?.getContext()) }, index));
-                    })] }, row.id), renderSubComponent && (_jsx(TableRow, { sx: {
-                    '& td:first-child': {
-                        px: 0,
-                    },
-                }, children: _jsx(TableCell, { style: { paddingBottom: 0, paddingTop: 4 }, colSpan: 12, children: _jsx(Collapse, { in: row.getIsExpanded(), timeout: 'auto', unmountOnExit: true, children: _jsx(Box, { px: 5, borderRadius: '0px 0px 10px 10px', children: renderSubComponent({ row }) }) }) }) }))] }));
-};
-export default CustomTableRow;

package/dist/components/custom-table/components/useTable.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { ColumnDef, Row, TableOptions } from '@tanstack/react-table';
-import { ITablePagination } from '../../custom-table/CustomTable';
-interface IProps extends Partial<Omit<TableOptions<any>, 'getRowId'>> {
-    columns: ColumnDef<any, any>[];
-    data: any;
-    pageSize?: number;
-    multiSelect?: boolean;
-    onSelectRow?: (data: any) => void;
-    getRowId?: string;
-    renderSubComponent?: (props: {
-        row: Row<any>;
-    }) => React.ReactElement;
-    getRowCanExpand?: (row: Row<any>) => boolean;
-}
-declare const useTable: ({ state, getRowId, data, columns, pageSize, ...props }: IProps) => {
-    table: import("@tanstack/react-table").Table<any>;
-    pagination: ITablePagination;
-    selectedRows: Row<any>[];
-    renderSubComponent: ((props: {
-        row: Row<any>;
-    }) => React.ReactElement) | undefined;
-};
-export default useTable;

package/dist/components/custom-table/components/useTable.js

@@ -1,77 +0,0 @@
-import { useEffect, useMemo, useState } from 'react';
-import { getCoreRowModel, getExpandedRowModel, useReactTable, } from '@tanstack/react-table';
-const useTable = ({ state, getRowId, data, columns, pageSize, ...props }) => {
-    const [selectedRows, setSelectedRows] = useState([]);
-    const getRowInCurrentPage = (id) => {
-        return table.getRowModel()?.rowsById?.[id];
-    };
-    const getRowInOtherPage = (id) => {
-        return selectedRows?.find((row) => row?.id === id);
-    };
-    const handleSelectRow = (row) => {
-        setRowSelection(row);
-        setRowSelection((old) => {
-            const selectedRowIds = Object?.keys(old);
-            if (selectedRowIds) {
-                // @ts-ignore
-                setSelectedRows((prv) => {
-                    const newSelectedRows = selectedRowIds.map((id) => {
-                        return table?.getRowModel()?.rowsById?.[id]
-                            ? getRowInCurrentPage(id)
-                            : getRowInOtherPage(id);
-                    });
-                    if (props?.onSelectRow) {
-                        props?.onSelectRow(newSelectedRows);
-                    }
-                    return newSelectedRows;
-                });
-            }
-            return old;
-        });
-    };
-    //selection
-    const [rowSelection, setRowSelection] = useState({});
-    const { renderSubComponent, getRowCanExpand, onSelectRow, multiSelect, ...tProps } = props;
-    const memoColumns = useMemo(() => columns, [JSON.stringify(columns)]);
-    const memoData = useMemo(() => data, [data]);
-    //generate table with react-table
-    const table = useReactTable({
-        data: memoData || [],
-        enableMultiRowSelection: props.multiSelect,
-        state: {
-            rowSelection,
-            ...state,
-        },
-        getRowCanExpand,
-        getExpandedRowModel: getExpandedRowModel(),
-        manualPagination: true,
-        // getRowId: (row) =>
-        //   getRowId && at(row, getRowId)?.[0]
-        //     ? at(row, getRowId)?.[0]
-        //     : row.id,
-        onRowSelectionChange: (row) => handleSelectRow(row),
-        getCoreRowModel: getCoreRowModel(),
-        columns: memoColumns,
-        ...tProps,
-    });
-    // react table has not default pageSize and we set manually
-    useEffect(() => {
-        if (pageSize) {
-            table?.setPageSize(pageSize);
-        }
-    }, []);
-    // ready object for CustomTable
-    const pagination = {
-        pageIndex: table?.getState()?.pagination?.pageIndex + 1,
-        pageSize: table?.getState()?.pagination?.pageSize,
-        pageCounts: table?.getPageCount(),
-        onChangePage: (page) => table.setPageIndex(page - 1),
-    };
-    return {
-        table,
-        pagination,
-        selectedRows,
-        renderSubComponent,
-    };
-};
-export default useTable;

package/dist/components/custom-tabs/CustomTabs.d.ts

@@ -1,22 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-import { TabProps, TabsProps } from '@mui/material';
-import { BoxProps } from '@mui/material/Box';
-interface ITabProps {
-    label: ReactNode;
-    icon?: string | ReactElement;
-    disabled?: boolean;
-}
-export interface CustomTabsProps extends TabsProps {
-    indicator?: 'line' | 'fullHeight' | 'none';
-    tabs: ITabProps[];
-    tabPanels?: {
-        component: ReactNode;
-    }[];
-    color?: string;
-    withoutDivider?: boolean;
-    tabProps?: TabProps;
-    wrapperProps?: BoxProps;
-    tabOrientation?: 'horizontal' | 'vertical';
-}
-declare const CustomTabs: ({ tabs, tabPanels, indicator, orientation, color, withoutDivider, tabProps, wrapperProps, tabOrientation, ...props }: CustomTabsProps) => import("react/jsx-runtime").JSX.Element;
-export default CustomTabs;

package/dist/components/custom-tabs/CustomTabs.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Tab as MuiTab, Tabs as MuiTabs, useTheme, } from '@mui/material';
-import Box from '@mui/material/Box';
-const CustomTabs = ({ tabs, tabPanels, indicator = 'none', orientation = 'horizontal', color, withoutDivider, tabProps, wrapperProps, tabOrientation = 'horizontal', ...props }) => {
-    const theme = useTheme();
-    const [value, setValue] = useState(0);
-    const handleChange = (event, newValue) => {
-        setValue(newValue);
-    };
-    return (_jsxs(Box, { width: '100%', display: 'flex', height: '100%', flexDirection: orientation === 'vertical' ? 'row' : 'column', ...wrapperProps, children: [_jsx(MuiTabs, { centered: props?.centered, orientation: orientation, variant: props?.variant, value: value, onChange: handleChange, "aria-label": 'basic tabs', TabIndicatorProps: {
-                    style: {
-                        background: color || theme.palette.primary.main,
-                        ...(indicator === 'fullHeight'
-                            ? {
-                                ...(orientation === 'horizontal' && {
-                                    height: 'calc(100% - 4px)',
-                                }),
-                                ...(orientation === 'vertical' && {
-                                    width: 'calc(100% - 4px)',
-                                    marginLeft: '4px',
-                                }),
-                                borderRadius: 8,
-                                marginBottom: '4px',
-                            }
-                            : {}),
-                    },
-                    hidden: indicator === 'none',
-                }, style: { borderBottom: withoutDivider ? 'none' : '' }, ...props, children: tabs?.map(({ label, icon, disabled }, index) => (_jsx(MuiTab, { disabled: disabled, label: label, id: `tab-${index}`, "aria-controls": `tabPanel-${index}`, icon: icon ? icon : undefined, ...tabProps, sx: [
-                        {
-                            ...theme.typography.caption2,
-                            ...(tabOrientation === 'vertical'
-                                ? { writingMode: 'tb-rl' }
-                                : {}),
-                            '&.Mui-selected': {
-                                ...theme.typography['caption2.medium'],
-                                ...(indicator === 'fullHeight'
-                                    ? {
-                                        backgroundColor: 'transparent',
-                                        zIndex: 10,
-                                        color: (theme) => theme.palette.mode === 'light'
-                                            ? theme.palette.text.secondary
-                                            : theme.palette.text.primary,
-                                        stroke: (theme) => theme.palette.mode === 'light'
-                                            ? theme.palette.text.secondary
-                                            : theme.palette.text.primary,
-                                    }
-                                    : indicator === 'line'
-                                        ? {
-                                            backgroundColor: 'transparent',
-                                            color: (theme) => color || theme.palette.primary.main,
-                                            stroke: (theme) => theme.palette.primary.main,
-                                        }
-                                        : {
-                                            backgroundColor: 'transparent',
-                                            ...(orientation === 'vertical' && {
-                                                width: '100%',
-                                                justifyContent: 'flex-start',
-                                            }),
-                                        }),
-                            },
-                        },
-                        ...(Array.isArray(tabProps?.sx) ? tabProps.sx : [tabProps?.sx]),
-                    ] }, index))) }), tabPanels?.map((children, index) => (_jsx(CustomTabPanel, { value: value, index: index, children: children.component }, index)))] }));
-};
-export default CustomTabs;
-function CustomTabPanel(props) {
-    const { children, value, index, ...other } = props;
-    return (_jsx("div", { role: 'tabpanel', hidden: value !== index, id: `tabPanel-${index}`, "aria-labelledby": `tab-${index}`, ...other, children: value === index && children }));
-}

package/dist/components/custom-uploader/CustomUploader.d.ts

@@ -1,23 +0,0 @@
-import React, { FC } from "react";
-import { TypographyProps } from "@mui/material/Typography";
-import { StackProps } from "@mui/material";
-export interface ICustomUploaderProps {
-    link?: string;
-    title?: string;
-    onChange?: (files: FileList, preview: string[]) => void;
-    isLoading?: boolean;
-    progress?: number;
-    onDeleteDocument?: () => void;
-    accept?: string;
-    defaultIcon?: string;
-    typoProps?: TypographyProps;
-    stackProps?: StackProps;
-    imageProps?: React.ImgHTMLAttributes<HTMLImageElement>;
-    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
-    color?: string;
-    width?: number | string;
-    height?: number | string;
-    multiple?: boolean;
-}
-declare const CustomUploader: FC<ICustomUploaderProps>;
-export default CustomUploader;

package/dist/components/custom-uploader/CustomUploader.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-// Mui
-import Box from "@mui/material/Box";
-import Stack from "@mui/material/Stack";
-import Typography from "@mui/material/Typography";
-import { useTheme } from "@mui/material";
-import SvgTrash from "../../icons/Trash";
-import SvgFolderAdd from "../../icons/FolderAdd";
-// components and utils
-import LinearBufferProgress from "../custom-progress/LinearBufferProgress";
-import SvgEye from "../../icons/Eye";
-const CustomUploader = ({ link, title = "", typoProps, color, onChange, isLoading, progress, onDeleteDocument, accept, defaultIcon, stackProps, inputProps, height, width, imageProps, multiple }) => {
-    const theme = useTheme();
-    const [isOpenDeleteModal, setIsOpenDeleteModal] = useState(false);
-    //Handlers
-    const handleClickDeleteIcon = async () => {
-        setIsOpenDeleteModal(true);
-    };
-    const handleDownload = async (link, nameOfDownload) => {
-        const response = await fetch(link);
-        const blobImage = await response.blob();
-        const href = URL.createObjectURL(blobImage);
-        const anchorElement = document.createElement("a");
-        anchorElement.href = href;
-        anchorElement.download = nameOfDownload;
-        document.body.appendChild(anchorElement);
-        anchorElement.click();
-        document.body.removeChild(anchorElement);
-        window.URL.revokeObjectURL(href);
-    };
-    const handleDownloadImage = async () => {
-        // await handleDownload(link!, `${title}`);
-        window.open(link);
-    };
-    const handleDelete = () => {
-        if (onDeleteDocument) {
-            onDeleteDocument();
-        }
-        setIsOpenDeleteModal(false);
-    };
-    const handleChange = (e) => {
-        const files = e.target?.files || [];
-        const objectUrlFiles = [];
-        for (let i = 0; i < files?.length; i++) {
-            objectUrlFiles.push(URL.createObjectURL(files[i]));
-        }
-        if (onChange && files instanceof FileList) {
-            onChange(files, objectUrlFiles);
-        }
-    };
-    return (_jsxs(Stack, { flexGrow: { xs: 1, sm: "unset" }, width: width || 100, height: height || 100, border: "1px dashed", borderRadius: 2, borderColor: color || "primary.main", ...stackProps, children: [!link && !isLoading && (_jsx("input", { multiple: multiple, type: "file", accept: accept || "image/jpeg, image/png, image/jpg", id: link + title, style: { display: "none" }, onChange: handleChange, ...inputProps })), _jsxs(Stack, { component: "label", htmlFor: link + title, width: "100%", height: "100%", sx: {
-                    position: "relative",
-                    "&:hover #icons-box": {
-                        display: link ? "flex" : "none",
-                    },
-                    "&:hover #doc-card": {
-                        filter: link ? "blur(3px)" : "",
-                        cursor: link ? "default" : "",
-                    },
-                }, children: [_jsxs(Box, { zIndex: 10, display: "none", id: "icons-box", position: "absolute", top: "50%", left: "50%", sx: { transform: "translate(-50%, -50%)" }, gap: 2, children: [handleDownloadImage && (_jsx(SvgEye, { primarycolor: color || theme.palette.primary["main"], style: { cursor: "pointer" }, onClick: () => handleDownloadImage() })), onDeleteDocument && (_jsx(SvgTrash, { primarycolor: "red", style: { cursor: "pointer" }, onClick: () => handleClickDeleteIcon() }))] }), _jsx(Stack, { position: "relative", id: "doc-card", height: "100%", sx: {
-                            cursor: "pointer",
-                            "&:hover": {
-                                filter: link ? "blur(2px)" : "",
-                            },
-                        }, children: _jsx(Stack, { justifyContent: "center", alignItems: "center", position: "absolute", top: "50%", left: "50%", sx: { transform: "translate(-50%, -50%)" }, width: "100%", height: "100%", children: isLoading && progress ? (_jsxs(Box, { width: "80%", display: "flex", alignItems: "center", height: "100%", gap: 2, children: [_jsx(LinearBufferProgress, { progress: progress }), _jsxs(Typography, { textAlign: "center", fontWeight: 500, width: 50, children: [progress, " %"] })] })) : (_jsxs(_Fragment, { children: [link ? (_jsx("img", { src: defaultIcon || link, alt: "document", width: "100%", height: "100%", style: { objectFit: "contain" }, ...imageProps })) : (_jsx(SvgFolderAdd, { width: 32, height: 32, primarycolor: color || theme.palette.primary.main })), !link && (_jsx(Typography, { color: color || "primary", fontWeight: "bold", width: "max-content", ...typoProps, children: title }))] })) }) })] })] }));
-};
-export default CustomUploader;

package/dist/components/error boundary/ErrorComponent.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-interface SkeletonProps {
-    skeletonWidth?: string | number;
-    skeletonHeight?: string | number;
-}
-declare const ErrorComponent: FC<SkeletonProps>;
-export default ErrorComponent;

package/dist/components/error boundary/ErrorComponent.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Skeleton from "@mui/material/Skeleton";
-const ErrorComponent = ({ skeletonHeight = "100%", skeletonWidth = "100%" }) => {
-    return (_jsx(Skeleton, { variant: "rectangular", width: skeletonWidth, height: skeletonHeight, sx: { borderRadius: 1 } }));
-};
-export default ErrorComponent;

package/dist/components/error boundary/withErrorBoundary.d.ts

@@ -1,7 +0,0 @@
-import { ComponentType, FC } from "react";
-type WithErrorBoundaryProps = {
-    skeletonWidth?: string | number;
-    skeletonHeight?: string | number;
-};
-declare const withErrorBoundary: <P extends object>(WrappedComponent: ComponentType<P>) => FC<P & WithErrorBoundaryProps>;
-export default withErrorBoundary;

package/dist/components/error boundary/withErrorBoundary.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ErrorBoundary } from "react-error-boundary";
-import ErrorComponent from "./ErrorComponent";
-const withErrorBoundary = (WrappedComponent) => {
-    const ComponentWithErrorBoundary = (props) => {
-        return (_jsx(ErrorBoundary, { fallback: _jsx(ErrorComponent, { skeletonWidth: props?.skeletonWidth || "100%", skeletonHeight: props?.skeletonHeight || "100%" }), children: _jsx(WrappedComponent, { ...props }) }));
-    };
-    return ComponentWithErrorBoundary;
-};
-export default withErrorBoundary;