phx-react 1.3.1433 → 1.3.1434

package/dist/cjs/components/MainWrapV4/components/quick-action.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = QuickAction;
+var tslib_1 = require("tslib");
+var react_1 = require("@headlessui/react");
+var outline_1 = require("@heroicons/react/24/outline");
+var react_2 = require("react");
+var icon_v3_1 = require("../assets/icon-v3");
+var helper_1 = require("../helper");
+var react_3 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../../types");
+var Skeleton_1 = require("../../Skeleton");
+var eventBus_1 = require("../utils/eventBus");
+function QuickAction(_a) {
+    var actionPermisstions = _a.actionPermisstions, perCodes = _a.perCodes;
+    var _b = (0, react_2.useState)(false), show = _b[0], setShow = _b[1];
+    var _c = (0, react_2.useState)(), selectedQuickAction = _c[0], setSelectedQuickAction = _c[1];
+    var data = [
+        {
+            name: 'Thư viện tiểu học',
+            code: 'LIBRARY_TIEU_HOC',
+            moduleCode: 'LIBRARY',
+            quickActions: [
+                {
+                    name: 'Mượn sách',
+                    code: 'LIBRARY_TIEU_HOC_BORROW_TICKET_CREATE',
+                    icon: 'LIBRARY_BORROW_TICKET_CREATE',
+                },
+                {
+                    name: 'Trả sách',
+                    code: 'LIBRARY_TIEU_HOC_BORROW_TICKET_RETURN',
+                    icon: 'LIBRARY_BORROW_TICKET_RETURN',
+                },
+            ],
+        },
+        {
+            name: 'Thư viện trung học',
+            code: 'LIBRARY_TRUNG_HOC',
+            moduleCode: 'LIBRARY',
+            quickActions: [
+                {
+                    name: 'Mượn sách',
+                    code: 'LIBRARY_TRUNG_HOC_BORROW_TICKET_CREATE',
+                    icon: 'LIBRARY_BORROW_TICKET_CREATE',
+                },
+                {
+                    name: 'Trả sách',
+                    code: 'LIBRARY_TRUNG_HOC_BORROW_TICKET_RETURN',
+                    icon: 'LIBRARY_BORROW_TICKET_RETURN',
+                },
+            ],
+        },
+    ];
+    return perCodes.length > 0 ? (react_3.default.createElement(react_3.default.Fragment, null,
+        react_3.default.createElement("div", { className: '-ml-3 hidden h-8 gap-1.5 lg:flex' }, data.map(function (item) {
+            // disabled khi ko có quyền module hoặc ko có quyền ở tất cả các action
+            var isDisabled = !(0, helper_1.enablePer)(item.code, perCodes) || item.quickActions.every(function (action) { return !actionPermisstions[action.code]; });
+            // @ts-ignore
+            var Icon = icon_v3_1.IconV3[item.code];
+            return (react_3.default.createElement("button", { key: item.code, className: (0, types_1.classNames)('flex h-6 items-center gap-x-1 rounded-lg px-2 text-xxs font-[450]', isDisabled
+                    ? 'cursor-not-allowed bg-[#F1F1F1] text-gray-400'
+                    : 'cursor-pointer bg-[#F1F1F1] text-gray-600 hover:bg-white hover:text-gray-900'), onClick: function () {
+                    if (!isDisabled) {
+                        setSelectedQuickAction(item);
+                        setShow(true);
+                    }
+                }, type: 'button' },
+                react_3.default.createElement("span", { className: 'flex h-[0.875rem] w-[0.875rem] items-center justify-center' },
+                    react_3.default.createElement(Icon, null)),
+                react_3.default.createElement("span", null, item.name)));
+        })),
+        react_3.default.createElement("div", { "aria-live": 'assertive', className: 'pointer-events-none absolute inset-0 flex items-center sm:items-start sm:px-4 sm:py-6' },
+            react_3.default.createElement("div", { className: 'fixed bottom-10 left-0 z-[50] mr-8 hidden w-full flex-col items-center lg:flex' },
+                react_3.default.createElement(react_1.Transition, { as: react_2.Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', enterTo: 'translate-y-0 opacity-300 sm:translate-y-0', leave: 'transition ease-in duration-100', leaveFrom: 'translate-y-0 opacity-100 sm:translate-y-0', leaveTo: 'translate-y-2 opacity-0 sm:translate-y-0 sm:translate-y-10', show: show },
+                    react_3.default.createElement("div", { className: 'pointer-events-auto flex items-center gap-x-10 rounded-xl bg-indigo-800 p-2.5 text-[12px] sm:min-w-[30rem] sm:justify-between sm:gap-x-20 sm:text-xs' },
+                        react_3.default.createElement("button", { className: 'flex items-center gap-x-2 rounded-lg border border-gray-600 p-1.5 text-gray-300 hover:bg-white hover:bg-opacity-10 hover:text-white', onClick: function () { return setShow(false); }, type: 'button' },
+                            react_3.default.createElement("p", { className: 'font-normal' }, selectedQuickAction === null || selectedQuickAction === void 0 ? void 0 : selectedQuickAction.name),
+                            react_3.default.createElement(outline_1.XMarkIcon, { className: 'mt-0.5 h-4 w-4' })),
+                        react_3.default.createElement("div", { className: 'flex items-center gap-x-1' }, selectedQuickAction === null || selectedQuickAction === void 0 ? void 0 : selectedQuickAction.quickActions.map(function (action) {
+                            // @ts-ignore
+                            var IconAction = icon_v3_1.IconV3[action.icon];
+                            // chỉ hiển thị những action có quyền
+                            if (actionPermisstions[action.code]) {
+                                return (react_3.default.createElement("button", { key: action.code, className: 'flex items-center gap-x-1.5 rounded-lg px-2.5 py-1.5 text-xs text-gray-300 hover:bg-white hover:bg-opacity-10 hover:text-white', onClick: function () {
+                                        eventBus_1.eventBus.emit(selectedQuickAction.moduleCode, action);
+                                        setShow(false);
+                                    }, type: 'button' },
+                                    react_3.default.createElement("span", { className: 'h-[1.125ren] w-[1.125rem]' },
+                                        react_3.default.createElement(IconAction, null)),
+                                    react_3.default.createElement("span", null, action.name)));
+                            }
+                            return null;
+                        })))))))) : (react_3.default.createElement("div", { className: '-ml-3 hidden h-8 items-center gap-1.5 lg:flex' }, data.map(function (_, index) { return (react_3.default.createElement(Skeleton_1.PHXSkeleton, { key: index, className: '!h-5 w-[150px]', type: 'only-header' })); })));
+}
+//# sourceMappingURL=quick-action.js.map

package/dist/cjs/components/MainWrapV4/components/quick-action.js.map

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

package/dist/cjs/components/MainWrapV4/hooks/use-event-bus.d.ts

@@ -0,0 +1 @@
+export declare function useMainwrapV4EventBus(eventName: string, handler: (payload: any) => void): void;

package/dist/cjs/components/MainWrapV4/hooks/use-event-bus.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMainwrapV4EventBus = useMainwrapV4EventBus;
+var react_1 = require("react");
+var eventBus_1 = require("../utils/eventBus");
+function useMainwrapV4EventBus(eventName, handler) {
+    var handlerRef = (0, react_1.useRef)(handler);
+    (0, react_1.useEffect)(function () {
+        handlerRef.current = handler;
+    }, [handler]);
+    (0, react_1.useEffect)(function () {
+        var listener = function (payload) { return handlerRef.current(payload); };
+        eventBus_1.eventBus.on(eventName, listener);
+        return function () { return eventBus_1.eventBus.off(eventName, listener); };
+    }, [eventName]);
+}
+//# sourceMappingURL=use-event-bus.js.map

package/dist/cjs/components/MainWrapV4/hooks/use-event-bus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-event-bus.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/hooks/use-event-bus.ts"],"names":[],"mappings":";;AAGA,sDAaC;AAhBD,+BAAyC;AACzC,8CAA4C;AAE5C,SAAgB,qBAAqB,CAAC,SAAiB,EAAE,OAA+B;IACtF,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAA;IAElC,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,OAAO,GAAG,OAAO,CAAA;IAC9B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAA,iBAAS,EAAC;QACR,IAAM,QAAQ,GAAG,UAAC,OAAY,IAAK,OAAA,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,EAA3B,CAA2B,CAAA;QAE9D,mBAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;QAChC,OAAO,cAAM,OAAA,mBAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAjC,CAAiC,CAAA;IAChD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AACjB,CAAC"}

package/dist/cjs/components/MainWrapV4/utils/eventBus.d.ts

@@ -0,0 +1,9 @@
+type EventHandler = (payload?: any) => void;
+declare class EventBus {
+    private events;
+    on(event: string, callBack: EventHandler): void;
+    off(event: string, callBack: EventHandler): void;
+    emit(event: string, payload?: any): void;
+}
+export declare const eventBus: EventBus;
+export {};

package/dist/cjs/components/MainWrapV4/utils/eventBus.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.eventBus = void 0;
+var EventBus = /** @class */ (function () {
+    function EventBus() {
+        this.events = new Map();
+    }
+    EventBus.prototype.on = function (event, callBack) {
+        var handlers = this.events.get(event) || [];
+        handlers.push(callBack);
+        this.events.set(event, handlers);
+    };
+    EventBus.prototype.off = function (event, callBack) {
+        var handlers = this.events.get(event) || [];
+        this.events.set(event, handlers.filter(function (h) { return h !== callBack; }));
+    };
+    EventBus.prototype.emit = function (event, payload) {
+        var _a;
+        (_a = this.events.get(event)) === null || _a === void 0 ? void 0 : _a.forEach(function (callBack) { return callBack(payload); });
+    };
+    return EventBus;
+}());
+exports.eventBus = new EventBus();
+//# sourceMappingURL=eventBus.js.map

package/dist/cjs/components/MainWrapV4/utils/eventBus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventBus.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/utils/eventBus.ts"],"names":[],"mappings":";;;AAEA;IAAA;QACU,WAAM,GAAG,IAAI,GAAG,EAA+B,CAAA;IAmBzD,CAAC;IAjBQ,qBAAE,GAAT,UAAU,KAAa,EAAE,QAAsB;QAC7C,IAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;QAC7C,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACvB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAClC,CAAC;IAEM,sBAAG,GAAV,UAAW,KAAa,EAAE,QAAsB;QAC9C,IAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;QAC7C,IAAI,CAAC,MAAM,CAAC,GAAG,CACb,KAAK,EACL,QAAQ,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,KAAK,QAAQ,EAAd,CAAc,CAAC,CACvC,CAAA;IACH,CAAC;IAEM,uBAAI,GAAX,UAAY,KAAa,EAAE,OAAa;;QACtC,MAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,0CAAE,OAAO,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,CAAC,OAAO,CAAC,EAAjB,CAAiB,CAAC,CAAA;IAClE,CAAC;IACH,eAAC;AAAD,CAAC,AApBD,IAoBC;AAEY,QAAA,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAA"}

package/dist/cjs/index.d.ts

@@ -106,4 +106,5 @@ import PHXSetSettingSite from './components/Func/setting-site/set-setting-site';
 import { PHXFormConfigTimeUseService } from './components/FormConfigTimeUseService/FormConfigTimeUseService';
 import { PHXSelectWithAction } from './components/SelectWithAction/SelectWithAction';
 import { PHXText } from './components/Text/Text';
-export { PHXGetSettingSite, PHXSetSettingSite, PHXMainWrapV4, PHXTargetSelect, PHXTextEditor, PHXTextEditorView, PHXStoreProduct, PHXButton, PHXCard, PHXSpinner, PHXFormWrap, PHXHeaderBar, PHXTableV3, PHXInput, PHXSelect, PHXSelectBox, PHXRadio, PHXCheckbox, PHXCheckboxGroup, PHXContainer, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQueryV3, PHXClientMutationV3, PHXClientMutationDataCenterV3, PHXClientQueryDataCenterV3, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLoginV3, PHXLoginSsoV3, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXUploadFile, PHXSearchResultListV3, PHXDatePicker, PHXEmptyRecord, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXDateRangePicker, PHXUseDebounce, PHXResourceList, PHXFetchAPI, PieChart, BarChart, DonutChart, PHXTooltip, PHXGetActiveYearAndNextYearV3, PHXGetPrevCurrentNextYearV3, PHXGetCurrentYearWithTermHocVuV3, PHXGetCurrentYearWithTermV3, PHXFormTuitionV3, PHXMainWrapV3, PHXPagePermissionV3, PHXGetEnvPublicV3, PHXFuncGetActionPermissionV3, PHXUseQueryDataV3, PHXCalendar, PHXLoadingProvider, useLoading, PHXLoadingIndicator, PHXLink, PHXSwitchView, PHXTableVertical, PHXEmptyStateAction, PHXActivityHistory, PHXBannerWithCard, PHXUrlApply, PHXGetSelectedFilterValueFromUrl, PHXCardDetail, PHXGridLayout, PHXColumn, PHXRow, PHXStepCircle, PHXTableStatic, PHXGetToken, PHXToggle, PHXColSpan, PHXSortItem, PHXSortable, PHXGetListDepartmentManager, PHXGetUserManagerByUserId, PHXReportButtonTab, PHXReportButtonTabV2, PHXAllowExplanation, PHXUseRouterBack, PHXChunkUpdateMany, PHXTabDate, PHXTwoColumnLayout, PHXAxiosInstance, PHXDrawer, PHXResourceListSetting, PHXCompleteState, PHXTableReport, PHXMiniProgressBar, PHXFormConfigTimeUseService, PHXSelectWithAction, PHXText, PHXDescriptionListInTooltip, };
+import { useMainwrapV4EventBus } from './components/MainWrapV4/hooks/use-event-bus';
+export { useMainwrapV4EventBus, PHXGetSettingSite, PHXSetSettingSite, PHXMainWrapV4, PHXTargetSelect, PHXTextEditor, PHXTextEditorView, PHXStoreProduct, PHXButton, PHXCard, PHXSpinner, PHXFormWrap, PHXHeaderBar, PHXTableV3, PHXInput, PHXSelect, PHXSelectBox, PHXRadio, PHXCheckbox, PHXCheckboxGroup, PHXContainer, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQueryV3, PHXClientMutationV3, PHXClientMutationDataCenterV3, PHXClientQueryDataCenterV3, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLoginV3, PHXLoginSsoV3, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXUploadFile, PHXSearchResultListV3, PHXDatePicker, PHXEmptyRecord, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXDateRangePicker, PHXUseDebounce, PHXResourceList, PHXFetchAPI, PieChart, BarChart, DonutChart, PHXTooltip, PHXGetActiveYearAndNextYearV3, PHXGetPrevCurrentNextYearV3, PHXGetCurrentYearWithTermHocVuV3, PHXGetCurrentYearWithTermV3, PHXFormTuitionV3, PHXMainWrapV3, PHXPagePermissionV3, PHXGetEnvPublicV3, PHXFuncGetActionPermissionV3, PHXUseQueryDataV3, PHXCalendar, PHXLoadingProvider, useLoading, PHXLoadingIndicator, PHXLink, PHXSwitchView, PHXTableVertical, PHXEmptyStateAction, PHXActivityHistory, PHXBannerWithCard, PHXUrlApply, PHXGetSelectedFilterValueFromUrl, PHXCardDetail, PHXGridLayout, PHXColumn, PHXRow, PHXStepCircle, PHXTableStatic, PHXGetToken, PHXToggle, PHXColSpan, PHXSortItem, PHXSortable, PHXGetListDepartmentManager, PHXGetUserManagerByUserId, PHXReportButtonTab, PHXReportButtonTabV2, PHXAllowExplanation, PHXUseRouterBack, PHXChunkUpdateMany, PHXTabDate, PHXTwoColumnLayout, PHXAxiosInstance, PHXDrawer, PHXResourceListSetting, PHXCompleteState, PHXTableReport, PHXMiniProgressBar, PHXFormConfigTimeUseService, PHXSelectWithAction, PHXText, PHXDescriptionListInTooltip, };

package/dist/cjs/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PHXDateRangePicker = exports.PHXUploadAvatar = exports.PHXDropdown = exports.PHXTimePicker = exports.PHXEmptyRecord = exports.PHXDatePicker = exports.PHXSearchResultListV3 = exports.PHXUploadFile = exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLoginSsoV3 = exports.PHXLoginV3 = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientQueryDataCenterV3 = exports.PHXClientMutationDataCenterV3 = exports.PHXClientMutationV3 = exports.PHXClientQueryV3 = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXContainer = exports.PHXCheckboxGroup = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelectBox = exports.PHXSelect = exports.PHXInput = exports.PHXTableV3 = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.PHXStoreProduct = exports.PHXTextEditorView = exports.PHXTextEditor = exports.PHXTargetSelect = exports.PHXMainWrapV4 = exports.PHXSetSettingSite = exports.PHXGetSettingSite = void 0;
-exports.PHXAxiosInstance = exports.PHXTwoColumnLayout = exports.PHXTabDate = exports.PHXChunkUpdateMany = exports.PHXUseRouterBack = exports.PHXAllowExplanation = exports.PHXReportButtonTabV2 = exports.PHXReportButtonTab = exports.PHXGetUserManagerByUserId = exports.PHXGetListDepartmentManager = exports.PHXSortable = exports.PHXSortItem = exports.PHXColSpan = exports.PHXToggle = exports.PHXGetToken = exports.PHXTableStatic = exports.PHXStepCircle = exports.PHXRow = exports.PHXColumn = exports.PHXGridLayout = exports.PHXCardDetail = exports.PHXGetSelectedFilterValueFromUrl = exports.PHXUrlApply = exports.PHXBannerWithCard = exports.PHXActivityHistory = exports.PHXEmptyStateAction = exports.PHXTableVertical = exports.PHXSwitchView = exports.PHXLink = exports.PHXLoadingIndicator = exports.useLoading = exports.PHXLoadingProvider = exports.PHXCalendar = exports.PHXUseQueryDataV3 = exports.PHXFuncGetActionPermissionV3 = exports.PHXGetEnvPublicV3 = exports.PHXPagePermissionV3 = exports.PHXMainWrapV3 = exports.PHXFormTuitionV3 = exports.PHXGetCurrentYearWithTermV3 = exports.PHXGetCurrentYearWithTermHocVuV3 = exports.PHXGetPrevCurrentNextYearV3 = exports.PHXGetActiveYearAndNextYearV3 = exports.PHXTooltip = exports.DonutChart = exports.BarChart = exports.PieChart = exports.PHXFetchAPI = exports.PHXResourceList = exports.PHXUseDebounce = void 0;
-exports.PHXDescriptionListInTooltip = exports.PHXText = exports.PHXSelectWithAction = exports.PHXFormConfigTimeUseService = exports.PHXMiniProgressBar = exports.PHXTableReport = exports.PHXCompleteState = exports.PHXResourceListSetting = exports.PHXDrawer = void 0;
+exports.PHXUploadAvatar = exports.PHXDropdown = exports.PHXTimePicker = exports.PHXEmptyRecord = exports.PHXDatePicker = exports.PHXSearchResultListV3 = exports.PHXUploadFile = exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLoginSsoV3 = exports.PHXLoginV3 = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientQueryDataCenterV3 = exports.PHXClientMutationDataCenterV3 = exports.PHXClientMutationV3 = exports.PHXClientQueryV3 = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXContainer = exports.PHXCheckboxGroup = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelectBox = exports.PHXSelect = exports.PHXInput = exports.PHXTableV3 = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.PHXStoreProduct = exports.PHXTextEditorView = exports.PHXTextEditor = exports.PHXTargetSelect = exports.PHXMainWrapV4 = exports.PHXSetSettingSite = exports.PHXGetSettingSite = exports.useMainwrapV4EventBus = void 0;
+exports.PHXTwoColumnLayout = exports.PHXTabDate = exports.PHXChunkUpdateMany = exports.PHXUseRouterBack = exports.PHXAllowExplanation = exports.PHXReportButtonTabV2 = exports.PHXReportButtonTab = exports.PHXGetUserManagerByUserId = exports.PHXGetListDepartmentManager = exports.PHXSortable = exports.PHXSortItem = exports.PHXColSpan = exports.PHXToggle = exports.PHXGetToken = exports.PHXTableStatic = exports.PHXStepCircle = exports.PHXRow = exports.PHXColumn = exports.PHXGridLayout = exports.PHXCardDetail = exports.PHXGetSelectedFilterValueFromUrl = exports.PHXUrlApply = exports.PHXBannerWithCard = exports.PHXActivityHistory = exports.PHXEmptyStateAction = exports.PHXTableVertical = exports.PHXSwitchView = exports.PHXLink = exports.PHXLoadingIndicator = exports.useLoading = exports.PHXLoadingProvider = exports.PHXCalendar = exports.PHXUseQueryDataV3 = exports.PHXFuncGetActionPermissionV3 = exports.PHXGetEnvPublicV3 = exports.PHXPagePermissionV3 = exports.PHXMainWrapV3 = exports.PHXFormTuitionV3 = exports.PHXGetCurrentYearWithTermV3 = exports.PHXGetCurrentYearWithTermHocVuV3 = exports.PHXGetPrevCurrentNextYearV3 = exports.PHXGetActiveYearAndNextYearV3 = exports.PHXTooltip = exports.DonutChart = exports.BarChart = exports.PieChart = exports.PHXFetchAPI = exports.PHXResourceList = exports.PHXUseDebounce = exports.PHXDateRangePicker = void 0;
+exports.PHXDescriptionListInTooltip = exports.PHXText = exports.PHXSelectWithAction = exports.PHXFormConfigTimeUseService = exports.PHXMiniProgressBar = exports.PHXTableReport = exports.PHXCompleteState = exports.PHXResourceListSetting = exports.PHXDrawer = exports.PHXAxiosInstance = void 0;
 var tslib_1 = require("tslib");
 var BannerWithCard_1 = require("./components/BannerWithCard/BannerWithCard");
 Object.defineProperty(exports, "PHXBannerWithCard", { enumerable: true, get: function () { return BannerWithCard_1.PHXBannerWithCard; } });
@@ -221,4 +221,6 @@ var SelectWithAction_1 = require("./components/SelectWithAction/SelectWithAction
 Object.defineProperty(exports, "PHXSelectWithAction", { enumerable: true, get: function () { return SelectWithAction_1.PHXSelectWithAction; } });
 var Text_1 = require("./components/Text/Text");
 Object.defineProperty(exports, "PHXText", { enumerable: true, get: function () { return Text_1.PHXText; } });
+var use_event_bus_1 = require("./components/MainWrapV4/hooks/use-event-bus");
+Object.defineProperty(exports, "useMainwrapV4EventBus", { enumerable: true, get: function () { return use_event_bus_1.useMainwrapV4EventBus; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,6EAA8E;AA0L5E,kGA1LO,kCAAiB,OA0LP;AAzLnB,6EAAoF;AA8KlF,6GA9KO,kDAA4B,OA8KP;AA7K9B,8DAA+D;AA+H7D,6FA/HO,wBAAY,OA+HP;AA9Hd,sDAAuD;AAqJrD,8FArJO,0BAAa,OAqJP;AApJf,sDAAuD;AAkJrD,8FAlJO,0BAAa,OAkJP;AAjJf,0CAA2C;AA+HzC,wFA/HO,cAAO,OA+HP;AA9HT,8CAA+C;AA+G7C,0FA/GO,kBAAS,OA+GP;AA9GX,0CAA2C;AA+GzC,wFA/GO,cAAO,OA+GP;AA9GT,gDAAiD;AA+G/C,2FA/GO,oBAAU,OA+GP;AA9GZ,kDAAmD;AA+GjD,4FA/GO,sBAAW,OA+GP;AA9Gb,oDAAqD;AA+GnD,6FA/GO,wBAAY,OA+GP;AA9Gd,4CAA6C;AAgH3C,yFAhHO,gBAAQ,OAgHP;AA/GV,8CAA+C;AAgH7C,0FAhHO,kBAAS,OAgHP;AA/GX,oDAAqD;AAgHnD,6FAhHO,wBAAY,OAgHP;AA/Gd,4CAA6C;AAgH3C,yFAhHO,gBAAQ,OAgHP;AA/GV,kDAAmD;AAgHjD,4FAhHO,sBAAW,OAgHP;AA/Gb,4DAA6D;AAgH3D,iGAhHO,gCAAgB,OAgHP;AA/GlB,kDAAmD;AAiHjD,4FAjHO,sBAAW,OAiHP;AAhHb,4DAA6D;AAiH3D,iGAjHO,gCAAgB,OAiHP;AAhHlB,kDAAmD;AAkHjD,4FAlHO,sBAAW,OAkHP;AAjHb,wFAAiE;AAkH/D,+BAlHK,sBAAoB,CAkHL;AAjHtB,kDAAmD;AAsHjD,4FAtHO,sBAAW,OAsHP;AArHb,4CAA6C;AAsH3C,yFAtHO,gBAAQ,OAsHP;AArHV,0CAA2C;AAsHzC,wFAtHO,cAAO,OAsHP;AArHT,sDAAuD;AAsHrD,8FAtHO,0BAAa,OAsHP;AArHf,kEAAmE;AAsHjE,oGAtHO,sCAAmB,OAsHP;AArHrB,kFAAmF;AAgMjF,4GAhMO,sDAA2B,OAgMP;AA/L7B,4CAA6C;AAqH3C,yFArHO,gBAAQ,OAqHP;AApHV,8CAA+C;AAuH7C,0FAvHO,kBAAS,OAuHP;AAtHX,wDAAyD;AAuHvD,+FAvHO,4BAAc,OAuHP;AAtHhB,kDAAmD;AAuHjD,4FAvHO,sBAAW,OAuHP;AAtHb,gEAAiE;AAwH/D,mGAxHO,oCAAkB,OAwHP;AAvHpB,sEAAuE;AAyHrE,sGAzHO,0CAAqB,OAyHP;AAxHvB,sDAAuD;AAyHrD,8FAzHO,0BAAa,OAyHP;AAxHf,wDAAyD;AAyHvD,+FAzHO,4BAAc,OAyHP;AAxHhB,sDAAuD;AAyHrD,8FAzHO,0BAAa,OAyHP;AAxHf,kDAAmD;AAyHjD,4FAzHO,sBAAW,OAyHP;AAxHb,gGAAoE;AAyHlE,0BAzHK,sBAAe,CAyHL;AAxHjB,sFAA0D;AA0HxD,yBA1HK,qBAAc,CA0HL;AAzHhB,0DAA2D;AA0HzD,gGA1HO,8BAAe,OA0HP;AAzHjB,gEAAiE;AAuH/D,mGAvHO,oCAAkB,OAuHP;AAtHpB,sFAAuD;AAyHrD,sBAzHK,qBAAW,CAyHL;AAxHb,0FAA2D;AAyHzD,mBAzHK,kBAAQ,CAyHL;AAxHV,0FAA2D;AAyHzD,mBAzHK,kBAAQ,CAyHL;AAxHV,gGAAiE;AAyH/D,qBAzHK,oBAAU,CAyHL;AAxHZ,iFAAqD;AAyHnD,qBAzHK,iBAAU,CAyHL;AAxHZ,0FAA8D;AAyF5D,2BAzFK,uBAAgB,CAyFL;AAxFlB,gGAAoE;AAyFlE,8BAzFK,0BAAmB,CAyFL;AAxFrB,oHAAwF;AAyFtF,wCAzFK,oCAA6B,CAyFL;AAxF/B,8GAAkF;AAyFhF,qCAzFK,iCAA0B,CAyFL;AAxF5B,gDAAiD;AA+F/C,2FA/FO,oBAAU,OA+FP;AA9FZ,sDAAuD;AA+FrD,8FA/FO,0BAAa,OA+FP;AA9Ff,qIAAuG;AAmHrG,wCAnHK,sCAA6B,CAmHL;AAlH/B,yIAAuG;AAmHrG,sCAnHK,wCAA2B,CAmHL;AAlH7B,qHAAkG;AAmHhG,2CAnHK,8BAAgC,CAmHL;AAlHlC,2GAAwF;AAmHtF,sCAnHK,yBAA2B,CAmHL;AAlH7B,4DAA6D;AAmH3D,iGAnHO,gCAAgB,OAmHP;AAlHlB,sDAAuD;AAmHrD,8FAnHO,0BAAa,OAmHP;AAlHf,kEAAmE;AAmHjE,oGAnHO,sCAAmB,OAmHP;AAlHrB,gDAAiD;AA+D/C,2FA/DO,oBAAU,OA+DP;AA9DZ,wFAA8D;AAkH5D,4BAlHK,sBAAiB,CAkHL;AAjHnB,kGAAmE;AAmHjE,4BAnHK,2BAAiB,CAmHL;AAlHnB,kGAAmE;AA6HjE,sBA7HK,qBAAW,CA6HL;AA5Hb,4IAA6G;AA6H3G,2CA7HK,0CAAgC,CA6HL;AA5HlC,kDAAmD;AAiHjD,4FAjHO,sBAAW,OAiHP;AAhHb,gEAA6E;AAiH3E,mGAjHO,oCAAkB,OAiHP;AAClB,2FAlH2B,4BAAU,OAkH3B;AAjHZ,8GAAiF;AAkH/E,8BAlHK,2BAAmB,CAkHL;AAjHrB,wEAA4C;AAkH1C,kBAlHK,cAAO,CAkHL;AAjHT,sDAAuD;AAkHrD,8FAlHO,0BAAa,OAkHP;AAjHf,4DAA6D;AAkH3D,iGAlHO,gCAAgB,OAkHP;AAjHlB,kEAAmE;AAkHjE,oGAlHO,sCAAmB,OAkHP;AAjHrB,yGAA6E;AAkH3E,6BAlHK,yBAAkB,CAkHL;AAjHpB,iEAAkE;AAqHhE,8FArHO,0BAAa,OAqHP;AApHf,iEAAkE;AAqHhE,8FArHO,0BAAa,OAqHP;AApHf,8EAAkD;AAqHhD,oBArHK,gBAAS,CAqHL;AApHX,qEAAyC;AAqHvC,iBArHK,aAAM,CAqHL;AApHR,iEAAkE;AAqHhE,8FArHO,0BAAa,OAqHP;AApHf,oEAAqE;AAqHnE,+FArHO,4BAAc,OAqHP;AApHhB,gGAAoE;AAsClE,0BAtCK,sBAAe,CAsCL;AArCjB,gFAAoD;AAoHlD,sBApHK,kBAAW,CAoHL;AAnHb,iFAAqD;AAoHnD,oBApHK,gBAAS,CAoHL;AAnHX,gDAAiD;AAoH/C,2FApHO,oBAAU,OAoHP;AAnHZ,oFAAwD;AAoHtD,sBApHK,kBAAW,CAoHL;AAnHb,oFAAwD;AAoHtD,sBApHK,kBAAW,CAoHL;AAnHb,kIAAsG;AAoHpG,sCApHK,kCAA2B,CAoHL;AAnH7B,uEAA2E;AAqHzE,mGArHO,iCAAkB,OAqHP;AApHpB,6EAAiF;AAqH/E,qGArHO,qCAAoB,OAqHP;AApHtB,iJAA8G;AAkH5G,oCAlHK,uCAAyB,CAkHL;AAjH3B,sHAAqF;AAoHnF,8BApHK,+BAAmB,CAoHL;AAnHrB,2DAA0D;AAoHxD,iGApHO,kCAAgB,OAoHP;AAnHlB,8FAAkE;AAoHhE,6BApHK,yBAAkB,CAoHL;AAnHpB,uFAAwD;AAoHtD,qBApHK,oBAAU,CAoHL;AAnHZ,gFAAiF;AAoH/E,mGApHO,oCAAkB,OAoHP;AAnHpB,0FAA8D;AAqB5D,wBArBK,oBAAa,CAqBL;AApBf,kGAAsE;AAqBpE,4BArBK,wBAAiB,CAqBL;AApBnB,iDAAkD;AAkHhD,iGAlHO,gCAAgB,OAkHP;AAjHlB,kGAAqE;AAiBnE,0BAjBK,uBAAe,CAiBL;AAhBjB,qDAAsD;AAiHpD,0FAjHO,kBAAS,OAiHP;AAhHX,wEAAyE;AAiHvE,uGAjHO,4CAAsB,OAiHP;AAhHxB,sDAAuD;AAarD,8FAbO,0BAAa,OAaP;AAZf,4EAA4E;AAgH1E,iGAhHO,iCAAgB,OAgHP;AA/GlB,oEAAqE;AAgHnE,+FAhHO,4BAAc,OAgHP;AA/GhB,gFAAiF;AAgH/E,mGAhHO,oCAAkB,OAgHP;AA/GpB,6GAA+E;AAO7E,4BAPK,0BAAiB,CAOL;AANnB,6GAA+E;AAO7E,4BAPK,0BAAiB,CAOL;AANnB,2GAA4G;AA8G1G,4GA9GO,sDAA2B,OA8GP;AA7G7B,mFAAoF;AA8GlF,oGA9GO,sCAAmB,OA8GP;AA7GrB,+CAAgD;AA8G9C,wFA9GO,cAAO,OA8GP"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/LoadingIndicator/loading-indicator.js

@@ -4,8 +4,8 @@ import { useLoading } from '../LoadingProvider';
 import PHXFuncGetLoggedInfo from '../Func/getLoginInfo';
 export default function PHXLoadingIndicator() {
     var defaultColor = {
-        from: '#6528F7',
-        to: '#6528F7',
+        from: '#CB1D63',
+        to: '#621639',
     };
     var progress = useLoading().progress;
     var _a = useState(defaultColor), color = _a[0], setColor = _a[1];

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

@@ -29,31 +29,32 @@ import { PageTracker } from '../../stores/page-tracker/page-tracker';
 import { PHXSkeleton } from '../Skeleton';
 import { PHXModal } from '../Modal';
 import { PHXBanner } from '../Banner';
+import QuickAction from './components/quick-action';
 library.add(fas);
 export var PHXMainWrapV4 = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var children = _a.children, getDataCookies = _a.getDataCookies, _g = _a.logoHeight, logoHeight = _g === void 0 ? '28px' : _g, _h = _a.multipleMenu, multipleMenu = _h === void 0 ? false : _h, params = _a.params, pathName = _a.pathName, router = _a.router;
+    var _b, _c, _d, _e, _f, _g;
+    var children = _a.children, getDataCookies = _a.getDataCookies, _h = _a.logoHeight, logoHeight = _h === void 0 ? '28px' : _h, _j = _a.multipleMenu, multipleMenu = _j === void 0 ? false : _j, params = _a.params, pathName = _a.pathName, router = _a.router;
     var pid = (params ? params : {}).pid;
-    var _j = useState(false), modal = _j[0], setModal = _j[1];
-    var _k = useState(false), sidebarOpen = _k[0], setSidebarOpen = _k[1];
-    var _l = useState([]), subNavigation = _l[0], setSubNavigation = _l[1];
-    var _m = useState([]), navigation = _m[0], setNavigation = _m[1];
-    var _o = useState(false), modalSignOut = _o[0], setModalSignOut = _o[1];
-    var _p = useState(true), showBanner = _p[0], setShowBanner = _p[1];
-    var _q = useState(true), isLoading = _q[0], setIsLoading = _q[1];
+    var _k = useState(false), modal = _k[0], setModal = _k[1];
+    var _l = useState(false), sidebarOpen = _l[0], setSidebarOpen = _l[1];
+    var _m = useState([]), subNavigation = _m[0], setSubNavigation = _m[1];
+    var _o = useState([]), navigation = _o[0], setNavigation = _o[1];
+    var _p = useState(false), modalSignOut = _p[0], setModalSignOut = _p[1];
+    var _q = useState(true), showBanner = _q[0], setShowBanner = _q[1];
+    var _r = useState(true), isLoading = _r[0], setIsLoading = _r[1];
     var sessionCookie = useRef(PHXFuncGetCookieSession());
     var userSessionInfo = (_b = sessionCookie.current) === null || _b === void 0 ? void 0 : _b.user_info;
     var schoolInfoId = userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.school_id;
     var userId = userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.id;
     var setGlobalLoading = useLoading().setLoading;
-    var _r = useState(JSON.parse(localStorage.getItem(LOCALSTORAGE_SHOW_SUB_MENU_KEY) || 'true')), showSubMenu = _r[0], setShowSubMenu = _r[1];
+    var _s = useState(JSON.parse(localStorage.getItem(LOCALSTORAGE_SHOW_SUB_MENU_KEY) || 'true')), showSubMenu = _s[0], setShowSubMenu = _s[1];
     var searchParams = useSearchParams();
-    var _s = useState(false), mounted = _s[0], setMounted = _s[1];
-    var _t = useState(function () {
+    var _t = useState(false), mounted = _t[0], setMounted = _t[1];
+    var _u = useState(function () {
         var savedSideBarType = localStorage.getItem(LOCALSTORAGE_SHOW_SIDEBAR_TYPE);
         return savedSideBarType || SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL;
-    }), sideBarType = _t[0], setSideBarType = _t[1];
-    var _u = useState({
+    }), sideBarType = _u[0], setSideBarType = _u[1];
+    var _v = useState({
         menuDefault: [],
         loadingMenu: true,
         loadingSchool: true,
@@ -69,7 +70,7 @@ export var PHXMainWrapV4 = function (_a) {
         roleCode: [],
         isLoadingPermission: true,
         sourceAvatar: ((_c = userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.user_avatar) === null || _c === void 0 ? void 0 : _c.size_small) || (userSessionInfo === null || userSessionInfo === void 0 ? void 0 : userSessionInfo.avatar) || DEFAULT_AVATAR,
-    }), dataInitMain = _u[0], setDataInitMain = _u[1];
+    }), dataInitMain = _v[0], setDataInitMain = _v[1];
     var locationPathname = typeof window !== 'undefined' ? window.location.pathname : '';
     var locationArr = locationPathname.split('/').filter(Boolean);
     var basePath = locationArr.slice(0, locationArr.length - pathName.split('/').filter(Boolean).length).join('/');
@@ -528,7 +529,7 @@ export var PHXMainWrapV4 = function (_a) {
     var handleProfilePage = function () {
         handleRedirectRouter('profile');
     };
-    var _v = useState(null), selected = _v[0], setSelected = _v[1];
+    var _w = useState(null), selected = _w[0], setSelected = _w[1];
     var handleOpenModal = function (id) {
         setModal(id !== dataInitMain.schoolId);
         setSelected(id);
@@ -560,7 +561,7 @@ export var PHXMainWrapV4 = function (_a) {
         var pathNameSplit = pathNameWithBasePath.split('/');
         return pathNameSplit[1] === PATH_ACTIVITY_HISTORY;
     };
-    var _w = useState(MENU_ACTIVITY_HISTORY_CHILD), activityHistoryChild = _w[0], setActivityHistoryChild = _w[1];
+    var _x = useState(MENU_ACTIVITY_HISTORY_CHILD), activityHistoryChild = _x[0], setActivityHistoryChild = _x[1];
     var handleClickActivityHistoryChild = function (clickedItem) {
         var updated = activityHistoryChild.map(function (item) { return (__assign(__assign({}, item), { current: item.code === clickedItem.code })); });
         setActivityHistoryChild(updated);
@@ -600,61 +601,63 @@ export var PHXMainWrapV4 = function (_a) {
         React.createElement(PageTracker, null),
         React.createElement("div", { className: 'flex min-h-full flex-col' },
             React.createElement(StyledCustomLayoutProps, { configLayout: dataInitMain === null || dataInitMain === void 0 ? void 0 : dataInitMain.configLayout, settingSiteCookie: getDataCookies ? (_f = decryptCookie(getDataCookies)) === null || _f === void 0 ? void 0 : _f.setting_site : null }),
-            React.createElement("header", { className: 'fixed top-0 z-50 flex h-12 min-w-full items-center justify-between bg-[#DEDEDE] pl-1.5 pr-2 lg:px-5' },
-                React.createElement("div", { className: 'flex items-center gap-x-2' },
-                    React.createElement("div", { className: 'flex items-center lg:hidden' },
-                        React.createElement("button", { className: 'bg-grey-100 inline-flex items-center justify-center rounded-md p-1 text-gray-200 hover:bg-white hover:text-gray-600', onClick: function () { return setSidebarOpen(!sidebarOpen); }, type: 'button' },
-                            React.createElement("span", { className: 'sr-only' }, "Open sidebar"),
-                            sidebarOpen ? (React.createElement(XMarkIcon, { "aria-hidden": 'true', className: 'h-5 w-5 text-gray-900' })) : (React.createElement(Bars3Icon, { "aria-hidden": 'true', className: 'h-5 w-5 text-gray-900' })))),
-                    React.createElement("a", { className: 'flex w-full items-center', href: '/' }, topMenuLogoFromEnv ? (React.createElement(React.Fragment, null, isLoading ? (React.createElement("div", { className: 'header-loading-logo h-[1.2rem] w-full animate-pulse' })) : (React.createElement("img", { alt: 'Logo', className: 'h-[1.2rem] w-auto', src: checkLogoHeader, style: { maxWidth: '12rem' } })))) : (React.createElement(React.Fragment, null)))),
-                mounted && (React.createElement(SearchBarHeader, { menu: navigation, perCode: dataInitMain.perCode, sideBarType: sideBarType, userId: userId })),
-                React.createElement("div", { className: 'flex items-center' },
-                    React.createElement("div", { className: '-m-1.5 p-1.5' },
-                        React.createElement(Menu, { as: 'div', className: 'relative ml-3' },
-                            React.createElement("div", null,
-                                React.createElement(Menu.Button, { className: 'flex max-w-xs items-center rounded-full bg-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800' },
-                                    React.createElement("span", { className: 'sr-only' }, "Open user menu"),
-                                    isLoading ? (React.createElement("div", { className: 'flex animate-pulse' },
-                                        React.createElement("div", { className: 'header-loading-avatar h-6 w-6 rounded-full' }))) : (React.createElement("img", { alt: '', className: 'h-6 w-6 rounded-full', src: dataInitMain.sourceAvatar })))),
-                            React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
-                                React.createElement(Menu.Items, { className: ' shadow-lg absolute right-0 z-10 mt-2 w-[340px] origin-top-right rounded-md bg-white px-2 ring-1 ring-black ring-opacity-5 focus:outline-none' },
-                                    React.createElement(Menu.Item, null,
-                                        React.createElement("div", { "aria-hidden": true, className: 'px-2 pb-2 pt-4 text-sm font-semibold text-gray-900 ' }, "Ch\u1ECDn tr\u01B0\u1EDDng")),
-                                    !dataInitMain.loadingSchool ? (React.createElement(React.Fragment, null, dataInitMain.listSchool
-                                        .filter(function (val) {
-                                        if (!enablePer(switchSchool, dataInitMain.perCode)) {
-                                            return val.id === dataInitMain.schoolId;
-                                        }
-                                        else {
-                                            return true;
-                                        }
-                                    })
-                                        .map(function (item) { return (React.createElement(Menu.Item, { key: item.id },
-                                        React.createElement("div", { "aria-hidden": true, className: "".concat(item.id === dataInitMain.schoolId &&
-                                                dataInitMain.listSchool.length > 1 &&
-                                                !enablePer(switchSchool, dataInitMain.perCode) === false
-                                                ? 'rounded-lg bg-zinc-200 font-semibold text-gray-900 '
-                                                : 'font-normal   ', " \n                                  ").concat(item.id !== dataInitMain.schoolId &&
-                                                (dataInitMain.listSchool.length === 1 ||
-                                                    !enablePer(switchSchool, dataInitMain.perCode)) === false
-                                                ? 'cursor-pointer hover:rounded-lg hover:bg-gray-100'
-                                                : '', "\n                              relative mb-1  flex items-center justify-between px-2  py-1.5 text-sm text-gray-900"), onClick: function () { return handleOpenModal(item.id); } },
-                                            React.createElement("p", { className: 'max-w-[95%] truncate' }, item.name),
-                                            item.id === dataInitMain.schoolId &&
-                                                dataInitMain.listSchool.length > 1 &&
-                                                !enablePer(switchSchool, dataInitMain.perCode) === false && (React.createElement(CheckIcon, { "aria-hidden": 'true', className: 'h-4 w-4' }))))); }))) : (React.createElement(PHXSkeleton, { className: 'flex-1 px-2 py-2', type: 'single' })),
-                                    React.createElement("div", { className: 'border-b pt-1.5' }),
-                                    React.createElement(Menu.Item, null,
-                                        React.createElement("div", { "aria-hidden": true, className: 'px-2 pb-2 pt-4  text-sm font-semibold text-gray-900' }, "T\u00F9y ch\u1ECDn")),
-                                    React.createElement(Menu.Item, null,
-                                        React.createElement("div", { "aria-hidden": true, className: 'cursor-pointer px-2 py-1.5 text-sm text-gray-900 hover:rounded-lg hover:bg-gray-100', onClick: handleProfilePage }, "Th\u00F4ng tin c\u00E1 nh\u00E2n")),
-                                    React.createElement(Menu.Item, null,
-                                        React.createElement("div", { "aria-hidden": true, className: 'mb-2.5 cursor-pointer px-2 py-1.5 text-sm text-[#8e1f0c] hover:rounded-lg hover:bg-gray-100', onClick: handleModalSignOut }, "\u0110\u0103ng xu\u1EA5t"))))))))),
+            React.createElement("header", { className: 'fixed top-0 z-50 flex h-12 min-w-full flex-col justify-between bg-[#DEDEDE] pl-1.5 pr-2 lg:h-[5rem] lg:px-5' },
+                React.createElement("div", { className: 'flex h-10 w-full items-center justify-between' },
+                    React.createElement("div", { className: 'flex items-center gap-x-2' },
+                        React.createElement("div", { className: 'flex items-center lg:hidden' },
+                            React.createElement("button", { className: 'bg-grey-100 inline-flex items-center justify-center rounded-md p-1 text-gray-200 hover:bg-white hover:text-gray-600', onClick: function () { return setSidebarOpen(!sidebarOpen); }, type: 'button' },
+                                React.createElement("span", { className: 'sr-only' }, "Open sidebar"),
+                                sidebarOpen ? (React.createElement(XMarkIcon, { "aria-hidden": 'true', className: 'h-5 w-5 text-gray-900' })) : (React.createElement(Bars3Icon, { "aria-hidden": 'true', className: 'h-5 w-5 text-gray-900' })))),
+                        React.createElement("a", { className: 'flex w-full items-center', href: '/' }, topMenuLogoFromEnv ? (React.createElement(React.Fragment, null, isLoading ? (React.createElement("div", { className: 'header-loading-logo h-[1.2rem] w-full animate-pulse' })) : (React.createElement("img", { alt: 'Logo', className: 'h-[1.2rem] w-auto', src: checkLogoHeader, style: { maxWidth: '12rem' } })))) : (React.createElement(React.Fragment, null)))),
+                    mounted && (React.createElement(SearchBarHeader, { menu: navigation, perCode: dataInitMain.perCode, sideBarType: sideBarType, userId: userId })),
+                    React.createElement("div", { className: 'flex items-center' },
+                        React.createElement("div", { className: '-m-1.5 p-1.5' },
+                            React.createElement(Menu, { as: 'div', className: 'relative ml-3' },
+                                React.createElement("div", null,
+                                    React.createElement(Menu.Button, { className: 'flex max-w-xs items-center rounded-full bg-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800' },
+                                        React.createElement("span", { className: 'sr-only' }, "Open user menu"),
+                                        isLoading ? (React.createElement("div", { className: 'flex animate-pulse' },
+                                            React.createElement("div", { className: 'header-loading-avatar h-6 w-6 rounded-full' }))) : (React.createElement("img", { alt: '', className: 'h-6 w-6 rounded-full', src: dataInitMain.sourceAvatar })))),
+                                React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
+                                    React.createElement(Menu.Items, { className: ' shadow-lg absolute right-0 z-10 mt-2 w-[340px] origin-top-right rounded-md bg-white px-2 ring-1 ring-black ring-opacity-5 focus:outline-none' },
+                                        React.createElement(Menu.Item, null,
+                                            React.createElement("div", { "aria-hidden": true, className: 'px-2 pb-2 pt-4 text-sm font-semibold text-gray-900 ' }, "Ch\u1ECDn tr\u01B0\u1EDDng")),
+                                        !dataInitMain.loadingSchool ? (React.createElement(React.Fragment, null, dataInitMain.listSchool
+                                            .filter(function (val) {
+                                            if (!enablePer(switchSchool, dataInitMain.perCode)) {
+                                                return val.id === dataInitMain.schoolId;
+                                            }
+                                            else {
+                                                return true;
+                                            }
+                                        })
+                                            .map(function (item) { return (React.createElement(Menu.Item, { key: item.id },
+                                            React.createElement("div", { "aria-hidden": true, className: "".concat(item.id === dataInitMain.schoolId &&
+                                                    dataInitMain.listSchool.length > 1 &&
+                                                    !enablePer(switchSchool, dataInitMain.perCode) === false
+                                                    ? 'rounded-lg bg-zinc-200 font-semibold text-gray-900 '
+                                                    : 'font-normal   ', " \n                                  ").concat(item.id !== dataInitMain.schoolId &&
+                                                    (dataInitMain.listSchool.length === 1 ||
+                                                        !enablePer(switchSchool, dataInitMain.perCode)) === false
+                                                    ? 'cursor-pointer hover:rounded-lg hover:bg-gray-100'
+                                                    : '', "\n                              relative mb-1  flex items-center justify-between px-2  py-1.5 text-sm text-gray-900"), onClick: function () { return handleOpenModal(item.id); } },
+                                                React.createElement("p", { className: 'max-w-[95%] truncate' }, item.name),
+                                                item.id === dataInitMain.schoolId &&
+                                                    dataInitMain.listSchool.length > 1 &&
+                                                    !enablePer(switchSchool, dataInitMain.perCode) === false && (React.createElement(CheckIcon, { "aria-hidden": 'true', className: 'h-4 w-4' }))))); }))) : (React.createElement(PHXSkeleton, { className: 'flex-1 px-2 py-2', type: 'single' })),
+                                        React.createElement("div", { className: 'border-b pt-1.5' }),
+                                        React.createElement(Menu.Item, null,
+                                            React.createElement("div", { "aria-hidden": true, className: 'px-2 pb-2 pt-4  text-sm font-semibold text-gray-900' }, "T\u00F9y ch\u1ECDn")),
+                                        React.createElement(Menu.Item, null,
+                                            React.createElement("div", { "aria-hidden": true, className: 'cursor-pointer px-2 py-1.5 text-sm text-gray-900 hover:rounded-lg hover:bg-gray-100', onClick: handleProfilePage }, "Th\u00F4ng tin c\u00E1 nh\u00E2n")),
+                                        React.createElement(Menu.Item, null,
+                                            React.createElement("div", { "aria-hidden": true, className: 'mb-2.5 cursor-pointer px-2 py-1.5 text-sm text-[#8e1f0c] hover:rounded-lg hover:bg-gray-100', onClick: handleModalSignOut }, "\u0110\u0103ng xu\u1EA5t")))))))),
+                React.createElement(QuickAction, { actionPermisstions: (_g = sessionCookie.current) === null || _g === void 0 ? void 0 : _g.action_permission, perCodes: dataInitMain.perCode }))),
         React.createElement(PHXModal, { dangerActionText: '\u0110\u0103ng xu\u1EA5t', onDangerClick: handleSignOut, onHide: function () { return setModalSignOut(false); }, primaryActionText: '', show: modalSignOut, title: '\u0110\u0103ng xu\u1EA5t' },
             React.createElement("div", { className: 'text-sm text-gray-700' }, "Khi th\u1EF1c hi\u1EC7n thao t\u00E1c n\u00E0y b\u1EA1n s\u1EBD tho\u00E1t kh\u1ECFi trang qu\u1EA3n tr\u1ECB v\u00E0 tr\u1EDF v\u1EC1 trang \u0111\u0103ng nh\u1EADp")),
         React.createElement(PHXModal, { onHide: function () { return setModal(false); }, onPrimaryClick: handlePrimaryModal, primaryActionText: 'X\u00E1c nh\u1EADn', show: modal, title: 'X\u00E1c nh\u1EADn thay \u0111\u1ED5i tr\u01B0\u1EDDng' },
             React.createElement(PHXBanner, { description: 'Khi thay \u0111\u1ED5i tr\u01B0\u1EDDng t\u1EA5t c\u1EA3 d\u1EEF li\u1EC7u s\u1EBD hi\u1EC3n th\u1ECB theo tr\u01B0\u1EDDng v\u1EEBa \u0111\u01B0\u1EE3c ch\u1ECDn', onClose: function () { return setShowBanner(false); }, show: showBanner, title: 'L\u01B0u \u00FD', type: 'warning' })),
-        React.createElement("div", { className: 'relative h-screen bg-[#DEDEDE] pb-[0.5rem] pt-12 lg:flex lg:overflow-hidden lg:pl-2' },
+        React.createElement("div", { className: 'relative h-screen bg-[#DEDEDE] pb-[0.5rem] pt-12 lg:flex lg:overflow-hidden lg:pl-2 lg:pt-[5rem]' },
             React.createElement(NavMobile, { hiddenSideBar: function () { return setSidebarOpen(false); }, menu: dataInitMain.menu, path: pathNameWithBasePath, pathNameWithBasePath: pathNameWithBasePath, permission: dataInitMain.perCode, router: router, setSidebarOpen: setSidebarOpen, sidebarOpen: sidebarOpen }),
             React.createElement(SideBarDesktop, { currentMenuCode: (currentMenuByPath === null || currentMenuByPath === void 0 ? void 0 : currentMenuByPath.code) || '', dataInitMain: dataInitMain, isActivityHistory: isActivityHistory(), isSettings: isSettingPage, navigation: navigation, onChangeSideBarType: onChangeSideBarType, setShowSubMenu: setShowSubMenu, showSubMenu: showSubMenu, sideBarType: sideBarType, userId: userId }),
             React.createElement(SubMenu, { activityHistoryChild: activityHistoryChild, currentMenuByPath: currentMenuByPath, handleClickActivityHistoryChild: handleClickActivityHistoryChild, isActivityHistory: isActivityHistory(), isShowSubmenu: showSubMenu, loadingMenu: dataInitMain.loadingMenu, mounted: mounted, perCode: dataInitMain.perCode, roleCodes: dataInitMain.roleCode, setShowSubMenu: setShowSubMenu, sideBarType: sideBarType, subNavigation: subNavigation, subNavigationTriggerClicked: subNavigationTriggerClicked }),