@fctc/widget-logic 1.1.0 → 1.1.2

package/dist/index.d.mts

@@ -1,3 +1,340 @@
-export { useArchieveHandler, useDuplicateRowHandler, useExportExcelHandler, useGetFieldExportHandler } from './action.mjs';
-export { UseOnChangeFormHandler, useRemoveRowHandler, useSaveFormHandler } from './form.mjs';
-export { useTableHandler } from './table.mjs';
+export { useClickOutside, useDebounce } from './hooks.mjs';
+export { CloseIcon, EyeIcon, LoadingIcon } from './icons.mjs';
+import { ValuePropsType, WidgetPropsType, ColorWrapperControllerProps, ColorType, IInputFieldProps } from './types.mjs';
+export { GoogleLoginType } from './types.mjs';
+import * as react from 'react';
+import react__default, { 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';
+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';
+
+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;
+}
+
+declare const statusDropdownController: (props: IStatusDropdownFieldProps) => {
+    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;
+    colors: Record<TStatus, string>;
+};
+
+interface Many2OneProps {
+    name: string;
+    methods: any;
+    formValues: any;
+    domain: any;
+    relation: any;
+    onChange: any;
+    value: any;
+    context: any;
+    options: any;
+    showDetail: any;
+    actionData: any;
+}
+declare const many2oneFieldController: (props: Many2OneProps) => {
+    allowShowDetail: any;
+    handleClose: () => void;
+    handleChooseRecord: (idRecord: number) => void;
+    handleSelectChange: (selectedOption: any) => void;
+    initValue: any;
+    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;
+    actionId: any;
+    setIsShowModalMany2Many: react.Dispatch<react.SetStateAction<boolean>>;
+};
+
+type Option = {
+    value: number;
+    label: string;
+};
+declare const many2oneButtonController: ({ relation, methods, domain, }: {
+    relation: string;
+    methods: any;
+    domain: any;
+}) => {
+    options: Option[];
+};
+
+interface Many2ManyControllerProps {
+    relation: string;
+    domain: any;
+    context: any;
+    tab: any;
+    model: string;
+    aid: number;
+    setSelectedRowKeys: any;
+    fields: any;
+    setFields: any;
+    groupByDomain: any;
+    page: number;
+    options: any;
+    sessionStorageUtils: any;
+}
+declare const many2manyFieldController: (props: Many2ManyControllerProps) => {
+    rows: any[];
+    columns: any;
+    typeTable: "list" | "group" | "calendar" | undefined;
+    handleCreateNewOnPage: () => Promise<void>;
+    isLoadedData: boolean;
+    domainMany2Many: any;
+    isDataLoading: boolean;
+    isDataResponseFetched: boolean;
+    isPlaceholderData: boolean;
+    queryKey: any[];
+    data: {
+        model: string;
+        specification: Record<string, any> | null;
+        domain: any;
+        offset: number;
+        limit: number;
+        context: any;
+        fields: any;
+        groupby: any[];
+        sort: string | null;
+    };
+    specification: Record<string, any> | null;
+    enabled: boolean;
+    isViewReponseFetched: boolean;
+    actionData: any;
+    viewResponse: any;
+    debouncedPage: number;
+    order: undefined;
+    default_order: any;
+    optionsObject: {} | null;
+    setDomainMany2Many: react.Dispatch<any>;
+    selectedTags: [];
+    initModel: {
+        initModel: (modelData: _fctc_interface_logic_dist_index_C_nK1Mii.a) => _fctc_interface_logic.BaseModel;
+    };
+    modelInstance: _fctc_interface_logic.BaseModel | null;
+    baseModel: BaseModelInit;
+    dataResponse: any;
+    isLoading: boolean;
+    setOrder: react.Dispatch<react.SetStateAction<undefined>>;
+};
+
+declare const many2manyTagsController: (props: any) => {
+    options: any;
+    customNoOptionsMessage: () => any;
+    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;
+}
+
+declare const durationController: (props: IDurationProps) => {
+    defaultValue: string | number | ValuePropsType | undefined;
+    dataResponse: any;
+    handleClick: (stage_id: any) => Promise<void>;
+    disabled: boolean;
+    modelStatus: boolean;
+    setModalStatus: react.Dispatch<react.SetStateAction<boolean>>;
+};
+
+interface PriorityFieldProps {
+    value: any;
+    selection: any;
+    isForm: boolean;
+    name: string;
+    methods: any;
+    id: string;
+    onChange: any;
+    model: any;
+    actionData: any;
+    viewData: any;
+    context: any;
+}
+declare const priorityFieldController: (props: PriorityFieldProps) => {
+    selection: any;
+    isForm: boolean;
+    methods: any;
+    defaultPriority: number;
+    savePriorities: ({ value, resetPriority, }: {
+        value: number;
+        resetPriority?: () => void;
+    }) => Promise<void>;
+    label: any;
+    id: string;
+    onChange: any;
+};
+
+declare const floatTimeFiledController: ({ onChange: fieldOnChange, onBlur, value, isDirty, props, }: {
+    onChange: any;
+    onBlur: any;
+    value: any;
+    error: any;
+    isDirty: any;
+    props: WidgetPropsType;
+}) => {
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleBlur: () => void;
+    handleKeyDown: (e: any) => void;
+    input: string;
+    errors: string;
+};
+
+declare const floatController: ({ onChange, value, props, }: {
+    onChange: any;
+    value: any;
+    props: WidgetPropsType;
+}) => {
+    handleInputMouseLeave: () => void;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    useFormatFloatNumber: (value: number | string) => string;
+    inputRef: react.MutableRefObject<HTMLInputElement | null>;
+    inputValue: string;
+};
+
+declare const downloadFileController: () => {
+    inputId: string;
+    file: any;
+    handleFileChange: (e: any) => void;
+    handleFileDownload: () => void;
+};
+
+type TDownLoadBinaryProps = {
+    value: any;
+    defaultValue: any;
+    formValues: any;
+};
+declare const downLoadBinaryController: (props: TDownLoadBinaryProps) => {
+    handleFileDownload: (e: any) => Promise<void>;
+};
+
+declare const dateFieldController: (props: any) => {
+    formatDate: string;
+    formatDateParse: string;
+    range: (start: number, end: number, step?: number) => number[];
+    years: number[];
+    months_vi: string[];
+    months_en: string[];
+    customValidateMinMax: (date: any) => boolean;
+    minNowValue: boolean | moment.Moment | null;
+    maxNowValue: boolean | moment.Moment | null;
+    year: typeof year;
+    month: typeof month;
+    day: typeof day;
+};
+
+declare const copyLinkButtonController: (props: any) => {
+    isCopied: boolean;
+    handleCopyToClipboard: (value: string) => Promise<void>;
+    propValue: any;
+};
+
+declare const colorWrapperController: (props: ColorWrapperControllerProps) => {
+    selectedColor: ColorType;
+    showFullColors: boolean;
+    setSelectedColor: react.Dispatch<react.SetStateAction<ColorType>>;
+    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;
+}
+declare const colorFieldController: (props: ColorFieldProps) => {
+    savePickColor: (colorObject: any) => Promise<void>;
+};
+
+declare const binaryFieldController: (props: IInputFieldProps) => {
+    inputId: string;
+    selectedImage: string | null;
+    initialImage: any;
+    isInsideTable: boolean;
+    binaryRef: react.RefObject<HTMLDivElement>;
+    handleImageChange: (e: ChangeEvent<HTMLInputElement>, onChange: (file: File | null) => void) => Promise<void>;
+    handleRemoveImage: (onChange: (file: File | null) => void) => void;
+    checkIsImageLink: (url: string) => boolean;
+    getImageBase64WithMimeType: (base64: any) => string | null;
+};
+
+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.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;
+
+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 { ColorType, ColorWrapperControllerProps, IInputFieldProps, LayerLoading, LoadingSmall, ModalConfirm, ModalDetail, ModalLayer, ValuePropsType, WidgetPropsType, binaryFieldController, colorFieldController, colorWrapperController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController, useTableHandler };

