@dexteel/mesf-core 5.5.2 → 5.6.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "5.5.2"
+  ".": "5.6.0"
 }

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+# Changelog
+
+## [5.6.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.5.3...@dexteel/mesf-core-v5.6.0) (2025-07-15)
+
+
+### Features
+
+* **ShiftPeriodNavigatorControl:** add custom option in periods ([c1c1cf6](https://github.com/dexteel/mesf-core-frontend/commit/c1c1cf61f283daf46a787c3edde797f373debf25))
+* **ShiftPeriodNavigatorControl:** add custom period ([4a54f61](https://github.com/dexteel/mesf-core-frontend/commit/4a54f61196e754345f69447ab74f6997ce0a684c))
+
+## [5.5.3] - 2025-07-08
+
+
+
+# Changelog
+
+## [5.5.3](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.5.2...@dexteel/mesf-core-v5.5.3) (2025-07-08)
+
+
+### Bug Fixes
+
+* **ShiftPeriodNavigatorControl:** add a prop to fix ([adf04ec](https://github.com/dexteel/mesf-core-frontend/commit/adf04ecd314926786977c3ffdce5eecd185e7c83))
+
+## [5.5.2] - 2025-07-01
+
+
+
 # Changelog
 
 ## [5.5.2](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.5.1...@dexteel/mesf-core-v5.5.2) (2025-07-01)

package/dist/index.esm.js

@@ -1592,11 +1592,15 @@ var ShiftPeriodNavigatorControl = function (_a) {
     var _h = useState(""); _h[0]; var setError = _h[1];
     var _j = useState([]), shiftPeriodList = _j[0], setShiftPeriodList = _j[1];
     var _k = useState(false), isActionInProgress = _k[0], setIsActionInProgress = _k[1];
+    var _l = useState(null), customStartDate = _l[0], setCustomStartDate = _l[1];
+    var _m = useState(null), customEndDate = _m[0], setCustomEndDate = _m[1];
     var handleArrowNavigation = function (direction) { return __awaiter(void 0, void 0, void 0, function () {
         var error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
+                    if (period === "Custom")
+                        return [2 /*return*/];
                     if (!(startShift === null || startShift === void 0 ? void 0 : startShift.Start) && !(endShift === null || endShift === void 0 ? void 0 : endShift.End))
                         return [2 /*return*/];
                     _a.label = 1;
@@ -1627,16 +1631,20 @@ var ShiftPeriodNavigatorControl = function (_a) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, searchShiftsRangeByParameters(period, null, null, false, "last")];
+                    if (period === "Custom")
+                        return [2 /*return*/];
+                    _a.label = 1;
                 case 1:
-                    _a.sent();
-                    return [3 /*break*/, 3];
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, searchShiftsRangeByParameters(period, null, null, false, "last")];
                 case 2:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
                     error_2 = _a.sent();
                     setError(error_2);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
             }
         });
     }); };
@@ -1646,7 +1654,7 @@ var ShiftPeriodNavigatorControl = function (_a) {
             args_1[_i - 3] = arguments[_i];
         }
         return __awaiter(void 0, __spreadArray([newPeriod_1, newStartDate_1, newEndDate_1], args_1, true), void 0, function (newPeriod, newStartDate, newEndDate, useShiftIds, action) {
-            var res, rowsSource, error_3;
+            var res, rowsSource, firstShift, lastShift, error_3;
             var _a, _b;
             if (useShiftIds === void 0) { useShiftIds = true; }
             if (action === void 0) { action = null; }
@@ -1666,11 +1674,29 @@ var ShiftPeriodNavigatorControl = function (_a) {
                         if (res.ok) {
                             rowsSource = get(res, "data.tables[0].rows", []);
                             setShiftPeriodList(rowsSource);
-                            if (rowsSource.length >= 2) {
-                                onChange({
-                                    StartShiftId: rowsSource[0].ShiftId,
-                                    EndShiftId: rowsSource[1].ShiftId,
-                                });
+                            if (newPeriod === "Custom") {
+                                if (rowsSource.length >= 1) {
+                                    firstShift = rowsSource[0];
+                                    lastShift = rowsSource[rowsSource.length - 1];
+                                    onChange({
+                                        StartShiftId: firstShift.ShiftId,
+                                        EndShiftId: lastShift.ShiftId,
+                                    });
+                                }
+                            }
+                            else {
+                                if (rowsSource.length >= 2) {
+                                    onChange({
+                                        StartShiftId: rowsSource[0].ShiftId,
+                                        EndShiftId: rowsSource[1].ShiftId,
+                                    });
+                                }
+                                else if (rowsSource.length === 1) {
+                                    onChange({
+                                        StartShiftId: rowsSource[0].ShiftId,
+                                        EndShiftId: rowsSource[0].ShiftId,
+                                    });
+                                }
                             }
                         }
                         else {
@@ -1697,39 +1723,68 @@ var ShiftPeriodNavigatorControl = function (_a) {
                 case 0:
                     if (!value || !value.isValid())
                         return [2 /*return*/];
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 6, , 7]);
-                    newDate = value.toDate();
+                    if (!(period === "Custom")) return [3 /*break*/, 6];
                     if (!(key === "start")) return [3 /*break*/, 3];
-                    return [4 /*yield*/, searchShiftsRangeByParameters(period, newDate, null, false)];
-                case 2:
+                    setCustomStartDate(value);
+                    if (!customEndDate) return [3 /*break*/, 2];
+                    return [4 /*yield*/, searchShiftsRangeByParameters("Custom", value.toDate(), customEndDate.toDate(), false)];
+                case 1:
                     _a.sent();
-                    return [3 /*break*/, 5];
-                case 3: return [4 /*yield*/, searchShiftsRangeByParameters(period, null, newDate, false)];
+                    _a.label = 2;
+                case 2: return [3 /*break*/, 5];
+                case 3:
+                    setCustomEndDate(value);
+                    if (!customStartDate) return [3 /*break*/, 5];
+                    return [4 /*yield*/, searchShiftsRangeByParameters("Custom", customStartDate.toDate(), value.toDate(), false)];
                 case 4:
                     _a.sent();
                     _a.label = 5;
-                case 5: return [3 /*break*/, 7];
+                case 5: return [2 /*return*/];
                 case 6:
+                    _a.trys.push([6, 11, , 12]);
+                    newDate = value.toDate();
+                    if (!(key === "start")) return [3 /*break*/, 8];
+                    return [4 /*yield*/, searchShiftsRangeByParameters(period, newDate, null, false)];
+                case 7:
+                    _a.sent();
+                    return [3 /*break*/, 10];
+                case 8: return [4 /*yield*/, searchShiftsRangeByParameters(period, null, newDate, false)];
+                case 9:
+                    _a.sent();
+                    _a.label = 10;
+                case 10: return [3 /*break*/, 12];
+                case 11:
                     error_4 = _a.sent();
                     setError(error_4);
-                    return [3 /*break*/, 7];
-                case 7: return [2 /*return*/];
+                    return [3 /*break*/, 12];
+                case 12: return [2 /*return*/];
             }
         });
     }); };
     var handleChangeScope = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var newPeriod;
