phx-react 1.3.1667 → 1.3.1669

package/dist/esm/components/MainWrapV4/components/search/index.js

@@ -1,13 +1,20 @@
 import dynamic from 'next/dynamic';
 import React, { useEffect, useState } from 'react';
+import FixedAction from '../fixed-action';
+import { classNames } from '../../../types';
+import { useMainwrapV4EventBus } from '../../../..';
+import { FIXED_ACTION_EVENT } from '../../constant';
+import { useHasScroll } from '../../hooks/use-has-scroll';
 const SearchBarHeaderDesktop = dynamic(() => import('./SearchBarDesktop'), {
     ssr: false,
 });
 const SearchBarMobile = dynamic(() => import('./SearchBarMobile'), {
     ssr: false,
 });
-export default function SearchBarHeader({ menu, perCode, sideBarType, unreadCount, userId, }) {
+export default function SearchBarHeader({ menu, perCode, sideBarType, unreadCount, userId, contentRef, }) {
     const [isDesktop, setIsDesktop] = useState(false);
+    const [isShowFixedAction, setIsShowFixAction] = useState(false);
+    const { hasVerticalScroll } = useHasScroll(contentRef, [perCode.length]);
     useEffect(() => {
         const mq = window.matchMedia('(min-width: 768px)'); // Tailwind md = 768px
         const handler = (e) => {
@@ -17,6 +24,13 @@ export default function SearchBarHeader({ menu, perCode, sideBarType, unreadCoun
         mq.addEventListener('change', handler);
         return () => mq.removeEventListener('change', handler);
     }, []);
-    return (React.createElement(React.Fragment, null, userId && menu.length > 0 && perCode.length > 0 && (React.createElement(React.Fragment, null, isDesktop ? (React.createElement(SearchBarHeaderDesktop, { menu: menu, perCode: perCode, sideBarType: sideBarType, userId: userId })) : (React.createElement(SearchBarMobile, { menu: menu, perCode: perCode, unreadCount: unreadCount }))))));
+    useMainwrapV4EventBus(FIXED_ACTION_EVENT, (payload) => {
+        if (isShowFixedAction !== payload.show) {
+            setIsShowFixAction(payload.show || false);
+        }
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FixedAction, { className: classNames(!hasVerticalScroll && 'lg:!hidden', isDesktop ? 'left-1/2 z-50 h-10  w-[25rem] -translate-x-1/4' : 'left-4 right-4 top-[3.5rem] h-11', 'transition-transform duration-200 ease-in-out', isShowFixedAction ? '' : isDesktop ? 'pointer-events-none -translate-y-14' : 'hidden') }),
+        userId && menu.length > 0 && perCode.length > 0 && (React.createElement(React.Fragment, null, isDesktop ? (React.createElement(SearchBarHeaderDesktop, { hasVerticalScroll: hasVerticalScroll, menu: menu, perCode: perCode, sideBarType: sideBarType, userId: userId })) : (React.createElement(SearchBarMobile, { menu: menu, perCode: perCode, unreadCount: unreadCount }))))));
 }
 //# sourceMappingURL=index.js.map

package/dist/esm/components/MainWrapV4/components/search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/search/index.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,cAAc,CAAA;AAClC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGlD,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE;IACzE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AACF,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE;IACjE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,WAAW,EACX,MAAM,GAOP;IACC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAA,CAAC,sBAAsB;QAEzE,MAAM,OAAO,GAAG,CAAC,CAAuC,EAAE,EAAE;YAC1D,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;QACzB,CAAC,CAAA;QAED,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC,cAAc;QAC1B,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAEtC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IACxD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,0CACG,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAClD,0CACG,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI,CACnG,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,GAAI,CAC5E,CACA,CACJ,CACA,CACJ,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/components/search/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/MainWrapV4/constant.d.ts

@@ -39,3 +39,4 @@ export declare const TAB_NAME: {
     SYSTEM: string;
 };
 export declare const PREVIEW_CHAR_LIMIT = 75;
+export declare const FIXED_ACTION_EVENT = "FIXED_ACTION";

package/dist/esm/components/MainWrapV4/constant.js

@@ -149,4 +149,5 @@ export const TAB_NAME = {
     [TAB.SYSTEM]: 'Hệ thống',
 };
 export const PREVIEW_CHAR_LIMIT = 75;
+export const FIXED_ACTION_EVENT = 'FIXED_ACTION';
 //# sourceMappingURL=constant.js.map

package/dist/esm/components/MainWrapV4/constant.js.map

@@ -1 +1 @@
-{"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../../src/components/MainWrapV4/constant.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"constant.js","sourceRoot":"","sources":["../../../../src/components/MainWrapV4/constant.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/MainWrapV4/hooks/use-fixed-action.d.ts

@@ -0,0 +1,9 @@
+export interface IUseFixedActionPayload {
+    primaryLoading?: boolean;
+    primaryActionText?: string;
+    cancelActionText?: string;
+    onPrimaryClick: any;
+    onCancel: any;
+    show?: boolean;
+}
+export default function useFixedAction({ cancelActionText, onCancel, onPrimaryClick, primaryActionText, primaryLoading, show, }: IUseFixedActionPayload): void;

package/dist/esm/components/MainWrapV4/hooks/use-fixed-action.js

@@ -0,0 +1,16 @@
+import { useEffect } from 'react';
+import { FIXED_ACTION_EVENT } from '../constant';
+import { eventBus } from '../utils/eventBus';
+export default function useFixedAction({ cancelActionText = 'Huỷ thay đổi', onCancel, onPrimaryClick, primaryActionText = 'Cập nhật', primaryLoading, show = false, }) {
+    useEffect(() => {
+        eventBus.emit(FIXED_ACTION_EVENT, {
+            cancelActionText,
+            primaryActionText,
+            onPrimaryClick,
+            onCancel,
+            primaryLoading,
+            show,
+        });
+    }, [primaryLoading, show, onPrimaryClick, onCancel, cancelActionText, primaryActionText]);
+}
+//# sourceMappingURL=use-fixed-action.js.map

package/dist/esm/components/MainWrapV4/hooks/use-fixed-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-fixed-action.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/hooks/use-fixed-action.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAW5C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,gBAAgB,GAAG,cAAc,EACjC,QAAQ,EACR,cAAc,EACd,iBAAiB,GAAG,UAAU,EAC9B,cAAc,EACd,IAAI,GAAG,KAAK,GACW;IACvB,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAChC,gBAAgB;YAChB,iBAAiB;YACjB,cAAc;YACd,QAAQ;YACR,cAAc;YACd,IAAI;SACL,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAA;AAC3F,CAAC"}

package/dist/esm/components/MainWrapV4/hooks/use-has-scroll.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+type UseHasScrollResult = {
+    hasVerticalScroll: boolean;
+    hasHorizontalScroll: boolean;
+};
+export declare function useHasScroll(ref: RefObject<HTMLElement | null>, deps?: Array<any>): UseHasScrollResult;
+export {};

package/dist/esm/components/MainWrapV4/hooks/use-has-scroll.js

@@ -0,0 +1,41 @@
+import { useEffect, useState } from 'react';
+export function useHasScroll(ref, deps = []) {
+    const [hasVerticalScroll, setHasVerticalScroll] = useState(false);
+    const [hasHorizontalScroll, setHasHorizontalScroll] = useState(false);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const checkScroll = () => {
+            const style = window.getComputedStyle(el);
+            const canScrollY = style.overflowY === 'auto' || style.overflowY === 'scroll';
+            const canScrollX = style.overflowX === 'auto' || style.overflowX === 'scroll';
+            setHasVerticalScroll(canScrollY && el.scrollHeight > el.clientHeight);
+            setHasHorizontalScroll(canScrollX && el.scrollWidth > el.clientWidth);
+        };
+        checkScroll();
+        const resizeObserver = new ResizeObserver(() => {
+            checkScroll();
+        });
+        const mutationObserver = new MutationObserver(() => {
+            checkScroll();
+        });
+        resizeObserver.observe(el);
+        mutationObserver.observe(el, {
+            childList: true,
+            subtree: true,
+            characterData: true,
+        });
+        window.addEventListener('resize', checkScroll);
+        return () => {
+            resizeObserver.disconnect();
+            mutationObserver.disconnect();
+            window.removeEventListener('resize', checkScroll);
+        };
+    }, [ref, ...deps]);
+    return {
+        hasVerticalScroll,
+        hasHorizontalScroll,
+    };
+}
+//# sourceMappingURL=use-has-scroll.js.map

package/dist/esm/components/MainWrapV4/hooks/use-has-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-has-scroll.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/hooks/use-has-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAOtD,MAAM,UAAU,YAAY,CAAC,GAAkC,EAAE,OAAmB,EAAE;IACpF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAA;QACtB,IAAI,CAAC,EAAE;YAAE,OAAM;QAEf,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAA;YAEzC,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,KAAK,MAAM,IAAI,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAA;YAC7E,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,KAAK,MAAM,IAAI,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAA;YAE7E,oBAAoB,CAAC,UAAU,IAAI,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC,CAAA;YACrE,sBAAsB,CAAC,UAAU,IAAI,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC,CAAA;QACvE,CAAC,CAAA;QAED,WAAW,EAAE,CAAA;QAEb,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC7C,WAAW,EAAE,CAAA;QACf,CAAC,CAAC,CAAA;QAEF,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACjD,WAAW,EAAE,CAAA;QACf,CAAC,CAAC,CAAA;QAEF,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QAC1B,gBAAgB,CAAC,OAAO,CAAC,EAAE,EAAE;YAC3B,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;YACb,aAAa,EAAE,IAAI;SACpB,CAAC,CAAA;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;QAE9C,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAA;YAC3B,gBAAgB,CAAC,UAAU,EAAE,CAAA;YAC7B,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;QACnD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAA;IAElB,OAAO;QACL,iBAAiB;QACjB,mBAAmB;KACpB,CAAA;AACH,CAAC"}

package/dist/esm/components/TableV6/TableV6.d.ts

@@ -0,0 +1,104 @@
+import React from 'react';
+import { ComplexAction } from '../types';
+import { IEmptyStateAction } from '../EmptyStateAction';
+import { SelectedButtonIcon } from '../TableV3/SelectedAction';
+import { ReadonlyURLSearchParams } from 'next/navigation';
+export interface MainTableV6Props {
+    paginationData: any;
+    isUnaccentSearchValue?: boolean;
+    sortData: any;
+    slectedTitle?: string | any;
+    selectedBtn?: Array<ComplexAction & {
+        icon?: SelectedButtonIcon;
+    }>;
+    pathname?: any;
+    list: {
+        keyResult: string;
+        query: string;
+    } | any;
+    thHeader: Array<any>;
+    thBody: Array<any>;
+    thBodyComponent?: object | any;
+    thBodyFilter?(): any;
+    editActionLink?: string;
+    search: {
+        enable: boolean;
+        keyResult: string;
+        query: string;
+    } | any;
+    selectedAllPeople?: {
+        enable: boolean;
+        title: string;
+        maxSelectedPeople?: number;
+        hideSelectedAction?: boolean;
+    } | any;
+    actionName?: any;
+    sort?: {
+        enable?: boolean;
+        defaultActive?: string;
+        sortList?: Array<any>;
+    } | any;
+    clickRow?: boolean;
+    clickType?: 'edit' | 'custom';
+    router: any;
+    setAggregate?: any;
+    sortSelectData?: any;
+    selectArray?: any;
+    pagination?: any;
+    routerCondition?: {
+        link: string;
+        conditionName: string;
+        conditionArray: Array<any>;
+    } | any;
+    onClick?(rowData: any): any;
+    thHeaderComponent?: any;
+    hidePagination?: boolean;
+    rowNumber?: number;
+    onChange?: any;
+    typeLoading?: {
+        type: 'page-with-table' | 'page-table-with-report' | 'table' | 'page-table-report-filter' | 'page-table-filter';
+        filterQty?: number;
+        reportQty?: number;
+    };
+    setHeaderLoading?: any;
+    directDetail?: {
+        enable: boolean;
+        onClick?(): any;
+    } | any;
+    filterLoading?: boolean;
+    fixedTableLayout?: boolean;
+    numericalOrder?: {
+        enable: boolean;
+        title: string | any;
+        disableSpacing?: boolean;
+        sticky?: boolean;
+    };
+    isQueryDataCenter?: boolean;
+    isQueryDevPortal?: boolean;
+    isSortEmpty?: boolean;
+    emptyStateAction?: IEmptyStateAction & {
+        enable: boolean;
+    };
+    isCustomHeaderSelected?: boolean;
+    disableSpacing?: {
+        disable: boolean;
+        indexStart: number;
+    };
+    border?: boolean;
+    isCenterText?: boolean;
+    searchValueData?(val: string): void;
+    stickyColumnNumber?: number;
+    getDataTable?(val: any): void;
+    stickyColumnNumberRight?: number;
+    isBackgroundReload?: boolean;
+    loaded?: (val: boolean) => void;
+    isResetPagination?: boolean;
+    tableKey?: string;
+    searchParams?: ReadonlyURLSearchParams;
+    completeState?: boolean;
+    completeStateTitle?: string;
+    completeStateDescription?: string;
+    type?: 'default' | 'in-card';
+    title?: string;
+}
+export declare function PHXTableV6({ actionName, clickRow, clickType, directDetail, editActionLink, filterLoading, fixedTableLayout, hidePagination, list, numericalOrder, onChange, onClick, pagination, paginationData, router, routerCondition, rowNumber, search, selectArray, selectedAllPeople, selectedBtn, setAggregate, setHeaderLoading, slectedTitle, sort, sortData, sortSelectData, thBody, thBodyComponent, thBodyFilter, thHeader, thHeaderComponent, typeLoading, isSortEmpty, emptyStateAction, isCustomHeaderSelected, isUnaccentSearchValue, disableSpacing, border, isCenterText, searchValueData, stickyColumnNumber, getDataTable, stickyColumnNumberRight, isBackgroundReload, loaded, isResetPagination, tableKey, searchParams, completeState, completeStateTitle, completeStateDescription, type, title, }: Readonly<MainTableV6Props>): React.JSX.Element;