phx-uikit 1.0.0

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

@@ -0,0 +1,47 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var read_env_config_1 = require("../../read-env-config");
+function PHXClientQuery(queryName, option, isDelay, query) {
+    if (isDelay === void 0) { isDelay = true; }
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var startTime, queryResult, urlApiGateway, variable, env, uri, endTime, duration;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    startTime = performance.now();
+                    if (!query) return [3 /*break*/, 2];
+                    urlApiGateway = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_API_GATEWAY', process.env.NEXT_PUBLIC_API_GATEWAY);
+                    variable = option === null || option === void 0 ? void 0 : option.variables;
+                    return [4 /*yield*/, fetch("".concat(urlApiGateway, "/query?source=dashboard&query=").concat(query, "&variable=").concat(variable ? JSON.stringify(variable) : ''))];
+                case 1:
+                    queryResult = _a.sent();
+                    return [3 /*break*/, 6];
+                case 2:
+                    env = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_ENV', process.env.NEXT_PUBLIC_ENV);
+                    uri = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_API', process.env.NEXT_PUBLIC_API);
+                    if (!(env === 'local')) return [3 /*break*/, 4];
+                    return [4 /*yield*/, queryName(tslib_1.__assign(tslib_1.__assign({}, option), { context: { uri: uri } }))];
+                case 3:
+                    queryResult = _a.sent();
+                    return [3 /*break*/, 6];
+                case 4: return [4 /*yield*/, queryName(tslib_1.__assign(tslib_1.__assign({}, option), { context: { uri: "".concat(uri, "/graphql/rd/v1/graphql") } }))];
+                case 5:
+                    queryResult = _a.sent();
+                    _a.label = 6;
+                case 6:
+                    endTime = performance.now();
+                    duration = endTime - startTime;
+                    if (!(duration < 100 && isDelay)) return [3 /*break*/, 8];
+                    console.info('promise delay...');
+                    return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 100); })];
+                case 7:
+                    _a.sent();
+                    _a.label = 8;
+                case 8: return [2 /*return*/, queryResult];
+            }
+        });
+    });
+}
+exports["default"] = PHXClientQuery;
+//# sourceMappingURL=clientQueryV2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clientQueryV2.js","sourceRoot":"","sources":["../../../../src/components/Func/clientQueryV2.ts"],"names":[],"mappings":";;;AACA,yDAA8C;AAE9C,SAA8B,cAAc,CAC1C,SAAyD,EACzD,MAA2B,EAC3B,OAAc,EACd,KAAc;IADd,wBAAA,EAAA,cAAc;;;;;;oBAGR,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;yBAE/B,KAAK,EAAL,wBAAK;oBAED,aAAa,GAAG,IAAA,wBAAM,EAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;oBACtF,QAAQ,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAA;oBACpB,qBAAM,KAAK,CACvB,UAAG,aAAa,2CAAiC,KAAK,uBAAa,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAE,CAC9G,EAAA;;oBAFD,WAAW,GAAG,SAEb,CAAA;;;oBAGK,GAAG,GAAG,IAAA,wBAAM,EAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;oBAC5D,GAAG,GAAG,IAAA,wBAAM,EAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;yBAC9D,CAAA,GAAG,KAAK,OAAO,CAAA,EAAf,wBAAe;oBACH,qBAAM,SAAS,uCAAM,MAAM,KAAE,OAAO,EAAE,EAAE,GAAG,KAAA,EAAE,IAAG,EAAA;;oBAA9D,WAAW,GAAG,SAAgD,CAAA;;wBAEhD,qBAAM,SAAS,uCAAM,MAAM,KAAE,OAAO,EAAE,EAAE,GAAG,EAAE,UAAG,GAAG,2BAAwB,EAAE,IAAG,EAAA;;oBAA9F,WAAW,GAAG,SAAgF,CAAA;;;oBAI5F,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC3B,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;yBAEhC,CAAA,QAAQ,GAAG,GAAG,IAAI,OAAO,CAAA,EAAzB,wBAAyB;oBAC3B,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;oBAChC,qBAAM,IAAI,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,EAAlB,CAAkB,CAAC,EAAA;;oBAA5C,SAA4C,CAAA;;wBAE9C,sBAAO,WAAW,EAAA;;;;CACnB;AAlCD,oCAkCC"}

package/dist/cjs/components/Func/getActiveAndNextSchoolYear.d.ts

@@ -0,0 +1,3 @@
+import { ISchoolYear } from '../../utils/types/types';
+declare function PHXGetActiveYearAndNextYear(): ISchoolYear[];
+export default PHXGetActiveYearAndNextYear;

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

