@fctc/widget-logic 1.1.4 → 1.1.6

package/dist/index.d.mts

@@ -1,10 +1,8 @@
-export { useClickOutside, useDebounce } from './hooks.mjs';
+export { ActionResultType, Context, Record, ViewResponse, useAuth, useAuthType, useCallAction, useCallActionType, useClickOutside, useConfig, useConfigType, useDebounce, useDetail, useListData, useListDataType, useMenu, useMenuType, useProfile, useUser, useUserType, useViewV2, useViewV2Type } from './hooks.mjs';
 export { CloseIcon, EyeIcon, LoadingIcon } from './icons.mjs';
-import { ValuePropsType, WidgetPropsType, ColorWrapperControllerProps, IInputFieldProps } from './types.mjs';
-export { ColorType, GoogleLoginType } from './types.mjs';
+import { IInputFieldProps, ValuePropsType } from './types.mjs';
 import * as react from 'react';
 import { ChangeEvent } from 'react';
-import * as _tanstack_query_core from '@tanstack/query-core';
 import * as _fctc_interface_logic from '@fctc/interface-logic';
 import { BaseModelInit } from '@fctc/interface-logic';
 import * as _fctc_interface_logic_dist_index_C_nK1Mii from '@fctc/interface-logic/dist/index-C_nK1Mii';
@@ -12,26 +10,24 @@ import day from 'react-datepicker/dist/day';
 import month from 'react-datepicker/dist/month';
 import year from 'react-datepicker/dist/year';
 import moment from 'moment';
+export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useGetRowIds, useStorageState } from './utils.mjs';
+import '@tanstack/react-query';
 
 type TStatus = 'normal' | 'done' | 'blocked';
