@dexteel/mesf-core 3.2.0 → 3.2.2

package/dist/account/login.d.ts

@@ -1,9 +1,3 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
 import { LoginParams } from "./models/login.models";
 export declare function Login({ authConfig }: LoginParams): JSX.Element;
-export declare namespace Login {
-    var propTypes: {
-        setToken: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}

package/dist/index.esm.js

@@ -38,7 +38,7 @@ import FormHelperText$1 from '@material-ui/core/FormHelperText';
 import stc from 'string-to-color';
 import DeleteIcon from '@material-ui/icons/Delete';
 import EditIcon from '@material-ui/icons/Edit';
-import { Outlet, BrowserRouter, Routes, Route, useSearchParams, useNavigate, Link, useParams, Navigate } from 'react-router-dom';
+import { Outlet, useNavigate, useSearchParams, Link, useParams, Navigate, Routes, Route, BrowserRouter } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import { ResponsiveBar } from '@nivo/bar';
 import DatePicker from 'react-datepicker';
@@ -3820,7 +3820,7 @@ var Configuration$1 = /** @class */ (function () {
     return Configuration;
 }());
 
-var base$2 = document.getElementsByTagName('base')[0].getAttribute('href') || '/';
+var base$1 = document.getElementsByTagName('base')[0].getAttribute('href') || '/';
 var MESApiService = /** @class */ (function () {
     function MESApiService() {
         this.config = new Configuration$1();
@@ -3984,7 +3984,7 @@ var MESApiService = /** @class */ (function () {
                     })
                         .then(function (response) {
                         if (response.status === 401) {
-                            window.location.href = "".concat(base$2, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
+                            window.location.href = "".concat(base$1, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
                         }
                         isError = { ok: response.ok, status: response.status, statusText: response.statusText };
                         return response.json();
@@ -4036,7 +4036,7 @@ var MESApiService = /** @class */ (function () {
                     })
                         .then(function (response) {
                         if (response.status === 401) {
-                            window.location.href = "".concat(base$2, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
+                            window.location.href = "".concat(base$1, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
                         }
                         isError = { ok: response.ok, status: response.status, statusText: response.statusText };
                         return response.json();
@@ -4091,7 +4091,7 @@ var MESApiService = /** @class */ (function () {
                     })
                         .then(function (response) {
                         if (response.status === 401) {
-                            window.location.href = "".concat(base$2, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
+                            window.location.href = "".concat(base$1, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
                         }
                         isError = { ok: response.ok, status: response.status, statusText: response.statusText };
                         return response.json();
@@ -4144,7 +4144,7 @@ var MESApiService = /** @class */ (function () {
                     })
                         .then(function (response) {
                         if (response.status === 401) {
-                            window.location.href = "".concat(base$2, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
+                            window.location.href = "".concat(base$1, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
                         }
                         isError = { ok: response.ok, status: response.status, statusText: response.statusText };
                         if (!isError.ok)
@@ -4213,7 +4213,7 @@ var MESApiService = /** @class */ (function () {
                     })
                         .then(function (response) {
                         if (response.status === 401) {
-                            window.location.href = "".concat(base$2, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
+                            window.location.href = "".concat(base$1, "logout?message=Session%20expired&redirectTo=").concat(window.location.href);
                         }
                         isError = { ok: response.ok, status: response.status, statusText: response.statusText };
                         if (!isError.ok)
@@ -5241,7 +5241,6 @@ function Account() {
 }
 
 var AuthContext = React__default.createContext({});
-var base$1 = document.getElementsByTagName('base')[0].getAttribute('href') || '/';
 var AuthProvider = function (_a) {
     var children = _a.children, authConfig = _a.authConfig;
     var useTokenHook = useToken();
@@ -5256,9 +5255,7 @@ var Authenticated = function (_a) {
 };
 var Unauthenticated = function (_a) {
     var authConfig = _a.authConfig;
-    return (React__default.createElement(BrowserRouter, { basename: base$1 },
-        React__default.createElement(Routes, null,
-            React__default.createElement(Route, { path: '/', element: React__default.createElement(Login, { authConfig: authConfig }) }))));
+    return (React__default.createElement(Login, { authConfig: authConfig }));
 };
 
 var LoginWithEmailAndPassword = function () {
@@ -5458,20 +5455,23 @@ var LoginAsGuest = function () {
 
 function Login(_a) {
     var authConfig = _a.authConfig;
-    var _b = useSearchParams(), params = _b[0], setParams = _b[1];
-    var _c = useState(false), open = _c[0], setOpen = _c[1];
-    var _d = useState(''), message = _d[0], setMessage = _d[1];
+    var params = useRef((new URL(document.location)).searchParams);
+    var _b = useState(false), open = _b[0], setOpen = _b[1];
+    var _c = useState(''), message = _c[0], setMessage = _c[1];
     var useEmailAndPassword = get$1(authConfig, 'useEmailAndPassword', true);
     var useAzureAD = get$1(authConfig, 'useAzureAD', false);
     var guestIsEnabled = get$1(authConfig, 'guestIsEnabled', false);
     var handleClose = function () {
         setOpen(false);
-        params["delete"]('message');
-        setParams(params);
+        params.current["delete"]('message');
+        var newUrl = window.location.origin
+            + window.location.pathname
+            + '?' + params.current.toString();
+        window.history.replaceState({ path: newUrl }, '', newUrl);
     };
     useEffect(function () {
-        if (params.has('message')) {
-            setMessage(params.get('message'));
+        if (params.current.has('message')) {
+            setMessage(params.current.get('message'));
             setOpen(true);
         }
     }, [params.toString()]);
@@ -5489,10 +5489,7 @@ function Login(_a) {
                             useAzureAD && React__default.createElement(LoginWithAzureAD, { config: authConfig.AzureConfig }),
                             guestIsEnabled && React__default.createElement(LoginAsGuest, null)))))),
         React__default.createElement(Snackbar$1, { open: open, autoHideDuration: 6000, onClose: handleClose, message: message })));
-}
-Login.propTypes = {
-    setToken: PropTypes.func
-};
+}
 
 function Logout() {
     var _this = this;
@@ -5666,8 +5663,7 @@ var Navigation = function () {
 var css = "body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-color: #fafbfc !important;\n}\n.container-fluid-main{\n  padding-right: 0px !important; \n  padding-left: 0px !important;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n\n.mes-primary-color {\n  background-color: #479dc4 !important;\n}\n.mes-button-primary{\n  background-color: #479dc4 !important;\n  border-color: #479dc4 !important;\n}\n\n.mes-selectable-datagrid .MuiDataGrid-row{\n  cursor: pointer;\n}\n\n.mes-menu-top .navbar-brand{\n  color: #FFFF !important;\n}\n.mes-menu-top .nav-link {\n  color: #FFFF !important;\n}\n.mes-menu-top .navbar-toggler {\n  color: #FFFF !important;\n}\n.mes-menu-top .navbar-text {\n  color: #FFFF !important;\n}\n.mes-footer-login{\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  height: 10em;\n  line-height: 60px;\n  text-align:center;\n}\n.mes-filter-datepicker{\n  padding: unset !important;\n  border-top-left-radius: 0 !important;\n  border-bottom-left-radius: 0 !important;\n  padding-top: 0.375rem !important;\n  padding-bottom: 0.375rem !important;\n  padding-left: 0.75rem !important;\n  cursor: pointer !important;\n  max-width: 120px;\n}\n.mes-filter-datetimepicker{\n  max-width: 97px;\n}\n.mes-not-rounded{\n  border-radius: unset !important;\n}\n\n.mes-numeric{\n  text-align: right;\n}\n.mes-drag-over{\n  border: 3px dotted #666;\n  background-color: #479dc4 !important;\n}\n.mes-drag-start{\n  border: 3px solid #666;\n}\n\n.mes-selectable{\n  cursor: pointer !important;\n}\n\n.mes-custom-select{\n  width: auto !important;\n  padding: 0.375rem 0 0.375rem 0 !important;\n  background: unset !important;\n  font-family: inherit !important;\n}\n.mes-custom-select .MuiSelect-select{\n  padding-left: 14px;\n}\n\n.mes-custom-select::before{\n  border-bottom: unset !important;\n}\n.mes-custom-select::after{\n  border-bottom: unset !important;\n}\n.mes-no-border{\n  border: unset;\n}\n.mes-no-border:focus-visible {\n  outline: unset;\n}\n.mes-div-submenu{\n  border-right: 1px solid #cfdbe2; \n}\n.mes-submenu a{\n  width: 100% !important;\n  /* color: rgba(0, 0, 0, 0.87); */\n  color: #479dc4\n}\n.mes-submenu .Mui-selected{\n  border-right: 3px solid #479dc4; \n}\n.mes-menu-group{\n    font-size: 20px;\n    line-height: 1.1;\n    color: #929292;  \n    font-weight: normal;    \n}\n\n/********************MUI DATAGRID*****************************/\n.Mui-selected{\n  font-weight: bolder !important;\n  opacity: 1 !important;\n}\n\n.mes-upload-control{\n\n}\n.mes-upload-control .file-box{\n  /* border : 1px solid black; */\n  height : 100px;\n  position: relative;  \n}\n.mes-upload-control .file-detail{\n  position: absolute;\n  left: 0px;\n  top: 0px; \n  z-index: 1;\n  height: 100%;\n  width: 100%;\n}\n\n.mes-upload-control input[type=file]{\n  left: 0px;\n  top: 0px;\n  opacity: 0;\n  z-index: 10000;\n  height: 100%;\n  cursor: pointer;\n}\n.mes-upload-control table{\n  width: 100%;\n}\n.mes-upload-control td{\n  font-size: 0.8rem !important;\n  max-width:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\n}\n\n\n.input-group-text{\n  background-color: #ced2cc !important;\n  /* border: 1px solid #ced4da !important; */\n  /* color: #000000 !important; */\n}\n\n\n\n\n.content-wrapper {\n  padding: 15px;\n  width: 100%;\n  border-top: 1px solid rgba(0, 0, 0, 0.15);\n  margin-top: -1px;\n}\n.content-wrapper > .unwrap {\n  margin: -15px;\n}\n@media only screen and (min-width: 768px) {\n  .content-wrapper > .unwrap {\n    margin: -20px;\n  }\n}\n.content-wrapper > h3,\n.content-wrapper > .content-heading {\n  font-size: 24px;\n  line-height: 1.1;\n  color: #929292;\n  margin: -15px;\n  margin-bottom: 20px;\n  padding: 15px;\n  font-weight: normal;\n  background-color: #fafbfc;\n  border-bottom: 1px solid #cfdbe2;\n}\n.content-wrapper > h3 > small,\n.content-wrapper > .content-heading > small {\n  display: block;\n  font-size: 12px;\n  color: #909fa7;\n}\n.content-wrapper > button,\n.content-wrapper > .btn {\n  margin: 10px 10px 0 0;\n}\n.content-wrapper .container,\n.content-wrapper .container-fluid {\n  padding-left: 0;\n  padding-right: 0;\n}\n@media only screen and (min-width: 768px) {\n  .content-wrapper {\n    padding: 20px;\n  }\n  .content-wrapper > h3,\n  .content-wrapper > .content-heading {\n    margin: -20px;\n    margin-bottom: 5px;\n    padding: 15px;\n  }\n  .content-wrapper > button,\n  .content-wrapper > .btn {\n    margin: 0;\n  }\n}\n\n  @media print {\n    .sidebar,\n    .topnavbar,\n    .offsidebar,\n    .btn {\n      display: none !important;\n      width: 0 !important;\n      height: 0 !important;\n    }\n    .wrapper,\n    .wrapper > section,\n    .content-wrapper {\n      margin: 0 !important;\n      /* remove margin used for sidebar and expand the content */\n      padding: 0 !important;\n      width: 100% !important;\n    }\n    .content-wrapper {\n      overflow: hidden !important;\n    }\n  }\n  ";
 n(css,{});
 
-var _a;
-var base = ((_a = document.getElementsByTagName('base')[0].getAttribute('href')) === null || _a === void 0 ? void 0 : _a.replace(/\/$/, "")) || '/';
+var base = document.getElementsByTagName('base')[0].getAttribute('href') || '/';
 function MESFMain(props) {
     return (React__default.createElement(AuthProvider, { authConfig: props.authentication },
         React__default.createElement(RouterContext.Provider, { value: props.routes },
@@ -5680,4 +5676,3 @@ function MESFMain(props) {
 }
 
 export { Account, AuthContext, AuthProvider, BarChartControl, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, CurrencyFormatter, DataGridControl, DateControl, DateFormatter, DateTimeControl, DateTimeFormatter, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HorizontalTextControl, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, NumericTextControl, SimpleInputSearchControl, SimplePasswordControl, SimpleSelectorControl, SimpleTextAreaControl, SimpleTextControl, SimpleTimeControl, TimeControl, TimeFormatter, TreePickerControl, USER_LABELS, UploadFileControl, formatNumber, getCrewStyle, getShiftStyle, useToken };
-//# sourceMappingURL=index.esm.js.map

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dexteel/mesf-core",
-  "version": "3.2.0",
-  "author": "Lucas Rueda",
+  "version": "3.2.2",
+  "author": "Dexteel Team",
   "module": "dist/index.esm.js",
   "typings": "dist/index.d.ts",
   "scripts": {
     "prepublish": "rimraf -rf ./dist && npm run build",
     "build": "rimraf -rf ./dist && rollup -c",
-    "watch": "rollup -wc",
-    "start": "rollup -wc"
+    "watch": "cross-env rollup -wc",
+    "start": "cross-env rollup -wc"
   },
   "license": "ISC",
   "devDependencies": {
@@ -73,6 +73,8 @@
     "react-dom": "^17.0.2",
     "react-router-dom": "^6.2.1",
     "react-spring": "^9.4.3",
+    "string-to-color": "^2.2.2",
+    "use-complex-state": "^1.1.0",
     "rimraf": "^3.0.2"
   },
   "browserslist": {