@@ -0,0 +1,42 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var client_1 = require("@apollo/client");
+var react_1 = require("react");
+var getLoginInfo_1 = tslib_1.__importDefault(require("./getLoginInfo"));
+var gql_1 = require("../../query/gql");
+var clientQueryV2_1 = tslib_1.__importDefault(require("./clientQueryV2"));
+function PHXGetActiveYearAndNextYear() {
+    var schoolInfo = (0, getLoginInfo_1["default"])();
+    var _a = (0, react_1.useState)([]), listSchoolYear = _a[0], setListSchoolYear = _a[1];
+    var currentDate = new Date();
+    currentDate.setFullYear(currentDate.getFullYear() + 1);
+    var timeYearActive = new Date().toISOString().slice(0, 10);
+    var nextYearDate = currentDate.toISOString().slice(0, 10);
+    var _b = (0, client_1.useLazyQuery)(gql_1.getActiveAndNextSchoolYear, {
+        fetchPolicy: 'network-only',
+        notifyOnNetworkStatusChange: true
+    }), getActiveSchoolYearInfo = _b[0], schoolYearData = _b[1].data;
+    (0, react_1.useEffect)(function () {
+        (0, clientQueryV2_1["default"])(getActiveSchoolYearInfo, {
+            variables: {
+                endAt: timeYearActive,
+                startAt: nextYearDate,
+                school_id: schoolInfo === null || schoolInfo === void 0 ? void 0 : schoolInfo.school_id
+            }
+        });
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if ((schoolYearData === null || schoolYearData === void 0 ? void 0 : schoolYearData.school_year) && schoolYearData.school_year.length > 0) {
+            // @ts-ignore
+            var arraySchoolYear = (schoolYearData === null || schoolYearData === void 0 ? void 0 : schoolYearData.school_year) || [];
+            setListSchoolYear(arraySchoolYear);
+        }
+        else {
+            setListSchoolYear([]);
+        }
+    }, [schoolYearData]);
+    return listSchoolYear;
+}
+exports["default"] = PHXGetActiveYearAndNextYear;
+//# sourceMappingURL=getActiveAndNextSchoolYear.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getActiveAndNextSchoolYear.js","sourceRoot":"","sources":["../../../../src/components/Func/getActiveAndNextSchoolYear.ts"],"names":[],"mappings":";;;AAAA,yCAA6C;AAC7C,+BAA2C;AAC3C,wEAAiD;AACjD,uCAA4D;AAC5D,0EAA4C;AAG5C,SAAS,2BAA2B;IAClC,IAAM,UAAU,GAAG,IAAA,yBAAoB,GAAE,CAAA;IACnC,IAAA,KAAsC,IAAA,gBAAQ,EAAgB,EAAE,CAAC,EAAhE,cAAc,QAAA,EAAE,iBAAiB,QAA+B,CAAA;IAEvE,IAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAA;IAC9B,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAA;IACtD,IAAM,cAAc,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAC5D,IAAM,YAAY,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAErD,IAAA,KAAsD,IAAA,qBAAY,EACtE,gCAA0B,EAC1B;QACE,WAAW,EAAE,cAAc;QAC3B,2BAA2B,EAAE,IAAI;KAClC,CACF,EANM,uBAAuB,QAAA,EAAU,cAAc,aAMrD,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAA,0BAAc,EAAC,uBAAuB,EAAE;YACtC,SAAS,EAAE;gBACT,KAAK,EAAE,cAAc;gBACrB,OAAO,EAAE,YAAY;gBACrB,SAAS,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS;aACjC;SACF,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC;QACR,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,KAAI,cAAc,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;YACxE,aAAa;YACb,IAAM,eAAe,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,KAAI,EAAE,CAAA;YACzD,iBAAiB,CAAC,eAAe,CAAC,CAAA;SACnC;aAAM;YACL,iBAAiB,CAAC,EAAE,CAAC,CAAA;SACtB;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,cAAc,CAAA;AACvB,CAAC;AAED,qBAAe,2BAA2B,CAAA"}

package/dist/cjs/components/Func/getHttpLinkConfig.d.ts

@@ -0,0 +1,2 @@
+import { HttpLink } from '@apollo/client';
+export default function PHXGetHttpLinkConfig(): HttpLink;

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

