@dexteel/mesf-core 7.15.2 → 7.16.1

package/.github/workflows/publish-to-npm.yaml

@@ -7,28 +7,39 @@ on:
       - next
       - next-ng
       - v7
+  workflow_dispatch: # Allow manual trigger from any branch
+
+permissions:
+  contents: read
+  id-token: write # Required for npm Trusted Publishing (OIDC)
+
 jobs:
   publish:
-    if: github.event.pull_request.merged == true && startsWith(github.event.pull_request.head.ref, 'release-please')
+    if: >-
+      github.event_name == 'workflow_dispatch' ||
+      (github.event.pull_request.merged == true && startsWith(github.event.pull_request.head.ref, 'release-please'))
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 'lts/hydrogen'  # Adjust this to your Node.js version
-          registry-url: 'https://registry.npmjs.org'
+          node-version: 'lts/jod' # Node 22 LTS
+      - name: Upgrade npm for Trusted Publishing
+        run: |
+          npm install -g npm@latest
+          npm --version
+          npm config set registry https://registry.npmjs.org/
       - name: Install dependencies
         run: npm install
       - name: Build
         run: npm run build
       - name: Publish to npm
         run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        # No NODE_AUTH_TOKEN needed — uses OIDC Trusted Publishing
       - name: Read package.json version
         id: package-version
-        run: echo "::set-output name=version::$(node -p "require('./package.json').version")"
+        run: echo "version=$(node -p "require('./package.json').version")" >> "$GITHUB_OUTPUT"
       - name: Push Notification to Google Workspace
         run: |
           curl -X POST "https://chat.googleapis.com/v1/spaces/AAAA4hvxkZc/messages?key=AIzaSyDdI0hCZtE6vySjMm-WEfRq3CPzqKqqsHI&token=_DSEU_3n-CC5ZDK2nKNfabm2X_M_IcIAqQxenkYgDZk" \

package/.release-please-manifest.json

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

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # Changelog
 
