phx-uikit 1.0.70 → 1.0.71

package/dist/cjs/components/Func/getActionPermission.js

@@ -0,0 +1,49 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXFuncGetActionPermissionV3 = exports.encryptDataSync = void 0;
+var tslib_1 = require("tslib");
+var crypto_js_1 = tslib_1.__importDefault(require("crypto-js"));
+var constants_1 = require("../../utils/constants");
+var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+function encryptDataSync(data) {
+    var iv = crypto_js_1["default"].lib.WordArray.random(constants_1.IV_LENGTH);
+    var encrypted = crypto_js_1["default"].AES.encrypt(JSON.stringify(data), crypto_js_1["default"].enc.Hex.parse(constants_1.SECRET_KEY), {
+        iv: iv,
+        mode: crypto_js_1["default"].mode.CBC,
+        padding: crypto_js_1["default"].pad.Pkcs7
+    });
+    return {
+        iv: crypto_js_1["default"].enc.Base64.stringify(iv),
+        encryptedData: encrypted.toString()
+    };
+}
+exports.encryptDataSync = encryptDataSync;
+function descriptCoookie(encryptedData) {
+    try {
+        var iv = encryptedData.iv, cipherText = encryptedData.encryptedData;
+        var ivBytes = crypto_js_1["default"].enc.Base64.parse(iv);
+        var secretKeyBytes = crypto_js_1["default"].enc.Hex.parse(constants_1.SECRET_KEY);
+        var decrypted = crypto_js_1["default"].AES.decrypt(cipherText, secretKeyBytes, {
+            iv: ivBytes,
+            mode: crypto_js_1["default"].mode.CBC,
+            padding: crypto_js_1["default"].pad.Pkcs7
+        });
+        return JSON.parse(decrypted.toString(crypto_js_1["default"].enc.Utf8));
+    }
+    catch (error) {
+        console.error(error);
+        return null;
+    }
+}
+var PHXFuncGetActionPermissionV3 = function (keyAction) {
+    var actionPermissionString = js_cookie_1["default"].get(constants_1.ACTION_PERMISSION);
+    if (!actionPermissionString) {
+        return null;
+    }
+    var actionPermissionJson = JSON.parse(actionPermissionString);
+    var result = descriptCoookie(actionPermissionJson);
+    var isAllowed = result[keyAction];
+    return isAllowed;
+};
+exports.PHXFuncGetActionPermissionV3 = PHXFuncGetActionPermissionV3;
+//# sourceMappingURL=getActionPermission.js.map

package/dist/cjs/components/Func/getActionPermission.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getActionPermission.js","sourceRoot":"","sources":["../../../../src/components/Func/getActionPermission.ts"],"names":[],"mappings":";;;;AAAA,gEAAgC;AAChC,mDAAgF;AAChF,gEAA+B;AAE/B,SAAgB,eAAe,CAAC,IAAS;IACvC,IAAM,EAAE,GAAG,sBAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,qBAAS,CAAC,CAAA;IACnD,IAAM,SAAS,GAAG,sBAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,sBAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,sBAAU,CAAC,EAAE;QAC/F,EAAE,IAAA;QACF,IAAI,EAAE,sBAAQ,CAAC,IAAI,CAAC,GAAG;QACvB,OAAO,EAAE,sBAAQ,CAAC,GAAG,CAAC,KAAK;KAC5B,CAAC,CAAA;IAEF,OAAO;QACL,EAAE,EAAE,sBAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;QACrC,aAAa,EAAE,SAAS,CAAC,QAAQ,EAAE;KACpC,CAAA;AACH,CAAC;AAZD,0CAYC;AAED,SAAS,eAAe,CAAC,aAAkB;IACzC,IAAI;QACM,IAAA,EAAE,GAAgC,aAAa,GAA7C,EAAiB,UAAU,GAAK,aAAa,cAAlB,CAAkB;QAEvD,IAAM,OAAO,GAAG,sBAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QAC7C,IAAM,cAAc,GAAG,sBAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,sBAAU,CAAC,CAAA;QAEzD,IAAM,SAAS,GAAG,sBAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,cAAc,EAAE;YACjE,EAAE,EAAE,OAAO;YACX,IAAI,EAAE,sBAAQ,CAAC,IAAI,CAAC,GAAG;YACvB,OAAO,EAAE,sBAAQ,CAAC,GAAG,CAAC,KAAK;SAC5B,CAAC,CAAA;QAEF,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;KACzD;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACpB,OAAO,IAAI,CAAA;KACZ;AACH,CAAC;AAEM,IAAM,4BAA4B,GAAG,UAAC,SAAc;IACzD,IAAM,sBAAsB,GAAG,sBAAO,CAAC,GAAG,CAAC,6BAAiB,CAAC,CAAA;IAC7D,IAAI,CAAC,sBAAsB,EAAE;QAC3B,OAAO,IAAI,CAAA;KACZ;IACD,IAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAA;IAC/D,IAAM,MAAM,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAA;IACpD,IAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;IACnC,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AATY,QAAA,4BAA4B,gCASxC"}

package/dist/cjs/components/Func/getLoginInfo.js

@@ -1,11 +1,12 @@
 "use strict";
 exports.__esModule = true;
-var tslib_1 = require("tslib");
-var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+var constants_1 = require("../../utils/constants");
 function PHXFuncGetLoggedInfo() {
-    var loggedInfoString = js_cookie_1["default"].get('isLoggedIn');
-    var parsedLoggedInfo = loggedInfoString && JSON.parse(loggedInfoString);
-    return parsedLoggedInfo;
+    if (typeof window !== 'undefined') {
+        var loggedInfoString = localStorage.getItem(constants_1.isLoggedCookie);
+        return loggedInfoString ? JSON.parse(loggedInfoString) : null;
+    }
+    return null;
 }
 exports["default"] = PHXFuncGetLoggedInfo;
 //# sourceMappingURL=getLoginInfo.js.map