@@ -0,0 +1,32 @@
+"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");
+var client_1 = require("@apollo/client");
+var read_env_config_1 = require("../../read-env-config");
+function PHXGetHttpLinkConfig() {
+    var env = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_ENV', process.env.NEXT_PUBLIC_ENV);
+    var publicAPI = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_API', process.env.NEXT_PUBLIC_API);
+    var uri = "".concat(publicAPI, "/graphql/rd/v1/graphql");
+    if (env === 'local') {
+        uri = publicAPI;
+    }
+    var authTokenInfo = js_cookie_1["default"].get(constants_1.AUTH_TOKEN) && JSON.parse(js_cookie_1["default"].get(constants_1.AUTH_TOKEN));
+    var httpLink = new client_1.HttpLink({
+        uri: uri
+    });
+    console.log('httpLink in table', httpLink);
+    if (js_cookie_1["default"].get(constants_1.AUTH_TOKEN)) {
+        httpLink = new client_1.HttpLink({
+            uri: uri,
+            headers: {
+                Authorization: 'Bearer' + ' ' + authTokenInfo.token,
+                'authorization-id': authTokenInfo.userId
+            }
+        });
+    }
+    return httpLink;
+}
+exports["default"] = PHXGetHttpLinkConfig;
+//# sourceMappingURL=getHttpLinkConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getHttpLinkConfig.js","sourceRoot":"","sources":["../../../../src/components/Func/getHttpLinkConfig.ts"],"names":[],"mappings":";;;AAAA,gEAA+B;AAC/B,mDAAkD;AAClD,yCAAyC;AACzC,yDAA8C;AAE9C,SAAwB,oBAAoB;IAC1C,IAAM,GAAG,GAAG,IAAA,wBAAM,EAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;IAClE,IAAM,SAAS,GAAG,IAAA,wBAAM,EAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;IACxE,IAAI,GAAG,GAAG,UAAG,SAAS,2BAAwB,CAAA;IAC9C,IAAI,GAAG,KAAK,OAAO,EAAE;QACnB,GAAG,GAAG,SAAS,CAAA;KAChB;IACD,IAAM,aAAa,GAAG,sBAAO,CAAC,GAAG,CAAC,sBAAU,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,sBAAO,CAAC,GAAG,CAAC,sBAAU,CAAW,CAAC,CAAA;IAC9F,IAAI,QAAQ,GAAG,IAAI,iBAAQ,CAAC;QAC1B,GAAG,KAAA;KACJ,CAAC,CAAA;IACF,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAA;IAC1C,IAAI,sBAAO,CAAC,GAAG,CAAC,sBAAU,CAAC,EAAE;QAC3B,QAAQ,GAAG,IAAI,iBAAQ,CAAC;YACtB,GAAG,KAAA;YACH,OAAO,EAAE;gBACP,aAAa,EAAE,QAAQ,GAAG,GAAG,GAAG,aAAa,CAAC,KAAK;gBACnD,kBAAkB,EAAE,aAAa,CAAC,MAAM;aACzC;SACF,CAAC,CAAA;KACH;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC;AAtBD,0CAsBC"}

package/dist/cjs/components/Func/getLoginInfo.d.ts

@@ -0,0 +1 @@
+export default function PHXFuncGetLoggedInfo(): any;

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

@@ -0,0 +1,11 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+function PHXFuncGetLoggedInfo() {
+    var loggedInfoString = js_cookie_1["default"].get('isLoggedIn');
+    var parsedLoggedInfo = loggedInfoString && JSON.parse(loggedInfoString);
+    return parsedLoggedInfo;
+}
+exports["default"] = PHXFuncGetLoggedInfo;
+//# sourceMappingURL=getLoginInfo.js.map

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

@@ -0,0 +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"}

package/dist/cjs/components/Func/getSchoolYear.d.ts

@@ -0,0 +1,2 @@
+declare function PHXGetCurrentYearWithTerm(): any;
+export default PHXGetCurrentYearWithTerm;

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