+        var newPeriod, today, yesterday;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     newPeriod = e.target.value;
                     setPeriod(newPeriod);
-                    return [4 /*yield*/, searchShiftsRangeByParameters(newPeriod, null, (endShift === null || endShift === void 0 ? void 0 : endShift.Start) ? moment$2(endShift.Start).toDate() : null, false)];
+                    if (!(newPeriod === "Custom")) return [3 /*break*/, 2];
+                    today = moment$2();
+                    yesterday = moment$2().subtract(1, "day");
+                    setCustomStartDate(yesterday);
+                    setCustomEndDate(today);
+                    return [4 /*yield*/, searchShiftsRangeByParameters("Custom", yesterday.toDate(), today.toDate(), false)];
                 case 1:
                     _a.sent();
-                    return [2 /*return*/];
+                    return [3 /*break*/, 4];
+                case 2:
+                    setCustomStartDate(null);
+                    setCustomEndDate(null);
+                    return [4 /*yield*/, searchShiftsRangeByParameters(newPeriod, null, (endShift === null || endShift === void 0 ? void 0 : endShift.Start) ? moment$2(endShift.Start).toDate() : null, false)];
+                case 3:
+                    _a.sent();
+                    _a.label = 4;
+                case 4: return [2 /*return*/];
             }
         });
     }); };