package/dist/index.d.ts

@@ -1,3 +1,340 @@
-export { useArchieveHandler, useDuplicateRowHandler, useExportExcelHandler, useGetFieldExportHandler } from './action.js';
-export { UseOnChangeFormHandler, useRemoveRowHandler, useSaveFormHandler } from './form.js';
-export { useTableHandler } from './table.js';
+export { useClickOutside, useDebounce } from './hooks.js';
+export { CloseIcon, EyeIcon, LoadingIcon } from './icons.js';
+import { ValuePropsType, WidgetPropsType, ColorWrapperControllerProps, ColorType, IInputFieldProps } from './types.js';
+export { GoogleLoginType } from './types.js';
+import * as react from 'react';
+import react__default, { 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';
+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';
+
+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;
+}
+
+declare const statusDropdownController: (props: IStatusDropdownFieldProps) => {
+    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;
+    colors: Record<TStatus, string>;
+};
+
+interface Many2OneProps {
+    name: string;
+    methods: any;
+    formValues: any;
+    domain: any;
+    relation: any;
+    onChange: any;
+    value: any;
+    context: any;
+    options: any;
+    showDetail: any;
+    actionData: any;
+}
+declare const many2oneFieldController: (props: Many2OneProps) => {
+    allowShowDetail: any;
+    handleClose: () => void;
+    handleChooseRecord: (idRecord: number) => void;
+    handleSelectChange: (selectedOption: any) => void;
+    initValue: any;
+    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;
+    actionId: any;
+    setIsShowModalMany2Many: react.Dispatch<react.SetStateAction<boolean>>;
+};
+
+type Option = {
+    value: number;
+    label: string;
+};
+declare const many2oneButtonController: ({ relation, methods, domain, }: {
+    relation: string;
+    methods: any;
+    domain: any;
+}) => {
+    options: Option[];
+};
+
+interface Many2ManyControllerProps {
+    relation: string;
+    domain: any;
+    context: any;
+    tab: any;
+    model: string;
+    aid: number;
+    setSelectedRowKeys: any;
+    fields: any;
+    setFields: any;
+    groupByDomain: any;
+    page: number;
+    options: any;
+    sessionStorageUtils: any;
+}
+declare const many2manyFieldController: (props: Many2ManyControllerProps) => {
+    rows: any[];
+    columns: any;
+    typeTable: "list" | "group" | "calendar" | undefined;
+    handleCreateNewOnPage: () => Promise<void>;
+    isLoadedData: boolean;
+    domainMany2Many: any;
+    isDataLoading: boolean;
+    isDataResponseFetched: boolean;
+    isPlaceholderData: boolean;
+    queryKey: any[];
+    data: {
+        model: string;
+        specification: Record<string, any> | null;
+        domain: any;
+        offset: number;
+        limit: number;
+        context: any;
+        fields: any;
+        groupby: any[];
+        sort: string | null;
+    };
+    specification: Record<string, any> | null;
+    enabled: boolean;
+    isViewReponseFetched: boolean;
+    actionData: any;
+    viewResponse: any;
+    debouncedPage: number;
+    order: undefined;
+    default_order: any;
+    optionsObject: {} | null;
+    setDomainMany2Many: react.Dispatch<any>;
+    selectedTags: [];
+    initModel: {
+        initModel: (modelData: _fctc_interface_logic_dist_index_C_nK1Mii.a) => _fctc_interface_logic.BaseModel;
+    };
+    modelInstance: _fctc_interface_logic.BaseModel | null;
+    baseModel: BaseModelInit;
+    dataResponse: any;
+    isLoading: boolean;
+    setOrder: react.Dispatch<react.SetStateAction<undefined>>;
+};
+
+declare const many2manyTagsController: (props: any) => {
+    options: any;
+    customNoOptionsMessage: () => any;
+    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;
+}
+
+declare const durationController: (props: IDurationProps) => {
+    defaultValue: string | number | ValuePropsType | undefined;
+    dataResponse: any;
+    handleClick: (stage_id: any) => Promise<void>;
+    disabled: boolean;
+    modelStatus: boolean;
+    setModalStatus: react.Dispatch<react.SetStateAction<boolean>>;
+};
+
+interface PriorityFieldProps {
+    value: any;
+    selection: any;
+    isForm: boolean;
+    name: string;
+    methods: any;
+    id: string;
+    onChange: any;
+    model: any;
+    actionData: any;
+    viewData: any;
+    context: any;
+}
+declare const priorityFieldController: (props: PriorityFieldProps) => {
+    selection: any;
+    isForm: boolean;
+    methods: any;
+    defaultPriority: number;
+    savePriorities: ({ value, resetPriority, }: {
+        value: number;
+        resetPriority?: () => void;
+    }) => Promise<void>;
+    label: any;
+    id: string;
+    onChange: any;
+};
+
+declare const floatTimeFiledController: ({ onChange: fieldOnChange, onBlur, value, isDirty, props, }: {
+    onChange: any;
+    onBlur: any;
+    value: any;
+    error: any;
+    isDirty: any;
+    props: WidgetPropsType;
+}) => {
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleBlur: () => void;
+    handleKeyDown: (e: any) => void;
+    input: string;
+    errors: string;
+};
+
+declare const floatController: ({ onChange, value, props, }: {
+    onChange: any;
+    value: any;
+    props: WidgetPropsType;
+}) => {
+    handleInputMouseLeave: () => void;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    useFormatFloatNumber: (value: number | string) => string;
+    inputRef: react.MutableRefObject<HTMLInputElement | null>;
+    inputValue: string;
+};
+
+declare const downloadFileController: () => {
+    inputId: string;
+    file: any;
+    handleFileChange: (e: any) => void;
+    handleFileDownload: () => void;
+};
+
+type TDownLoadBinaryProps = {
+    value: any;
+    defaultValue: any;
+    formValues: any;
+};
+declare const downLoadBinaryController: (props: TDownLoadBinaryProps) => {
+    handleFileDownload: (e: any) => Promise<void>;
+};
+
+declare const dateFieldController: (props: any) => {
+    formatDate: string;
+    formatDateParse: string;
+    range: (start: number, end: number, step?: number) => number[];
+    years: number[];
+    months_vi: string[];
+    months_en: string[];
+    customValidateMinMax: (date: any) => boolean;
+    minNowValue: boolean | moment.Moment | null;
+    maxNowValue: boolean | moment.Moment | null;
+    year: typeof year;
+    month: typeof month;
+    day: typeof day;
+};
+
+declare const copyLinkButtonController: (props: any) => {
+    isCopied: boolean;
+    handleCopyToClipboard: (value: string) => Promise<void>;
+    propValue: any;
+};
+
+declare const colorWrapperController: (props: ColorWrapperControllerProps) => {
+    selectedColor: ColorType;
+    showFullColors: boolean;
+    setSelectedColor: react.Dispatch<react.SetStateAction<ColorType>>;
+    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;
+}
+declare const colorFieldController: (props: ColorFieldProps) => {
+    savePickColor: (colorObject: any) => Promise<void>;
+};
+
+declare const binaryFieldController: (props: IInputFieldProps) => {
+    inputId: string;
+    selectedImage: string | null;
+    initialImage: any;
+    isInsideTable: boolean;
+    binaryRef: react.RefObject<HTMLDivElement>;
+    handleImageChange: (e: ChangeEvent<HTMLInputElement>, onChange: (file: File | null) => void) => Promise<void>;
+    handleRemoveImage: (onChange: (file: File | null) => void) => void;
+    checkIsImageLink: (url: string) => boolean;
+    getImageBase64WithMimeType: (base64: any) => string | null;
+};
+
+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.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;
+
+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 { ColorType, ColorWrapperControllerProps, IInputFieldProps, LayerLoading, LoadingSmall, ModalConfirm, ModalDetail, ModalLayer, ValuePropsType, WidgetPropsType, binaryFieldController, colorFieldController, colorWrapperController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController, useTableHandler };