@@ -0,0 +1,63 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var client_1 = require("@apollo/client");
+var react_1 = require("react");
+var getLoginInfo_1 = tslib_1.__importDefault(require("./getLoginInfo"));
+var gql_1 = require("../../query/gql");
+function PHXGetCurrentYearWithTerm() {
+    var _this = this;
+    var schoolInfo = (0, getLoginInfo_1["default"])();
+    var _a = (0, react_1.useState)(), currentYear = _a[0], setCurrentYear = _a[1];
+    var today = new Date();
+    var getSchoolYear = (0, client_1.useLazyQuery)(gql_1.querySchoolYear, {
+        fetchPolicy: 'network-only',
+        notifyOnNetworkStatusChange: true
+    })[0];
+    (0, react_1.useEffect)(function () {
+        var getData = function () { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var res, school_year, _a, school_terms, current_term, schoolYear, schoolTerm, currentMonth, monthBeforeActive, gteAndLte, res_1, school_year_1, _b, school_terms, current_term, schoolYear, schoolTerm, err_1;
+            return tslib_1.__generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _c.trys.push([0, 5, , 6]);
+                        return [4 /*yield*/, getSchoolYear({
+                                variables: { lte: today, gte: today, school_id: schoolInfo === null || schoolInfo === void 0 ? void 0 : schoolInfo.school_id }
+                            })];
+                    case 1:
+                        res = _c.sent();
+                        school_year = res.data.school_year;
+                        if (!(school_year.length > 0)) return [3 /*break*/, 2];
+                        _a = school_year[0] ? school_year[0] : {}, school_terms = _a.school_terms, current_term = _a.current_term, schoolYear = tslib_1.__rest(_a, ["school_terms", "current_term"]);
+                        schoolTerm = current_term ? current_term[0] : {};
+                        setCurrentYear({ current_school_year: { schoolYear: schoolYear, school_terms: school_terms }, current_school_term: schoolTerm });
+                        return [3 /*break*/, 4];
+                    case 2:
+                        currentMonth = today.getMonth();
+                        monthBeforeActive = currentMonth - 3;
+                        gteAndLte = new Date(today.getFullYear(), monthBeforeActive, today.getDate());
+                        return [4 /*yield*/, getSchoolYear({
+                                variables: { lte: gteAndLte, gte: gteAndLte, school_id: schoolInfo === null || schoolInfo === void 0 ? void 0 : schoolInfo.school_id }
+                            })];
+                    case 3:
+                        res_1 = _c.sent();
+                        school_year_1 = res_1.data.school_year;
+                        _b = school_year_1[0] ? school_year_1[0] : {}, school_terms = _b.school_terms, current_term = _b.current_term, schoolYear = tslib_1.__rest(_b, ["school_terms", "current_term"]);
+                        schoolTerm = current_term ? current_term[0] : {};
+                        setCurrentYear({ current_school_year: { schoolYear: schoolYear, school_terms: school_terms }, current_school_term: schoolTerm });
+                        _c.label = 4;
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        err_1 = _c.sent();
+                        console.log(err_1);
+                        return [3 /*break*/, 6];
+                    case 6: return [2 /*return*/];
+                }
+            });
+        }); };
+        getData();
+    }, []);
+    return currentYear;
+}
+exports["default"] = PHXGetCurrentYearWithTerm;
+//# sourceMappingURL=getSchoolYear.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSchoolYear.js","sourceRoot":"","sources":["../../../../src/components/Func/getSchoolYear.ts"],"names":[],"mappings":";;;AAAA,yCAA6C;AAC7C,+BAA2C;AAC3C,wEAAiD;AACjD,uCAAiD;AAEjD,SAAS,yBAAyB;IAAlC,iBA+CC;IA9CC,IAAM,UAAU,GAAG,IAAA,yBAAoB,GAAE,CAAA;IACnC,IAAA,KAAgC,IAAA,gBAAQ,GAAO,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAA;IAErD,IAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACjB,IAAA,aAAa,GAAI,IAAA,qBAAY,EAAC,qBAAe,EAAE;QACpD,WAAW,EAAE,cAAc;QAC3B,2BAA2B,EAAE,IAAI;KAClC,CAAC,GAHkB,CAGlB;IAEF,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG;;;;;;wBAEA,qBAAM,aAAa,CAAC;gCAC9B,SAAS,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE;6BACxE,CAAC,EAAA;;wBAFI,GAAG,GAAG,SAEV;wBAEQ,WAAW,GACjB,GAAG,iBADc,CACd;6BACH,CAAA,WAAW,CAAC,MAAM,GAAG,CAAC,CAAA,EAAtB,wBAAsB;wBAElB,KAAgD,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAlF,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAK,UAAU,sBAA3C,gCAA6C,CAAF,CAAyC;wBACpF,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;wBACtD,cAAc,CAAC,EAAE,mBAAmB,EAAE,EAAE,UAAU,YAAA,EAAE,YAAY,cAAA,EAAE,EAAE,mBAAmB,EAAE,UAAU,EAAE,CAAC,CAAA;;;wBAEhG,YAAY,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;wBAC/B,iBAAiB,GAAG,YAAY,GAAG,CAAC,CAAA;wBACpC,SAAS,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,iBAAiB,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;wBACvE,qBAAM,aAAa,CAAC;gCAC9B,SAAS,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE;6BAChF,CAAC,EAAA;;wBAFI,QAAM,SAEV;wBAEQ,gBACN,KAAG,iBADc,CACd;wBAED,KAAgD,aAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAlF,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAK,UAAU,sBAA3C,gCAA6C,CAAF,CAAyC;wBACpF,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;wBACtD,cAAc,CAAC,EAAE,mBAAmB,EAAE,EAAE,UAAU,YAAA,EAAE,YAAY,cAAA,EAAE,EAAE,mBAAmB,EAAE,UAAU,EAAE,CAAC,CAAA;;;;;wBAGxG,OAAO,CAAC,GAAG,CAAC,KAAG,CAAC,CAAA;;;;;aAEnB,CAAA;QACD,OAAO,EAAE,CAAA;IACX,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,WAAW,CAAA;AACpB,CAAC;AAED,qBAAe,yBAAyB,CAAA"}

