@dexteel/mesf-core 5.12.0 → 5.13.1

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "5.12.0"
+  ".": "5.13.1"
 }

package/CHANGELOG.md

@@ -1,3 +1,52 @@
+# Changelog
+
+## [5.13.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.13.0...@dexteel/mesf-core-v5.13.1) (2025-09-22)
+
+
+### Bug Fixes
+
+* **package-json:** Add react-helmet-async ([6f2a294](https://github.com/dexteel/mesf-core-frontend/commit/6f2a294c264a62395e48dc2b22b142fab1569b8d))
+
+## [5.13.0] - 2025-09-22
+
+
+
+# Changelog
+
+## [5.13.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.12.1...@dexteel/mesf-core-v5.13.0) (2025-09-22)
+
+
+### Features
+
+* **asset:** Add HelmetDexteel to asset page ([eebe84f](https://github.com/dexteel/mesf-core-frontend/commit/eebe84f1a426ab276cadb7c444484cda21c24a4b))
+* **jobs:** Add HelmetDexteel to jobs page ([59bc31c](https://github.com/dexteel/mesf-core-frontend/commit/59bc31c5bc01ff31643a615f146e1f615d47501e))
+* **logs:** Add HelmetDexteel to logs page ([ba832f2](https://github.com/dexteel/mesf-core-frontend/commit/ba832f2bae4a7001023ebafe81950597f6c5fcc4))
+* **mesf-main:** Add HelmetDexteel and HelmetDexteelContext ([eb83070](https://github.com/dexteel/mesf-core-frontend/commit/eb83070cef972aae4db8714b83e2a2a981741f2b))
+* **pages:** Add HelmetDexteel to navbar pages ([49911fe](https://github.com/dexteel/mesf-core-frontend/commit/49911fef26a1f2243609a6cc897f9767ee47a4a9))
+* **profiles:** Add HelmetDexteel to profiles page ([09a5082](https://github.com/dexteel/mesf-core-frontend/commit/09a5082a53d42e695e89cb990a1ff7a4e2adb11d))
+* **real-time:** Add HelmetDexteel to real time pages ([bf03b41](https://github.com/dexteel/mesf-core-frontend/commit/bf03b41178b8a198c222d595b759070ad9540dcb))
+* **settings:** Add HelmetDexteel to settings page ([103a0e1](https://github.com/dexteel/mesf-core-frontend/commit/103a0e1205cef61dbc69691b57b87edc4f14faf9))
+* **shifts:** Add HelmetDexteel to shifts page ([867e519](https://github.com/dexteel/mesf-core-frontend/commit/867e51970f56016971b0e3ae06f796057fc5ad4c))
+* **users:** Add HelmetDexteel to users page ([885ef67](https://github.com/dexteel/mesf-core-frontend/commit/885ef67acbaafd2d071e2224391b6fe868996d24))
+
+## [5.12.1] - 2025-09-12
+
+
+
+# Changelog
+
+## [5.12.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.12.0...@dexteel/mesf-core-v5.12.1) (2025-09-12)
+
+
+### Bug Fixes
+
+* **Settings:** rewrite UTLSettingContext to make sure settings are lo… ([3f6c367](https://github.com/dexteel/mesf-core-frontend/commit/3f6c36797ce0e0bed33dc574589347ba0a39f34e))
+* **Settings:** rewrite UTLSettingContext to make sure settings are loaded before application ([eb262d9](https://github.com/dexteel/mesf-core-frontend/commit/eb262d92c51880f3a63349accc8ef259e843de7e))
+
+## [5.12.0] - 2025-09-09
+
+
+
 # Changelog
 
 ## [5.12.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.11.0...@dexteel/mesf-core-v5.12.0) (2025-09-09)

package/CLAUDE.md

@@ -0,0 +1,89 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Development Commands
+
+### Build and Development
+- `npm run build` - Build the library for production using Rollup
+- `npm run watch` or `npm start` - Build in watch mode for development
+- `npm run ci` - Clean build for CI environments
+
+### Code Quality
+- `npx @biomejs/biome check --write ./src` - Format and organize imports with Biome
+- Pre-commit hook automatically runs Biome formatting on staged files
+
+## Architecture Overview
+
+This is `@dexteel/mesf-core`, a React component library built as an NPM package using TypeScript and Rollup. The library provides a comprehensive set of components and utilities for manufacturing execution systems.
+
+### Key Architecture Patterns
+
+**Library Structure**: The project follows a modular library architecture with clear separation between:
+- Components (UI elements)
+- Context providers (state management)
+- Services (API communication)
+- Configuration modules (settings and user management)
+- Utilities and hooks
+
+**Export Strategy**: All public APIs are exported through `src/index.ts` using barrel exports, making the library consumable as a single package.
+
+**State Management**: Uses React Context pattern extensively:
+- `UTLSettingContext` - User settings and preferences
+- `userContext` - User authentication and profile data
+- `assetContext` - Asset management state
+- `axiosInstance` - HTTP client configuration with interceptors
+
+**Real-time Communication**: Integrates SignalR (`@microsoft/signalr`) for real-time updates via the `useMesfRealtime` hook.
+
+### Directory Structure
+
+- **src/components/** - Reusable UI components organized by domain
+  - `navigation/` - Header, menu components
+  - `modals/` - Dialog components  
+  - `shared/` - Common utility components
+
+- **src/configuration/** - Admin and configuration modules
+  - Handles user management, system settings
+  - Contains pages for administrative functions
+
+- **src/context/** - React Context providers
+  - Authentication, settings, and shared state management
+  - Axios configuration with request/response interceptors
+
+- **src/hooks/** - Custom React hooks
+  - Real-time data hooks, search utilities
+
+- **src/services/** - API communication layer
+- **src/utils/** - Utility functions and helpers
+- **src/controls/** - Form controls and input components
+
+### Technology Stack
+
+**Core Framework**: React 17 with TypeScript
+**Build Tool**: Rollup with TypeScript plugin
+**Styling**: Material-UI v4 with custom theme support
+**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
+
+### 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
+
+### Development Notes
+
+**Styling**: Uses Material-UI v4 theming system. Custom theme exports available via `src/css/themeMESF`.
+
+**Internationalization**: Components support timezone handling via `moment-timezone` and `date-fns-tz`.
+
+**Bundle Optimization**: Rollup configuration externalizes React and Babel runtime to prevent duplication in consuming applications.
+
+**Code Quality**: Biome is configured for formatting and import organization, but linting is disabled (see biome.json).

package/dist/configuration/pages/asset/components/dialogs/create-new-asset-dialog.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 type Props = {
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const CreateNewAssetDialog: ({ show, onHide }: Props) => React.JSX.Element;
+export declare const CreateNewAssetDialog: ({ show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/asset/components/dialogs/edit-asset-dialog.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 type Props = {
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const EditAssetDialog: ({ show, onHide }: Props) => React.JSX.Element;
+export declare const EditAssetDialog: ({ show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/asset/components/dialogs/remove-asset-dialog.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 type Props = {
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const RemoveAssetDialog: ({ show, onHide }: Props) => React.JSX.Element;
+export declare const RemoveAssetDialog: ({ show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/asset/components/dialogs/viewer-asset-dialog.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 type Props = {
     show: boolean;
     onHide: (onHide: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const ViewerAssetDialog: ({ show, onHide }: Props) => React.JSX.Element;
+export declare const ViewerAssetDialog: ({ show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/job/components/JobsTable/JobsDetails.d.ts

@@ -7,6 +7,7 @@ type Props = {
         close: boolean;
         entityId?: number;
     }) => void;
+    suffixTitle?: string;
 };
-export declare const JobDetails: ({ job, modal, onHide }: Props) => React.JSX.Element;
+export declare const JobDetails: ({ job, modal, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/log/components/ModalLogSelected/ModalLogSelected.d.ts

@@ -4,6 +4,7 @@ type Props = {
     show: boolean;
     onHide: (show: boolean) => void;
     selectedLog: Log | undefined;
+    suffixTitle?: string;
 };
-export declare const ModalLogSelected: ({ show, onHide, selectedLog }: Props) => React.JSX.Element;
+export declare const ModalLogSelected: ({ show, onHide, selectedLog, suffixTitle, }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/profiles/components/Create/CreateProfile.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 type Props = {
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const CreateProfile: ({ show, onHide }: Props) => React.JSX.Element;
+export declare const CreateProfile: ({ show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/profiles/components/Delete/DeleteProfile.d.ts

@@ -4,6 +4,7 @@ type Props = {
     profile: Profile | null;
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const DeleteProfile: ({ profile, show, onHide }: Props) => React.JSX.Element;
+export declare const DeleteProfile: ({ profile, show, onHide, suffixTitle, }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/profiles/components/ProceduresOfProfile/ActionsOfProfile.d.ts

@@ -4,6 +4,7 @@ type Props = {
     profileForEdit: Profile | null;
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const ActionsOfProfile: ({ profileForEdit, show, onHide }: Props) => React.JSX.Element;
+export declare const ActionsOfProfile: ({ profileForEdit, show, onHide, suffixTitle, }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/settings/components/upsertDelete/CreateSetting.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 type Props = {
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const CreateSetting: ({ show, onHide }: Props) => React.JSX.Element;
+export declare const CreateSetting: ({ show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/settings/components/upsertDelete/DeleteSetting.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 type Props = {
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const DeleteSetting: ({ show, onHide }: Props) => React.JSX.Element;
+export declare const DeleteSetting: ({ show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/settings/components/upsertDelete/EditSetting.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 type Props = {
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const EditSetting: ({ show, onHide }: Props) => React.JSX.Element;
+export declare const EditSetting: ({ show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/shifCrew/components/Create/CreateShift.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 type Props = {
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const CreateShift: ({ show, onHide }: Props) => React.JSX.Element;
+export declare const CreateShift: ({ show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/shifCrew/components/Delete/DeleteShift.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 type Props = {
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const DeleteShift: ({ show, onHide }: Props) => React.JSX.Element;
+export declare const DeleteShift: ({ show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/shifCrew/components/Edit/EditShift.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 type Props = {
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const EditShift: ({ show, onHide }: Props) => React.JSX.Element;
+export declare const EditShift: ({ show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/users/components/ChangePassword/ChangePassword.d.ts

@@ -3,6 +3,7 @@ type Props = {
     show: boolean;
     userId: number | null;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const ChangePassword: ({ show, userId, onHide }: Props) => React.JSX.Element;
+export declare const ChangePassword: ({ show, userId, onHide, suffixTitle, }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/users/components/Create/CreateUser.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 type Props = {
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const CreateUser: ({ show, onHide }: Props) => React.JSX.Element;
+export declare const CreateUser: ({ show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/users/components/Delete/DeleteUser.d.ts

@@ -3,6 +3,7 @@ type Props = {
     userId: number | null;
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const DeleteUser: ({ userId, show, onHide }: Props) => React.JSX.Element;
+export declare const DeleteUser: ({ userId, show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/configuration/pages/users/components/EditUser/EditUser.d.ts

@@ -3,6 +3,7 @@ type Props = {
     userId: number | null;
     show: boolean;
     onHide: (shouldUpdate: boolean) => void;
+    suffixTitle?: string;
 };
-export declare const EditUser: ({ userId, show, onHide }: Props) => React.JSX.Element;
+export declare const EditUser: ({ userId, show, onHide, suffixTitle }: Props) => React.JSX.Element;
 export {};

package/dist/helmet/HelmetDexteel.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const HelmetDexteel: ({ title, ...props }: {
+    title: React.ReactNode;
+}) => React.JSX.Element;

package/dist/helmet/HelmetDexteelContext.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from "react";
+interface HelmetDexteelContextType {
+    navbarTitle: string | null;
+}
+interface HelmetDexteelProviderProps {
+    navbarTitle: string | null;
+    children: ReactNode;
+}
+export declare const HelmetDexteelProvider: React.FC<HelmetDexteelProviderProps>;
+export declare const useHelmetDexteel: () => HelmetDexteelContextType;
+export {};

package/dist/index.d.ts

@@ -1,21 +1,22 @@
+export * from "@microsoft/signalr";
 export { LicenseManager } from "ag-grid-enterprise";
 export * from "./account";
-export * from "./context/axiosInstance";
-export * from "./MESFMain";
-export * from "./components/modals/modal.mesf";
 export * from "./components/modals/error-modal";
-export * from "./pages/trendings/TrendingsPage";
+export * from "./components/modals/modal.mesf";
+export * from "./components/navigation/TimeAndUserMenu";
+export * from "./components/shared/buttons/button-with-loading";
 export * from "./configuration";
-export * from "./context/UTLSettingContext";
+export * from "./configuration/pages/users/models/User";
+export * from "./configuration/pages/users/repositories/UsersRepository";
 export * from "./context/assetContext";
+export * from "./context/axiosInstance";
 export * from "./context/userContext";
+export * from "./context/UTLSettingContext";
 export * from "./controls";
+export * from "./css/themeMESF";
+export { HelmetDexteel } from "./helmet/HelmetDexteel";
+export * from "./hooks/useMesfRealtime";
+export * from "./MESFMain";
+export * from "./pages/trendings/TrendingsPage";
 export * from "./services";
 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";
-export * from "./css/themeMESF";
-export * from "./components/navigation/TimeAndUserMenu";