package/dist/cjs/components/Func/getLoginInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLoginInfo.js","sourceRoot":"","sources":["../../../../src/components/Func/getLoginInfo.ts"],"names":[],"mappings":";;;AAAA,gEAA+B;AAE/B,SAAwB,oBAAoB;IAC1C,IAAM,gBAAgB,GAAG,sBAAO,CAAC,GAAG,CAAC,YAAY,CAAW,CAAA;IAC5D,IAAM,gBAAgB,GAAG,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA;IACzE,OAAO,gBAAgB,CAAA;AACzB,CAAC;AAJD,0CAIC"}
+{"version":3,"file":"getLoginInfo.js","sourceRoot":"","sources":["../../../../src/components/Func/getLoginInfo.ts"],"names":[],"mappings":";;AAAA,mDAAsD;AAEtD,SAAwB,oBAAoB;IAC1C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,IAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC,0BAAc,CAAC,CAAA;QAC7D,OAAO,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;KAC9D;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAND,0CAMC"}

package/dist/cjs/components/GridLayout/GridLayout.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+export interface ItemRender {
+    title: string | ReactNode;
+    content: string | ReactNode;
+}
+export interface CardLayoutProps {
+    className?: string;
+    children?: ReactNode;
+    col?: number;
+    gap?: number;
+    isCustomComponent?: boolean;
+    data?: Array<ItemRender>;
+}
+export declare const PHXGridLayout: ({ className, children, col, gap, isCustomComponent, data, }: CardLayoutProps) => React.JSX.Element;

package/dist/cjs/components/GridLayout/GridLayout.js

@@ -0,0 +1,18 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXGridLayout = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useResize_1 = require("./useResize");
+var PHXGridLayout = function (_a) {
+    var className = _a.className, children = _a.children, _b = _a.col, col = _b === void 0 ? 1 : _b, _c = _a.gap, gap = _c === void 0 ? 3 : _c, _d = _a.isCustomComponent, isCustomComponent = _d === void 0 ? false : _d, _e = _a.data, data = _e === void 0 ? [] : _e;
+    var width = (0, useResize_1.useResize)();
+    return (react_1["default"].createElement("div", { className: className },
+        react_1["default"].createElement("div", { className: 'grid sm:grid-cols-2 md:grid-cols-3', style: width < 1024
+                ? { gap: "".concat(4 * gap, "px") }
+                : { gridTemplateColumns: "repeat(".concat(col, ", minmax(0, 1fr))"), gap: "".concat(4 * gap, "px") } }, isCustomComponent ? (react_1["default"].createElement(react_1["default"].Fragment, null, children)) : (react_1["default"].createElement(react_1["default"].Fragment, null, data.map(function (item, index) { return (react_1["default"].createElement("div", { key: index + 1, className: 'flex flex-col gap-y-1' },
+            react_1["default"].createElement("div", { className: 'text-xs leading-5 text-gray-500' }, item.title),
+            react_1["default"].createElement("div", { className: 'text-xs leading-normal text-gray-900 font-semibold' }, item.content))); }))))));
+};
+exports.PHXGridLayout = PHXGridLayout;
+//# sourceMappingURL=GridLayout.js.map

package/dist/cjs/components/GridLayout/GridLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayout.js","sourceRoot":"","sources":["../../../../src/components/GridLayout/GridLayout.tsx"],"names":[],"mappings":";;;;AAAA,wDAAwC;AACxC,yCAAuC;AAgBhC,IAAM,aAAa,GAAG,UAAC,EAOZ;QANhB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAO,EAAP,GAAG,mBAAG,CAAC,KAAA,EACP,WAAO,EAAP,GAAG,mBAAG,CAAC,KAAA,EACP,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;IAET,IAAM,KAAK,GAAG,IAAA,qBAAS,GAAE,CAAA;IAEzB,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,0CACE,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EACH,KAAK,GAAG,IAAI;gBACV,CAAC,CAAC,EAAE,GAAG,EAAE,UAAG,CAAC,GAAG,GAAG,OAAI,EAAE;gBACzB,CAAC,CAAC,EAAE,mBAAmB,EAAE,iBAAU,GAAG,sBAAmB,EAAE,GAAG,EAAE,UAAG,CAAC,GAAG,GAAG,OAAI,EAAE,IAGnF,iBAAiB,CAAC,CAAC,CAAC,CACnB,oEAAG,QAAQ,CAAI,CAChB,CAAC,CAAC,CAAC,CACF,oEACG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAgB,EAAE,KAAa,IAAK,OAAA,CAC7C,0CAAK,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAC,uBAAuB;YACpD,0CAAK,SAAS,EAAC,iCAAiC,IAAE,IAAI,CAAC,KAAK,CAAO;YACnE,0CAAK,SAAS,EAAC,oDAAoD,IAAE,IAAI,CAAC,OAAO,CAAO,CACpF,CACP,EAL8C,CAK9C,CAAC,CACD,CACJ,CACG,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,aAAa,iBAmCzB"}

package/dist/cjs/components/GridLayout/index.d.ts

@@ -0,0 +1 @@
+export * from './GridLayout';

package/dist/cjs/components/GridLayout/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./GridLayout"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/GridLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GridLayout/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}

package/dist/cjs/components/GridLayout/useResize.d.ts

@@ -0,0 +1 @@
+export declare const useResize: () => number;

package/dist/cjs/components/GridLayout/useResize.js

@@ -0,0 +1,15 @@
+"use strict";
+exports.__esModule = true;
+exports.useResize = void 0;
+var react_1 = require("react");
+var useResize = function () {
+    var _a = (0, react_1.useState)(typeof window !== 'undefined' ? window.innerWidth : 0), width = _a[0], setWidth = _a[1];
+    (0, react_1.useEffect)(function () {
+        var handleResize = function () { return setWidth(window.innerWidth); };
+        window.addEventListener('resize', handleResize);
+        return function () { return window.removeEventListener('resize', handleResize); };
+    }, []);
+    return width;
+};
+exports.useResize = useResize;
+//# sourceMappingURL=useResize.js.map

package/dist/cjs/components/GridLayout/useResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.js","sourceRoot":"","sources":["../../../../src/components/GridLayout/useResize.ts"],"names":[],"mappings":";;;AAAA,+BAA2C;AAEpC,IAAM,SAAS,GAAG;IACjB,IAAA,KAAoB,IAAA,gBAAQ,EAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,EAAlF,KAAK,QAAA,EAAE,QAAQ,QAAmE,CAAA;IAEzF,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG,cAAM,OAAA,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,EAA3B,CAA2B,CAAA;QACtD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAC/C,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,EAAlD,CAAkD,CAAA;IACjE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAVY,QAAA,SAAS,aAUrB"}

package/dist/cjs/components/HeaderBar/HeaderBar.d.ts

@@ -11,6 +11,7 @@ interface DropDownOption {
 export interface TableProps {
     addNewLoading?: boolean;
     exportLoading?: boolean;
+    disableAddNew?: boolean;
     titleSize?: string;
     className?: string;
     title?: string;
@@ -68,6 +69,7 @@ export interface TableProps {
         disabledDate?: Array<string>;
         onChangeDate?(): void;
     };
+    subTitle?: string;
 }
-export declare const PHXHeaderBar: ({ addNew, addNewLoading, addNewText, badge, className, disableExport, disableImport, downLoadDropDownOption, downloadButton, downloadText, exportData, exportLoading, importData, isCancel, isDownLoadDropDown, isUpLoadDropDown, onAdd, onCancel, onDownload, onUpload, title, titleSize, type, upLoadDropDownOption, uploadButton, uploadText, isDropdown, dropdown, }: TableProps) => React.JSX.Element;
+export declare const PHXHeaderBar: ({ addNew, addNewLoading, addNewText, badge, className, disableExport, disableImport, downLoadDropDownOption, downloadButton, downloadText, exportData, exportLoading, importData, isCancel, isDownLoadDropDown, isUpLoadDropDown, onAdd, onCancel, onDownload, onUpload, title, titleSize, type, upLoadDropDownOption, uploadButton, uploadText, isDropdown, dropdown, subTitle, disableAddNew, }: TableProps) => React.JSX.Element;
 export {};

package/dist/cjs/components/HeaderBar/HeaderBar.js

@@ -19,7 +19,7 @@ var PHXHeaderBar = function (_a) {
         softButton: true,
         dangerSoftButton: false,
         secondaryButton: false
-    } : _k, uploadText = _a.uploadText, isDropdown = _a.isDropdown, dropdown = _a.dropdown;
+    } : _k, uploadText = _a.uploadText, isDropdown = _a.isDropdown, dropdown = _a.dropdown, subTitle = _a.subTitle, _l = _a.disableAddNew, disableAddNew = _l === void 0 ? false : _l;
     var handleDownload = function () {
         // e.preventDefault()
         if (onDownload) {
@@ -32,38 +32,40 @@ var PHXHeaderBar = function (_a) {
             onUpload();
         }
     };
-    return (react_2["default"].createElement("div", { className: "mb-5 flex h-[1.875rem] items-center justify-between sm:flex-auto ".concat(className) },
-        react_2["default"].createElement("div", { className: 'flex items-center' },
-            isCancel && (react_2["default"].createElement("button", { className: 'mr-2 inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', onClick: onCancel, type: 'button' },
-                react_2["default"].createElement(solid_2.ArrowLeftIcon, { className: 'h-5 w-5' }))),
-            react_2["default"].createElement("div", { className: (0, types_1.classNames)('min-w-0', type === 'default' ? 'flex-1' : 'flex', type === 'title-with-badge' && 'flex-wrap sm:flex-nowrap') },
-                react_2["default"].createElement("h1", { className: (0, types_1.classNames)("".concat(titleSize, " text-base font-semibold leading-6 text-gray-900"), type === 'default' ? '' : 'mr-2 flex-1') }, title),
-                type === 'title-with-badge' && (react_2["default"].createElement("div", { className: 'flex items-center' },
-                    react_2["default"].createElement(Badge_1.PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
-        react_2["default"].createElement("div", { className: 'flex flex-shrink-0 items-center justify-end gap-x-2' },
-            react_2["default"].createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
-                isDownLoadDropDown ? (react_2["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: downloadText, 
-                    // @ts-ignore
-                    options: downLoadDropDownOption })) : (react_2["default"].createElement(Button_1.PHXButton, { className: exportData ? '' : 'hidden', danger: downloadButton.dangerSoftButton, disabled: exportLoading || disableExport, loading: exportLoading, deletedButton: false, onClick: onDownload, secondary: downloadButton.secondaryButton, size: 'small', soft: downloadButton.softButton }, downloadText)),
-                isUpLoadDropDown ? (react_2["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: uploadText, 
-                    // @ts-ignore
-                    options: upLoadDropDownOption })) : (react_2["default"].createElement(Button_1.PHXButton, { className: importData ? '' : 'hidden', danger: uploadButton.dangerSoftButton, deletedButton: false, onClick: onUpload, disabled: disableImport, secondary: uploadButton.secondaryButton, size: 'small', soft: uploadButton.softButton }, uploadText))),
-            isDropdown && (react_2["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: dropdown === null || dropdown === void 0 ? void 0 : dropdown.buttonContent, optionTitle: dropdown === null || dropdown === void 0 ? void 0 : dropdown.optionTitle, origin: dropdown === null || dropdown === void 0 ? void 0 : dropdown.origin, options: dropdown === null || dropdown === void 0 ? void 0 : dropdown.options, type: dropdown === null || dropdown === void 0 ? void 0 : dropdown.type, defaultDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.defaultDate, max: dropdown === null || dropdown === void 0 ? void 0 : dropdown.max, soft: true, min: dropdown === null || dropdown === void 0 ? void 0 : dropdown.min, startDisabled: dropdown === null || dropdown === void 0 ? void 0 : dropdown.startDisabled, endDisabled: dropdown === null || dropdown === void 0 ? void 0 : dropdown.defaultDate, disabledDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.disabledDate, onChangeDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.onChangeDate })),
-            react_2["default"].createElement(react_1.Menu, { as: 'div', className: importData || exportData ? 'relative md:hidden' : 'hidden' },
-                react_2["default"].createElement(react_1.Menu.Button, { className: 'flex items-center rounded-lg bg-gray-200 p-1.5 px-2 py-1 text-sm hover:bg-gray-300' },
-                    react_2["default"].createElement("span", { className: 'sr-only' }, "Open menu"),
-                    react_2["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-5 w-5 rounded text-gray-400' })),
-                react_2["default"].createElement(react_1.Transition, { as: react_2.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_2["default"].createElement(react_1.Menu.Items, { className: 'absolute right-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none' },
-                        exportData && (react_2["default"].createElement(react_1.Menu.Item, null, function (_a) {
-                            var active = _a.active;
-                            return (react_2["default"].createElement("p", { className: (0, types_1.classNames)(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleDownload }, downloadText));
-                        })),
-                        importData && (react_2["default"].createElement(react_1.Menu.Item, null, function (_a) {
-                            var active = _a.active;
-                            return (react_2["default"].createElement("p", { className: (0, types_1.classNames)(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleUpload }, uploadText));
-                        }))))),
-            react_2["default"].createElement(Button_1.PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText))));
+    return (react_2["default"].createElement("div", { className: "mb-5 min-h-[1.875rem] ".concat(className) },
+        react_2["default"].createElement("div", { className: 'flex items-center justify-between sm:flex-auto' },
+            react_2["default"].createElement("div", { className: 'flex items-center' },
+                isCancel && (react_2["default"].createElement("button", { className: 'mr-2 inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', onClick: onCancel, type: 'button' },
+                    react_2["default"].createElement(solid_2.ArrowLeftIcon, { className: 'h-5 w-5' }))),
+                react_2["default"].createElement("div", { className: (0, types_1.classNames)('min-w-0', type === 'default' ? 'flex-1' : 'flex', type === 'title-with-badge' && 'flex-wrap sm:flex-nowrap') },
+                    react_2["default"].createElement("h1", { className: (0, types_1.classNames)("".concat(titleSize, " text-base font-semibold leading-6 text-gray-900"), type === 'default' ? '' : 'mr-2 flex-1') }, title),
+                    type === 'title-with-badge' && (react_2["default"].createElement("div", { className: 'flex items-center' },
+                        react_2["default"].createElement(Badge_1.PHXBadge, { className: 'mr-2', text: badge.badgeText, type: badge.badgeType }))))),
+            react_2["default"].createElement("div", { className: 'flex flex-shrink-0 items-center justify-end gap-x-2' },
+                react_2["default"].createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
+                    isDownLoadDropDown ? (react_2["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: downloadText, 
+                        // @ts-ignore
+                        options: downLoadDropDownOption })) : (react_2["default"].createElement(Button_1.PHXButton, { className: exportData ? '' : 'hidden', danger: downloadButton.dangerSoftButton, deletedButton: false, disabled: exportLoading || disableExport, loading: exportLoading, onClick: onDownload, secondary: downloadButton.secondaryButton, size: 'small', soft: downloadButton.softButton }, downloadText)),
+                    isUpLoadDropDown ? (react_2["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: uploadText, 
+                        // @ts-ignore
+                        options: upLoadDropDownOption })) : (react_2["default"].createElement(Button_1.PHXButton, { className: importData ? '' : 'hidden', danger: uploadButton.dangerSoftButton, deletedButton: false, disabled: disableImport, onClick: onUpload, secondary: uploadButton.secondaryButton, size: 'small', soft: uploadButton.softButton }, uploadText))),
+                isDropdown && (react_2["default"].createElement(Dropdown_1.PHXDropdown, { buttonContent: dropdown === null || dropdown === void 0 ? void 0 : dropdown.buttonContent, defaultDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.defaultDate, disabledDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.disabledDate, endDisabled: dropdown === null || dropdown === void 0 ? void 0 : dropdown.defaultDate, max: dropdown === null || dropdown === void 0 ? void 0 : dropdown.max, min: dropdown === null || dropdown === void 0 ? void 0 : dropdown.min, onChangeDate: dropdown === null || dropdown === void 0 ? void 0 : dropdown.onChangeDate, options: dropdown === null || dropdown === void 0 ? void 0 : dropdown.options, optionTitle: dropdown === null || dropdown === void 0 ? void 0 : dropdown.optionTitle, origin: dropdown === null || dropdown === void 0 ? void 0 : dropdown.origin, soft: true, startDisabled: dropdown === null || dropdown === void 0 ? void 0 : dropdown.startDisabled, type: dropdown === null || dropdown === void 0 ? void 0 : dropdown.type })),
+                react_2["default"].createElement(react_1.Menu, { as: 'div', className: importData || exportData ? 'relative md:hidden' : 'hidden' },
+                    react_2["default"].createElement(react_1.Menu.Button, { className: 'flex items-center rounded-lg bg-gray-200 p-1.5 px-2 py-1 text-sm hover:bg-gray-300' },
+                        react_2["default"].createElement("span", { className: 'sr-only' }, "Open menu"),
+                        react_2["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-5 w-5 rounded text-gray-400' })),
+                    react_2["default"].createElement(react_1.Transition, { as: react_2.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_2["default"].createElement(react_1.Menu.Items, { className: 'absolute right-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none' },
+                            exportData && (react_2["default"].createElement(react_1.Menu.Item, null, function (_a) {
+                                var active = _a.active;
+                                return (react_2["default"].createElement("p", { className: (0, types_1.classNames)(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleDownload }, downloadText));
+                            })),
+                            importData && (react_2["default"].createElement(react_1.Menu.Item, null, function (_a) {
+                                var active = _a.active;
+                                return (react_2["default"].createElement("p", { className: (0, types_1.classNames)(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), onClick: handleUpload }, uploadText));
+                            }))))),
+                react_2["default"].createElement(Button_1.PHXButton, { className: addNew ? '' : 'hidden', disabled: addNewLoading || disableAddNew, loading: addNewLoading, onClick: onAdd, primary: true, size: 'small' }, addNewText))),
+        subTitle && react_2["default"].createElement("p", { className: "".concat(isCancel && 'ml-11', " mt-[2px] text-[12px] text-gray-500") }, subTitle)));
 };
 exports.PHXHeaderBar = PHXHeaderBar;
 //# sourceMappingURL=HeaderBar.js.map

package/dist/cjs/components/HeaderBar/HeaderBar.js.map

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

package/dist/cjs/components/Input/Input.d.ts

@@ -1,6 +1,7 @@
 import React, { InputHTMLAttributes } from 'react';
 import { UseFormRegisterReturn } from 'react-hook-form';
 import { ComplexAction } from '../types';
+import * as OutlineIcons from '@heroicons/react/24/outline';
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     className?: string;
     label?: string;
@@ -18,6 +19,8 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email' | 'custom-message';
     prefix?: string;
     suffix?: string;
+    prefixIcon?: keyof typeof OutlineIcons;
+    suffixIcon?: keyof typeof OutlineIcons;
     labelAction?: ComplexAction;
     buttonAction?: ComplexAction;
 }

package/dist/cjs/components/Input/Input.js

@@ -6,8 +6,9 @@ var react_1 = tslib_1.__importDefault(require("react"));
 var types_1 = require("../types");
 var Button_1 = require("../Button");
 var ErrorMessage_1 = tslib_1.__importDefault(require("../../commons/ErrorMessage"));
+var OutlineIcons = tslib_1.__importStar(require("@heroicons/react/24/outline"));
 var PHXInput = function (_a) {
-    var className = _a.className, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, helpText = _a.helpText, label = _a.label, register = _a.register, registerSelect = _a.registerSelect, listOption = _a.listOption, disabled = _a.disabled, selected = _a.selected, prefix = _a.prefix, suffix = _a.suffix, labelAction = _a.labelAction, buttonAction = _a.buttonAction, rest = tslib_1.__rest(_a, ["className", "error", "errorType", "errorMessageCustom", "helpText", "label", "register", "registerSelect", "listOption", "disabled", "selected", "prefix", "suffix", "labelAction", "buttonAction"]);
+    var className = _a.className, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, helpText = _a.helpText, label = _a.label, register = _a.register, registerSelect = _a.registerSelect, listOption = _a.listOption, disabled = _a.disabled, selected = _a.selected, prefix = _a.prefix, suffix = _a.suffix, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, labelAction = _a.labelAction, buttonAction = _a.buttonAction, rest = tslib_1.__rest(_a, ["className", "error", "errorType", "errorMessageCustom", "helpText", "label", "register", "registerSelect", "listOption", "disabled", "selected", "prefix", "suffix", "prefixIcon", "suffixIcon", "labelAction", "buttonAction"]);
     var message = function (type) {
         var errorMessage = '';
         switch (type) {
@@ -34,18 +35,24 @@ var PHXInput = function (_a) {
         }
         return errorMessage;
     };
+    var PrefixIconComponent = prefixIcon ? OutlineIcons[prefixIcon] : null;
+    var SuffixIconComponent = suffixIcon ? OutlineIcons[suffixIcon] : null;
     return (react_1["default"].createElement("div", { className: className },
         react_1["default"].createElement("div", { className: (0, types_1.classNames)(label ? 'flex mb-1 text-xs font-normal text-gray-700' : 'hidden', label && (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) ? 'justify-between' : '') },
             label && react_1["default"].createElement("label", null, label),
             (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) && (react_1["default"].createElement("p", { className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: labelAction.onClick }, labelAction.content))),
         react_1["default"].createElement("div", { className: (0, types_1.classNames)((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) ? 'flex gap-x-2' : '') },
             react_1["default"].createElement("div", { className: (0, types_1.classNames)((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) ? 'relative flex-1' : 'relative') },
-                react_1["default"].createElement("input", tslib_1.__assign({}, register, rest, { disabled: disabled, className: (0, types_1.classNames)('block w-full border-[0.5px] rounded-lg border-gray-500 py-1.5 px-3 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : '', !prefix && 'pl-3', !suffix && 'pr-3'), style: {
-                        paddingLeft: "".concat(prefix && prefix.length * 10 + 12, "px"),
-                        paddingRight: "".concat(suffix && suffix.length * 10 + 12, "px")
+                react_1["default"].createElement("input", tslib_1.__assign({}, register, rest, { disabled: disabled, className: (0, types_1.classNames)('block w-full border-[0.5px] rounded-lg border-gray-500 py-1.5 px-3 text-xs font-normal shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-neutral-200 border-[0px] hover:bg-neutral-200' : '', (!prefix || !prefixIcon) && 'pl-3', (!suffix || !suffixIcon) && 'pr-3'), style: {
+                        paddingLeft: "".concat(prefix ? prefix.length * 10 + 12 : prefixIcon ? 28 : 12, "px"),
+                        paddingRight: "".concat(suffix ? suffix.length * 10 + 12 : suffixIcon ? 28 : 12, "px")
                     } })),
                 prefix && react_1["default"].createElement("div", { className: 'absolute top-[0.425rem] left-2.5 text-gray-500 text-xs' }, prefix),
                 suffix && react_1["default"].createElement("div", { className: 'absolute top-[0.425rem] right-2.5 text-gray-500 text-xs' }, suffix),
+                PrefixIconComponent && (react_1["default"].createElement("div", { className: 'absolute inset-y-0 left-2.5 flex items-center text-gray-500' },
+                    react_1["default"].createElement(PrefixIconComponent, { className: 'h-4 w-4' }))),
+                SuffixIconComponent && (react_1["default"].createElement("div", { className: 'absolute inset-y-0 right-2.5 flex items-center text-gray-500' },
+                    react_1["default"].createElement(SuffixIconComponent, { className: 'h-4 w-4' }))),
                 listOption && (react_1["default"].createElement("div", { className: 'absolute inset-y-0 right-0 flex items-center' },
                     react_1["default"].createElement("select", tslib_1.__assign({ id: 'unit' }, registerSelect, { className: 'h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-500 focus:ring-2 focus:ring-inset focus:ring-indigo-600 text-xs font-normal' }), listOption.map(function (item) { return (react_1["default"].createElement(react_1["default"].Fragment, null,
                         react_1["default"].createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),

package/dist/cjs/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,kCAAoD;AACpD,oCAAqC;AACrC,oFAAqD;AACrD,gFAA2D;AA4BpD,IAAM,QAAQ,GAAyB,UAAC,EAmBlC;IAlBX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,YAAY,kBAAA,EACT,IAAI,sBAlBsC,iOAmB9C,CADQ;IAEP,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAG,EAAE,CAAA;QACrB,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,sDAAsD,CAAA;gBACrE,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,uBAAuB;gBAC1B,YAAY,GAAG,2BAA2B,CAAA;gBAC1C,MAAK;YACP,KAAK,sBAAsB;gBACzB,YAAY,GAAG,8CAA8C,CAAA;gBAC7D,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAA4B,CAAA;gBAC3C,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IAED,IAAM,mBAAmB,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IACxE,IAAM,mBAAmB,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAExE,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,QAAQ,EAChE,KAAK,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CACvD;YAEA,KAAK,IAAI,gDAAQ,KAAK,CAAS;YAC/B,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,CACvB,wCACE,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,WAAW,CAAC,OAAO,IAE3B,WAAW,CAAC,OAAO,CAClB,CACL,CACG;QACN,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;YACrE,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC;gBAChF,+DACM,QAAQ,EACR,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,kBAAU,EACnB,oPAAoP,EACpP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,QAAQ,CAAC,CAAC,CAAC,kDAAkD,CAAC,CAAC,CAAC,EAAE,EAClE,CAAC,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,MAAM,EAClC,CAAC,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,MAAM,CACnC,EACD,KAAK,EAAE;wBACL,WAAW,EAAE,UAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAI;wBAC3E,YAAY,EAAE,UAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAI;qBAC7E,IACD;gBACD,MAAM,IAAI,0CAAK,SAAS,EAAC,wDAAwD,IAAE,MAAM,CAAO;gBAChG,MAAM,IAAI,0CAAK,SAAS,EAAC,yDAAyD,IAAE,MAAM,CAAO;gBACjG,mBAAmB,IAAI,CACtB,0CAAK,SAAS,EAAC,6DAA6D;oBAC1E,iCAAC,mBAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACvC,CACP;gBACA,mBAAmB,IAAI,CACtB,0CAAK,SAAS,EAAC,8DAA8D;oBAC3E,iCAAC,mBAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACvC,CACP;gBACA,UAAU,IAAI,CACb,0CAAK,SAAS,EAAC,8CAA8C;oBAC3D,8DACE,EAAE,EAAC,MAAM,IACL,cAAc,IAClB,SAAS,EAAC,gJAAgJ,KAEzJ,UAAU,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC7B;wBACE,6CAAQ,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,IACjE,IAAI,CAAC,IAAI,CACH,CACR,CACJ,EAN8B,CAM9B,CAAC,CACK,CACL,CACP,CACG;YACL,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,KAAI,CACxB,iCAAC,kBAAS,IAAC,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,SAAS,QAAC,IAAI,EAAC,OAAO,IAC7D,YAAY,CAAC,OAAO,CACX,CACb,CACG;QACL,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,iCAAC,yBAAY,IAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,CACtE,CACP,CAAA;AACH,CAAC,CAAA;AA9HY,QAAA,QAAQ,YA8HpB"}

package/dist/cjs/components/Link/index.d.ts

@@ -0,0 +1 @@
+export * from './link';

package/dist/cjs/components/Link/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./link"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Link/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB"}

package/dist/cjs/components/Link/link.d.ts

@@ -0,0 +1,5 @@
+import Link from 'next/link';
+import React from 'react';
+type Props = React.ComponentProps<typeof Link>;
+export default function PHXLink({ href, children, ...rest }: Props): React.JSX.Element;
+export {};

package/dist/cjs/components/Link/link.js

@@ -0,0 +1,17 @@
+"use strict";
+'use client';
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var link_1 = tslib_1.__importDefault(require("next/link"));
+var react_1 = tslib_1.__importDefault(require("react"));
+var LoadingProvider_1 = require("../LoadingProvider");
+function PHXLink(_a) {
+    var href = _a.href, children = _a.children, rest = tslib_1.__rest(_a, ["href", "children"]);
+    var setLoading = (0, LoadingProvider_1.useLoading)().setLoading;
+    var handleClick = function () {
+        setLoading(true);
+    };
+    return (react_1["default"].createElement(link_1["default"], tslib_1.__assign({ href: href }, rest, { onClick: handleClick }), children));
+}
+exports["default"] = PHXLink;
+//# sourceMappingURL=link.js.map

package/dist/cjs/components/Link/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/Link/link.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;AAEZ,2DAA4B;AAC5B,wDAAyB;AACzB,sDAA+C;AAI/C,SAAwB,OAAO,CAAC,EAAkC;IAAhC,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,sBAAzB,oBAA2B,CAAF;IAC/C,IAAA,UAAU,GAAK,IAAA,4BAAU,GAAE,WAAjB,CAAiB;IAEnC,IAAM,WAAW,GAAG;QAClB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,iCAAC,iBAAI,qBAAC,IAAI,EAAE,IAAI,IAAM,IAAI,IAAE,OAAO,EAAE,WAAW,KAC7C,QAAQ,CACJ,CACR,CAAA;AACH,CAAC;AAZD,6BAYC"}

package/dist/cjs/components/LoadingIndicator/index.d.ts

@@ -0,0 +1 @@
+export * from './loading-indicator';

package/dist/cjs/components/LoadingIndicator/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./loading-indicator"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/LoadingIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/index.ts"],"names":[],"mappings":";;;AAAA,8DAAmC"}

package/dist/cjs/components/LoadingIndicator/loading-indicator.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function PHXLoadingIndicator(): React.JSX.Element;

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

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var LoadingProvider_1 = require("../LoadingProvider");
+function PHXLoadingIndicator() {
+    var progress = (0, LoadingProvider_1.useLoading)().progress;
+    return (react_1["default"].createElement(react_1["default"].Fragment, null, progress > 0 && (react_1["default"].createElement("div", { className: 'fixed top-0 left-0 h-1 z-[9999] transition-all', style: { width: "".concat(progress, "%") } },
+        react_1["default"].createElement("div", { className: 'relative h-full w-full bg-gray-400' },
+            react_1["default"].createElement("div", { className: 'absolute right-0 top-1/2 h-full w-[400px] -translate-y-1/2 pointer-events-none', style: {
+                    background: 'radial-gradient(circle at right, #9ca3af 0%, rgba(156,163,175,0.5) 50%, rgba(156,163,175,0) 100%)',
+                    filter: 'drop-shadow(0 0 4px #9ca3af) drop-shadow(0 0 8px #9ca3af) drop-shadow(0 0 16px #9ca3af)'
+                } }))))));
+}
+exports["default"] = PHXLoadingIndicator;
+//# sourceMappingURL=loading-indicator.js.map

package/dist/cjs/components/LoadingIndicator/loading-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-indicator.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/loading-indicator.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,sDAA+C;AAE/C,SAAwB,mBAAmB;IACjC,IAAA,QAAQ,GAAK,IAAA,4BAAU,GAAE,SAAjB,CAAiB;IAEjC,OAAO,CACL,oEACG,QAAQ,GAAG,CAAC,IAAI,CACf,0CAAK,SAAS,EAAC,gDAAgD,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,QAAQ,MAAG,EAAE;QAC9F,0CAAK,SAAS,EAAC,oCAAoC;YACjD,0CACE,SAAS,EAAC,gFAAgF,EAC1F,KAAK,EAAE;oBACL,UAAU,EACR,mGAAmG;oBACrG,MAAM,EAAE,yFAAyF;iBAClG,GACD,CACE,CACF,CACP,CACA,CACJ,CAAA;AACH,CAAC;AArBD,yCAqBC"}

package/dist/cjs/components/LoadingProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './loading-provider';

package/dist/cjs/components/LoadingProvider/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./loading-provider"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/LoadingProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LoadingProvider/index.ts"],"names":[],"mappings":";;;AAAA,6DAAkC"}

package/dist/cjs/components/LoadingProvider/loading-provider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const useLoading: () => {
+    loading: boolean;
+    setLoading: (_v: boolean) => void;
+    progress: number;
+};
+export declare function PHXLoadingProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;

package/dist/cjs/components/LoadingProvider/loading-provider.js

@@ -0,0 +1,47 @@
+"use strict";
+// components/LoadingProvider.tsx
+'use client';
+exports.__esModule = true;
+exports.PHXLoadingProvider = exports.useLoading = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_2 = require("react");
+var navigation_1 = require("next/navigation");
+var LoadingContext = (0, react_2.createContext)({
+    loading: false,
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    setLoading: function (_v) { },
+    progress: 0
+});
+var useLoading = function () { return (0, react_2.useContext)(LoadingContext); };
+exports.useLoading = useLoading;
+function PHXLoadingProvider(_a) {
+    var children = _a.children;
+    var _b = (0, react_2.useState)(false), loading = _b[0], setLoading = _b[1];
+    var pathname = (0, navigation_1.usePathname)();
+    var _c = (0, react_2.useState)(0), progress = _c[0], setProgress = _c[1];
+    (0, react_2.useEffect)(function () {
+        setLoading(false);
+        setProgress(100);
+    }, [pathname]);
+    (0, react_2.useEffect)(function () {
+        if (loading) {
+            var timerId_1 = setInterval(function () {
+                if (progress <= 90) {
+                    var nextProgress = progress + 5;
+                    setProgress(nextProgress);
+                }
+            }, 100);
+            return function () { return clearInterval(timerId_1); };
+        }
+        else {
+            var timerId_2 = setTimeout(function () {
+                setProgress(0);
+            }, 400);
+            return function () { return clearTimeout(timerId_2); };
+        }
+    }, [loading, progress]);
+    return react_1["default"].createElement(LoadingContext.Provider, { value: { loading: loading, setLoading: setLoading, progress: progress } }, children);
+}
+exports.PHXLoadingProvider = PHXLoadingProvider;
+//# sourceMappingURL=loading-provider.js.map

package/dist/cjs/components/LoadingProvider/loading-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-provider.js","sourceRoot":"","sources":["../../../../src/components/LoadingProvider/loading-provider.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,YAAY,CAAA;;;;AAEZ,wDAAyB;AACzB,+BAAsE;AACtE,8CAA6C;AAE7C,IAAM,cAAc,GAAG,IAAA,qBAAa,EAAC;IACnC,OAAO,EAAE,KAAK;IACd,gEAAgE;IAChE,UAAU,EAAE,UAAC,EAAW,IAAM,CAAC;IAC/B,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAA;AAEK,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,kBAAU,EAAC,cAAc,CAAC,EAA1B,CAA0B,CAAA;AAA7C,QAAA,UAAU,cAAmC;AAE1D,SAAgB,kBAAkB,CAAC,EAA2C;QAAzC,QAAQ,cAAA;IACrC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,QAAQ,GAAG,IAAA,wBAAW,GAAE,CAAA;IACxB,IAAA,KAA0B,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAApC,QAAQ,QAAA,EAAE,WAAW,QAAe,CAAA;IAE3C,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,WAAW,CAAC,GAAG,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,EAAE;YACX,IAAM,SAAO,GAAG,WAAW,CAAC;gBAC1B,IAAI,QAAQ,IAAI,EAAE,EAAE;oBAClB,IAAM,YAAY,GAAG,QAAQ,GAAG,CAAC,CAAA;oBACjC,WAAW,CAAC,YAAY,CAAC,CAAA;iBAC1B;YACH,CAAC,EAAE,GAAG,CAAC,CAAA;YAEP,OAAO,cAAM,OAAA,aAAa,CAAC,SAAO,CAAC,EAAtB,CAAsB,CAAA;SACpC;aAAM;YACL,IAAM,SAAO,GAAG,UAAU,CAAC;gBACzB,WAAW,CAAC,CAAC,CAAC,CAAA;YAChB,CAAC,EAAE,GAAG,CAAC,CAAA;YACP,OAAO,cAAM,OAAA,YAAY,CAAC,SAAO,CAAC,EAArB,CAAqB,CAAA;SACnC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvB,OAAO,iCAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,QAAQ,UAAA,EAAE,IAAG,QAAQ,CAA2B,CAAA;AAChH,CAAC;AA7BD,gDA6BC"}

package/dist/cjs/components/LoginSsoV3/login-sso-v3.js

@@ -15,7 +15,7 @@ var PHXLoginSsoV3 = function (props) {
     var schoolLogo = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_ENV_LOGIN_LOGO', process.env.NEXT_PUBLIC_ENV_LOGIN_LOGO);
     var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
     var _b = (0, react_1.useState)(false), error = _b[0], setError = _b[1];
-    var cookie = js_cookie_1["default"].get(constants_1.isLoggedCookie);
+    var dataLogin = typeof window !== 'undefined' ? localStorage.getItem(constants_1.isLoggedCookie) : null;
     var authToken = js_cookie_1["default"].get(constants_1.AUTH_TOKEN);
     var handlerOnClick = function () {
         setLoading(true);
@@ -33,7 +33,7 @@ var PHXLoginSsoV3 = function (props) {
                     valueAuthen = JSON.stringify(token);
                     (0, saveCookiesClient_1["default"])(constants_1.AUTH_TOKEN, valueAuthen, true);
                     valueIsLogin = JSON.stringify(userInfo);
-                    (0, saveCookiesClient_1["default"])(constants_1.isLoggedCookie, valueIsLogin, true);
+                    localStorage.setItem(constants_1.isLoggedCookie, valueIsLogin);
                     return [4 /*yield*/, dataSession.update({ name: null })];
                 case 1:
                     _b.sent();
@@ -49,7 +49,7 @@ var PHXLoginSsoV3 = function (props) {
     }); };
     var handlerCheckLogin = function () {
         var _a, _b;
-        if (!cookie || !authToken) {
+        if (!dataLogin || !authToken) {
             if (dataSession.status === constants_1.AUTHENTICATED && ((_b = (_a = dataSession === null || dataSession === void 0 ? void 0 : dataSession.data) === null || _a === void 0 ? void 0 : _a.session.user) === null || _b === void 0 ? void 0 : _b.name)) {
                 setLoading(true);
                 handlerSaveCookies(dataSession);
@@ -66,6 +66,7 @@ var PHXLoginSsoV3 = function (props) {
         }
     };
     (0, react_1.useEffect)(function () {
+        js_cookie_1["default"].remove(constants_1.isLoggedCookie);
         handlerCheckLogin();
     }, [dataSession]);
     return (react_1["default"].createElement(react_1["default"].Fragment, null,