package/dist/cjs/components/Func/getUserInfor.d.ts

@@ -0,0 +1,2 @@
+import { LazyQueryExecFunction, OperationVariables } from '@apollo/client';
+export default function GetUserInfor(queryAction: LazyQueryExecFunction<any, OperationVariables>, idUser: number, token: string): Promise<any>;

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

@@ -0,0 +1,41 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var read_env_config_1 = require("../../read-env-config");
+function GetUserInfor(queryAction, idUser, token) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var uri, linkApi, bearToken, data, error_1;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    uri = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_API', process.env.NEXT_PUBLIC_API);
+                    linkApi = uri + '/graphql/rd/v1/graphql';
+                    bearToken = "Bearer ".concat(token);
+                    return [4 /*yield*/, queryAction({
+                            context: {
+                                linkApi: linkApi,
+                                headers: {
+                                    'Content-Type': 'application/json',
+                                    Authorization: bearToken,
+                                    'authorization-id': idUser
+                                }
+                            },
+                            variables: {
+                                userId: idUser
+                            }
+                        })];
+                case 1:
+                    data = (_a.sent()).data;
+                    return [2 /*return*/, data];
+                case 2:
+                    error_1 = _a.sent();
+                    console.log(error_1);
+                    return [2 /*return*/, false];
+                case 3: return [2 /*return*/];
+            }
+        });
+    });
+}
+exports["default"] = GetUserInfor;
+//# sourceMappingURL=getUserInfor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getUserInfor.js","sourceRoot":"","sources":["../../../../src/components/Func/getUserInfor.ts"],"names":[],"mappings":";;;AACA,yDAA8C;AAE9C,SAA8B,YAAY,CACxC,WAA2D,EAC3D,MAAc,EACd,KAAa;;;;;;;oBAGL,GAAG,GAAG,IAAA,wBAAM,EAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;oBAC5D,OAAO,GAAG,GAAG,GAAG,wBAAwB,CAAA;oBACxC,SAAS,GAAG,iBAAU,KAAK,CAAE,CAAA;oBAClB,qBAAM,WAAW,CAAC;4BACjC,OAAO,EAAE;gCACP,OAAO,SAAA;gCACP,OAAO,EAAE;oCACP,cAAc,EAAE,kBAAkB;oCAClC,aAAa,EAAE,SAAS;oCACxB,kBAAkB,EAAE,MAAM;iCAC3B;6BACF;4BACD,SAAS,EAAE;gCACT,MAAM,EAAE,MAAM;6BACf;yBACF,CAAC,EAAA;;oBAZM,IAAI,GAAK,CAAA,SAYf,CAAA,KAZU;oBAaZ,sBAAO,IAAI,EAAA;;;oBAEX,OAAO,CAAC,GAAG,CAAC,OAAK,CAAC,CAAA;oBAClB,sBAAO,KAAK,EAAA;;;;;CAEf;AA3BD,kCA2BC"}

package/dist/cjs/components/Func/logUserActivity.d.ts

@@ -0,0 +1,6 @@
+interface LogUserActivityData {
+    description: string;
+    module_id: number;
+}
+export declare const PHXLogUserActivity: (data: LogUserActivityData) => Promise<import("@apollo/client").SingleExecutionResult<any, Record<string, any>, Record<string, any>> | import("@apollo/client").ExecutionPatchInitialResult<any, Record<string, any>> | import("@apollo/client").ExecutionPatchIncrementalResult<any, Record<string, any>> | never[]>;
+export {};

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

