@fctc/sme-widget-ui 1.0.0

package/dist/widgets.d.mts

@@ -0,0 +1,405 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+import { LoginProps, IInputFieldProps } from './types.mjs';
+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 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;
+}
+declare const TableBody: (props: TableBodyProps) => JSX.Element;
+
+declare const TableFilter: ({ columns, onToggleColumnOptional }: any) => JSX.Element;
+
+declare const TableFooter: ({ onAddRow, rows }: any) => JSX.Element;
+
+declare const TableGroup: (props: any) => JSX.Element;
+
+interface TableHeadProps {
+    handleCheckBoxAll: any;
+    columns: any;
+    isDisplayCheckbox: any;
+    checkedAll: any;
+    onToggleColumnOptional: any;
+    onRemoveRow?: any;
+}
+declare const TableHead: (props: TableHeadProps) => JSX.Element;
+
+declare const Row: (props: any) => JSX.Element;
+
+declare const Login: React__default.FC<LoginProps>;
+
+declare const Search: ({ removeSearchItems, selectedTags, filterBy, setFilterBy, searchString, onSearchString, handleAddTagSearch, searchBy, groupBy, showFiltersGroups, setGroupBy, fields, setSelectedRowKeys, setDomain, setPage, fieldsList, viewData, actionContext, aid, selectedRowKeys, domain, evalJSONContext }: any) => JSX.Element;
+
+interface IActiveBadgeProps extends IInputFieldProps {
+    type: any;
+}
+
+declare const ActiveBadge: (props: IActiveBadgeProps) => JSX.Element;
+
+interface IAvatarProps {
+    fullName?: string;
+    id?: string | number;
+    size?: number;
+    textColor?: string;
+    isForm?: boolean;
+    relation?: string;
+    aid?: string;
+    allowShowDetail?: boolean;
+    avatarSrc?: string;
+    stringToColor?: any;
+}
+
+declare const Avatar: (props: IAvatarProps) => JSX.Element;
+
+interface IBinaryFieldProps extends IInputFieldProps {
+    inputId: any;
+    selectedImage: any;
+    initialImage: any;
+    isInsideTable: any;
+    binaryRef: any;
+    handleImageChange: any;
+    handleRemoveImage: any;
+    checkIsImageLink: any;
+    getImageBase64WithMimeType: any;
+}
+
+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;
+    domainHelper?: any;
+}
+
+declare const ButtonBadge: (props: IButtonBadgeProps) => JSX.Element | null;
+
+interface IButtonProps {
+    func?: () => void;
+    className?: string;
+    loading?: boolean;
+    content: string;
+    disable?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+}
+
+declare const ButtonField: (props: IButtonProps) => JSX.Element;
+
+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 CheckboxGroup: React__default.FC<IInputFieldProps>;
+
+interface IColorWrapperProps {
+    savePickColor: any;
+    defaultColor: any;
+    colors: any;
+}
+interface IColorFieldProps extends IInputFieldProps {
+    savePickColor: any;
+}
+
+declare const ColorWidget: (props: IColorFieldProps) => JSX.Element;
+
+declare const ColorWrapper: (props: IColorWrapperProps) => JSX.Element;
+
+interface ICopyLinkButtonProps extends IInputFieldProps {
+    isCopied: any;
+    handleCopyToClipboard: any;
+    propValue: any;
+}
+
+declare const CopyLinkButtonField: (props: ICopyLinkButtonProps) => JSX.Element;
+
+interface IDateFieldProps extends IInputFieldProps {
+    formatDate: any;
+    formatDateParse: any;
+    years: any[];
+    months_vi: any[];
+    months_en: any[];
+    customValidateMinMax: any;
+    minNowValue: boolean;
+    maxNowValue: boolean;
+    showTime: boolean;
+    textPlaceHolder: string;
+    context?: any;
+}
+
+declare const DateField: (props: IDateFieldProps) => JSX.Element;
+
+interface IDownLoadBinary {
+    handleFileDownload: any;
+}
+
+declare const DownLoadBinary: (props: IDownLoadBinary) => JSX.Element;
+
+interface IDownloadFileProps extends IInputFieldProps {
+    inputId: any;
+    file: any;
+    handleFileChange: any;
+    handleFileDownload: any;
+}
+
+declare const DownloadFile: (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 DropdownSelector: <T>(props: TDropdownSelectorProps<T>) => JSX.Element;
+
+declare const Fee: (props: IInputFieldProps) => JSX.Element;
+
+interface IFileUploadProps extends IInputFieldProps {
+    useUploadImage?: any;
+    useUploadFile?: any;
+    useGetImage?: any;
+    isBase64File?: any;
+}
+
+declare const FileUpload: (props: IFileUploadProps) => JSX.Element;
+
+interface IFloatFieldProps extends IInputFieldProps {
+    handleInputMouseLeave: any;
+    handleInputChange: any;
+    inputRef: any;
+    inputValue: any;
+}
+
+declare const FloatField: (props: IFloatFieldProps) => JSX.Element;
+
+interface IFloatTimeFieldProps extends IInputFieldProps {
+    handleInputChange: any;
+    handleBlur: any;
+    handleKeyDown: any;
+    input: any;
+    errors: any;
+}
+
+declare const FloatTime: React__default.FC<IFloatTimeFieldProps>;
+
+declare const HtmlField: (props: IInputFieldProps) => JSX.Element;
+
+declare const ImageField: (props: IInputFieldProps) => JSX.Element | null;
+
+interface IMany2ManyTagsProps extends IInputFieldProps {
+    selectProps: any;
+    data: any;
+    options: any[];
+    customNoOptionsMessage: any;
+    tranfer: any;
+    isUser: any;
+    menuList?: any;
+}
+
+declare const Many2ManyTag: (props: IMany2ManyTagsProps) => JSX.Element;
+
+interface IMonetaryProps extends IInputFieldProps {
+    placeholder?: string;
+}
+
+declare const Monetary: (props: IMonetaryProps) => JSX.Element;
+
+declare const PaidBadged: () => JSX.Element;
+
+interface IPriorityFieldProps extends IInputFieldProps {
+    label: any;
+    selection: any;
+    defaultPriority: any;
+    savePriorities: any;
+    id: number | string;
+}
+interface IRatingStarProps extends IInputFieldProps {
+    label: string;
+    priorities: [number | string, string][];
+    onSelectPriority: (priority: {
+        value: number;
+        resetPriority?: () => void;
+    }) => void;
+    id: string | number | undefined;
+}
+
+declare const Priority: (props: IPriorityFieldProps) => JSX.Element;
+
+declare const RatingStar: (props: IRatingStarProps) => JSX.Element;
+
+interface IRadioGroupProps extends IInputFieldProps {
+    placeholder?: string;
+    selection?: [string | number, string][] | any;
+    setValue?: any;
+}
+
+declare const RadioGroup: (props: IRadioGroupProps) => JSX.Element | null;
+
+declare const RemainingDays: (props: IInputFieldProps) => JSX.Element | null;
+
+interface ISelectDropdownProps extends IInputFieldProps {
+    selection?: [string | number, string][] | any;
+}
+
+declare const SelectDropdown: (props: ISelectDropdownProps) => JSX.Element;
+
+declare const TextAreaField: (props: IInputFieldProps) => JSX.Element;
+
+declare const ToggleButton: (props: IInputFieldProps) => JSX.Element;
+
+interface IDurationProps extends IInputFieldProps {
+    disable: any;
+    dataResponse: any;
+    handleClick: any;
+    disabled: any;
+    modelStatus: any;
+    setModalStatus: any;
+}
+
+declare const StatusbarDuration: (props: IDurationProps) => JSX.Element;
+
+interface InformationProps extends IInputFieldProps {
+    value?: string | number | any | null | Record<any, any> | any;
+    isForm?: boolean;
+    showName?: boolean;
+}
+declare const InfoWidget: React__default.FC<InformationProps>;
+
+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 StatusDropdown: (props: IStatusDropdownFieldProps) => JSX.Element;
+
+interface Many2ManyProps {
+    title?: string;
+    onClose?: any;
+    page?: any;
+    dataResponse?: any;
+    isDataLoading?: any;
+    isDataResponseFetched?: any;
+    isPlaceholderData?: any;
+    isCheckBox?: boolean;
+    optionsObject?: any;
+    onChoose?: any;
+    onAddNew?: any;
+    selectedRowKeys?: any;
+    handleCreateNewOnPage?: any;
+}
+
+declare const Many2ManyView: (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;
+}
+
+declare const Many2OneField: (props: Many2OneProps) => 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: ({ idToolTip, title, model, idForm, aid, place, 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;
+
+declare const LoadingSmall: () => JSX.Element;
+
+declare const RenderFiles: ({ selectedFiles, setSelectedFiles, useGetImage }: any) => JSX.Element;
+
+declare const ButtonSelectFiles: ({ fileInputRef, selectedFiles, setSelectedFiles, setUploadError, model, id, widget, useUploadImage, useUploadFile }: any) => JSX.Element;
+
+interface VideoPlayerProps {
+    src: string;
+}
+declare const VideoPlayer: ({ src }: VideoPlayerProps) => JSX.Element;
+
+export { ActiveBadge, Avatar, BinaryField, ButtonBadge, ButtonField, ButtonSelectFiles, CharField, CheckboxGroup, ColorWidget, ColorWrapper, CopyLinkButtonField, DateField, DownLoadBinary, DownloadFile, DropdownSelector, Fee, FileUpload, FloatField, FloatTime, HtmlField, type IActiveBadgeProps, type IAvatarProps, type IBinaryFieldProps, type IButtonBadgeProps, type IButtonProps, type ICharFieldProps, type IColorFieldProps, type IColorWrapperProps, type ICopyLinkButtonProps, type IDateFieldProps, type IDurationProps, type IFloatFieldProps, type IFloatTimeFieldProps, type IMany2ManyTagsProps, type IMonetaryProps, type IPaginationProps, type IPriorityFieldProps, type IRadioGroupProps, type IRatingStarProps, type ISelectDropdownProps, ImageField, InfoWidget, IntegerField, LayerLoading, LoadingSmall, Login, type Many2ManyProps, Many2ManyTag, Many2ManyView, Many2OneField, type Many2OneProps, ModalConfirm, ModalDetail, ModalLayer, Monetary, PaginationView, PaidBadged, Priority, RadioGroup, RatingStar, RemainingDays, RenderFiles, Row, Search, SelectDropdown, StatusDropdown, StatusbarDuration, type TDropdownSelectorProps, TableBody, TableFilter, TableFooter, TableGroup, TableHead, TextAreaField, ToggleButton, VideoPlayer, usePagination };