@fctc/sme-widget-ui 1.0.0 → 1.0.2

package/dist/utils.d.mts

@@ -1,4 +1,3 @@
-declare const useFormatFloatNumber: (value: number | string) => string;
 declare const useFormatDate: () => {
     getRelativeTime: (dateString: string) => string;
 };
@@ -13,6 +12,8 @@ declare const convertFloatToTime: (floatValue: number) => string;
 declare const isBase64Image: (str: any) => boolean;
 declare const checkIsImageLink: (url: any) => boolean;
 declare const formatFileSize: (size: any) => string;
+declare const convertTimeToFloat: (timeString: string) => number;
+declare const formatFloatNumber: (value: number | string) => string;
 
 declare const COLORS: {
     name: string;
@@ -36,4 +37,4 @@ declare const SearchType: {
     GROUP: string;
 };
 
-export { COLORS, DOTS, SearchType, checkIsImageLink, convertFloatToTime, formatFileSize, formatNumberOnly, getPasswordMessage, isBase64Image, isObjectEmpty, parseFormattedNumber, range, typeStyles, useFormatDate, useFormatFloatNumber, validateAndParseDate, validateInput };
+export { COLORS, DOTS, SearchType, checkIsImageLink, convertFloatToTime, convertTimeToFloat, formatFileSize, formatFloatNumber, formatNumberOnly, getPasswordMessage, isBase64Image, isObjectEmpty, parseFormattedNumber, range, typeStyles, useFormatDate, validateAndParseDate, validateInput };

package/dist/utils.d.ts

@@ -1,4 +1,3 @@
-declare const useFormatFloatNumber: (value: number | string) => string;
 declare const useFormatDate: () => {
     getRelativeTime: (dateString: string) => string;
 };
@@ -13,6 +12,8 @@ declare const convertFloatToTime: (floatValue: number) => string;
 declare const isBase64Image: (str: any) => boolean;
 declare const checkIsImageLink: (url: any) => boolean;
 declare const formatFileSize: (size: any) => string;
+declare const convertTimeToFloat: (timeString: string) => number;
+declare const formatFloatNumber: (value: number | string) => string;
 
 declare const COLORS: {
     name: string;
@@ -36,4 +37,4 @@ declare const SearchType: {
     GROUP: string;
 };
 
-export { COLORS, DOTS, SearchType, checkIsImageLink, convertFloatToTime, formatFileSize, formatNumberOnly, getPasswordMessage, isBase64Image, isObjectEmpty, parseFormattedNumber, range, typeStyles, useFormatDate, useFormatFloatNumber, validateAndParseDate, validateInput };
+export { COLORS, DOTS, SearchType, checkIsImageLink, convertFloatToTime, convertTimeToFloat, formatFileSize, formatFloatNumber, formatNumberOnly, getPasswordMessage, isBase64Image, isObjectEmpty, parseFormattedNumber, range, typeStyles, useFormatDate, validateAndParseDate, validateInput };

package/dist/utils.js

@@ -4062,7 +4062,9 @@ __export(utils_exports, {
   SearchType: () => SearchType,
   checkIsImageLink: () => checkIsImageLink,
   convertFloatToTime: () => convertFloatToTime,
+  convertTimeToFloat: () => convertTimeToFloat,
   formatFileSize: () => formatFileSize,
+  formatFloatNumber: () => formatFloatNumber,
   formatNumberOnly: () => formatNumberOnly,
   getPasswordMessage: () => getPasswordMessage,
   isBase64Image: () => isBase64Image,
@@ -4071,7 +4073,6 @@ __export(utils_exports, {
   range: () => range,
   typeStyles: () => typeStyles,
   useFormatDate: () => useFormatDate,
-  useFormatFloatNumber: () => useFormatFloatNumber,
   validateAndParseDate: () => validateAndParseDate,
   validateInput: () => validateInput
 });
@@ -4333,15 +4334,6 @@ var import_react8 = require("react");
 var import_react7 = require("react");
 
 // src/utils/function.ts
-var useFormatFloatNumber = (value) => {
-  if (value === void 0 || value === null || value === "") return "";
-  const numValue = typeof value === "string" ? parseFloat(value.replace(/,/g, "")) : value;
-  if (isNaN(numValue)) return "";
-  return numValue.toLocaleString("en-US", {
-    minimumFractionDigits: numValue % 1 === 0 ? 0 : 1,
-    maximumFractionDigits: 20
-  });
-};
 var useFormatDate = () => {
   const { t } = useTranslation();
   const getRelativeTime = (dateString) => {
@@ -4768,6 +4760,19 @@ var formatFileSize = (size) => {
   const sizes = ["B", "KB", "MB", "GB", "TB"];
   return `${(size / Math.pow(1024, i)).toFixed(2)} ${sizes[i]}`;
 };
+var convertTimeToFloat = (timeString) => {
+  const [hours, minutes] = timeString.split(":").map(Number);
+  return hours + minutes / 60;
+};
+var formatFloatNumber = (value) => {
+  if (value === void 0 || value === null || value === "") return "";
+  const numValue = typeof value === "string" ? parseFloat(value.replace(/,/g, "")) : value;
+  if (isNaN(numValue)) return "";
+  return numValue.toLocaleString("en-US", {
+    minimumFractionDigits: numValue % 1 === 0 ? 0 : 1,
+    maximumFractionDigits: 20
+  });
+};
 
 // src/utils/constants.ts
 var COLORS = [
@@ -4855,7 +4860,9 @@ var SearchType = {
   SearchType,
   checkIsImageLink,
   convertFloatToTime,
+  convertTimeToFloat,
   formatFileSize,
+  formatFloatNumber,
   formatNumberOnly,
   getPasswordMessage,
   isBase64Image,
@@ -4864,7 +4871,6 @@ var SearchType = {
   range,
   typeStyles,
   useFormatDate,
-  useFormatFloatNumber,
   validateAndParseDate,
   validateInput
 });

package/dist/utils.mjs

@@ -4310,15 +4310,6 @@ import { createElement as createElement4 } from "react";
 import { useContext as useContext3 } from "react";
 
 // src/utils/function.ts
-var useFormatFloatNumber = (value) => {
-  if (value === void 0 || value === null || value === "") return "";
-  const numValue = typeof value === "string" ? parseFloat(value.replace(/,/g, "")) : value;
-  if (isNaN(numValue)) return "";
-  return numValue.toLocaleString("en-US", {
-    minimumFractionDigits: numValue % 1 === 0 ? 0 : 1,
-    maximumFractionDigits: 20
-  });
-};
 var useFormatDate = () => {
   const { t } = useTranslation();
   const getRelativeTime = (dateString) => {
@@ -4745,6 +4736,19 @@ var formatFileSize = (size) => {
   const sizes = ["B", "KB", "MB", "GB", "TB"];
   return `${(size / Math.pow(1024, i)).toFixed(2)} ${sizes[i]}`;
 };
+var convertTimeToFloat = (timeString) => {
+  const [hours, minutes] = timeString.split(":").map(Number);
+  return hours + minutes / 60;
+};
+var formatFloatNumber = (value) => {
+  if (value === void 0 || value === null || value === "") return "";
+  const numValue = typeof value === "string" ? parseFloat(value.replace(/,/g, "")) : value;
+  if (isNaN(numValue)) return "";
+  return numValue.toLocaleString("en-US", {
+    minimumFractionDigits: numValue % 1 === 0 ? 0 : 1,
+    maximumFractionDigits: 20
+  });
+};
 
 // src/utils/constants.ts
 var COLORS = [
@@ -4831,7 +4835,9 @@ export {
   SearchType,
   checkIsImageLink,
   convertFloatToTime,
+  convertTimeToFloat,
   formatFileSize,
+  formatFloatNumber,
   formatNumberOnly,
   getPasswordMessage,
   isBase64Image,
@@ -4840,7 +4846,6 @@ export {
   range,
   typeStyles,
   useFormatDate,
-  useFormatFloatNumber,
   validateAndParseDate,
   validateInput
 };

package/dist/widgets.d.mts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default from 'react';
+import React__default, { Dispatch, SetStateAction } from 'react';
 import { LoginProps, IInputFieldProps } from './types.mjs';
 import 'zod';
 
@@ -37,21 +37,27 @@ interface TableBodyProps {
     checked?: any;
     isForm?: any;
     typeCo?: any;
+    setSelectedRowKeys?: any;
+    selectedRowKeys?: any;
 }
 declare const TableBody: (props: TableBodyProps) => JSX.Element;
 
 declare const TableFilter: ({ columns, onToggleColumnOptional }: any) => JSX.Element;
 
-declare const TableFooter: ({ onAddRow, rows }: any) => JSX.Element;
+interface TableFooterProps {
+    rows?: any;
+    onAddRow?: any;
+}
+declare const TableFooter: ({ onAddRow, rows }: TableFooterProps) => JSX.Element;
 
 declare const TableGroup: (props: any) => JSX.Element;
 
 interface TableHeadProps {
-    handleCheckBoxAll: any;
-    columns: any;
-    isDisplayCheckbox: any;
-    checkedAll: any;
-    onToggleColumnOptional: any;
+    handleCheckBoxAll?: any;
+    columns?: any;
+    isDisplayCheckbox?: any;
+    checkedAll?: any;
+    onToggleColumnOptional?: any;
     onRemoveRow?: any;
 }
 declare const TableHead: (props: TableHeadProps) => JSX.Element;
@@ -60,28 +66,26 @@ 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;
+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, }: any) => JSX.Element;
 
 interface IActiveBadgeProps extends IInputFieldProps {
     type: any;
 }
 
-declare const ActiveBadge: (props: IActiveBadgeProps) => JSX.Element;
+declare const ActiveBadgeField: (props: IActiveBadgeProps) => JSX.Element;
 
-interface IAvatarProps {
+interface IAvatarProps extends IInputFieldProps {
     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;
+declare const AvatarField: (props: IAvatarProps) => JSX.Element;
 
 interface IBinaryFieldProps extends IInputFieldProps {
     inputId: any;
@@ -106,7 +110,7 @@ interface IButtonBadgeProps extends IInputFieldProps {
     domainHelper?: any;
 }
 
-declare const ButtonBadge: (props: IButtonBadgeProps) => JSX.Element | null;
+declare const ButtonBadgeField: (props: IButtonBadgeProps) => JSX.Element | null;
 
 interface IButtonProps {
     func?: () => void;
@@ -131,7 +135,7 @@ interface ICharFieldProps extends IInputFieldProps {
 
 declare const CharField: React__default.FC<ICharFieldProps>;
 
-declare const CheckboxGroup: React__default.FC<IInputFieldProps>;
+declare const CheckboxField: React__default.FC<IInputFieldProps>;
 
 interface IColorWrapperProps {
     savePickColor: any;
@@ -142,7 +146,7 @@ interface IColorFieldProps extends IInputFieldProps {
     savePickColor: any;
 }
 
-declare const ColorWidget: (props: IColorFieldProps) => JSX.Element;
+declare const ColorField: (props: IColorFieldProps) => JSX.Element;
 
 declare const ColorWrapper: (props: IColorWrapperProps) => JSX.Element;
 
@@ -174,7 +178,7 @@ interface IDownLoadBinary {
     handleFileDownload: any;
 }
 
-declare const DownLoadBinary: (props: IDownLoadBinary) => JSX.Element;
+declare const DownLoadBinaryField: (props: IDownLoadBinary) => JSX.Element;
 
 interface IDownloadFileProps extends IInputFieldProps {
     inputId: any;
@@ -183,7 +187,7 @@ interface IDownloadFileProps extends IInputFieldProps {
     handleFileDownload: any;
 }
 
-declare const DownloadFile: (props: IDownloadFileProps) => JSX.Element;
+declare const DownloadFileField: (props: IDownloadFileProps) => JSX.Element;
 
 interface TDropdownSelectorProps<T> {
     options: T[];
@@ -199,9 +203,9 @@ interface TDropdownSelectorProps<T> {
     useClickOutside?: any;
 }
 
-declare const DropdownSelector: <T>(props: TDropdownSelectorProps<T>) => JSX.Element;
+declare const DropdownField: <T>(props: TDropdownSelectorProps<T>) => JSX.Element;
 
-declare const Fee: (props: IInputFieldProps) => JSX.Element;
+declare const FeeField: (props: IInputFieldProps) => JSX.Element;
 
 interface IFileUploadProps extends IInputFieldProps {
     useUploadImage?: any;
@@ -210,57 +214,39 @@ interface IFileUploadProps extends IInputFieldProps {
     isBase64File?: any;
 }
 
-declare const FileUpload: (props: IFileUploadProps) => JSX.Element;
-
-interface IFloatFieldProps extends IInputFieldProps {
-    handleInputMouseLeave: any;
-    handleInputChange: any;
-    inputRef: any;
-    inputValue: any;
-}
+declare const FileUploadField: (props: IFileUploadProps) => JSX.Element;
 
-declare const FloatField: (props: IFloatFieldProps) => JSX.Element;
+declare const FloatField: (props: IInputFieldProps) => 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 FloatTimeField: React__default.FC<IInputFieldProps>;
 
 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;
+    stringToColor?: any;
 }
 
-declare const Many2ManyTag: (props: IMany2ManyTagsProps) => JSX.Element;
+declare const Many2ManyTagField: (props: IMany2ManyTagsProps) => JSX.Element;
 
 interface IMonetaryProps extends IInputFieldProps {
     placeholder?: string;
 }
 
-declare const Monetary: (props: IMonetaryProps) => JSX.Element;
+declare const MonetaryField: (props: IMonetaryProps) => JSX.Element;
 
-declare const PaidBadged: () => JSX.Element;
+declare const PaidBadgedField: () => JSX.Element;
 
 interface IPriorityFieldProps extends IInputFieldProps {
-    label: any;
-    selection: any;
-    defaultPriority: any;
-    savePriorities: any;
-    id: number | string;
+    savePriorities?: any;
+    id?: number | string;
+    viewData?: any;
+    selection?: any;
 }
 interface IRatingStarProps extends IInputFieldProps {
     label: string;
@@ -272,9 +258,9 @@ interface IRatingStarProps extends IInputFieldProps {
     id: string | number | undefined;
 }
 
-declare const Priority: (props: IPriorityFieldProps) => JSX.Element;
+declare const PriorityField: (props: IPriorityFieldProps) => JSX.Element;
 
-declare const RatingStar: (props: IRatingStarProps) => JSX.Element;
+declare const RatingStarField: (props: IRatingStarProps) => JSX.Element;
 
 interface IRadioGroupProps extends IInputFieldProps {
     placeholder?: string;
@@ -282,37 +268,26 @@ interface IRadioGroupProps extends IInputFieldProps {
     setValue?: any;
 }
 
-declare const RadioGroup: (props: IRadioGroupProps) => JSX.Element | null;
+declare const RadioGroupField: (props: IRadioGroupProps) => JSX.Element | null;
 
-declare const RemainingDays: (props: IInputFieldProps) => JSX.Element | null;
+declare const RemainingDaysField: (props: IInputFieldProps) => JSX.Element | null;
 
 interface ISelectDropdownProps extends IInputFieldProps {
     selection?: [string | number, string][] | any;
 }
 
-declare const SelectDropdown: (props: ISelectDropdownProps) => JSX.Element;
+declare const SelectDropdownField: (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;
+declare const ToggleButtonField: (props: IInputFieldProps) => JSX.Element;
 
 interface InformationProps extends IInputFieldProps {
-    value?: string | number | any | null | Record<any, any> | any;
-    isForm?: boolean;
     showName?: boolean;
+    stringToColor?: any;
 }
-declare const InfoWidget: React__default.FC<InformationProps>;
+
+declare const InfomationField: React__default.FC<InformationProps>;
 
 declare const IntegerField: (props: IInputFieldProps) => JSX.Element;
 
@@ -326,25 +301,62 @@ interface IStatusDropdownFieldProps extends IInputFieldProps {
     colors: any;
 }
 
-declare const StatusDropdown: (props: IStatusDropdownFieldProps) => JSX.Element;
-
-interface Many2ManyProps {
+declare const StatusDropdownField: (props: IStatusDropdownFieldProps) => JSX.Element;
+
+interface SearchController {
+    groupBy?: string[] | null;
+    searchBy?: string[] | null;
+    filterBy?: Record<string, any>[] | null;
+    selectedTags?: string[] | null;
+    searchString?: string;
+    setFilterBy?: Dispatch<SetStateAction<Record<string, any>[] | null>>;
+    setGroupBy?: Dispatch<SetStateAction<string[] | null>>;
+    setSearchBy?: Dispatch<SetStateAction<string[] | null>>;
+    clearSearch?: () => void;
+    setSelectedTags?: Dispatch<SetStateAction<string[] | null>>;
+    removeSearchItems?: (key: string, item: any) => void;
+    onSearchString?: (searchString: string) => void;
+    handleAddTagSearch?: (tag: string) => void;
+    domain?: any[];
+    context?: Record<string, any>;
+}
+interface Many2ManyProps extends IInputFieldProps {
+    aid?: number | null;
     title?: string;
-    onClose?: any;
-    page?: any;
-    dataResponse?: any;
     isDataLoading?: any;
-    isDataResponseFetched?: any;
+    isDataFetched?: any;
     isPlaceholderData?: any;
     isCheckBox?: boolean;
     optionsObject?: any;
-    onChoose?: any;
-    onAddNew?: any;
     selectedRowKeys?: any;
     handleCreateNewOnPage?: any;
+    rows: any;
+    columns: any;
+    typeTable?: string;
+    page?: any;
+    totalRows?: number;
+    rootField?: any;
+    viewData?: any;
+    onAddNew?: any;
+    onChoose?: any;
+    onClose?: any;
+    onAddRow?: Function;
+    onClickRow?: Function;
+    onToggleColumnOptional?: any;
+    renderField?: ({ row, col, indexRow, onChangeData, rootField, }: {
+        row: any;
+        col: any;
+        indexRow: any;
+        onChangeData: any;
+        rootField: any;
+    }) => {};
+    setPage?: (page: number) => void;
+    setDomain?: Dispatch<SetStateAction<any>>;
+    searchController: SearchController;
+    evalJSONContext?: any;
 }
 
-declare const Many2ManyView: (props: Many2ManyProps) => React$1.ReactPortal;
+declare const Many2ManyField: (props: Many2ManyProps) => React$1.ReactPortal;
 
 interface Many2OneProps extends IInputFieldProps {
     menuList?: any;
@@ -370,6 +382,24 @@ interface Many2OneProps extends IInputFieldProps {
 
 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 ModalConfirm: ({ name, isShowModal, onClick, onClose, title, content, isLoading, }: {
     name: "delete" | "duplicate" | "archive" | "unarchive";
     isShowModal: boolean;
@@ -395,11 +425,11 @@ 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;
+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 };
+export { ActiveBadgeField, AvatarField, BinaryField, ButtonBadgeField, ButtonField, ButtonSelectFiles, CharField, CheckboxField, ColorField, ColorWrapper, CopyLinkButtonField, DateField, DateOptionField, DownLoadBinaryField, DownloadFileField, DropdownField, FeeField, FileUploadField, FloatField, FloatTimeField, HtmlField, type IActiveBadgeProps, type IAvatarProps, type IBinaryFieldProps, type IButtonBadgeProps, type IButtonProps, type ICharFieldProps, type IColorFieldProps, type IColorWrapperProps, type ICopyLinkButtonProps, type IDateFieldProps, type IDownLoadBinary, type IDownloadFileProps, type IDurationProps, type IFileUploadProps, type IMany2ManyTagsProps, type IMonetaryProps, type IOptionProps, type IPaginationProps, type IPriorityFieldProps, type IRadioGroupProps, type IRatingStarProps, type ISelectDropdownProps, type IStatusDropdownFieldProps, ImageField, InfomationField, IntegerField, LayerLoading, LoadingSmall, Login, Many2ManyField, type Many2ManyProps, Many2ManyTagField, Many2OneField, type Many2OneProps, ModalConfirm, ModalDetail, ModalLayer, MonetaryField, PaginationView, PaidBadgedField, PriorityField, RadioGroupField, RatingStarField, RemainingDaysField, RenderFiles, Row, Search, SelectDropdownField, StatusBarOptionField, StatusDropdownField, StatusbarDurationField, type TDropdownSelectorProps, TableBody, TableFilter, TableFooter, TableGroup, TableHead, TextAreaField, ToggleButtonField, VideoPlayer, usePagination };