udp-react-enterprise-component-library 26.1.0-beta.0 → 26.1.0-beta.10

package/README.md

@@ -1,337 +1,138 @@
-# `udp-react-enterprise-component-library` Documentation
+# `udp-react-enterprise-component-library`
 
-## Overview
+The definitive React surface for building enterprise applications on the Univerus Development Platform. This is the top of a three-layer stack:
 
-The `udp-react-enterprise-component-library` is the definitive React-based UI component library for building feature-rich, enterprise-grade applications at Univerus. It serves as the top layer in our UI development stack, providing high-level components, integrated business logic, and complete page templates.
+1. **`udp-stencil-component-library`** — core Web Components built with StencilJS.
+2. **`udp-react-stencil-component-library`** — auto-generated React wrappers around the stencil components.
+3. **`udp-react-enterprise-component-library`** *(this package)* — the public library apps consume. Adds the provider stack, auth + tenant integration, data-fetching hooks, shell chrome, and high-level page templates on top of the wrapped stencil components.
 
-This library is built upon a chain of dependencies, each with a specific role:
-1.  **`udp-stencil-component-library`**: The foundation, providing a set of core Web Components built with StencilJS.
-2.  **`udp-react-stencil-component-library`**: A wrapper that makes the Stencil web components seamlessly usable within a React environment.
-3.  **`udp-react-enterprise-component-library` (This Library)**: The final layer that consumes the wrapped Stencil components and adds complex, application-level components, integrated authentication, state management, and enterprise-specific features using the Fluent UI design system.
+Full documentation is published to Univerus Hub — see [hub.dev.univerus.com](https://hub.dev.univerus.com) for the searchable TechDocs site generated from this package.
 
-## Core Concepts
+## Framework
 
-This library is designed to dramatically accelerate development by providing solutions to common enterprise application challenges.
+- [App Provider](src/providers/README.md)
+- [Shell](src/shell/README.md)
+- [Config Service](src/configService/README.md)
+- [Auth](src/utilities/auth/README.md) · [User](src/utilities/auth/user.md) · [Tenant](src/utilities/tenant/README.md)
+- [Routes](src/routes/README.md)
+- [Data Fetching](src/utilities/data-fetching.md)
 
-* **🧩 High-Level React Components**: Beyond basic UI elements, this library offers components that structure entire pages (`Shell`), manage complex data interactions (`UdpDataBrowserPage`), and guide users through business processes (`WorkflowContainer`).
-* **🔐 Integrated Authentication**: The library includes a complete authentication solution using MSAL (`AuthProvider`). It handles user login, session management, and access token acquisition, simplifying application security.
-* **🌍 Global State Management**: We use **Zustand** for efficient and predictable state management. The library provides pre-configured stores for shared application state like UI (`shellStore`), user/tenant info (`tenantStore`), API data (`catalogStore`), and more.
-* **📊 Powerful Data Grids & Visualizations**: By leveraging **AG Grid**, the library offers powerful and highly customizable data grids (`AmbientGridTemplate`, `ServerSideUdpGrid`) with built-in support for server-side operations, filtering, sorting, and custom rendering. It also includes a rich set of chart components for data visualization.
+More coming — forms, data browser, workflows, maps, charts.
 
----
-
-## Build Process & Modular Exports
-
-This library employs an advanced build system that optimizes for both developer experience and runtime performance through intelligent export management.
-
-### Dual Export Strategy
-
-The library provides **dual export patterns** to maximize flexibility and tree-shaking benefits:
-
-1. **Barrel Exports**: All components are exported from the root `index.js` for convenient development:
-  ```js
-  import { FluentButton, FluentDialog, FluentDataTable } from 'udp-react-enterprise-component-library';
-  ```
-
-2. **Modular Exports**: Each component is also available as a direct module import for optimal tree-shaking:
-  ```js
-  import { FluentButton } from 'udp-react-enterprise-component-library/UI/inputs/buttons';
-  import { FluentDialog } from 'udp-react-enterprise-component-library/UI/feedback';
-  import { FluentDataTable } from 'udp-react-enterprise-component-library/UI/dataDisplay/FluentDataTable';
-  ```
-
-### Export Map Generation
-
-During the build process the system performs a glob-based scan of the `src` tree and automatically generates an **export map** (`export-map.json`) that catalogs every component and its corresponding module path. The generator looks for `index.*` files (for example `index.ts` or `index.js`) inside child directories of `src` and treats each discovered index as an export entry. This means you can add a local `index.ts` file in a subfolder and it will be picked up and published automatically.
-
-Example:
-
-Project layout:
-
-```
-src/
-  UI/
-    inputs/
-      buttons/
-        index.ts    <-- exported as `UI/inputs/buttons`
-  utilities/
-    auth/
-      index.js      <-- exported as `utilities/auth`
-```
-
-Resulting `export-map.json` entries:
-
-```json
-{
-  "FluentButton": "UI/inputs/buttons",
-  "AuthProvider": "utilities/auth"
-}
-```
-
-This export map is the source of truth the plugin uses to rewrite barrel imports to modular imports during build.
-
-### Vite Plugin Integration
-
-The previous monorepo plugin-based barrel rewrite flow has been superseded by the library bundler output. Modular exports are now produced by the package build itself.
+## Getting Started
 
-**Example Transformation:**
-```js
-// Developer writes:
-import { FluentButton, FluentDialog } from 'udp-react-enterprise-component-library';
+The fastest way to stand up a new UDP app is to clone the **[starter-kit](https://github.com/univerus/starter-kit)** — it comes pre-wired with the four files described below, Vite config, env files for each environment, and a working dashboard widget so you have something to `pnpm dev` against on day one.
 
-// Plugin transforms to:
-import { FluentButton } from 'udp-react-enterprise-component-library/UI/inputs/buttons';
-import { FluentDialog } from 'udp-react-enterprise-component-library/UI/feedback';
+```bash
+git clone git@github.com:univerus/starter-kit.git my-app
+cd my-app/frontend
+pnpm install
+pnpm dev
 ```
 
-### Tree-Shaking Benefits
-
-This approach delivers the best of both worlds:
-- **Developer Experience**: Clean, simple imports during development
-- **Bundle Optimization**: Automatic tree-shaking eliminates unused components from production bundles
-- **Performance**: Reduced bundle sizes lead to faster load times and better user experience
-- **Maintainability**: Centralized export management without manual import path maintenance
-
----
+If you're wiring the library into an existing app instead, you need four files in `src/`:
 
-## Code splitting & chunking
+### 1. `src/index.jsx` — entry point
 
-This build system also enables effective code splitting so the bundler can place modules where they're needed instead of producing one large entry bundle.
+Boot the runtime config **before** rendering, then mount `<App />`.
 
-Key points:
-- Use dynamic `import()` (or framework-level lazy loading) to load routes/pages and large components on demand.
-- The package build now emits modular exports directly, which gives downstream bundlers clearer module boundaries and better chunking control.
-- Smaller chunks mean faster initial loads and better cache behavior: only code required for the first screen downloads immediately.
-
-Example (developer code):
-```js
-// route-level lazy loading keeps large pages out of the main bundle
-const SupportCaseListPage = React.lazy(() => import('udp-react-enterprise-component-library/SupportCaseList'));
-```
+```jsx
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
+import { loadUdpRuntimeConfig } from './udp-runtime-config';
 
-What the bundler sees (after plugin transform):
-```js
-import SupportCaseList from 'udp-react-enterprise-component-library/UDP/SupportCaseList';
-// ...this allows Rollup/Vite to split `SupportCaseList` into its own chunk
+loadUdpRuntimeConfig();
+createRoot(document.getElementById('root')).render(<App />);
 ```
 
-
-
-## Getting Started
-
-### Installation
-
-To use the library in your project, install it via npm:
-
-```bash
-npm install udp-react-enterprise-component-library
+`loadUdpRuntimeConfig()` must run before any component that touches [`ConfigService`](src/configService/README.md) (auth, API URLs, product/tenant ids all read from it).
+
+### 2. `src/udp-runtime-config.ts` — env → `ConfigService`
+
+Maps Vite `import.meta.env.*` vars onto the shape `ConfigService` expects, then pushes it in via `loadConfigObject`:
+
+```ts
+import { ConfigService } from '@univerus/udp-react-enterprise-component-library';
+
+export function loadUdpRuntimeConfig() {
+  ConfigService.loadConfigObject({
+    UNITY_API_DOMAIN: import.meta.env.REACT_APP_UNITY_API_DOMAIN ?? 'https://gateway.unitydev.ca',
+    PRODUCT_API_DOMAIN: import.meta.env.REACT_APP_PRODUCT_API_DOMAIN ?? '',
+    UNITY_PRODUCT_ID: import.meta.env.REACT_APP_UNITY_PRODUCT_ID ?? '',
+    MSAL_CLIENT_ID: import.meta.env.REACT_APP_MSAL_CLIENT_ID ?? '',
+    MSAL_TENANT: import.meta.env.REACT_APP_MSAL_TENANT ?? '',
+    MSAL_API_ACCESS_SCOPE: import.meta.env.REACT_APP_MSAL_API_ACCESS_SCOPE ?? '',
+    UNITY_URL: import.meta.env.REACT_APP_UNITY_URL ?? 'https://unitydev.ca',
+    UNITY_TENANT_ID: import.meta.env.REACT_APP_UNITY_TENANT_ID ?? '',
+    UNITY_VERTICAL_ID: import.meta.env.REACT_APP_UNITY_VERTICAL_ID ?? '',
+    USE_AAD_REDIRECT: import.meta.env.REACT_APP_USE_AAD_REDIRECT === 'true',
+    UNITY_ENVIRONMENT: import.meta.env.REACT_APP_UNITY_ENVIRONMENT,
+    SIGN_IN_POLICY: import.meta.env.REACT_APP_SIGN_IN_POLICY ?? 'B2C_1A_signup_signin_v2',
+  });
+}
 ```
 
-### Basic Usage with `starter-client`
+See the starter-kit's [`.env.development`](https://github.com/univerus/starter-kit/blob/development/frontend/.env.development) / `.env.production` etc. for the matching variable set per environment.
 
-While you can set up a project from scratch, we highly recommend using the **`starter-client`** application. This template comes pre-configured with the necessary providers, routing, and basic structure, allowing you to start building features immediately.
+### 3. `src/App.jsx` — provider root
 
-The `starter-client` sets up the foundational structure for you, which looks like this:
+Wrap your routes in [`UdpAppProvider`](src/providers/README.md). It mounts theme, TanStack Query, MSAL/auth, user, tenant, router, and snackbar in the right order — you should not mount any of them yourself.
 
 ```jsx
-// Example of the setup in starter-client's App.js
-
 import React from 'react';
-import { Shell, ThemeProvider, AuthProvider } from 'udp-react-enterprise-component-library';
-import { BrowserRouter } from 'react-router-dom';
-import UdpRoutes from './routes/UdpRoutes'; // Your application's routes
-
-function App() {
-  return (
-    <BrowserRouter>
-      {/* AuthProvider handles MSAL authentication and provides user context */}
-      <AuthProvider>
-        {/* ThemeProvider applies the Fluent UI theme */}
-        <ThemeProvider>
-          {/* Shell is the main layout component for the entire application */}
-          <Shell siteName="My Application">
-            {/* UdpRoutes contains all your application's page routes */}
-            <UdpRoutes />
-          </Shell>
-        </ThemeProvider>
-      </AuthProvider>
-    </BrowserRouter>
-  );
-}
+import { UdpAppProvider } from '@univerus/udp-react-enterprise-component-library';
+import Routes from './Routes';
+
+const App = () => (
+  <UdpAppProvider>
+    <Routes />
+  </UdpAppProvider>
+);
 
 export default App;
 ```
 
----
+### 4. `src/Routes.jsx` — shell + route table
 
-## Data-Driven Pages & Containers
+Render [`<Shell>`](src/shell/README.md) once at the top; put `<PrivateRoute>` / `<Redirect>` children inside it.
 
-This library excels at providing pre-built pages and containers that are deeply integrated with our API catalog, enabling rapid development of data-centric features.
+```jsx
+import React, { lazy } from 'react';
+import {
+  PageContainer,
+  PrivateRoute,
+  Shell,
+  Redirect,
+} from '@univerus/udp-react-enterprise-component-library';
+import AppBarControls from './appBarContent/AppBarControls';
+import widgets from './dashboard/widgets';
+
+const TestShell = lazy(() => import('./routes/test/TestShell'));
+
+const Routes = () => (
+  <Shell
+    appContent={<AppBarControls />}
+    navRoot='Home'
+    siteName='My App'
+    widgets={widgets}
+  >
+    <PrivateRoute exact path='/' render={props => <PageContainer isHomePage {...props} />} />
+    <Redirect exact from='/home' to='/' />
+    <PrivateRoute path='/test' exact component={TestShell} />
+  </Shell>
+);
+
+export default Routes;
+```
 
-### `UdpDataBrowserPage`
-This is a powerful, generic page designed for browsing, filtering, and managing large datasets. It connects directly to an API endpoint defined in the API catalog.
-* **Functionality**: Provides a full-featured data grid experience with minimal configuration.
-* **Features**: Includes advanced search capabilities, column filtering, sorting, pagination, and the ability to perform actions (view, edit, delete) on individual rows.
-* **Use Case**: Ideal for any scenario where users need to view and interact with a list of business objects, such as a list of customers, orders, or assets.
-
-### `UdpMaintenanceEnginePage`
-This component provides a generic "maintenance" screen for performing CRUD (Create, Read, Update, Delete) operations on any entity defined in the API catalog.
-* **Functionality**: It dynamically generates a data grid and corresponding forms for editing, creating, and viewing records.
-* **Use Case**: Perfect for administrative back-office applications or any situation where users need to manage system data directly.
-
-### `InquiryContainer`
-The `InquiryContainer` is designed for building complex data exploration and investigation interfaces. It allows you to create screens where users can navigate through related data entities.
-* **Functionality**: It typically presents a master-detail or a tree-based layout. Users can select an item in a list or tree to see its detailed information and related child entities in a separate panel.
-* **Use Case**: Excellent for investigative analysis, such as exploring a customer's full history, including their orders, support tickets, and contact information, all in one connected view.
-
-### `WorkflowContainer`
-This container is designed to guide users through structured, multi-step business processes.
-* **Functionality**: Manages the state, progression, and UI for a series of defined steps or tasks. It can render different forms or components at each stage of the workflow and handle the logic for moving between steps.
-* **Use Case**: Ideal for processes like new user onboarding, multi-stage approval processes, or complex data entry tasks that need to be broken down into manageable parts.
-
----
-
-## UI Component Reference
-
-The library provides a vast collection of components, categorized by function.
-
-### Layout & Structure
-
-Components for organizing page content and overall application layout.
-* **`Shell`**: The main application wrapper including header, sidebar, and content area.
-* **`Page`, `PageContainer`, `PageContent`**: Components for structuring the content of a page.
-* **`PageHeader`, `PageSectionHeader`**: Headers for pages and sections within a page.
-* **`GridGroup`, `GridRow`, `GridUnit`**: A set of components for creating flexible grid layouts.
-* **`HeaderLayout`, `SideBarTemplate`, `DraggableSidebarTemplate`**: Pre-defined page layouts.
-* **`SplitScreen`**: Creates a resizable split-screen view.
-
-### Navigation
-
-Components for user navigation and flow control.
-* **`NavigationSidebar`, `MiniCollapsibleSidebar`**: The primary application navigation menus.
-* **`UdpTabs`, `FluentSimpleTabs`**: Tab components for organizing content.
-* **`BreadCrumbMenu`**: A breadcrumb component for showing navigation hierarchy.
-* **`AmbientStepper`**: A stepper component to guide users through a sequence of steps.
-* **`AppMenu`, `AppMenuItem`**: Components for building in-app menus.
-* **`BaseTreeMenu`**: A component for creating hierarchical tree menus.
-
-### Buttons
-
-A wide variety of buttons for different user actions and contexts.
-* **`FluentButton`, `FluentCompoundButton`, `FluentIconButton`**: Standard, compound, and icon-only buttons based on Fluent UI.
-* **`IconButtonWithToolTip`**: An icon button that includes a tooltip on hover.
-* **`ActionSpeedDial`**: A floating action button that expands to show more actions.
-* **`AmbientTokenButton`, `AmbientChipButton`, `AmbientCardButton`**: Stylized buttons for specific use cases.
-* **`ToolBarButton`**: Buttons designed for use in toolbars.
-* **`AdvanceButton`**: A button for progressing in a workflow or stepper.
-
-### Forms & Inputs
-
-A comprehensive suite of form controls, primarily designed to work with `react-final-form`.
-
-#### Text & Numeric
-* **`FluentTextField`, `AmbientTextField`**: General-purpose text input fields.
-* **`FluentSearchField`**: A text field specifically styled for search inputs.
-* **`FluentTagField`**: An input for entering and displaying tags.
-* **`KeyValueTextField`**: A specialized field for entering key-value pairs.
-
-#### Selection Controls
-* **`FluentSelectMenu`, `FluentSimpleSelect`**: Dropdown select menus.
-* **`FluentCheckbox`**: A standard checkbox.
-* **`FluentRadioGroup`, `FluentRadio`**: Radio buttons for single selection from a list.
-* **`FluentToggle`**: An on/off switch.
-* **`AmbientToggleButton`, `AmbientToggleButtonGroup`**: A group of toggle buttons.
-* **`FluentScrollLoadAutocompleteMenu`, `AmbientAutoComplete`**: Autocomplete inputs that can load data on scroll.
-
-#### Date & Time Pickers
-* **`FluentDatePicker`, `FluentDateTimePicker`, `FluentTimePicker`**: Controls for selecting dates and times.
-* **`UdpDateSelector`, `UdpTimeSelector`**: Alternative date and time selectors.
-* **`AmbientDateRangeSelector`**: A specialized control for selecting a date range.
-
-#### Specialized Inputs
-* **`FileImportMappingWizard`**: A full wizard component for guiding users through a file import and data mapping process.
-* **`FieldArrayCard`**: A card component for managing a dynamic array of fields in a form.
-* **`CkRichEditor`**: A rich text editor for formatted text input.
-* **`FileUpload`, `DragDropFileUpload`**: Components for file uploads.
-* **`FluentColorPicker`**: A control for selecting a color.
-
-### Data Display
-
-Components for presenting information to the user in various formats.
-
-#### Cards
-* **`AmbientCard`, `FluentCard`**: General-purpose container cards.
-* **`WidgetCard`, `InfoCard`, `QuickViewCard`**: Specialized cards for dashboards and quick information display.
-* **`NewsCard`, `BioCard`, `WorkOrderCard`**: Cards designed for specific types of content.
-* **`AmbientVisualizationCard`**: A card specifically for holding charts and other visualizations.
-
-#### Lists
-* **`AmbientList`, `CompactDataList`**: Flexible list components.
-* **`FluentListElement`, `FluentListItem`**: Components for building custom lists.
-* **`Directory`, `AddressListItem`**: Specialized list formats for directories and addresses.
-* **`CardList`**: A component that renders a list of items as cards.
-
-#### Grids & Tables
-* **`AmbientGridTemplate`, `UdpGridTemplate`**: High-level, feature-rich AG Grid templates.
-* **`ServerSideUdpGrid`, `ClientSideUdpGrid`, `ApiMethodUdpGrid`**: Grid implementations for different data fetching strategies.
-* **`FluentDataTable`**: A simpler, lighter table component.
-* **`NestedGrid`**: A grid that supports expandable rows to show nested child grids.
-
-#### Headers
-* **`PrimaryActionHeader`**: A prominent header with a title and primary action buttons, often used with grids.
-* **`EntityHeader`**: A detailed header for displaying key information about a single data entity.
-* **`SideSheetHeader`**: A standardized header for use in side sheets.
-
-#### Chips, Badges & Tags
-* **`StatusChip`**: A chip designed to display a status (e.g., "Active", "Pending").
-* **`AggregateChip`**: A chip used to display an aggregated value.
-* **`IndicatorChip`**: A general-purpose indicator chip.
-
-#### Timelines
-* **`UdpTimeline`, `FluentTimeline`**: Components for displaying a sequence of events over time.
-* **`MttMainTimeline`**: A multi-threaded timeline for visualizing parallel event streams.
-* **`TimelineCalendar`**: A component that combines a calendar view with a timeline.
-
-### Feedback & Loading
-
-Components for communicating state and progress to the user.
-* **`FluentDialog`**: A modal dialog for important messages or actions.
-* **`AmbientAlert`, `UdpAlert`**: Alert components for displaying messages (success, error, info, warning).
-* **`SideSheet`**: A panel that slides in from the side of the screen, often used for editing or detail views.
-* **`AmbientToast`**: A non-intrusive notification that appears briefly.
-* **`PageLoading`, `LoadingOverlay`, `LoadingIndicator`**: Various styles of loading indicators.
-* **`LinearProgress`, `CircularProgress`**: Progress bars.
-
-### Charts & Visualization
-
-A rich set of components for visualizing data.
-* **`UdpBarChart`, `UdpDonutChart`, `UdpLineChart`, `UdpDistributionChart`**: Standard chart types.
-* **`AmSankeyChart`**: A Sankey diagram for visualizing flows.
-* **`GaugeGraph`, `CircleGaugeWidget`**: Gauge components for displaying a value within a range.
-* **`SparklineWidget`**: A small, inline chart showing a trend.
-
-### Maps
-
-Components for displaying and interacting with geographical data.
-* **`UdpMap`, `FluentMap`, `GeoMap`**: Core map components.
-* **`MapLayout`**: A template for creating complex map-based interfaces with sidebars, toolbars, and popovers.
-* **`UdpMapToolbar`**: A toolbar with common map controls.
-
-### Actions & Workflows
-
-Components related to triggering and managing application actions.
-* **`ActionWrapper`**: A generic wrapper for actions that handles different display modes (modal, side sheet).
-* **`ActionModal`, `ActionSideSheet`**: Components that host action forms in a modal or side sheet.
-* **`ActionForm`**: A standardized form for actions.
-* **`WorkflowContainer`, `WorkflowContent`**: Components for managing multi-step workflows.
-
-### Utility & Miscellaneous
-
-A collection of other useful components and utilities.
-* **`UnityIcon`, `FluentIcon`, `UnityFluentIcon`**: Components for rendering icons from our icon library.
-* **`UserAvatar`**: Displays a user's avatar or initials.
-* **`DiffChecker`**: A component to show the differences between two sets of data.
-* **`Iframe`**: A component for embedding external content.
-* **`FileViewer`, `PDFViewer`, `ImageViewerSideSheet`**: Components for viewing different file types.
+### What goes where
 
+| File | Responsibility |
+| --- | --- |
+| `index.jsx` | Boot runtime config, create React root, render `<App />`. |
+| `udp-runtime-config.ts` | Read env vars and push them into `ConfigService`. |
+| `App.jsx` | Mount `UdpAppProvider` — the only place providers are wired. |
+| `Routes.jsx` | Mount `<Shell>`, declare `PrivateRoute` / `PublicRoute` children. |
 
+For the full reference — dashboard widgets, `.env.*` files, `app.manifest.json`, Vite config — clone the **[starter-kit](https://github.com/univerus/starter-kit)**.

package/dist/AGLicense.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AGLicense.mjs","names":[],"sources":["../src/AGLicense.js"],"sourcesContent":["export const LicenseKey =\n  'Using_this_{AG_Grid}_Enterprise_key_{AG-080613}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2026}____[v3]_[01]_MTc4MjYwMTIwMDAwMA==5c7d1487ecb13b28e75415d34b7cf694';\n"],"mappings":";AAAA,MAAa,aACX"}
+{"version":3,"file":"AGLicense.mjs","names":["LicenseKey"],"sources":["../src/AGLicense.js"],"sourcesContent":["export const LicenseKey =\n  'Using_this_{AG_Grid}_Enterprise_key_{AG-080613}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2026}____[v3]_[01]_MTc4MjYwMTIwMDAwMA==5c7d1487ecb13b28e75415d34b7cf694';\n"],"mappings":";AAAA,MAAaA,aACX"}

package/dist/UI/AlertContainer.mjs

@@ -1,4 +1,5 @@
 import { evaluateRule, mapRule } from "../utilities/rules/RuleUtilities.mjs";
+import { c } from "react-compiler-runtime";
 import React, { useEffect, useState } from "react";
 import { Chip, makeStyles, useTheme } from "@material-ui/core";
 //#region src/UI/AlertContainer.jsx
@@ -14,30 +15,98 @@ const useStyles = makeStyles((theme) => ({
 	}
 }));
 const AlertContainer = (props) => {
+	const $ = c(26);
 	const { data } = props;
 	const theme = useTheme();
-	const [alertData, setAlertData] = useState([]);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = [];
+		$[0] = t0;
+	} else t0 = $[0];
+	const [alertData, setAlertData] = useState(t0);
 	const classes = useStyles(props);
-	useEffect(() => {
-		if (data?.properties?.alerts) {
-			let tempData = [];
-			data.properties.alerts.forEach((alert) => {
-				if (evaluateRule(mapRule(alert.propertyMapping, alert.jsonLogic), data.nodeObj, data.properties?.joiningEntityCatalogObjectKey, data.wasLazyLoaded)) tempData.push(alert);
-			});
-			setAlertData(tempData);
-		}
-	}, [data]);
-	if (alertData.length > 0) return /* @__PURE__ */ React.createElement("div", { className: classes.root }, alertData.filter((item, i) => i % 2 === 0).map((alert) => /* @__PURE__ */ React.createElement("div", { className: classes.alertContainer }, /* @__PURE__ */ React.createElement(Chip, {
-		label: alert.label,
-		style: { backgroundColor: alert ? alert.alertColor.hex : theme.palette.secondary.main },
-		className: classes.chipStyle
-	}))), alertData.filter((item, i) => i % 2 !== 0 && i !== 0).map((alert) => /* @__PURE__ */ React.createElement("div", { className: classes.alertContainer }, /* @__PURE__ */ React.createElement(Chip, {
-		label: alert.label,
-		style: { backgroundColor: alert ? alert.alertColor.hex : theme.palette.secondary.main },
-		className: classes.chipStyle
-	}))));
-	else return null;
+	let t1;
+	let t2;
+	if ($[1] !== data) {
+		t1 = () => {
+			if (data?.properties?.alerts) {
+				const tempData = [];
+				data.properties.alerts.forEach((alert) => {
+					if (evaluateRule(mapRule(alert.propertyMapping, alert.jsonLogic), data.nodeObj, data.properties?.joiningEntityCatalogObjectKey, data.wasLazyLoaded)) tempData.push(alert);
+				});
+				setAlertData(tempData);
+			}
+		};
+		t2 = [data];
+		$[1] = data;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+	}
+	useEffect(t1, t2);
+	if (alertData.length > 0) {
+		const t3 = classes.root;
+		let t4;
+		if ($[4] !== alertData || $[5] !== classes.alertContainer || $[6] !== classes.chipStyle || $[7] !== theme) {
+			let t5;
+			if ($[9] !== classes.alertContainer || $[10] !== classes.chipStyle || $[11] !== theme) {
+				t5 = (alert_0) => /* @__PURE__ */ React.createElement("div", { className: classes.alertContainer }, /* @__PURE__ */ React.createElement(Chip, {
+					label: alert_0.label,
+					style: { backgroundColor: alert_0 ? alert_0.alertColor.hex : theme.palette.secondary.main },
+					className: classes.chipStyle
+				}));
+				$[9] = classes.alertContainer;
+				$[10] = classes.chipStyle;
+				$[11] = theme;
+				$[12] = t5;
+			} else t5 = $[12];
+			t4 = alertData.filter(_temp).map(t5);
+			$[4] = alertData;
+			$[5] = classes.alertContainer;
+			$[6] = classes.chipStyle;
+			$[7] = theme;
+			$[8] = t4;
+		} else t4 = $[8];
+		let t5;
+		if ($[13] !== alertData || $[14] !== classes.alertContainer || $[15] !== classes.chipStyle || $[16] !== theme) {
+			let t6;
+			if ($[18] !== classes.alertContainer || $[19] !== classes.chipStyle || $[20] !== theme) {
+				t6 = (alert_1) => /* @__PURE__ */ React.createElement("div", { className: classes.alertContainer }, /* @__PURE__ */ React.createElement(Chip, {
+					label: alert_1.label,
+					style: { backgroundColor: alert_1 ? alert_1.alertColor.hex : theme.palette.secondary.main },
+					className: classes.chipStyle
+				}));
+				$[18] = classes.alertContainer;
+				$[19] = classes.chipStyle;
+				$[20] = theme;
+				$[21] = t6;
+			} else t6 = $[21];
+			t5 = alertData.filter(_temp2).map(t6);
+			$[13] = alertData;
+			$[14] = classes.alertContainer;
+			$[15] = classes.chipStyle;
+			$[16] = theme;
+			$[17] = t5;
+		} else t5 = $[17];
+		let t6;
+		if ($[22] !== classes.root || $[23] !== t4 || $[24] !== t5) {
+			t6 = /* @__PURE__ */ React.createElement("div", { className: t3 }, t4, t5);
+			$[22] = classes.root;
+			$[23] = t4;
+			$[24] = t5;
+			$[25] = t6;
+		} else t6 = $[25];
+		return t6;
+	} else return null;
 };
+function _temp(item, i) {
+	return i % 2 === 0;
+}
+function _temp2(item_0, i_0) {
+	return i_0 % 2 !== 0 && i_0 !== 0;
+}
 //#endregion
 export { AlertContainer };
 

package/dist/UI/AlertContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AlertContainer.mjs","names":[],"sources":["../../src/UI/AlertContainer.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { evaluateRule, mapRule } from '../utilities/rules/RuleUtilities';\nimport { Chip, useTheme, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'grid',\n    gridTemplateColumns: 'auto auto'\n  },\n  alertContainer: {\n    margin: '0.3em'\n  },\n  chipStyle: {\n    maxWidth: '150px',\n    textOverflow: 'ellipsis'\n  }\n}));\n\nexport const AlertContainer = (props) => {\n  const { data } = props;\n\n  const theme = useTheme();\n  const [alertData, setAlertData] = useState([]);\n  const classes = useStyles(props);\n\n  useEffect(() => {\n    if (data?.properties?.alerts) {\n      let tempData = [];\n      data.properties.alerts.forEach((alert) => {\n        let res = mapRule(alert.propertyMapping, alert.jsonLogic);\n        if (\n          evaluateRule(\n            res,\n            data.nodeObj,\n            data.properties?.joiningEntityCatalogObjectKey,\n            data.wasLazyLoaded\n          )\n        ) {\n          tempData.push(alert);\n        }\n      });\n      setAlertData(tempData);\n    }\n  }, [data]);\n\n  if (alertData.length > 0) {\n    return (\n      <div className={classes.root}>\n        {alertData\n          .filter((item, i) => i % 2 === 0)\n          .map((alert) => (\n            <div className={classes.alertContainer}>\n              <Chip\n                label={alert.label}\n                style={{\n                  backgroundColor: alert\n                    ? alert.alertColor.hex\n                    : theme.palette.secondary.main\n                }}\n                className={classes.chipStyle}\n              />\n            </div>\n          ))}\n\n        {alertData\n          .filter((item, i) => i % 2 !== 0 && i !== 0)\n          .map((alert) => (\n            <div className={classes.alertContainer}>\n              <Chip\n                label={alert.label}\n                style={{\n                  backgroundColor: alert\n                    ? alert.alertColor.hex\n                    : theme.palette.secondary.main\n                }}\n                className={classes.chipStyle}\n              />\n            </div>\n          ))}\n      </div>\n    );\n  } else {\n    return null;\n  }\n};\n"],"mappings":";;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,qBAAqB;EACtB;CACD,gBAAgB,EACd,QAAQ,SACT;CACD,WAAW;EACT,UAAU;EACV,cAAc;EACf;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,EAAE,SAAS;CAEjB,MAAM,QAAQ,UAAU;CACxB,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE,CAAC;CAC9C,MAAM,UAAU,UAAU,MAAM;AAEhC,iBAAgB;AACd,MAAI,MAAM,YAAY,QAAQ;GAC5B,IAAI,WAAW,EAAE;AACjB,QAAK,WAAW,OAAO,SAAS,UAAU;AAExC,QACE,aAFQ,QAAQ,MAAM,iBAAiB,MAAM,UAAU,EAIrD,KAAK,SACL,KAAK,YAAY,+BACjB,KAAK,cACN,CAED,UAAS,KAAK,MAAM;KAEtB;AACF,gBAAa,SAAS;;IAEvB,CAAC,KAAK,CAAC;AAEV,KAAI,UAAU,SAAS,EACrB,QACE,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,MAgClB,EA/BH,UACE,QAAQ,MAAM,MAAM,IAAI,MAAM,EAAE,CAChC,KAAK,UACJ,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,gBAUlB,EATJ,sBAAA,cAAC,MAAD;EACE,OAAO,MAAM;EACb,OAAO,EACL,iBAAiB,QACb,MAAM,WAAW,MACjB,MAAM,QAAQ,UAAU,MAC7B;EACD,WAAW,QAAQ;EACnB,CAAA,CACE,CACN,EAEH,UACE,QAAQ,MAAM,MAAM,IAAI,MAAM,KAAK,MAAM,EAAE,CAC3C,KAAK,UACJ,sBAAA,cAAC,OAAD,EAAK,WAAW,QAAQ,gBAUlB,EATJ,sBAAA,cAAC,MAAD;EACE,OAAO,MAAM;EACb,OAAO,EACL,iBAAiB,QACb,MAAM,WAAW,MACjB,MAAM,QAAQ,UAAU,MAC7B;EACD,WAAW,QAAQ;EACnB,CAAA,CACE,CACN,CACA;KAGR,QAAO"}
+{"version":3,"file":"AlertContainer.mjs","names":["React","useState","useEffect","evaluateRule","mapRule","Chip","useTheme","makeStyles","useStyles","theme","root","display","gridTemplateColumns","alertContainer","margin","chipStyle","maxWidth","textOverflow","AlertContainer","props","$","_c","data","t0","Symbol","for","alertData","setAlertData","classes","t1","t2","properties","alerts","tempData","forEach","alert","res","propertyMapping","jsonLogic","nodeObj","joiningEntityCatalogObjectKey","wasLazyLoaded","push","length","t3","t4","t5","alert_0","label","backgroundColor","alertColor","hex","palette","secondary","main","filter","_temp","map","t6","alert_1","_temp2","item","i","item_0","i_0"],"sources":["../../src/UI/AlertContainer.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { evaluateRule, mapRule } from '../utilities/rules/RuleUtilities';\nimport { Chip, useTheme, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'grid',\n    gridTemplateColumns: 'auto auto'\n  },\n  alertContainer: {\n    margin: '0.3em'\n  },\n  chipStyle: {\n    maxWidth: '150px',\n    textOverflow: 'ellipsis'\n  }\n}));\n\nexport const AlertContainer = (props) => {\n  const { data } = props;\n\n  const theme = useTheme();\n  const [alertData, setAlertData] = useState([]);\n  const classes = useStyles(props);\n\n  useEffect(() => {\n    if (data?.properties?.alerts) {\n      let tempData = [];\n      data.properties.alerts.forEach((alert) => {\n        let res = mapRule(alert.propertyMapping, alert.jsonLogic);\n        if (\n          evaluateRule(\n            res,\n            data.nodeObj,\n            data.properties?.joiningEntityCatalogObjectKey,\n            data.wasLazyLoaded\n          )\n        ) {\n          tempData.push(alert);\n        }\n      });\n      setAlertData(tempData);\n    }\n  }, [data]);\n\n  if (alertData.length > 0) {\n    return (\n      <div className={classes.root}>\n        {alertData\n          .filter((item, i) => i % 2 === 0)\n          .map((alert) => (\n            <div className={classes.alertContainer}>\n              <Chip\n                label={alert.label}\n                style={{\n                  backgroundColor: alert\n                    ? alert.alertColor.hex\n                    : theme.palette.secondary.main\n                }}\n                className={classes.chipStyle}\n              />\n            </div>\n          ))}\n\n        {alertData\n          .filter((item, i) => i % 2 !== 0 && i !== 0)\n          .map((alert) => (\n            <div className={classes.alertContainer}>\n              <Chip\n                label={alert.label}\n                style={{\n                  backgroundColor: alert\n                    ? alert.alertColor.hex\n                    : theme.palette.secondary.main\n                }}\n                className={classes.chipStyle}\n              />\n            </div>\n          ))}\n      </div>\n    );\n  } else {\n    return null;\n  }\n};\n"],"mappings":"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"}

package/dist/UI/Box.mjs

@@ -1,8 +1,16 @@
+import { c } from "react-compiler-runtime";
 import React from "react";
 import { Box } from "@material-ui/core";
 //#region src/UI/Box.jsx
 const Box$1 = (props) => {
-	return /* @__PURE__ */ React.createElement(Box, props);
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = /* @__PURE__ */ React.createElement(Box, props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 };
 //#endregion
 export { Box$1 as Box };

package/dist/UI/Box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.mjs","names":["Box","MuiBox"],"sources":["../../src/UI/Box.jsx"],"sourcesContent":["import React from \"react\";\nimport { Box as MuiBox } from \"@material-ui/core\";\n\n// Please confirm with UI/UX team before using this as this is not recomended\nexport const Box = props => {\n  return (<MuiBox {...props}/>)\n}"],"mappings":";;;AAIA,MAAaA,SAAM,UAAS;AAC1B,QAAQ,sBAAA,cAACC,KAAW,MAAQ"}
+{"version":3,"file":"Box.mjs","names":["React","Box","MuiBox","props","$","_c","t0"],"sources":["../../src/UI/Box.jsx"],"sourcesContent":["import React from \"react\";\nimport { Box as MuiBox } from \"@material-ui/core\";\n\n// Please confirm with UI/UX team before using this as this is not recomended\nexport const Box = props => {\n  return (<MuiBox {...props}/>)\n}"],"mappings":";;;;AAIA,MAAaC,SAAME,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,OAAA;AACTG,OAAA,sBAAA,cAAC,KAAWH,MAAQ;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAApBE"}