phx-react 1.3.1667 → 1.3.1669

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useFixedAction;
+const react_1 = require("react");
+const constant_1 = require("../constant");
+const eventBus_1 = require("../utils/eventBus");
+function useFixedAction({ cancelActionText = 'Huỷ thay đổi', onCancel, onPrimaryClick, primaryActionText = 'Cập nhật', primaryLoading, show = false, }) {
+    (0, react_1.useEffect)(() => {
+        eventBus_1.eventBus.emit(constant_1.FIXED_ACTION_EVENT, {
+            cancelActionText,
+            primaryActionText,
+            onPrimaryClick,
+            onCancel,
+            primaryLoading,
+            show,
+        });
+    }, [primaryLoading, show, onPrimaryClick, onCancel, cancelActionText, primaryActionText]);
+}
+//# sourceMappingURL=use-fixed-action.js.map

package/dist/cjs/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,iCAkBC;AA/BD,iCAAiC;AACjC,0CAAgD;AAChD,gDAA4C;AAW5C,SAAwB,cAAc,CAAC,EACrC,gBAAgB,GAAG,cAAc,EACjC,QAAQ,EACR,cAAc,EACd,iBAAiB,GAAG,UAAU,EAC9B,cAAc,EACd,IAAI,GAAG,KAAK,GACW;IACvB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,mBAAQ,CAAC,IAAI,CAAC,6BAAkB,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/cjs/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/cjs/components/MainWrapV4/hooks/use-has-scroll.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHasScroll = useHasScroll;
+const react_1 = require("react");
+function useHasScroll(ref, deps = []) {
+    const [hasVerticalScroll, setHasVerticalScroll] = (0, react_1.useState)(false);
+    const [hasHorizontalScroll, setHasHorizontalScroll] = (0, react_1.useState)(false);
+    (0, react_1.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/cjs/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":";;AAOA,oCAgDC;AAvDD,iCAAsD;AAOtD,SAAgB,YAAY,CAAC,GAAkC,EAAE,OAAmB,EAAE;IACpF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACjE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAErE,IAAA,iBAAS,EAAC,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/cjs/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;