+## [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)
+
+
+### Bug Fixes
+
+* migrate npm publish to OIDC Trusted Publishing and update docs ([e759e41](https://github.com/dexteel/mesf-core-frontend/commit/e759e41ed5ccaa535fc79a92f162e934b46a60ad))
+
+## [7.16.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.15.4...@dexteel/mesf-core-v7.16.0) (2026-03-24)
+
+
+### Features
+
+* enhance navbar experience ([06626e9](https://github.com/dexteel/mesf-core-frontend/commit/06626e9b2fe1b93127771af2eb1dc74b1c2c6cf3))
+
+## [7.15.4](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.15.3...@dexteel/mesf-core-v7.15.4) (2026-03-24)
+
+
+### Bug Fixes
+
+* share reusable navbar menubar behavior ([#628](https://github.com/dexteel/mesf-core-frontend/issues/628)) ([3156cf2](https://github.com/dexteel/mesf-core-frontend/commit/3156cf28acfa9d2dc0cffde9ab779b14c59d6c4f))
+
+## [7.15.3](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.15.2...@dexteel/mesf-core-v7.15.3) (2026-03-10)
+
+
+### Bug Fixes
+
+* **Tags Tree:** Use ParentTagFolderId or ParentTagId. ([9528fdc](https://github.com/dexteel/mesf-core-frontend/commit/9528fdcc1a8aa865780ddda0dd6ad9946def2674))
+* **Trending V2:** Fix infinite loading when views is empty. ([84a79b8](https://github.com/dexteel/mesf-core-frontend/commit/84a79b8cd53608c0e39bff01e01efb01c82fa5d8))
+
 ## [7.15.2](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.15.1...@dexteel/mesf-core-v7.15.2) (2026-03-06)
 
 

package/CLAUDE.md

@@ -11,7 +11,8 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 ### Code Quality
 - `npx @biomejs/biome check --write ./src` - Format and organize imports with Biome
-- Pre-commit hook automatically runs Biome formatting on staged files
+- `npm run type-check` - Run TypeScript type checking without emitting
+- Pre-commit hook (via Husky) automatically runs Biome formatting on staged files
 
 ## Architecture Overview
 
@@ -40,7 +41,7 @@ This is `@dexteel/mesf-core`, a React component library built as an NPM package
 
 - **src/components/** - Reusable UI components organized by domain
   - `navigation/` - Header, menu components
-  - `modals/` - Dialog components  
+  - `modals/` - Dialog components
   - `shared/` - Common utility components
 
 - **src/configuration/** - Admin and configuration modules
@@ -57,30 +58,41 @@ This is `@dexteel/mesf-core`, a React component library built as an NPM package
 - **src/services/** - API communication layer
 - **src/utils/** - Utility functions and helpers
 - **src/controls/** - Form controls and input components
+- **src/models/** - TypeScript type definitions and interfaces
+- **src/pages/** - Page-level components
+- **src/routes/** - Route configuration
+- **src/reducers/** - Redux reducers
+- **src/account/** - Account-related components
+- **src/helmet/** - React Helmet (meta tag) management
+- **src/css/** - Stylesheets and theme configuration
 
 ### Technology Stack
 
-**Core Framework**: React 17 with TypeScript
-**Build Tool**: Rollup with TypeScript plugin
-**Styling**: Material-UI v4 with custom theme support
+**Core Framework**: React 18 with TypeScript 5
+**Build Tool**: Rollup 2 with rollup-plugin-typescript2
+**Styling**: MUI v6 (`@mui/material`, `@mui/lab`, `@mui/styles`) with Emotion
 **State**: Redux Toolkit for complex state, React Context for simpler state
-**Authentication**: Azure MSAL for Microsoft authentication
-**Data Visualization**: Nivo charts, Chart.js with react-chartjs-2
-**Grid Component**: AG Grid (Enterprise features available)
-**Date Handling**: Moment.js with timezone support
+**Authentication**: Azure MSAL (`@azure/msal-browser`, `@azure/msal-react`)
+**Data Visualization**: Chart.js 4 with react-chartjs-2, ECharts 6
+**Grid Component**: AG Grid 33 (Community + Enterprise), MUI X Data Grid v7
+**Date Handling**: Moment.js with moment-timezone, date-fns-tz
+**Routing**: React Router DOM v6
+**Real-time**: SignalR 8 (`@microsoft/signalr`)
 
 ### Key Dependencies
 
 The library has extensive peer dependencies that consuming applications must provide:
-- Material-UI components and theming
-- AG Grid for data tables
-- Chart libraries (Nivo, Chart.js)
-- React Router DOM for navigation
-- Redux Toolkit for state management
+- MUI v6 components, icons, lab, styles, and Emotion styling
+- MUI X v7 (Data Grid, Date Pickers, Tree View)
+- AG Grid 33 (Community + Enterprise + React bindings)
+- React 18 and React DOM 18
+- React Router DOM v6
+- Redux Toolkit
+- date-fns (v3 or v4)
 
 ### Development Notes
 
-**Styling**: Uses Material-UI v4 theming system. Custom theme exports available via `src/css/themeMESF`.
+**Styling**: Uses MUI v6 theming system with Emotion. Custom theme exports available via `src/css/themeMESF`.
 
 **Internationalization**: Components support timezone handling via `moment-timezone` and `date-fns-tz`.
 

package/README.md

@@ -1,19 +1,76 @@
-# For Changing passwords, mesf-core is needed:
-https://github.com/dexteel/mesf-core/commit/02877a88ab283f2a64cd1a0bc85bdb7c099935f2
+# @dexteel/mesf-core
 
-# How to install project in subfolders
+A React component library for Dexteel Manufacturing Execution Systems (MES). Provides shared UI components, context providers, services, hooks, and utilities used across Dexteel frontend applications.
+
+## Installation
+
+```bash
+npm install @dexteel/mesf-core
+```
+
+### Peer Dependencies
+
+This library requires the consuming application to provide the following:
+
+```json
+{
+  "@emotion/react": "^11.14.0",
+  "@emotion/styled": "^11.14.1",
+  "@mui/icons-material": "latest-v6",
+  "@mui/lab": "latest-v6",
+  "@mui/material": "latest-v6",
+  "@mui/styles": "latest-v6",
+  "@mui/x-data-grid": "latest-v7",
+  "@mui/x-date-pickers": "latest-v7",
+  "@mui/x-tree-view": "latest-v7",
+  "@react-spring/web": "^9.7.5",
+  "@reduxjs/toolkit": "^1.6.2",
+  "ag-grid-community": "^33.3.1",
+  "ag-grid-enterprise": "^33.3.1",
+  "ag-grid-react": "^33.3.1",
+  "date-fns": "^3.0.0 || ^4.0.0",
+  "moment": "^2.29.1",
+  "react": "^18.3.1",
+  "react-dom": "^18.3.1",
+  "react-router-dom": "^6.30.1"
+}
+```
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Build for production
+npm run build
+
+# Build in watch mode
+npm run watch
+# or
+npm start
+
+# Type checking
+npm run type-check
+
+# Format and organize imports
+npx @biomejs/biome check --write ./src
+```
+
+## Deploying in Subfolders
+
+When deploying a consuming application into a subfolder, edit the following file in the deployed build:
 
-In deployed version, edit the following file:
 ```
 DEPLOY_FOLDER/ClientApp/dist/index.html
 ```
-Change the ``<base />`` tag to the desired base url
 
-![img.png](img.png)
-## DON'T FORGET THE TRAILING SLASH
-## EXAMPLES:
-- ``<base href="/" />`` (default)
-- ``<base href="/old/" />`` 
-- ``<base href="/testing/" />``
-- ``<base href="/old/testing/" />``
+Change the `<base />` tag to the desired base URL.
+
+**Important:** Always include a trailing slash.
 
+Examples:
+- `<base href="/" />` (default)
+- `<base href="/old/" />`
+- `<base href="/testing/" />`
+- `<base href="/old/testing/" />`

package/dist/MESFMain.d.ts

@@ -1,10 +1,11 @@
 import React, { type ReactNode } from "react";
+import type { NavbarRendererProps } from "./components/navigation/NavbarMenuBar";
 import { ConfigurationsType } from "./configurationMenu";
 import type { LogbookSettingsState } from "./reducers/LogbookSettingsReducer";
 interface Props {
     authentication: any;
     routes: () => ReactNode;
-    navbar: () => ReactNode;
+    navbar: React.ComponentType<NavbarRendererProps>;
     navbarTitle?: string;
     configurations: ConfigurationsType;
     showAreaSelector?: boolean;

package/dist/components/navigation/NavbarMenuBar.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { type LinkProps } from "react-router-dom";
+type To = LinkProps["to"];
+export interface NavbarMenuItemConfig {
+    label: string;
+    to: To;
+    permission?: string;
+}
+export interface NavbarMenuConfig {
+    id: string;
+    label: string;
+    to?: To;
+    items: NavbarMenuItemConfig[];
+    permission?: string;
+}
+export interface NavbarRendererProps {
+    isMobile?: boolean;
+    closeDrawer?: () => void;
+}
+interface NavbarMenuBarProps extends NavbarRendererProps {
+    menus: NavbarMenuConfig[];
+    hoverSwitchDelayMs?: number;
+}
+export declare function NavbarMenuBar({ menus, isMobile, closeDrawer, hoverSwitchDelayMs, }: NavbarMenuBarProps): React.JSX.Element;
+export {};

package/dist/globalContext.d.ts

@@ -1,6 +1,7 @@
 import React, { type ReactNode } from "react";
+import type { NavbarRendererProps } from "./components/navigation/NavbarMenuBar";
 import { ConfigurationsType } from "./configurationMenu";
 declare const RouterContext: React.Context<() => ReactNode>;
 declare const ConfigurationContext: React.Context<ConfigurationsType>;
-declare const NavbarContext: React.Context<() => ReactNode>;
+declare const NavbarContext: React.Context<React.ComponentType<NavbarRendererProps>>;
 export { RouterContext, ConfigurationContext, NavbarContext };

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { LicenseManager } from "ag-grid-enterprise";
 export * from "./account";
 export * from "./components/modals/error-modal";
 export * from "./components/modals/modal.mesf";
+export * from "./components/navigation/NavbarMenuBar";
 export * from "./components/navigation/TimeAndUserMenu";
 export * from "./components/shared/buttons/button-with-loading";
 export { ExcelIcon } from "./components/shared/icons/ExcelIcon";