@@ -1742,9 +1797,9 @@ var ShiftPeriodNavigatorControl = function (_a) {
         searchShiftsRangeByParameters(period, null, null, true);
     }, []);
     var startShift = shiftPeriodList[0];
-    var endShift = shiftPeriodList[1];
+    var endShift = shiftPeriodList[1] || shiftPeriodList[0];
     var renderShiftCrewInfo = function (shift) {
-        if (!showShiftAndCrews || !shift)
+        if (!showShiftAndCrews || !shift || period === "Custom")
             return null;
         return (React__default.createElement("span", { style: {
                 paddingRight: 5,
@@ -1758,14 +1813,15 @@ var ShiftPeriodNavigatorControl = function (_a) {
             " - ",
             shift.Crew));
     };
+    var isCustomMode = period === "Custom";
     return (React__default.createElement("div", { className: classes.container },
         React__default.createElement("div", { className: classes.gridItem },
-            React__default.createElement(IconButton$1, { size: "small", color: "primary", disabled: loadingShiftPeriodList, onClick: function () { return handleArrowNavigation("prev"); } },
+            React__default.createElement(IconButton$1, { size: "small", color: "primary", disabled: loadingShiftPeriodList || isCustomMode, onClick: function () { return handleArrowNavigation("prev"); } },
                 React__default.createElement(ChevronLeft, null))),
         React__default.createElement("div", { className: "".concat(classes.gridItem, " ").concat(classes.datePickerWrapper) },
             React__default.createElement(DatePicker$1, { label: "Start", format: dateFormat, value: moment$2((startShift === null || startShift === void 0 ? void 0 : startShift.Start) || moment$2().subtract(1, "day")), onChange: function (value) {
                     return handleDateChange(value ? moment$2(value) : null, "start");
-                }, disabled: loadingShiftPeriodList, slots: {
+                }, disabled: loadingShiftPeriodList, enableAccessibleFieldDOMStructure: false, slots: {
                     textField: function (props) { return (React__default.createElement(TextField, __assign({}, props, { size: "small", variant: "outlined", fullWidth: true, style: { width: "100%" }, InputProps: __assign(__assign({}, props.InputProps), { style: { paddingTop: "2px" } }) }))); },
                     openPickerIcon: function () { return (React__default.createElement("div", { style: {
                             display: "flex",
@@ -1785,7 +1841,7 @@ var ShiftPeriodNavigatorControl = function (_a) {
         React__default.createElement("div", { className: "".concat(classes.gridItem, " ").concat(classes.datePickerWrapper) },
             React__default.createElement(DatePicker$1, { label: "End", format: dateFormat, value: moment$2((endShift === null || endShift === void 0 ? void 0 : endShift.Start) || moment$2().subtract(1, "day")), onChange: function (value) {
                     return handleDateChange(value ? moment$2(value) : null, "end");
-                }, disabled: loadingShiftPeriodList, slots: {
+                }, disabled: loadingShiftPeriodList, enableAccessibleFieldDOMStructure: false, slots: {
                     textField: function (props) { return (React__default.createElement(TextField, __assign({}, props, { size: "small", variant: "outlined", fullWidth: true, style: { width: "100%" }, InputProps: __assign(__assign({}, props.InputProps), { style: { paddingTop: "2px" } }) }))); },
                     openPickerIcon: function () { return (React__default.createElement("div", { style: {
                             display: "flex",
@@ -1798,10 +1854,10 @@ var ShiftPeriodNavigatorControl = function (_a) {
                             React__default.createElement(CalendarIcon, null)))); },
                 } })),
         React__default.createElement("div", { className: classes.gridItem },
-            React__default.createElement(IconButton$1, { size: "small", disabled: loadingShiftPeriodList, onClick: function () { return handleArrowNavigation("next"); } },
+            React__default.createElement(IconButton$1, { size: "small", disabled: loadingShiftPeriodList || isCustomMode, onClick: function () { return handleArrowNavigation("next"); } },
                 React__default.createElement(ChevronRight, null))),
         React__default.createElement("div", { className: classes.gridItem },
-            React__default.createElement(IconButton$1, { size: "small", disabled: loadingShiftPeriodList, onClick: handleLastShift },
+            React__default.createElement(IconButton$1, { size: "small", disabled: loadingShiftPeriodList || isCustomMode, onClick: handleLastShift },
                 React__default.createElement(SkipNextIcon, null)))));
 };