@@ -0,0 +1,50 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXLogUserActivity = void 0;
+var tslib_1 = require("tslib");
+var client_1 = require("@apollo/client");
+var mutation_1 = require("../../query/userActivity/mutation");
+var read_env_config_1 = require("../../read-env-config");
+var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+var constants_1 = require("../../utils/constants");
+var getLoginInfo_1 = tslib_1.__importDefault(require("./getLoginInfo"));
+function generatePayload(data, user_id, school_id) {
+    return tslib_1.__assign(tslib_1.__assign({}, data), { school_id: school_id, user_id: user_id });
+}
+var PHXLogUserActivity = function (data) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+    var uri, authTokenInfo, schoolInfo, userId, schoolId, payload, client, res, err_1;
+    return tslib_1.__generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 2, , 3]);
+                uri = (0, read_env_config_1.getEnv)('NEXT_PUBLIC_API', process.env.NEXT_PUBLIC_API);
+                authTokenInfo = js_cookie_1["default"].get(constants_1.AUTH_TOKEN) && JSON.parse(js_cookie_1["default"].get(constants_1.AUTH_TOKEN));
+                schoolInfo = (0, getLoginInfo_1["default"])();
+                userId = schoolInfo.id;
+                schoolId = schoolInfo === null || schoolInfo === void 0 ? void 0 : schoolInfo.school_id;
+                payload = generatePayload(data, userId, schoolId);
+                client = new client_1.ApolloClient({
+                    uri: uri,
+                    cache: new client_1.InMemoryCache(),
+                    headers: {
+                        Authorization: 'Bearer' + ' ' + authTokenInfo.token,
+                        'Content-Type': 'application/json'
+                    }
+                });
+                return [4 /*yield*/, client.mutate({
+                        mutation: mutation_1.INSERT_USER_ACTIVITY_MUTATION,
+                        variables: payload
+                    })];
+            case 1:
+                res = _a.sent();
+                return [2 /*return*/, res];
+            case 2:
+                err_1 = _a.sent();
+                console.log(err_1);
+                return [2 /*return*/, []];
+            case 3: return [2 /*return*/];
+        }
+    });
+}); };
+exports.PHXLogUserActivity = PHXLogUserActivity;
+//# sourceMappingURL=logUserActivity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"logUserActivity.js","sourceRoot":"","sources":["../../../../src/components/Func/logUserActivity.ts"],"names":[],"mappings":";;;;AAAA,yCAA4D;AAC5D,8DAAiF;AACjF,yDAA8C;AAC9C,gEAA+B;AAC/B,mDAAkD;AAClD,wEAAiD;AAYjD,SAAS,eAAe,CAAC,IAAyB,EAAE,OAAe,EAAE,SAAiB;IACpF,6CACK,IAAI,KACP,SAAS,WAAA,EACT,OAAO,SAAA,IACR;AACH,CAAC;AAEM,IAAM,kBAAkB,GAAG,UAAO,IAAyB;;;;;;gBAExD,GAAG,GAAG,IAAA,wBAAM,EAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;gBAC5D,aAAa,GAAG,sBAAO,CAAC,GAAG,CAAC,sBAAU,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,sBAAO,CAAC,GAAG,CAAC,sBAAU,CAAW,CAAC,CAAA;gBACxF,UAAU,GAAG,IAAA,yBAAoB,GAAE,CAAA;gBACnC,MAAM,GAAG,UAAU,CAAC,EAAE,CAAA;gBACtB,QAAQ,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAA;gBAChC,OAAO,GAAG,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAA;gBAEjD,MAAM,GAAG,IAAI,qBAAY,CAAC;oBAC9B,GAAG,KAAA;oBACH,KAAK,EAAE,IAAI,sBAAa,EAAE;oBAC1B,OAAO,EAAE;wBACP,aAAa,EAAE,QAAQ,GAAG,GAAG,GAAG,aAAa,CAAC,KAAK;wBACnD,cAAc,EAAE,kBAAkB;qBACnC;iBACF,CAAC,CAAA;gBAEU,qBAAM,MAAM,CAAC,MAAM,CAAC;wBAC9B,QAAQ,EAAE,wCAA6B;wBACvC,SAAS,EAAE,OAAO;qBACnB,CAAC,EAAA;;gBAHI,GAAG,GAAG,SAGV;gBACF,sBAAO,GAAG,EAAA;;;gBAEV,OAAO,CAAC,GAAG,CAAC,KAAG,CAAC,CAAA;gBAChB,sBAAO,EAAE,EAAA;;;;KAEZ,CAAA;AA3BY,QAAA,kBAAkB,sBA2B9B"}

package/dist/cjs/components/Func/saveCookiesClient.d.ts

@@ -0,0 +1 @@
+export default function saveCookiesClient(name: string, value: string, remember: boolean): Promise<void>;

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

@@ -0,0 +1,19 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var js_cookie_1 = tslib_1.__importDefault(require("js-cookie"));
+function saveCookiesClient(name, value, remember) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        return tslib_1.__generator(this, function (_a) {
+            if (remember) {
+                js_cookie_1["default"].set(name, value, { expires: 365 * 100 });
+            }
+            else {
+                js_cookie_1["default"].set(name, value);
+            }
+            return [2 /*return*/];
+        });
+    });
+}
+exports["default"] = saveCookiesClient;
+//# sourceMappingURL=saveCookiesClient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"saveCookiesClient.js","sourceRoot":"","sources":["../../../../src/components/Func/saveCookiesClient.ts"],"names":[],"mappings":";;;AAAA,gEAA+B;AAE/B,SAA8B,iBAAiB,CAAC,IAAY,EAAE,KAAa,EAAE,QAAiB;;;YAC5F,IAAI,QAAQ,EAAE;gBACZ,sBAAO,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,CAAA;aACjD;iBAAM;gBACL,sBAAO,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;aACzB;;;;CACF;AAND,uCAMC"}

