@dexteel/mesf-core 7.16.1 → 7.17.2

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "7.16.1"
+  ".": "7.17.2"
 }

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # Changelog
 
+## [7.17.2](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.17.1...@dexteel/mesf-core-v7.17.2) (2026-03-27)
+
+
+### Bug Fixes
+
+* **devops:** add rollup config to build correctly ([df33adc](https://github.com/dexteel/mesf-core-frontend/commit/df33adc71d81c8ced414a59f16c817e238f545c8))
+
+## [7.17.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.17.0...@dexteel/mesf-core-v7.17.1) (2026-03-27)
+
+
+### Bug Fixes
+
+* **deps:** upgrade rollup-plugin-typescript2 and fix setTimeout types    ([#641](https://github.com/dexteel/mesf-core-frontend/issues/641)) ([867c828](https://github.com/dexteel/mesf-core-frontend/commit/867c828187051f3096b544b15a38248976d25c72))
+
+## [7.17.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.16.1...@dexteel/mesf-core-v7.17.0) (2026-03-27)
+
+
+### Features
+
+* add workflow_dispatch trigger to npm publish workflow ([d776298](https://github.com/dexteel/mesf-core-frontend/commit/d7762989b613ed262cb9969824ef5068d1e05343))
+
+
+### Bug Fixes
+
+* **Asset Search:** Fix search box overlapping tree items at certain resolutions ([5d1e1f3](https://github.com/dexteel/mesf-core-frontend/commit/5d1e1f3370cd96e84b02a4301ec9256c2b768846))
+* **Header:** Show drawer dynamically according to the navbar content and screen size. ([b65cbda](https://github.com/dexteel/mesf-core-frontend/commit/b65cbdac1f6657b27d3e55eba8f435b3b067931f))
+* **logbook:** handle AssetId=0 as valid root asset by replacing falsy checks with null checks ([3e660a9](https://github.com/dexteel/mesf-core-frontend/commit/3e660a9e35de36051b2522d81f7f2825ca9f9854))
+* **Navbar Menu Bar:** Update closeDrawer function reference and adjust hoverSwitchDelayMs. ([0895812](https://github.com/dexteel/mesf-core-frontend/commit/08958129ce081f9bc4f644fb49bee38fa032cca7))
+* upgrade npm to 11.5.1+ for OIDC Trusted Publishing support ([443c5fa](https://github.com/dexteel/mesf-core-frontend/commit/443c5fad15e9b0f68aeff98a4aad4156d34f2588))
+
 ## [7.16.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.16.0...@dexteel/mesf-core-v7.16.1) (2026-03-24)
 
 

package/dist/index.esm.js

@@ -2207,9 +2207,15 @@ const ModalTreeFilterControl = (props) => {
             } },
             allowSearch && (React__default.createElement(Grid2, { ref: searchContainerRef, style: {
                     position: "sticky",
-                    top: 0,
+                    top: -16,
                     zIndex: 1000,
                     backgroundColor: "#fff",
+                    paddingTop: 5,
+                    paddingBottom: 5,
+                    marginLeft: -24,
+                    marginRight: -24,
+                    paddingLeft: 24,
+                    paddingRight: 24,
                 } },
                 React__default.createElement(TextField, { sx: {
                         marginBottom: 1,
@@ -6687,7 +6693,7 @@ function Logout() {
             React__default.createElement(Typography$1, { variant: "h6" }, "Logging out..."))));
 }
 
-function NavbarMenuBar({ menus, isMobile = false, closeDrawer, hoverSwitchDelayMs = 100, }) {
+function NavbarMenuBar({ menus, isMobile = false, closeDrawer, hoverSwitchDelayMs = 10, }) {
     const hasPermissionTo = useHasPermission();
     const [openMenuId, setOpenMenuId] = useState(null);
     const [menuAnchorEl, setMenuAnchorEl] = useState(null);
@@ -9847,10 +9853,25 @@ function Header({ showAreaSelector = false, showTrendingsV2Icon = true, navbarTi
     const [drawerOpen, setDrawerOpen] = useState(false);
     const hasPermissionTo = useHasPermission();
     const theme = useTheme();
-    const isCompactNavigation = useMediaQuery(theme.breakpoints.down("lg"));
+    const navContainerRef = useRef(null);
+    const [isOverflowing, setIsOverflowing] = useState(false);
+    const isMobileBreakpoint = useMediaQuery(theme.breakpoints.down("lg"));
     const handleDrawerToggle = () => {
         setDrawerOpen(!drawerOpen);
     };
+    const closeDrawer = () => {
+        setDrawerOpen(false);
+    };
+    useEffect(() => {
+        const container = navContainerRef.current;
+        if (!container)
+            return;
+        const observer = new ResizeObserver(() => {
+            setIsOverflowing(container.scrollWidth > container.offsetWidth);
+        });
+        observer.observe(container);
+        return () => observer.disconnect();
+    }, []);
     useEffect(() => {
         const handleMenuItemClick = (event) => {
             const target = event.target;
@@ -9868,6 +9889,7 @@ function Header({ showAreaSelector = false, showTrendingsV2Icon = true, navbarTi
         };
     }, []);
     const canShowSettings = hasPermissionTo("ui.navbar.settings");
+    const isCompactNavigation = isMobileBreakpoint || isOverflowing;
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(AppBar, { position: "static", sx: {
                 backgroundColor: (theme) => theme.palette.primary.main,
@@ -9893,19 +9915,21 @@ function Header({ showAreaSelector = false, showTrendingsV2Icon = true, navbarTi
                         color: "white",
                         textWrap: "nowrap",
                     } }, navbarTitle),
-                React__default.createElement(Box, { sx: {
+                React__default.createElement(Box, { ref: navContainerRef, sx: {
                         display: "flex",
                         flexGrow: 1,
                         minWidth: 0,
                         overflow: "hidden",
+                        visibility: isCompactNavigation ? "hidden" : "visible",
+                        pointerEvents: isCompactNavigation ? "none" : "auto",
                         "& a": {
                             color: "white",
                         },
                         "& > *": {
-                            minWidth: 0,
-                            maxWidth: "100%",
+                            flexShrink: 0,
                         },
-                    } }, !isCompactNavigation && (React__default.createElement(CustomNavbar, { closeDrawer: handleDrawerToggle }))),
+                    }, "aria-hidden": isCompactNavigation },
+                    React__default.createElement(CustomNavbar, { closeDrawer: closeDrawer })),
                 React__default.createElement(Box, { sx: {
                         display: "flex",
                         alignItems: "center",
@@ -9948,7 +9972,7 @@ function Header({ showAreaSelector = false, showTrendingsV2Icon = true, navbarTi
                         color: (theme) => theme.palette.text.primary,
                     },
                 } },
-                React__default.createElement(CustomNavbar, { isMobile: true }))),
+                React__default.createElement(CustomNavbar, { isMobile: true, closeDrawer: closeDrawer }))),
         React__default.createElement(ErrorModal, { error: error, onHide: () => setError("") })));
 }
 
@@ -15729,7 +15753,7 @@ const getEntries$1 = (_a) => __awaiter(void 0, [_a], void 0, function* ({ shiftI
     const parameters = [
         { name: "ShiftId", value: shiftId },
     ];
-    if (assetId) {
+    if (assetId != null) {
         parameters.push({ name: "AssetId", value: assetId });
     }
     const resp = yield apiService.callV2("[LB].[GetEntries]", parameters, signal);
@@ -15892,6 +15916,7 @@ const useEntries$1 = ({ shiftId, assetId }) => {
     return useQuery({
         queryKey: ["entries", shiftId, assetId],
         queryFn: ({ signal }) => getEntries$1({ shiftId, assetId, signal }),
+        enabled: shiftId != null,
     });
 };
 const routeLogbookEntry$1 = "/logbook/entry";
@@ -16148,7 +16173,7 @@ const AssetsFilter = ({ label = "Asset", value, onChange, filterAreaAssets = fal
     ];
     const selectedOption = options.find((option) => option.value === (value || null)) || options[0];
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Autocomplete, { options: filterAreaAssets ? options.filter((o) => o.isAreaAsset) : options, value: selectedOption, onChange: (event, newValue) => {
+        React__default.createElement(Autocomplete, { size: "small", options: filterAreaAssets ? options.filter((o) => o.isAreaAsset) : options, value: selectedOption, onChange: (event, newValue) => {
                 var _a;
                 if (newValue) {
                     onChange((_a = newValue.value) !== null && _a !== void 0 ? _a : null);
@@ -17431,7 +17456,7 @@ const getEntriesReport$1 = (params, signal) => __awaiter(void 0, void 0, void 0,
         { name: "StartShiftId", value: params.startShiftId },
         { name: "EndShiftId", value: params.endShiftId },
     ];
-    if (params.assetId) {
+    if (params.assetId != null) {
         parameters.push({ name: "AssetId", value: params.assetId });
     }
     const resp = yield apiService.callV2("[LB].[GetEntries]", parameters);
@@ -17453,7 +17478,7 @@ const useEntriesReport$1 = ({ startShiftId, endShiftId, assetId, }) => {
     return useQuery({
         queryKey: ["entriesReport", startShiftId, endShiftId, assetId],
         queryFn: ({ signal }) => getEntriesReport$1({ startShiftId, endShiftId, assetId }),
-        enabled: !!startShiftId && !!endShiftId && !!assetId,
+        enabled: !!startShiftId && !!endShiftId && assetId != null,
     });
 };
 const routeLogbookReport = "/logbook/report";
@@ -17668,12 +17693,13 @@ const Filters$2 = ({ withAssetFilter, filterAssets, quickFilter, onQuickFilterCh
             React__default.createElement(Grid2, { size: { xs: 12 }, alignItems: "center", justifyContent: "center" },
                 React__default.createElement(ShiftPeriodNavigatorControl, { onChange: handleShiftPeriodChange, value: shiftPeriod, actualPeriod: actualPeriod, showShiftAndCrews: false, dateFormat: "MM/DD/YYYY", periodOptions: customPeriodOptions$1 })),
             React__default.createElement(Grid2, { size: { xs: 12, md: withAssetFilter ? 6 : 12 } },
-                React__default.createElement(TextField, { fullWidth: true, label: "Search", variant: "outlined", size: "small", margin: "dense", value: quickFilter, onChange: (event) => {
+                React__default.createElement(TextField, { fullWidth: true, label: "Search", variant: "outlined", size: "small", value: quickFilter, onChange: (event) => {
                         onQuickFilterChange(event === null || event === void 0 ? void 0 : event.target.value);
-                    }, InputProps: {
-                        startAdornment: (React__default.createElement(InputAdornment, { position: "start" },
-                            React__default.createElement(IconButton$1, { edge: "start", type: "submit" },
-                                React__default.createElement(SearchIcon, null)))),
+                    }, slotProps: {
+                        input: {
+                            startAdornment: (React__default.createElement(InputAdornment, { position: "start" },
+                                React__default.createElement(SearchIcon, { fontSize: "small" }))),
+                        },
                     } })),
             withAssetFilter === "tree" && assets && (React__default.createElement(Grid2, { size: { xs: 12, md: 6 }, style: {
                     alignItems: "center",
@@ -17683,7 +17709,6 @@ const Filters$2 = ({ withAssetFilter, filterAssets, quickFilter, onQuickFilterCh
             withAssetFilter === "selector" && (React__default.createElement(Grid2, { size: { xs: 12, md: 6 }, style: {
                     alignItems: "center",
                     justifyContent: "center",
-                    marginTop: 6,
                 } },
                 React__default.createElement(AssetsFilter, { value: assetId !== null && assetId !== void 0 ? assetId : null, onChange: (newValue) => {
                         setAssetId(newValue !== null && newValue !== void 0 ? newValue : null);