@fctc/sme-widget-ui 4.1.10-beta.5 → 4.1.10-beta.6

package/dist/widgets.d.ts

@@ -0,0 +1,496 @@
+import * as React$1 from 'react';
+import React__default, { Dispatch, SetStateAction } from 'react';
+import { LoginProps, IInputFieldProps } from './types.js';
+import 'zod';
+
+interface IPaginationProps {
+    totalCount: number;
+    pageSize: number;
+    siblingCount?: number;
+    currentPage: number;
+}
+
+declare const usePagination: ({ totalCount, pageSize, siblingCount, currentPage, }: IPaginationProps) => (number | string)[];
+
+declare const PaginationView: (props: any) => JSX.Element | null;
+
+interface ColEmptyGroup {
+    fromStart: number;
+    fromEnd: number;
+}
+interface TableGroupControllerReturn {
+    onExpandChildGroup: () => void;
+    colEmptyGroup: ColEmptyGroup;
+    isShowGroup: boolean;
+    isDataGroupFetched: boolean;
+    isDataPlaceHolder: any;
+    nameGroupWithCount: string;
+    columnsGroup: any[];
+    rowsGroup: any[];
+    model: string;
+    level: number;
+    specification: string;
+    context: Record<string, any>;
+    checkedAll: boolean;
+    isDisplayCheckbox: boolean;
+    selectedRowKeysRef: React.MutableRefObject<number[]>;
+    dataGroup: any;
+    pageGroup: number;
+    setPageGroup: Dispatch<SetStateAction<number>>;
+    typeTableGroup?: string;
+}
+interface TableGroupControllerProps {
+    columns: any;
+    row: any;
+    model: string;
+    viewData: any;
+    level: number;
+    specification: any;
+    context: Record<string, any>;
+    checkedAll: boolean;
+    groupByList?: any;
+    setSelectedRowKeys?: (selectedRowKeys: any) => void;
+}
+interface TableBodyProps {
+    rows?: any;
+    columns?: any;
+    isDisplayCheckbox?: any;
+    viewData?: any;
+    model?: any;
+    specification?: any;
+    context?: any;
+    onClickRow?: any;
+    typeTable?: any;
+    renderField?: any;
+    rootField?: any;
+    handleCheckBoxSingle?: any;
+    level?: any;
+    checkedAll?: any;
+    selectedRowKeysRef?: any;
+    isAutoSelect?: any;
+    setIsAutoSelect?: any;
+    onAddRow?: any;
+    onRemoveRow?: any;
+    checked?: any;
+    isForm?: any;
+    typeCo?: any;
+    setSelectedRowKeys?: any;
+    selectedRowKeys?: any;
+    tableGroupController?: any;
+    groupByList?: any;
+    isEditTable?: boolean;
+    isDisplayOptionalColumns?: boolean;
+}
+declare const TableBody: (props: TableBodyProps) => JSX.Element;
+
+declare const TableFilter: ({ columns, onToggleColumnOptional }: any) => JSX.Element;
+
+interface TableFooterProps {
+    rows?: any;
+    onAddRow?: any;
+}
+declare const TableFooter: ({ onAddRow, rows }: TableFooterProps) => JSX.Element;
+
+interface TableGroupProps {
+    indexRow: number;
+    rows: any[];
+    columns: any[];
+    row: Record<string, any>;
+    model: string;
+    viewData: any;
+    level: number;
+    specification: string;
+    context: Record<string, any>;
+    checkedAll: boolean;
+    isDisplayCheckbox: boolean;
+    selectedRowKeysRef: React.MutableRefObject<number[]>;
+    renderField?: ({ row, col, indexRow, onChangeData, rootField, }: {
+        row: any;
+        col: any;
+        indexRow: any;
+        onChangeData: any;
+        rootField?: any;
+    }) => React.ReactNode;
+    isAutoSelect?: boolean;
+    setIsAutoSelect?: any;
+    tableGroupController: (props: TableGroupControllerProps) => TableGroupControllerReturn;
+    groupByList?: any;
+    selectedRowKeys?: any;
+    setSelectedRowKeys?: (selectedRowKeys: any) => void;
+    onClickRow?: any;
+    isDisplayOptionalColumns?: boolean;
+}
+declare const TableGroup: (props: TableGroupProps) => JSX.Element;
+
+interface TableHeadProps {
+    handleCheckBoxAll?: any;
+    columns?: any;
+    isDisplayCheckbox?: any;
+    checkedAll?: any;
+    onToggleColumnOptional?: any;
+    isDisplayOptionalColumns?: boolean;
+    onRemoveRow?: any;
+    table?: any;
+}
+declare const TableHead: (props: TableHeadProps) => JSX.Element;
+
+declare const Row: (props: any) => JSX.Element;
+
+declare const EmptyTable: () => JSX.Element;
+
+declare const Login: React__default.FC<LoginProps>;
+
+declare const Search: ({ removeSearchItems, selectedTags, filterBy, setFilterBy, searchString, onSearchString, handleAddTagSearch, searchBy, groupBy, showFiltersGroups, setGroupBy, setSelectedRowKeys, setDomainList, setPage, fieldsList, viewData, context, aid, selectedRowKeys, domainSearch, evalJSONContext, clearSearch, onKeyDown, handleMouseEnter, handleMouseLeave, hoveredIndexSearchList, }: any) => JSX.Element;
+
+interface IActiveBadgeProps extends IInputFieldProps {
+    type: any;
+}
+
+declare const ActiveBadgeField: (props: IActiveBadgeProps) => JSX.Element;
+
+interface IAvatarProps extends IInputFieldProps {
+    fullName?: string;
+    id?: string | number;
+    size?: number;
+    textColor?: string;
+    aid?: string;
+    allowShowDetail?: boolean;
+    avatarSrc?: string;
+    stringToColor?: any;
+}
+
+declare const AvatarField: (props: IAvatarProps) => JSX.Element;
+
+interface IBinaryFieldProps extends IInputFieldProps {
+    placeHolderImage?: any;
+    onUploadFile: (formData: FormData) => string;
+    onDownload?: (url: string, filename?: string) => void;
+    onDeleteFile?: () => void;
+    url?: string;
+    fileInfor?: {
+        type?: string;
+        date?: string;
+        size?: string;
+    };
+}
+
+declare const BinaryField: (props: IBinaryFieldProps) => JSX.Element;
+
+interface IButtonBadgeProps extends IInputFieldProps {
+    selection?: [string | number, string][] | any;
+    'decoration-success'?: any;
+    'decoration-info'?: any;
+    'decoration-danger'?: any;
+    'decoration-warning'?: any;
+    'decoration-purpled'?: any;
+    'decoration-oranged'?: any;
+    'decoration-info-light'?: any;
+    'decoration-browned'?: any;
+    domainHelper?: any;
+    class?: string;
+}
+
+declare const ButtonBadgeField: (props: IButtonBadgeProps) => JSX.Element | null;
+
+interface ICharFieldProps extends IInputFieldProps {
+    trim?: boolean;
+    max?: string;
+    min?: string;
+    digit?: string;
+    special?: string;
+    upcase?: string;
+    regex?: any;
+}
+
+declare const CharField: React__default.FC<ICharFieldProps>;
+
+declare const SecureField: React__default.FC<ICharFieldProps>;
+
+declare const CheckboxField: React__default.FC<IInputFieldProps>;
+
+interface IColorWrapperProps {
+    savePickColor: any;
+    defaultColor: any;
+    colors: any;
+}
+interface IColorFieldProps extends IInputFieldProps {
+    savePickColor: any;
+}
+
+declare const ColorField: (props: IColorFieldProps) => JSX.Element;
+
+declare const ColorWrapper: (props: IColorWrapperProps) => JSX.Element;
+
+interface ICopyLinkButtonProps extends IInputFieldProps {
+    isCopied: any;
+    handleCopyToClipboard: any;
+    propValue: any;
+    maskingValue: any;
+}
+
+declare const CopyLinkButtonField: (props: ICopyLinkButtonProps) => JSX.Element;
+
+interface IDateFieldProps extends IInputFieldProps {
+    showTime: boolean;
+    context?: any;
+    min?: any;
+    formValues?: any;
+    max?: any;
+    viewData?: any;
+}
+
+declare const DateField: (props: IDateFieldProps) => JSX.Element;
+
+interface IDownLoadBinary {
+    handleFileDownload: any;
+}
+
+declare const DownLoadBinaryField: (props: IDownLoadBinary) => JSX.Element;
+
+interface IDownloadFileProps extends IInputFieldProps {
+    inputId: any;
+    file: any;
+    handleFileChange: any;
+    handleFileDownload: any;
+}
+
+declare const DownloadFileField: (props: IDownloadFileProps) => JSX.Element;
+
+interface TDropdownSelectorProps<T> {
+    options: T[];
+    selectedValue: {
+        label: string;
+        icon?: any;
+    };
+    onSelect: (value: T) => void;
+    renderItem: (item: T) => JSX.Element | string;
+    className?: string;
+    buttonClassName?: string;
+    dropdownClassName?: string;
+    useClickOutside?: any;
+}
+
+declare const DropdownField: <T>(props: TDropdownSelectorProps<T>) => JSX.Element;
+
+declare const FeeField: (props: IInputFieldProps) => JSX.Element;
+
+declare const FloatField: (props: IInputFieldProps) => JSX.Element;
+
+declare const FloatTimeField: React__default.FC<IInputFieldProps>;
+
+declare const HtmlField: (props: IInputFieldProps) => JSX.Element;
+
+interface ImageFieldProps extends IInputFieldProps {
+    baseURL?: string;
+}
+
+declare const ImageField: (props: ImageFieldProps) => JSX.Element | null;
+
+interface IMany2ManyTagsProps extends IInputFieldProps {
+    options: any[];
+    customNoOptionsMessage: any;
+    transfer: any;
+    isUser: any;
+    stringToColor?: any;
+    fetchMoreOptions?: any;
+    handleSelectChange?: any;
+    isFetching?: any;
+    domainObject?: any;
+    setIsShowModalMany2Many?: any;
+    setInputValue?: any;
+    setDomainObject?: any;
+}
+
+declare const Many2ManyTagField: (props: IMany2ManyTagsProps) => JSX.Element;
+
+interface IMonetaryProps extends IInputFieldProps {
+    placeholder?: string;
+    symbol?: string;
+}
+
+declare const MonetaryField: (props: IMonetaryProps) => JSX.Element;
+
+declare const PaidBadgedField: () => JSX.Element;
+
+interface IPriorityFieldProps extends IInputFieldProps {
+    savePriorities?: any;
+    id?: number | string;
+    viewData?: any;
+    selection?: any;
+}
+interface IRatingStarProps extends IInputFieldProps {
+    label: string;
+    priorities: [number | string, string][];
+    onSelectPriority: (priority: {
+        value: number;
+        resetPriority?: () => void;
+    }) => void;
+    id: string | number | undefined;
+}
+
+declare const PriorityField: (props: IPriorityFieldProps) => JSX.Element;
+
+declare const RatingStarField: (props: IRatingStarProps) => JSX.Element;
+
+interface IRadioGroupProps extends IInputFieldProps {
+    placeholder?: string;
+    selection?: [string | number, string][] | any;
+    setValue?: any;
+}
+
+declare const RadioGroupField: (props: IRadioGroupProps) => JSX.Element | null;
+
+declare const RemainingDaysField: (props: IInputFieldProps) => JSX.Element | null;
+
+interface ISelectDropdownProps extends IInputFieldProps {
+    selection?: [string | number, string][] | any;
+}
+
+declare const SelectDropdownField: (props: ISelectDropdownProps) => JSX.Element;
+
+declare const TextAreaField: (props: IInputFieldProps) => JSX.Element;
+
+declare const ToggleButtonField: (props: IInputFieldProps) => JSX.Element;
+
+declare const IntegerField: (props: IInputFieldProps) => JSX.Element;
+
+interface IStatusDropdownFieldProps extends IInputFieldProps {
+    selection?: [string | number, string][] | any;
+    state?: string | undefined;
+    buttonRef: any;
+    isOpen: any;
+    setIsOpen: any;
+    handleClick: any;
+    colors: any;
+}
+
+declare const StatusDropdownField: (props: IStatusDropdownFieldProps) => JSX.Element;
+
+interface Many2ManyProps extends IInputFieldProps {
+    aid?: number | null;
+    title?: string;
+    onClose?: any;
+    onChoose?: any;
+    onAddNew?: any;
+    isDisplayCheckbox?: boolean;
+    onAddRow?: Function;
+    evalJSONContext?: any;
+    many2manyController?: any;
+    renderTable?: any;
+    model?: any;
+}
+
+declare const Many2ManyField: (props: Many2ManyProps) => React$1.ReactPortal;
+
+interface Many2OneProps extends IInputFieldProps {
+    menuList?: any;
+    handleChooseRecord?: any;
+    handleClose?: any;
+    selectedRowKeys?: any;
+    allowShowDetail?: any;
+    index?: any;
+    contextObject?: any;
+    renderDetail?: any;
+    isShowModalMany2Many?: boolean;
+    initValue?: any;
+    tempSelectedOption?: any;
+    options?: any;
+    fetchMoreOptions?: any;
+    handleSelectChange?: any;
+    isFetching?: any;
+    domainObject?: any;
+    setIsShowModalMany2Many?: any;
+    setInputValue?: any;
+    setDomainObject?: any;
+    listOptions?: any;
+}
+
+declare const Many2OneField: (props: Many2OneProps) => JSX.Element;
+
+interface IDurationProps extends IInputFieldProps {
+    dataResponse: any;
+    handleClick: any;
+    disabled: any;
+    modelStatus: any;
+    setModalStatus: any;
+}
+
+declare const StatusbarDurationField: (props: IDurationProps) => JSX.Element;
+
+interface IOptionProps extends IInputFieldProps {
+    selection?: [string | number, string][] | any;
+}
+
+declare const StatusBarOptionField: (props: IOptionProps) => JSX.Element;
+
+declare const DateOptionField: (props: IInputFieldProps) => JSX.Element;
+
+declare const Many2manyBinaryField: React$1.MemoExoticComponent<(props: any) => JSX.Element>;
+
+type Item = {
+    name: string;
+    type: string;
+    size: number;
+    url: string;
+    source: 'upload' | 'link' | 'value';
+};
+
+interface UrlDownloadType extends IInputFieldProps {
+    action?: any;
+}
+
+declare const UrlDownload: ({ value, action }: UrlDownloadType) => JSX.Element;
+
+interface IStatusSingleFieldProps extends IInputFieldProps {
+    selection?: [string | number, string][] | any;
+}
+
+declare const StatusSingle: ({ selection, defaultValue, }: IStatusSingleFieldProps) => JSX.Element;
+
+interface MiniQrType extends IInputFieldProps {
+    maskingValue?: any;
+    string?: any;
+    class?: any;
+    handleCopyToClipboard?: any;
+    isCopied?: any;
+}
+
+declare const MiniQRLink: (props: MiniQrType) => JSX.Element;
+
+interface CountdownProps {
+    value: string;
+    string?: string;
+    mode?: "default" | "seconds";
+    overdue_string?: string;
+}
+
+declare const Countdown: React__default.FC<CountdownProps>;
+
+interface IProviderEinvoicesProps extends IInputFieldProps {
+    listDataCard?: any;
+}
+
+declare const ProviderEinvoice: (props: IProviderEinvoicesProps) => JSX.Element;
+
+declare const ModalConfirm: ({ name, isShowModal, onClick, onClose, title, content, isLoading, }: {
+    name: "delete" | "duplicate" | "archive" | "unarchive";
+    isShowModal: boolean;
+    isLoading?: boolean;
+    onClick: () => void;
+    onClose: () => void;
+    title?: string;
+    content?: React.ReactNode;
+}) => JSX.Element;
+
+declare const ModalDetail: ({ title, model, idForm, aid, renderDetail, context, }: any) => React$1.ReactPortal;
+
+declare const ModalLayer: ({ isOpen, onClose, title, children, }: {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React__default.ReactNode;
+}) => JSX.Element;
+
+declare const LayerLoading: () => JSX.Element;
+
+export { ActiveBadgeField, AvatarField, BinaryField, ButtonBadgeField, CharField, CheckboxField, ColorField, ColorWrapper, CopyLinkButtonField, Countdown, type CountdownProps, DateField, DateOptionField, DownLoadBinaryField, DownloadFileField, DropdownField, EmptyTable, FeeField, FloatField, FloatTimeField, HtmlField, type IActiveBadgeProps, type IAvatarProps, type IBinaryFieldProps, type IButtonBadgeProps, type ICharFieldProps, type IColorFieldProps, type IColorWrapperProps, type ICopyLinkButtonProps, type IDateFieldProps, type IDownLoadBinary, type IDownloadFileProps, type IDurationProps, type IMany2ManyTagsProps, type IMonetaryProps, type IOptionProps, type IPaginationProps, type IPriorityFieldProps, type IProviderEinvoicesProps, type IRadioGroupProps, type IRatingStarProps, type ISelectDropdownProps, type IStatusDropdownFieldProps, type IStatusSingleFieldProps, ImageField, IntegerField, type Item, LayerLoading, Login, Many2ManyField, type Many2ManyProps, Many2ManyTagField, Many2OneField, type Many2OneProps, Many2manyBinaryField, MiniQRLink, type MiniQrType, ModalConfirm, ModalDetail, ModalLayer, MonetaryField, PaginationView, PaidBadgedField, PriorityField, ProviderEinvoice, RadioGroupField, RatingStarField, RemainingDaysField, Row, Search, SecureField, SelectDropdownField, StatusBarOptionField, StatusDropdownField, StatusSingle, StatusbarDurationField, type TDropdownSelectorProps, TableBody, TableFilter, TableFooter, TableGroup, TableHead, TextAreaField, ToggleButtonField, UrlDownload, type UrlDownloadType, usePagination };