@dexteel/mesf-core 4.24.0 → 4.25.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "4.24.0"
+  ".": "4.25.0"
 }

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+# Changelog
+
+## [4.25.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v4.24.1...@dexteel/mesf-core-v4.25.0) (2025-02-04)
+
+
+### Features
+
+* **Realtime:** add useMesfRealtime hook ([974b52b](https://github.com/dexteel/mesf-core-frontend/commit/974b52b7f0e73784ab5bb3a18a623f893359ad8b))
+* **ShiftNavigator:** Listen now datetime to show next shifts ([b279ff7](https://github.com/dexteel/mesf-core-frontend/commit/b279ff7d01aa5f8e3e69d973e60602940b69f7ec))
+
+## [4.24.1] - 2025-02-04
+
+
+
+# Changelog
+
+## [4.24.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v4.24.0...@dexteel/mesf-core-v4.24.1) (2025-02-04)
+
+
+### Bug Fixes
+
+* **RealTime:** expose signalR from mesf-core ([584f37c](https://github.com/dexteel/mesf-core-frontend/commit/584f37ce60c649241c2e4ed0a00c35cc19ffbe6b))
+
+## [4.24.0] - 2025-02-04
+
+
+
 # Changelog
 
 ## [4.24.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v4.23.1...@dexteel/mesf-core-v4.24.0) (2025-02-04)

package/dist/hooks/useMesfRealtime.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    onReceiveMessage: (author: string, message: string) => void;
+};
+export declare const useMesfRealtime: ({ onReceiveMessage }: Props) => void;
+export {};

package/dist/index.d.ts

@@ -15,3 +15,5 @@ export * from "./utils";
 export * from "./components/shared/buttons/button-with-loading";
 export * from "./configuration/pages/users/models/User";
 export * from "./configuration/pages/users/repositories/UsersRepository";
+export * from "@microsoft/signalr";
+export * from "./hooks/useMesfRealtime";

package/dist/index.esm.js

@@ -23,6 +23,7 @@ import EditIcon from '@material-ui/icons/Edit';
 import PlaylistAddIcon from '@material-ui/icons/PlaylistAdd';
 import { isNil, get } from 'lodash';
 import { HubConnectionBuilder, LogLevel as LogLevel$1 } from '@microsoft/signalr';
+export * from '@microsoft/signalr';
 import { Alert as Alert$3, Autocomplete } from '@material-ui/lab';
 import { useForm, Controller } from 'react-hook-form';
 import 'ag-grid-community/styles/ag-theme-material.min.css';
@@ -8149,6 +8150,8 @@ var moment$2 = getMomentTz();
 var ShiftDayNavigatorControl = function (props) {
     var _a;
     var _b = useShiftNavigator(), shiftInfo = _b.shiftInfo, initShiftNavigator = _b.initShiftNavigator, moveShift = _b.moveShift, getShiftDataFromAPI = _b.getShiftDataFromAPI;
+    var _c = useState(shiftInfo), shiftInfoCopy = _c[0], setShiftInfoCopy = _c[1];
+    var _d = useState(""); _d[0]; var setError = _d[1];
     var shiftId = useParams().shiftId;
     var firstRender = useRef(true);
     var updateHistory = function (shiftId) {
@@ -8160,6 +8163,45 @@ var ShiftDayNavigatorControl = function (props) {
             updateHistory((_a = shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShiftId) === null || _a === void 0 ? void 0 : _a.toString());
         }
     }
+    useEffect(function () {
+        if ((shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentEnd) && shiftInfo.CurrentEnd < new Date()) {
+            var fn = function () { return __awaiter(void 0, void 0, void 0, function () {
+                var resp, shift, e_1;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            _a.trys.push([0, 2, , 3]);
+                            return [4 /*yield*/, getShiftByParameters({
+                                    productionDate: null,
+                                    shiftId: shiftInfo.CurrentShiftId
+                                })];
+                        case 1:
+                            resp = _a.sent();
+                            if (resp.ok) {
+                                shift = __assign(__assign({}, resp.data), { CurrentProductionDate: moment$2
+                                        .utc(resp.data.CurrentProductionDate)
+                                        .toDate(), CurrentStart: moment$2.utc(resp.data.CurrentStart).toDate(), CurrentEnd: moment$2.utc(resp.data.CurrentEnd).toDate(), PreviousProductionDate: moment$2
+                                        .utc(resp.data.PreviousProductionDate)
+                                        .toDate(), PreviousStart: moment$2.utc(resp.data.PreviousStart).toDate(), PreviousEnd: moment$2.utc(resp.data.PreviousEnd).toDate(), LastProductionDate: moment$2
+                                        .utc(resp.data.LastProductionDate)
+                                        .toDate(), LastStart: moment$2.utc(resp.data.LastStart).toDate(), LastEnd: moment$2.utc(resp.data.LastEnd).toDate() });
+                                setShiftInfoCopy(shift);
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            e_1 = _a.sent();
+                            setError(getError(e_1));
+                            return [3 /*break*/, 3];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); };
+            fn();
+        }
+    }, [shiftInfo]);
+    useEffect(function () {
+        setShiftInfoCopy(shiftInfo);
+    }, [shiftInfo]);
     useEffect(function () {
         if (firstRender.current) {
             firstRender.current = false;
@@ -8209,13 +8251,13 @@ var ShiftDayNavigatorControl = function (props) {
                 React__default.createElement(TextField, { label: "Shift - Crew", value: "".concat((shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentShift) || "", " - ").concat((shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.CurrentCrew) || ""), placeholder: "Shift", "aria-readonly": true, variant: "outlined", size: "small" })),
             React__default.createElement(Grid, { item: true },
                 React__default.createElement(Tooltip, { title: "Next Shift" },
-                    React__default.createElement(IconButton$1, { "aria-label": "next", color: "primary", disabled: !(shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.NextShiftId), onClick: function () {
+                    React__default.createElement(IconButton$1, { "aria-label": "next", color: "primary", disabled: !(shiftInfoCopy === null || shiftInfoCopy === void 0 ? void 0 : shiftInfoCopy.NextShiftId), onClick: function () {
                             moveShift("Next").then(function () { });
                         }, size: "small" },
                         React__default.createElement(ArrowForwardRounded, null)))),
             React__default.createElement(Grid, { item: true },
                 React__default.createElement(Tooltip, { title: "Last Shift" },
-                    React__default.createElement(IconButton$1, { "aria-label": "delete", color: "primary", disabled: !(shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.LastShiftId) || !(shiftInfo === null || shiftInfo === void 0 ? void 0 : shiftInfo.NextShiftId), onClick: function () {
+                    React__default.createElement(IconButton$1, { "aria-label": "delete", color: "primary", disabled: !(shiftInfoCopy === null || shiftInfoCopy === void 0 ? void 0 : shiftInfoCopy.LastShiftId) || !(shiftInfoCopy === null || shiftInfoCopy === void 0 ? void 0 : shiftInfoCopy.NextShiftId), onClick: function () {
                             moveShift("Last").then(function () { });
                         }, size: "small" },
                         React__default.createElement(SkipNext, null)))))));
@@ -13630,6 +13672,36 @@ function MESFMain(_a) {
                                                 React__default.createElement(Navigation, { showAreaSelector: showAreaSelector, showTrendingsIcon: showTrendingsIcon, navbarTitle: navbarTitle })))))))))))));
 }
 
+var useMesfRealtime = function (_a) {
+    var onReceiveMessage = _a.onReceiveMessage;
+    useEffect(function () {
+        var connection = new HubConnectionBuilder()
+            .withUrl("/ws")
+            .withAutomaticReconnect()
+            .configureLogging(LogLevel$1.Information)
+            .build();
+        connection
+            .start()
+            .then(function () {
+            console.log("Connection started");
+        })["catch"](function (err) {
+            console.log("Error while starting connection: " + err);
+        });
+        connection.on("ReceiveMessage", function (author, message) {
+            onReceiveMessage(author, message);
+        });
+        return function () {
+            connection
+                .stop()
+                .then(function () {
+                console.log("Connection stopped");
+            })["catch"](function (err) {
+                console.log("Error while stopping connection: " + err);
+            });
+        };
+    }, []);
+};
+
 var useDefaultAreaId = function (setError) {
     var _a = useUserContext(), userId = _a.state.userId, setDefaultAreaId = _a.actions.setDefaultAreaId;
     return function () {
@@ -13769,5 +13841,5 @@ var areaSelector = /*#__PURE__*/Object.freeze({
     AreaSelector: AreaSelector
 });
 
-export { Account, AssetProvider, AuthContext, AuthProvider, BarChartControl, ButtonWithLoading, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, ContextMenu$1 as ContextMenu, ContextMenuMESFProvider, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ErrorModal, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HorizontalTextControl, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, NumericTextControl, ShiftDayNavigatorControl, ShiftNavigatorProvider, ShiftPeriodNavigatorControl, SimplePasswordControl, SimpleSelectorControl, SimpleTextAreaControl, SimpleTextControl, TimeFormatter, TimeService, TreePickerControl, TreePickerControlV2, TrendingsPage, USER_LABELS, UTLSettingsProvider, UploadFileControl, UserProvider, axiosInstance, deleteUser, dxtServerTimeZone, dxtToLocalServerTime, dxtToUTC, formatNumber, getAuthTypes, getCrewStyle, getDataUser, getError, getMomentTz, getProfiles, getShiftByParameters, getShiftStyle, getShiftsRangeByParameters, getTokenFromLS, getUsers, renewToken, setPassword, setProfilesToUser, upsertUser, useAssetContext, useContextMenuMESF, useShiftNavigator, useShiftNavigatorManager, useStyles$6 as useStyles, useToken, useUTLSettingsContext, useUserContext };
+export { Account, AssetProvider, AuthContext, AuthProvider, BarChartControl, ButtonWithLoading, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, ContextMenu$1 as ContextMenu, ContextMenuMESFProvider, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ErrorModal, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HorizontalTextControl, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, NumericTextControl, ShiftDayNavigatorControl, ShiftNavigatorProvider, ShiftPeriodNavigatorControl, SimplePasswordControl, SimpleSelectorControl, SimpleTextAreaControl, SimpleTextControl, TimeFormatter, TimeService, TreePickerControl, TreePickerControlV2, TrendingsPage, USER_LABELS, UTLSettingsProvider, UploadFileControl, UserProvider, axiosInstance, deleteUser, dxtServerTimeZone, dxtToLocalServerTime, dxtToUTC, formatNumber, getAuthTypes, getCrewStyle, getDataUser, getError, getMomentTz, getProfiles, getShiftByParameters, getShiftStyle, getShiftsRangeByParameters, getTokenFromLS, getUsers, renewToken, setPassword, setProfilesToUser, upsertUser, useAssetContext, useContextMenuMESF, useMesfRealtime, useShiftNavigator, useShiftNavigatorManager, useStyles$6 as useStyles, useToken, useUTLSettingsContext, useUserContext };
 //# sourceMappingURL=index.esm.js.map