phx-uikit 1.0.256 → 1.0.258

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

@@ -0,0 +1,223 @@
+import { __awaiter, __generator, __spreadArray } from "tslib";
+import { Dialog, Transition } from '@headlessui/react';
+import { FaceFrownIcon } from '@heroicons/react/24/outline';
+import { MagnifyingGlassIcon, XMarkIcon } from '@heroicons/react/24/solid';
+import Image from 'next/image';
+import React, { Fragment, useEffect, useState } from 'react';
+import { IconV2 } from '../../assets/Icon';
+import { SIDEBAR_TYPE } from '../../constant';
+import { delay, flattenMenuTree, normalizeString } from '../../helper';
+import useSaveMenuConfig from '../../hooks/use-save-menu-config';
+import { classNames } from '../../../types';
+import { PHXSpinner } from '../../../Loading';
+function ListItem(_a) {
+    var _this = this;
+    var activeIndex = _a.activeIndex, currentActive = _a.currentActive, list = _a.list, onClickItem = _a.onClickItem, title = _a.title;
+    var handleRedirectByEnter = function (item) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onClickItem(item);
+                    return [4 /*yield*/, delay(200)];
+                case 1:
+                    _a.sent();
+                    window.location.href = item.path;
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if (!currentActive)
+            return;
+        var handleEnterPress = function (e) {
+            if (e.key !== 'Enter')
+                return;
+            var activeItem = list[activeIndex];
+            if (activeItem) {
+                handleRedirectByEnter(activeItem);
+            }
+        };
+        window.addEventListener('keydown', handleEnterPress);
+        return function () { return window.removeEventListener('keydown', handleEnterPress); };
+    }, [activeIndex, currentActive, list.length]);
+    return (React.createElement("div", { className: 'mt-4 px-4' },
+        React.createElement("p", { className: 'mb-1.5 text-xxs font-[450] text-gray-500' }, title),
+        React.createElement("div", null, list.map(function (item, index) {
+            var isActive = activeIndex === index && currentActive;
+            return (React.createElement("a", { key: item.id, className: classNames('group -ml-2 flex items-center gap-x-2 px-2 py-1.5', isActive ? 'rounded-lg bg-gray-50' : 'hover:rounded-lg  hover:bg-gray-50'), href: item.path, onClick: function (e) {
+                    e.preventDefault();
+                    handleRedirectByEnter(item);
+                } },
+                React.createElement(Image, { alt: 'icon', height: 32, quality: 100, 
+                    // @ts-ignore
+                    src: IconV2["".concat(item.code, "_OTHER_MENU")], width: 32 }),
+                React.createElement("p", { className: 'text-xs font-[450] text-gray-600 group-hover:text-gray-900' }, item.name)));
+        }))));
+}
+export default function SearchBarHeaderDesktop(_a) {
+    var _this = this;
+    var menu = _a.menu, perCode = _a.perCode, sideBarType = _a.sideBarType, userId = _a.userId;
+    var keyHistory = "global_search_history_".concat(userId);
+    var _b = useSaveMenuConfig(), getSavedMenuConfig = _b.getSavedMenuConfig, handleSaveMenuConfig = _b.handleSaveMenuConfig;
+    var _c = useState(false), show = _c[0], setShow = _c[1];
+    var _d = useState(''), searchValue = _d[0], setSearchValue = _d[1];
+    var _e = useState([]), result = _e[0], setResult = _e[1];
+    var _f = useState([]), flattenMenu = _f[0], setFlattenMenu = _f[1];
+    var _g = useState([]), history = _g[0], setHistory = _g[1];
+    var _h = useState(false), loading = _h[0], setLoading = _h[1];
+    var _j = useState(false), isEmptyResult = _j[0], setIsEmptyResult = _j[1];
+    var _k = useState(-1), activeIndexByArrowKey = _k[0], setActiveIndexByArrowKey = _k[1];
+    function onHide() {
+        setShow(false);
+        setSearchValue('');
+        setActiveIndexByArrowKey(-1);
+    }
+    function getHistory() {
+        return __awaiter(this, void 0, void 0, function () {
+            var listHistory, e_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, getSavedMenuConfig({ key: keyHistory })];
+                    case 1:
+                        listHistory = (_a.sent()).listHistory;
+                        setHistory(listHistory || []);
+                        return [2 /*return*/, null];
+                    case 2:
+                        e_1 = _a.sent();
+                        console.error(e_1);
+                        return [2 /*return*/, null];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    var saveHistory = function (data) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, handleSaveMenuConfig({
+                        key: keyHistory,
+                        data: { listHistory: data },
+                    })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleSearch = function () { return __awaiter(_this, void 0, void 0, function () {
+        var filteredData;
+        return __generator(this, function (_a) {
+            setLoading(true);
+            try {
+                if (!searchValue) {
+                    setResult([]);
+                    setIsEmptyResult(false);
+                    return [2 /*return*/];
+                }
+                filteredData = flattenMenu
+                    .filter(function (item) {
+                    return normalizeString(item.name).includes(normalizeString(searchValue)) && perCode.includes(item.pathCode);
+                })
+                    .slice(0, 10);
+                setResult(filteredData);
+                setIsEmptyResult(filteredData.length === 0);
+                setActiveIndexByArrowKey(-1);
+            }
+            catch (e) {
+                console.error(e);
+            }
+            finally {
+                setLoading(false);
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    var handleSaveHistory = function (item) { return __awaiter(_this, void 0, void 0, function () {
+        var filtereds;
+        return __generator(this, function (_a) {
+            filtereds = history.filter(function (curr) { return curr.id !== item.id; });
+            saveHistory(__spreadArray([item], filtereds, true).slice(0, 5));
+            onHide();
+            return [2 /*return*/];
+        });
+    }); };
+    useEffect(function () {
+        var timerId = setTimeout(function () {
+            handleSearch();
+        }, 300);
+        return function () { return clearTimeout(timerId); };
+    }, [searchValue]);
+    useEffect(function () {
+        setFlattenMenu(flattenMenuTree(menu));
+    }, [menu.length]);
+    useEffect(function () {
+        getHistory();
+        var handlerOpenModalSearchByShortcut = function (e) {
+            var isMac = navigator.platform.toUpperCase().includes('MAC');
+            // Cmd + K (Mac) hoặc Ctrl + K (Win)
+            if ((isMac && e.metaKey && e.key === 'k') || (!isMac && e.ctrlKey && e.key === 'k')) {
+                e.preventDefault(); // chặn trình duyệt mở search
+                setShow(true);
+            }
+        };
+        window.addEventListener('keydown', handlerOpenModalSearchByShortcut);
+        return function () { return window.removeEventListener('keydown', handlerOpenModalSearchByShortcut); };
+    }, []);
+    useEffect(function () {
+        if (!show)
+            return;
+        var handleSelectItemByKeyArrow = function (e) {
+            var totalItem = history.length + result.length;
+            if (!totalItem)
+                return;
+            if (e.key === 'ArrowDown') {
+                setActiveIndexByArrowKey(function (prev) {
+                    // backup nếu prev bị lệch so với số lượng mới
+                    var safePrev = prev >= totalItem ? 0 : prev;
+                    return safePrev === totalItem - 1 ? 0 : safePrev + 1;
+                });
+            }
+            if (e.key === 'ArrowUp') {
+                setActiveIndexByArrowKey(function (prev) {
+                    var safePrev = prev >= totalItem ? 0 : prev;
+                    return safePrev === 0 ? totalItem - 1 : safePrev - 1;
+                });
+            }
+        };
+        window.addEventListener('keydown', handleSelectItemByKeyArrow);
+        return function () {
+            window.removeEventListener('keydown', handleSelectItemByKeyArrow);
+        };
+        // không cần phụ thuộc vào activeIndex nữa
+    }, [show, history.length, result.length]);
+    return (React.createElement("div", { className: 'hidden lg:block' },
+        React.createElement("button", { className: classNames('flex h-8 w-[29rem] items-center overflow-hidden rounded-2xl border border-gray-300 px-2', sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL ? 'bg-[#F7F7F7]' : 'bg-[#EBEBEB]'), onClick: function () { return setShow(true); }, type: 'button' },
+            React.createElement(Image, { alt: 'icon', height: 16, quality: 100, src: IconV2.SEARCH, width: 16 }),
+            React.createElement("p", { className: 'ml-0.5 flex-1 border-none text-left text-xxs text-gray-500' }, "G\u00F5 \u0111\u1EC3 truy c\u1EADp nhanh\u2026")),
+        React.createElement(Transition.Root, { as: Fragment, show: show },
+            React.createElement(Dialog, { as: 'div', className: 'relative z-50 hidden lg:block', onClose: onHide, static: true },
+                React.createElement("div", { className: 'fixed inset-0 z-50 overflow-y-auto' },
+                    React.createElement(Transition.Child, { as: Fragment, enter: 'transform ease-out duration-300 transition', enterFrom: 'opacity-0 scale-95', enterTo: 'opacity-100 scale-100', leave: 'transition ease-in duration-200', leaveFrom: 'opacity-100 scale-100', leaveTo: 'opacity-0 scale-95' },
+                        React.createElement(Dialog.Panel, { className: 'mx-auto mt-16  max-h-[calc(100vh-9rem)] max-w-2xl transform overflow-hidden overflow-y-auto rounded-xl bg-white pb-4 outline outline-1 outline-black/5 drop-shadow-2xl' },
+                            React.createElement("div", { className: 'sticky top-0 flex h-[3.25rem] items-center justify-between gap-x-4 border-b border-gray-100  bg-white px-4' },
+                                React.createElement("div", { className: 'flex flex-1 items-center gap-x-2 overflow-hidden' },
+                                    loading ? (React.createElement(PHXSpinner, { className: ' h-[1.125rem] w-[1.125rem] !text-gray-500' })) : (React.createElement(MagnifyingGlassIcon, { "aria-hidden": 'true', className: 'pointer-events-none col-start-1 row-start-1 h-[1.125rem] w-[1.125rem] self-center text-gray-400 dark:text-gray-500' })),
+                                    React.createElement("input", { autoFocus: show, className: 'flex-1 border-none bg-transparent !p-0 text-xs text-gray-900 placeholder:text-gray-400 focus:ring-0', onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: 'G\u00F5 \u0111\u1EC3 truy c\u1EADp nhanh\u2026', type: 'text', value: searchValue })),
+                                searchValue && (React.createElement("button", { className: 'flex h-7 w-7 items-center justify-center rounded-lg hover:bg-gray-100', onClick: function () { return setSearchValue(''); }, type: 'button' },
+                                    React.createElement(XMarkIcon, { className: 'h-[1.125rem] w-[1.125rem] text-gray-600' })))),
+                            result.length === 0 ? (React.createElement(React.Fragment, null, isEmptyResult ? (React.createElement("div", { className: 'flex h-[11.25rem] w-full items-center justify-center' },
+                                React.createElement("div", { className: 'flex flex-col items-center text-gray-500' },
+                                    React.createElement(FaceFrownIcon, { className: 'mb-4 h-8 w-8' }),
+                                    React.createElement("p", { className: 'mb-2 text-sm font-semibold text-gray-900' }, "Kh\u00F4ng t\u00ECm th\u1EA5y"),
+                                    React.createElement("p", { className: 'line-clamp-2 w-[60ch] truncate text-center text-sm text-gray-500' },
+                                        "Kh\u00F4ng c\u00F3 k\u1EBFt qu\u1EA3 cho \u201C",
+                                        React.createElement("span", { className: 'font-medium text-gray-900' }, searchValue),
+                                        "\u201D")))) : (React.createElement("div", { className: 'flex h-[8.75rem] w-full items-center justify-center' },
+                                React.createElement("div", { className: 'flex flex-col items-center gap-y-2 text-gray-500' },
+                                    React.createElement(MagnifyingGlassIcon, { "aria-hidden": 'true', className: 'h-8 w-8' }),
+                                    React.createElement("p", { className: 'text-xs' }, "T\u00ECm ki\u1EBFm menu / ch\u1EE9c n\u0103ng...")))))) : (React.createElement(ListItem, { key: 'result', activeIndex: activeIndexByArrowKey, currentActive: activeIndexByArrowKey < result.length && show, list: result, onClickItem: handleSaveHistory, title: 'K\u1EBFt qu\u1EA3 t\u00ECm ki\u1EBFm' })),
+                            history.length > 0 && (React.createElement(ListItem, { key: 'recently', activeIndex: activeIndexByArrowKey - result.length, currentActive: activeIndexByArrowKey > result.length - 1 && show, list: history, onClickItem: handleSaveHistory, title: 'G\u1EA7n \u0111\u00E2y' })))))))));
+}
+//# sourceMappingURL=SearchBarDesktop.js.map

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

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

package/dist/esm/components/MainWrapV4/components/search/SearchBarMobile.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { INavItem } from '../../types';
+export default function SearchBarMobile({ menu, perCode }: {
+    menu: Array<INavItem>;
+    perCode: Array<string>;
+}): React.JSX.Element;

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

@@ -0,0 +1,52 @@
+import { MagnifyingGlassIcon, XMarkIcon } from '@heroicons/react/24/solid';
+import Image from 'next/image';
+import React, { useEffect, useState } from 'react';
+import { IconV2 } from '../../assets/Icon';
+import { flattenMenuTree, normalizeString } from '../../helper';
+export default function SearchBarMobile(_a) {
+    var menu = _a.menu, perCode = _a.perCode;
+    var _b = useState([]), flattenMenu = _b[0], setFlattenMenu = _b[1];
+    var _c = useState([]), searchResult = _c[0], setSearchResult = _c[1];
+    var _d = useState(false), show = _d[0], setShow = _d[1];
+    var _e = useState(''), searchValue = _e[0], setSearchValue = _e[1];
+    var handleSearch = function () {
+        try {
+            if (!searchValue) {
+                setSearchResult([]);
+                return;
+            }
+            var filteredData = flattenMenu.filter(function (item) { return normalizeString(item.name).includes(normalizeString(searchValue)) && perCode.includes(item.pathCode); });
+            setSearchResult(filteredData);
+        }
+        catch (e) {
+            console.error(e);
+        }
+    };
+    useEffect(function () {
+        setFlattenMenu(flattenMenuTree(menu));
+    }, [menu.length]);
+    useEffect(function () {
+        var timerId = setTimeout(function () {
+            handleSearch();
+        }, 200);
+        return function () { return clearTimeout(timerId); };
+    }, [searchValue]);
+    return (React.createElement("div", { className: 'lg:hidden' },
+        !show && (React.createElement("button", { className: 'absolute right-12 top-4 z-50', onClick: function () { return setShow(true); }, type: 'button' },
+            React.createElement(MagnifyingGlassIcon, { className: 'h-4 w-4 text-gray-900' }))),
+        React.createElement("div", { className: "absolute left-2 right-2 top-1.5 flex items-center gap-x-2 bg-[#dedede] transition-all ".concat(show ? 'z-50 opacity-100' : '-z-10 opacity-0') },
+            React.createElement("div", { className: 'flex flex-1 items-center overflow-hidden rounded-2xl border-[0.66px] border-gray-900 bg-[#EBEBEB] px-3' },
+                React.createElement(Image, { alt: 'icon', height: 20, quality: 100, src: IconV2.SEARCH, width: 20 }),
+                React.createElement("input", { className: '-ml-1.5 flex-1 border-none bg-transparent text-xs focus:ring-0', onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: 'T\u00ECm ki\u1EBFm ph\u00E2n h\u1EC7', type: 'text', value: searchValue })),
+            React.createElement("button", { onClick: function () {
+                    setShow(false);
+                    setSearchValue('');
+                }, type: 'button' },
+                React.createElement(XMarkIcon, { className: 'h-6 w-6' }))),
+        searchResult.length > 0 && (React.createElement("div", { className: 'absolute left-0 right-0 top-12 h-[calc(100vh-3rem)] overflow-y-auto bg-[#EBEBEB] px-4 pb-3 pt-3' }, searchResult.map(function (item) { return (React.createElement("a", { key: item.id, className: '-ml-2 flex gap-x-2 p-2 hover:rounded-lg hover:bg-gray-100', href: item.path },
+            React.createElement(Image, { alt: 'icon', height: 20, quality: 100, 
+                // @ts-ignore
+                src: IconV2["".concat(item.code, "_OTHER_MENU")], width: 20 }),
+            React.createElement("p", { className: 'text-xs font-[450] text-gray-900' }, item.name))); })))));
+}
+//# sourceMappingURL=SearchBarMobile.js.map

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

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

package/dist/esm/components/MainWrapV4/components/search/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { INavItem, TSidebarType } from '../../types';
+export default function SearchBarHeader({ menu, perCode, sideBarType, userId, }: {
+    menu: Array<INavItem>;
+    userId: number | undefined;
+    perCode: Array<string>;
+    sideBarType: TSidebarType;
+}): React.JSX.Element;

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

@@ -0,0 +1,23 @@
+import dynamic from 'next/dynamic';
+import React, { useEffect, useState } from 'react';
+var SearchBarHeaderDesktop = dynamic(function () { return import('./SearchBarDesktop'); }, {
+    ssr: false,
+});
+var SearchBarMobile = dynamic(function () { return import('./SearchBarMobile'); }, {
+    ssr: false,
+});
+export default function SearchBarHeader(_a) {
+    var menu = _a.menu, perCode = _a.perCode, sideBarType = _a.sideBarType, userId = _a.userId;
+    var _b = useState(false), isDesktop = _b[0], setIsDesktop = _b[1];
+    useEffect(function () {
+        var mq = window.matchMedia('(min-width: 768px)'); // Tailwind md = 768px
+        var handler = function (e) {
+            setIsDesktop(e.matches);
+        };
+        handler(mq); // initial run
+        mq.addEventListener('change', handler);
+        return function () { 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 }))))));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,IAAM,sBAAsB,GAAG,OAAO,CAAC,cAAM,OAAA,MAAM,CAAC,oBAAoB,CAAC,EAA5B,CAA4B,EAAE;IACzE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AACF,IAAM,eAAe,GAAG,OAAO,CAAC,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,EAA3B,CAA2B,EAAE;IACjE,GAAG,EAAE,KAAK;CACX,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAUvC;QATC,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,MAAM,YAAA;IAOA,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,SAAS,CAAC;QACR,IAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAA,CAAC,sBAAsB;QAEzE,IAAM,OAAO,GAAG,UAAC,CAAuC;YACtD,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,cAAM,OAAA,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAzC,CAAyC,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,GAAI,CAClD,CACA,CACJ,CACA,CACJ,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/components/side-bar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { DataInitMainWrap } from '../MainWrapV4';
+import { INavItem, TSidebarType } from '../types';
+interface ISideBarProps {
+    showSubMenu: boolean;
+    setShowSubMenu(show: boolean): void;
+    isSettings: boolean;
+    isActivityHistory: boolean;
+    dataInitMain: DataInitMainWrap;
+    navigation: Array<INavItem>;
+    currentMenuCode: string;
+    userId: number | undefined;
+    onChangeSideBarType(type: TSidebarType): void;
+    sideBarType: TSidebarType;
+}
+export default function SideBarDesktop({ currentMenuCode, dataInitMain, isActivityHistory, isSettings, navigation, onChangeSideBarType, setShowSubMenu, showSubMenu, sideBarType, userId, }: ISideBarProps): React.JSX.Element;
+export {};