package/dist/cjs/components/Func/serverQuery.d.ts

@@ -0,0 +1,6 @@
+interface RequestOptions {
+    method: 'POST' | 'PUT' | 'PATCH' | 'DELETE' | 'GET';
+    body?: BodyInit;
+}
+declare function PHXFetchAPI(url: string, options: RequestOptions): Promise<any>;
+export default PHXFetchAPI;

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

@@ -0,0 +1,41 @@
+"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 PHXFetchAPI(url, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var authTokenInfo, method, body, response, error_1;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    authTokenInfo = js_cookie_1["default"].get(constants_1.AUTH_TOKEN) && JSON.parse(js_cookie_1["default"].get(constants_1.AUTH_TOKEN));
+                    method = options.method, body = options.body;
+                    return [4 /*yield*/, fetch(url, {
+                            method: method,
+                            headers: {
+                                Authorization: 'Bearer' + ' ' + authTokenInfo.token,
+                                'authorization-id': authTokenInfo.userInfo.id,
+                                'Content-Type': 'application/json'
+                            },
+                            body: body
+                        })];
+                case 1:
+                    response = _a.sent();
+                    if (!response.ok) {
+                        throw new Error("HTTP error! Status: ".concat(response.status));
+                    }
+                    return [4 /*yield*/, response.json()];
+                case 2: return [2 /*return*/, _a.sent()];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error('Error calling API:', error_1);
+                    throw error_1;
+                case 4: return [2 /*return*/];
+            }
+        });
+    });
+}
+exports["default"] = PHXFetchAPI;
+//# sourceMappingURL=serverQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"serverQuery.js","sourceRoot":"","sources":["../../../../src/components/Func/serverQuery.ts"],"names":[],"mappings":";;;AAAA,gEAA+B;AAC/B,mDAAkD;AAOlD,SAAe,WAAW,CAAC,GAAW,EAAE,OAAuB;;;;;;;oBAErD,aAAa,GAAG,sBAAO,CAAC,GAAG,CAAC,sBAAU,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,sBAAO,CAAC,GAAG,CAAC,sBAAU,CAAW,CAAC,CAAA;oBACtF,MAAM,GAAW,OAAO,OAAlB,EAAE,IAAI,GAAK,OAAO,KAAZ,CAAY;oBACf,qBAAM,KAAK,CAAC,GAAG,EAAE;4BAChC,MAAM,QAAA;4BACN,OAAO,EAAE;gCACP,aAAa,EAAE,QAAQ,GAAG,GAAG,GAAG,aAAa,CAAC,KAAK;gCACnD,kBAAkB,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE;gCAC7C,cAAc,EAAE,kBAAkB;6BACnC;4BACD,IAAI,MAAA;yBACL,CAAC,EAAA;;oBARI,QAAQ,GAAG,SAQf;oBAEF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;wBAChB,MAAM,IAAI,KAAK,CAAC,8BAAuB,QAAQ,CAAC,MAAM,CAAE,CAAC,CAAA;qBAC1D;oBAEM,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;wBAA5B,sBAAO,SAAqB,EAAA;;;oBAE5B,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,OAAK,CAAC,CAAA;oBAC1C,MAAM,OAAK,CAAA;;;;;CAEd;AAED,qBAAe,WAAW,CAAA"}

package/dist/cjs/components/Func/useDebounce.d.ts

@@ -0,0 +1,2 @@
+declare function PHXUseDebounce(value: string, delay: number): string;
+export default PHXUseDebounce;

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

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+var react_1 = require("react");
+function PHXUseDebounce(value, delay) {
+    var _a = (0, react_1.useState)(value), debounceValue = _a[0], setDebounceValue = _a[1];
+    (0, react_1.useEffect)(function () {
+        var handler = setTimeout(function () {
+            setDebounceValue(value);
+        }, delay);
+        return function () { return clearTimeout(handler); };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value]); // delay ko thay đổi
+    return debounceValue;
+}
+exports["default"] = PHXUseDebounce;
+//# sourceMappingURL=useDebounce.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../../../src/components/Func/useDebounce.ts"],"names":[],"mappings":";;AAAA,+BAA2C;AAE3C,SAAS,cAAc,CAAC,KAAa,EAAE,KAAa;IAC5C,IAAA,KAAoC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IAEzD,IAAA,iBAAS,EAAC;QACR,IAAM,OAAO,GAAG,UAAU,CAAC;YACzB,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACzB,CAAC,EAAE,KAAK,CAAC,CAAA;QAET,OAAO,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,EAArB,CAAqB,CAAA;QAClC,uDAAuD;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA,CAAC,oBAAoB;IAEhC,OAAO,aAAa,CAAA;AACtB,CAAC;AAED,qBAAe,cAAc,CAAA"}

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