-interface IStatusDropdownFieldProps {
-    selection?: [string | number, string][] | any;
-    isForm?: boolean;
-    id?: string | number;
-    model?: string;
-    name?: string;
-    state?: string | undefined;
-    onRefetch?: Function;
+interface TStatusDropdownFieldProps extends IInputFieldProps {
+    state: any;
+    selection: any;
+    id: any;
 }
 
-declare const statusDropdownController: (props: IStatusDropdownFieldProps) => {
+declare const statusDropdownController: (props: TStatusDropdownFieldProps) => {
     handleClick: (status: any) => Promise<void>;
     buttonRef: react.RefObject<HTMLDivElement>;
     isForm: boolean | undefined;
     setIsOpen: react.Dispatch<react.SetStateAction<boolean>>;
     isOpen: boolean;
     selection: any;
-    state: string | undefined;
+    state: any;
     colors: Record<TStatus, string>;
 };
 
@@ -58,13 +54,11 @@ declare const many2oneFieldController: (props: Many2OneProps) => {
     isFetching: boolean;
     isShowModalMany2Many: boolean;
     options: never[];
-    fetchMoreOptions: () => void;
     domainModal: null;
     tempSelectedOption: any;
     setTempSelectedOption: react.Dispatch<any>;
     setDomainModal: react.Dispatch<react.SetStateAction<null>>;
     dataOfSelection: any;
-    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<any, Error>>;
     selectOptions: any;
     optionsObject: {};
     contextObject: any;
@@ -76,11 +70,7 @@ type Option = {
     value: number;
     label: string;
 };
-declare const many2oneButtonController: ({ relation, methods, domain, }: {
-    relation: string;
-    methods: any;
-    domain: any;
-}) => {
+declare const many2oneButtonController: (props: IInputFieldProps) => {
     options: Option[];
 };
 
@@ -103,7 +93,7 @@ interface Many2ManyControllerProps {
 declare const many2manyFieldController: (props: Many2ManyControllerProps) => {
     rows: any[];
     columns: any;
-    typeTable: "list" | "group" | "calendar" | undefined;
+    typeTable: "list" | "calendar" | "group" | undefined;
     handleCreateNewOnPage: () => Promise<void>;
     isLoadedData: boolean;
     domainMany2Many: any;
@@ -143,26 +133,25 @@ declare const many2manyFieldController: (props: Many2ManyControllerProps) => {
     setOrder: react.Dispatch<react.SetStateAction<undefined>>;
 };
 
-declare const many2manyTagsController: (props: any) => {
+interface IMany2ManyTagFieldProps extends IInputFieldProps {
     options: any;
-    customNoOptionsMessage: () => any;
+    widget: string;
+    placeholderNoOption: string;
+}
+
+declare const many2manyTagsController: (props: IMany2ManyTagFieldProps) => {
+    options: any;
+    customNoOptionsMessage: () => string;
     tranfer: (data: any) => any;
     dataOfSelection: any;
     isUser: boolean;
 };
 
-interface IDurationProps {
-    relation?: string;
-    defaultValue?: string | number | ValuePropsType;
-    domain?: string | [] | any;
-    formValues?: Record<string, any>;
-    name?: string;
-    id?: string | number;
-    model?: string;
-    onRefetch?: Function;
+interface IDurationFieldProps extends IInputFieldProps {
+    id: any;
 }
 
-declare const durationController: (props: IDurationProps) => {
+declare const durationController: (props: IDurationFieldProps) => {
     defaultValue: string | number | ValuePropsType | undefined;
     dataResponse: any;
     handleClick: (stage_id: any) => Promise<void>;
@@ -171,23 +160,17 @@ declare const durationController: (props: IDurationProps) => {
     setModalStatus: react.Dispatch<react.SetStateAction<boolean>>;
 };
 
-interface PriorityFieldProps {
-    value: any;
+interface IPriorityFieldProps extends IInputFieldProps {
     selection: any;
-    isForm: boolean;
-    name: string;
-    methods: any;
-    id: string;
-    onChange: any;
-    model: any;
+    id: any;
     actionData: any;
     viewData: any;
     context: any;
 }
 
-declare const priorityFieldController: (props: PriorityFieldProps) => {
+declare const priorityFieldController: (props: IPriorityFieldProps) => {
     selection: any;
-    isForm: boolean;
+    isForm: boolean | undefined;
     methods: any;
     defaultPriority: number;
     savePriorities: ({ value, resetPriority, }: {
@@ -195,8 +178,8 @@ declare const priorityFieldController: (props: PriorityFieldProps) => {
         resetPriority?: () => void;
     }) => Promise<void>;
     label: any;
-    id: string;
-    onChange: any;
+    id: any;
+    onChange: ((name: string, value: any) => void) | undefined;
 };
 
 declare const floatTimeFiledController: ({ onChange: fieldOnChange, onBlur, value, isDirty, props, }: {
@@ -205,7 +188,7 @@ declare const floatTimeFiledController: ({ onChange: fieldOnChange, onBlur, valu
     value: any;
     error: any;
     isDirty: any;
-    props: WidgetPropsType;
+    props: IInputFieldProps;
 }) => {
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleBlur: () => void;
@@ -217,7 +200,7 @@ declare const floatTimeFiledController: ({ onChange: fieldOnChange, onBlur, valu
 declare const floatController: ({ onChange, value, props, }: {
     onChange: any;
     value: any;
-    props: WidgetPropsType;
+    props: IInputFieldProps;
 }) => {
     handleInputMouseLeave: () => void;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
@@ -233,24 +216,26 @@ declare const downloadFileController: () => {
     handleFileDownload: () => void;
 };
 
-type TDownLoadBinaryProps = {
-    value: any;
-    defaultValue: any;
-    formValues: any;
-};
-
-declare const downLoadBinaryController: (props: TDownLoadBinaryProps) => {
+declare const downLoadBinaryController: (props: IInputFieldProps) => {
     handleFileDownload: (e: any) => Promise<void>;
 };
 
-declare const dateFieldController: (props: any) => {
+interface IDateFieldProps extends IInputFieldProps {
+    showTime: boolean;
+    widget: string;
+    min: number | string;
+    max: number | string;
+    viewData: any;
+}
+
+declare const dateFieldController: (props: IDateFieldProps) => {
     formatDate: string;
     formatDateParse: string;
     range: (start: number, end: number, step?: number) => number[];
     years: number[];
     months_vi: string[];
     months_en: string[];
-    customValidateMinMax: (date: any) => boolean;
+    customValidateMinMax: (date: any) => string | false;
     minNowValue: boolean | moment.Moment | null;
     maxNowValue: boolean | moment.Moment | null;
     year: typeof year;
@@ -258,31 +243,18 @@ declare const dateFieldController: (props: any) => {
     day: typeof day;
 };
 
-declare const copyLinkButtonController: (props: any) => {
+declare const copyLinkButtonController: (props: IInputFieldProps) => {
     isCopied: boolean;
     handleCopyToClipboard: (value: string) => Promise<void>;
     propValue: any;
 };
 
-declare const colorWrapperController: (props: ColorWrapperControllerProps) => {
-    selectedColor: any;
-    showFullColors: boolean;
-    setSelectedColor: react.Dispatch<any>;
-    handleShowFullColors: () => void;
-    pickColorsRef: react.RefObject<HTMLDivElement>;
-    savePickColor: any;
-};
-
-interface ColorFieldProps extends IInputFieldProps {
-    value?: string | number | ValuePropsType | null | Record<any, any> | any;
-    isForm?: boolean;
-    name?: string;
-    methods?: any;
-    onChange?: (name: string, value: any) => void;
-    [key: string]: any;
+interface IColorFieldProps extends IInputFieldProps {
+    actionData: any;
+    idForm: number | string;
 }
 
-declare const colorFieldController: (props: ColorFieldProps) => {
+declare const colorFieldController: (props: IColorFieldProps) => {
     savePickColor: (colorObject: any) => Promise<void>;
 };
 
@@ -298,26 +270,4 @@ declare const binaryFieldController: (props: IInputFieldProps) => {
     getImageBase64WithMimeType: (base64: any) => string | null;
 };
 
-interface UseTableProps {
-    data: {
-        fields: any[];
-        records: any[];
-        dataModel: {
-            [fieldName: string]: {
-                string?: string;
-                [key: string]: any;
-            };
-        };
-        context: any;
-        typeTable?: 'list' | 'group' | 'calendar';
-    };
-}
-
-declare const useTableHandler: ({ data }: UseTableProps) => {
-    rows: any[];
-    columns: any;
-    onToggleColumnOptional: (item: any) => void;
-    typeTable: "list" | "group" | "calendar" | undefined;
-};
-
-export { ColorWrapperControllerProps, IInputFieldProps, ValuePropsType, WidgetPropsType, binaryFieldController, colorFieldController, colorWrapperController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController, useTableHandler };
+export { IInputFieldProps, ValuePropsType, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController };

package/dist/index.d.ts

@@ -1,10 +1,8 @@
-export { useClickOutside, useDebounce } from './hooks.js';
+export { ActionResultType, Context, Record, ViewResponse, useAuth, useAuthType, useCallAction, useCallActionType, useClickOutside, useConfig, useConfigType, useDebounce, useDetail, useListData, useListDataType, useMenu, useMenuType, useProfile, useUser, useUserType, useViewV2, useViewV2Type } from './hooks.js';
 export { CloseIcon, EyeIcon, LoadingIcon } from './icons.js';
-import { ValuePropsType, WidgetPropsType, ColorWrapperControllerProps, IInputFieldProps } from './types.js';
-export { ColorType, GoogleLoginType } from './types.js';
+import { IInputFieldProps, ValuePropsType } from './types.js';
 import * as react from 'react';
 import { ChangeEvent } from 'react';
-import * as _tanstack_query_core from '@tanstack/query-core';
 import * as _fctc_interface_logic from '@fctc/interface-logic';
 import { BaseModelInit } from '@fctc/interface-logic';
 import * as _fctc_interface_logic_dist_index_C_nK1Mii from '@fctc/interface-logic/dist/index-C_nK1Mii';
@@ -12,26 +10,24 @@ import day from 'react-datepicker/dist/day';
 import month from 'react-datepicker/dist/month';
 import year from 'react-datepicker/dist/year';
 import moment from 'moment';
+export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useGetRowIds, useStorageState } from './utils.js';
+import '@tanstack/react-query';
 
 type TStatus = 'normal' | 'done' | 'blocked';
-interface IStatusDropdownFieldProps {
-    selection?: [string | number, string][] | any;
-    isForm?: boolean;
-    id?: string | number;
-    model?: string;
-    name?: string;
-    state?: string | undefined;
-    onRefetch?: Function;
+interface TStatusDropdownFieldProps extends IInputFieldProps {
+    state: any;
+    selection: any;
+    id: any;
 }
 
-declare const statusDropdownController: (props: IStatusDropdownFieldProps) => {
+declare const statusDropdownController: (props: TStatusDropdownFieldProps) => {
     handleClick: (status: any) => Promise<void>;
     buttonRef: react.RefObject<HTMLDivElement>;
     isForm: boolean | undefined;
     setIsOpen: react.Dispatch<react.SetStateAction<boolean>>;
     isOpen: boolean;
     selection: any;
-    state: string | undefined;
+    state: any;
     colors: Record<TStatus, string>;
 };
 
@@ -58,13 +54,11 @@ declare const many2oneFieldController: (props: Many2OneProps) => {
     isFetching: boolean;
     isShowModalMany2Many: boolean;
     options: never[];
-    fetchMoreOptions: () => void;
     domainModal: null;
     tempSelectedOption: any;
     setTempSelectedOption: react.Dispatch<any>;
     setDomainModal: react.Dispatch<react.SetStateAction<null>>;
     dataOfSelection: any;
-    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<any, Error>>;
     selectOptions: any;
     optionsObject: {};
     contextObject: any;
@@ -76,11 +70,7 @@ type Option = {
     value: number;
     label: string;
 };
-declare const many2oneButtonController: ({ relation, methods, domain, }: {
-    relation: string;
-    methods: any;
-    domain: any;
-}) => {
+declare const many2oneButtonController: (props: IInputFieldProps) => {
     options: Option[];
 };
 
@@ -103,7 +93,7 @@ interface Many2ManyControllerProps {
 declare const many2manyFieldController: (props: Many2ManyControllerProps) => {
     rows: any[];
     columns: any;
-    typeTable: "list" | "group" | "calendar" | undefined;
+    typeTable: "list" | "calendar" | "group" | undefined;
     handleCreateNewOnPage: () => Promise<void>;
     isLoadedData: boolean;
     domainMany2Many: any;
@@ -143,26 +133,25 @@ declare const many2manyFieldController: (props: Many2ManyControllerProps) => {
     setOrder: react.Dispatch<react.SetStateAction<undefined>>;
 };
 
-declare const many2manyTagsController: (props: any) => {
+interface IMany2ManyTagFieldProps extends IInputFieldProps {
     options: any;
-    customNoOptionsMessage: () => any;
+    widget: string;
+    placeholderNoOption: string;
+}
+
+declare const many2manyTagsController: (props: IMany2ManyTagFieldProps) => {
+    options: any;
+    customNoOptionsMessage: () => string;
     tranfer: (data: any) => any;
     dataOfSelection: any;
     isUser: boolean;
 };
 
-interface IDurationProps {
-    relation?: string;
-    defaultValue?: string | number | ValuePropsType;
-    domain?: string | [] | any;
-    formValues?: Record<string, any>;
-    name?: string;
-    id?: string | number;
-    model?: string;
-    onRefetch?: Function;
+interface IDurationFieldProps extends IInputFieldProps {
+    id: any;
 }
 
-declare const durationController: (props: IDurationProps) => {
+declare const durationController: (props: IDurationFieldProps) => {
     defaultValue: string | number | ValuePropsType | undefined;
     dataResponse: any;
     handleClick: (stage_id: any) => Promise<void>;
@@ -171,23 +160,17 @@ declare const durationController: (props: IDurationProps) => {
     setModalStatus: react.Dispatch<react.SetStateAction<boolean>>;
 };
 
-interface PriorityFieldProps {
-    value: any;
+interface IPriorityFieldProps extends IInputFieldProps {
     selection: any;
-    isForm: boolean;
-    name: string;
-    methods: any;
-    id: string;
-    onChange: any;
-    model: any;
+    id: any;
     actionData: any;
     viewData: any;
     context: any;
 }
 
-declare const priorityFieldController: (props: PriorityFieldProps) => {
+declare const priorityFieldController: (props: IPriorityFieldProps) => {
     selection: any;
-    isForm: boolean;
+    isForm: boolean | undefined;
     methods: any;
     defaultPriority: number;
     savePriorities: ({ value, resetPriority, }: {
@@ -195,8 +178,8 @@ declare const priorityFieldController: (props: PriorityFieldProps) => {
         resetPriority?: () => void;
     }) => Promise<void>;
     label: any;
-    id: string;
-    onChange: any;
+    id: any;
+    onChange: ((name: string, value: any) => void) | undefined;
 };
 
 declare const floatTimeFiledController: ({ onChange: fieldOnChange, onBlur, value, isDirty, props, }: {
@@ -205,7 +188,7 @@ declare const floatTimeFiledController: ({ onChange: fieldOnChange, onBlur, valu
     value: any;
     error: any;
     isDirty: any;
-    props: WidgetPropsType;
+    props: IInputFieldProps;
 }) => {
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleBlur: () => void;
@@ -217,7 +200,7 @@ declare const floatTimeFiledController: ({ onChange: fieldOnChange, onBlur, valu
 declare const floatController: ({ onChange, value, props, }: {
     onChange: any;
     value: any;
-    props: WidgetPropsType;
+    props: IInputFieldProps;
 }) => {
     handleInputMouseLeave: () => void;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
@@ -233,24 +216,26 @@ declare const downloadFileController: () => {
     handleFileDownload: () => void;
 };
 
-type TDownLoadBinaryProps = {
-    value: any;
-    defaultValue: any;
-    formValues: any;
-};
-
-declare const downLoadBinaryController: (props: TDownLoadBinaryProps) => {
+declare const downLoadBinaryController: (props: IInputFieldProps) => {
     handleFileDownload: (e: any) => Promise<void>;
 };
 
-declare const dateFieldController: (props: any) => {
+interface IDateFieldProps extends IInputFieldProps {
+    showTime: boolean;
+    widget: string;
+    min: number | string;
+    max: number | string;
+    viewData: any;
+}
+
+declare const dateFieldController: (props: IDateFieldProps) => {
     formatDate: string;
     formatDateParse: string;
     range: (start: number, end: number, step?: number) => number[];
     years: number[];
     months_vi: string[];
     months_en: string[];
-    customValidateMinMax: (date: any) => boolean;
+    customValidateMinMax: (date: any) => string | false;
     minNowValue: boolean | moment.Moment | null;
     maxNowValue: boolean | moment.Moment | null;
     year: typeof year;
@@ -258,31 +243,18 @@ declare const dateFieldController: (props: any) => {
     day: typeof day;
 };
 
-declare const copyLinkButtonController: (props: any) => {
+declare const copyLinkButtonController: (props: IInputFieldProps) => {
     isCopied: boolean;
     handleCopyToClipboard: (value: string) => Promise<void>;
     propValue: any;
 };
 
-declare const colorWrapperController: (props: ColorWrapperControllerProps) => {
-    selectedColor: any;
-    showFullColors: boolean;
-    setSelectedColor: react.Dispatch<any>;
-    handleShowFullColors: () => void;
-    pickColorsRef: react.RefObject<HTMLDivElement>;
-    savePickColor: any;
-};
-
-interface ColorFieldProps extends IInputFieldProps {
-    value?: string | number | ValuePropsType | null | Record<any, any> | any;
-    isForm?: boolean;
-    name?: string;
-    methods?: any;
-    onChange?: (name: string, value: any) => void;
-    [key: string]: any;
+interface IColorFieldProps extends IInputFieldProps {
+    actionData: any;
+    idForm: number | string;
 }
 
-declare const colorFieldController: (props: ColorFieldProps) => {
+declare const colorFieldController: (props: IColorFieldProps) => {
     savePickColor: (colorObject: any) => Promise<void>;
 };
 
@@ -298,26 +270,4 @@ declare const binaryFieldController: (props: IInputFieldProps) => {
     getImageBase64WithMimeType: (base64: any) => string | null;
 };
 
-interface UseTableProps {
-    data: {
-        fields: any[];
-        records: any[];
-        dataModel: {
-            [fieldName: string]: {
-                string?: string;
-                [key: string]: any;
-            };
-        };
-        context: any;
-        typeTable?: 'list' | 'group' | 'calendar';
-    };
-}
-
-declare const useTableHandler: ({ data }: UseTableProps) => {
-    rows: any[];
-    columns: any;
-    onToggleColumnOptional: (item: any) => void;
-    typeTable: "list" | "group" | "calendar" | undefined;
-};
-
-export { ColorWrapperControllerProps, IInputFieldProps, ValuePropsType, WidgetPropsType, binaryFieldController, colorFieldController, colorWrapperController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController, useTableHandler };
+export { IInputFieldProps, ValuePropsType, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController };