@dexteel/mesf-core 5.11.0 → 5.12.1

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "5.11.0"
+  ".": "5.12.1"
 }

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+# 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)
+
+
+### Features
+
+* **asset-configuration:** add search functionality to Assets Tree ([ef22460](https://github.com/dexteel/mesf-core-frontend/commit/ef22460bc96f75b3a5454fc4aee0fbf1cb3b7d80))
+* **asset-configuration:** add search functionality to Assets Tree ([2fefd83](https://github.com/dexteel/mesf-core-frontend/commit/2fefd83a61a05f083882c0898b8b0826f216517e))
+* **userContext:** add useHasProfile hook ([#460](https://github.com/dexteel/mesf-core-frontend/issues/460)) ([8788000](https://github.com/dexteel/mesf-core-frontend/commit/8788000718b33c4af2732f88f8c0f47a9cecb29a))
+
+
+### Bug Fixes
+
+* **real-time-config:** Show the names of SP instead of id's ([c97ad12](https://github.com/dexteel/mesf-core-frontend/commit/c97ad128d1519c7498784fa575c7e6fb7741f0d7))
+* **real-time-config:** Show the names of SP instead of id's ([b994a0b](https://github.com/dexteel/mesf-core-frontend/commit/b994a0bdb46c9d74e8d85bc3d4a0b1cdd2c862cb))
+
+## [5.11.0] - 2025-09-08
+
+
+
 # Changelog
 
 ## [5.11.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.10.0...@dexteel/mesf-core-v5.11.0) (2025-09-03)

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/AssetConfiguration/AssetSearchInput.d.ts

@@ -0,0 +1,10 @@
+import { NodeModel } from "@minoru/react-dnd-treeview";
+import React from "react";
+import { AssetSearchResult } from "../../hooks/useAssetSearch";
+import { FileProperties } from "../../models/FileProperties";
+interface AssetSearchInputProps {
+    assetNodes: NodeModel<FileProperties>[];
+    onSearchResultClick: (result: AssetSearchResult) => void;
+}
+export declare const AssetSearchInput: React.FC<AssetSearchInputProps>;
+export {};

package/dist/configuration/pages/asset/hooks/useAssetSearch.d.ts

@@ -0,0 +1,29 @@
+import { NodeModel } from "@minoru/react-dnd-treeview";
+import React from "react";
+import { FileProperties } from "../models/FileProperties";
+export interface AssetSearchResult {
+    id: number;
+    name: string;
+    path: string;
+    isDroppable: boolean;
+    hasChildren: boolean;
+    node: NodeModel<FileProperties>;
+}
+interface UseAssetSearchProps {
+    assetNodes: NodeModel<FileProperties>[];
+    externalSearchTerm?: string;
+    onSearchTermChange?: (term: string) => void;
+}
+export declare const useAssetSearch: ({ assetNodes, externalSearchTerm, onSearchTermChange, }: UseAssetSearchProps) => {
+    searchTerm: string;
+    searchResults: AssetSearchResult[];
+    showSearchResults: boolean;
+    focusedSearchIndex: number;
+    searchResultsRefs: React.MutableRefObject<(HTMLElement | null)[]>;
+    handleSearchChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => AssetSearchResult | undefined;
+    scrollFocusedItemIntoView: (index: number) => void;
+    clearSearch: () => void;
+    triggerSearch: (term: string) => void;
+};
+export {};

package/dist/configuration/pages/users/repositories/UsersRepository.d.ts

@@ -27,5 +27,6 @@ export declare const getUserPermissionsFromAPI: ({ UserId, UserName, }: Permissi
     UserName: string;
     ProfilesId: string;
     Permissions: string;
+    Profiles: string;
 } | null>;
 export {};

package/dist/context/userContext.d.ts

@@ -7,6 +7,7 @@ export declare const useUserContext: () => {
         defaultAreaName: string | null;
         userLogged: boolean;
         permissions: string[];
+        profiles: string[];
     };
     actions: import("@reduxjs/toolkit").CaseReducerActions<{
         setUserId(state: import("immer/dist/internal").WritableDraft<{
@@ -16,6 +17,7 @@ export declare const useUserContext: () => {
             defaultAreaName: string | null;
             userLogged: boolean;
             permissions: string[];
+            profiles: string[];
         }>, { payload }: {
             payload: any;
             type: string;
@@ -27,6 +29,7 @@ export declare const useUserContext: () => {
             defaultAreaName: string | null;
             userLogged: boolean;
             permissions: string[];
+            profiles: string[];
         }>, { payload }: {
             payload: any;
             type: string;
@@ -38,6 +41,7 @@ export declare const useUserContext: () => {
             defaultAreaName: string | null;
             userLogged: boolean;
             permissions: string[];
+            profiles: string[];
         }>, { payload }: {
             payload: any;
             type: string;
@@ -49,6 +53,7 @@ export declare const useUserContext: () => {
             defaultAreaName: string | null;
             userLogged: boolean;
             permissions: string[];
+            profiles: string[];
         }>, { payload }: {
             payload: any;
             type: string;
@@ -60,6 +65,7 @@ export declare const useUserContext: () => {
             defaultAreaName: string | null;
             userLogged: boolean;
             permissions: string[];
+            profiles: string[];
         }>, { payload }: {
             payload: any;
             type: string;
@@ -71,6 +77,19 @@ export declare const useUserContext: () => {
             defaultAreaName: string | null;
             userLogged: boolean;
             permissions: string[];
+            profiles: string[];
+        }>, { payload }: {
+            payload: any;
+            type: string;
+        }): void;
+        setProfiles(state: import("immer/dist/internal").WritableDraft<{
+            userLastName: string;
+            userId: number | null;
+            defaultAreaId: number | string | null;
+            defaultAreaName: string | null;
+            userLogged: boolean;
+            permissions: string[];
+            profiles: string[];
         }>, { payload }: {
             payload: any;
             type: string;
@@ -79,6 +98,7 @@ export declare const useUserContext: () => {
     isLoading: boolean;
 };
 export declare const useHasPermission: () => (permission: string) => boolean;
+export declare const useHasProfile: () => (profile: string) => boolean;
 export declare const UserProvider: ({ children }: {
     children: ReactNode;
 }) => React.JSX.Element;