@@ -0,0 +1,73 @@
+import React from 'react';
+import { IconName } from '../Dropdown';
+interface DropDownOption {
+    content?: string;
+    icon?: IconName;
+    iconOutline?: boolean;
+    active?: boolean;
+    destructive?: boolean;
+    onClick?(): void;
+}
+export interface TableProps {
+    addNewLoading?: boolean;
+    exportLoading?: boolean;
+    titleSize?: string;
+    className?: string;
+    title?: string;
+    importData?: boolean;
+    exportData?: boolean;
+    disableImport?: boolean;
+    disableExport?: boolean;
+    addNew?: boolean;
+    isCancel?: boolean;
+    downloadText?: string;
+    uploadText?: string;
+    addNewText?: string;
+    badge?: {
+        badgeText?: string;
+        badgeType?: string;
+    } | any;
+    type?: 'default' | 'title-with-badge';
+    downloadButton?: {
+        softButton?: boolean;
+        dangerSoftButton?: boolean;
+        secondaryButton?: boolean;
+    };
+    uploadButton?: {
+        softButton?: boolean;
+        dangerSoftButton?: boolean;
+        secondaryButton?: boolean;
+    };
+    isDownLoadDropDown?: boolean;
+    isUpLoadDropDown?: boolean;
+    downLoadDropDownOption?: Array<DropDownOption>;
+    upLoadDropDownOption?: Array<DropDownOption>;
+    onCancel?(): void;
+    onDownload?(): void;
+    onUpload?(): void;
+    onAdd?(): void;
+    isDropdown?: boolean;
+    dropdown?: {
+        buttonContent?: string;
+        optionTitle?: string;
+        options?: Array<{
+            content?: string;
+            icon?: IconName;
+            iconOutline?: boolean;
+            active?: boolean;
+            destructive?: boolean;
+            onClick?(): void;
+        }>;
+        origin?: 'left' | 'right';
+        type?: 'default' | 'icon-only' | 'date-picker' | 'ellipsis-icon';
+        defaultDate?: string;
+        max?: string;
+        min?: string;
+        startDisabled?: string;
+        endDisabled?: string;
+        disabledDate?: Array<string>;
+        onChangeDate?(): void;
+    };
+}
+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 {};

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

@@ -0,0 +1,69 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXHeaderBar = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+var solid_2 = require("@heroicons/react/20/solid");
+var react_2 = tslib_1.__importStar(require("react"));
+var types_1 = require("../types");
+var Badge_1 = require("../Badge");
+var Button_1 = require("../Button");
+var Dropdown_1 = require("../Dropdown");
+var PHXHeaderBar = function (_a) {
+    var _b = _a.addNew, addNew = _b === void 0 ? true : _b, _c = _a.addNewLoading, addNewLoading = _c === void 0 ? false : _c, addNewText = _a.addNewText, badge = _a.badge, className = _a.className, _d = _a.disableExport, disableExport = _d === void 0 ? false : _d, _e = _a.disableImport, disableImport = _e === void 0 ? false : _e, downLoadDropDownOption = _a.downLoadDropDownOption, _f = _a.downloadButton, downloadButton = _f === void 0 ? {
+        softButton: true,
+        dangerSoftButton: false,
+        secondaryButton: false
+    } : _f, downloadText = _a.downloadText, exportData = _a.exportData, _g = _a.exportLoading, exportLoading = _g === void 0 ? false : _g, importData = _a.importData, isCancel = _a.isCancel, isDownLoadDropDown = _a.isDownLoadDropDown, isUpLoadDropDown = _a.isUpLoadDropDown, onAdd = _a.onAdd, onCancel = _a.onCancel, onDownload = _a.onDownload, onUpload = _a.onUpload, title = _a.title, _h = _a.titleSize, titleSize = _h === void 0 ? 'text-base' : _h, _j = _a.type, type = _j === void 0 ? 'default' : _j, upLoadDropDownOption = _a.upLoadDropDownOption, _k = _a.uploadButton, uploadButton = _k === void 0 ? {
+        softButton: true,
+        dangerSoftButton: false,
+        secondaryButton: false
+    } : _k, uploadText = _a.uploadText, isDropdown = _a.isDropdown, dropdown = _a.dropdown;
+    var handleDownload = function () {
+        // e.preventDefault()
+        if (onDownload) {
+            onDownload();
+        }
+    };
+    var handleUpload = function () {
+        // e.preventDefault()
+        if (onUpload) {
+            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))));
+};
+exports.PHXHeaderBar = PHXHeaderBar;
+//# sourceMappingURL=HeaderBar.js.map