Angular Packages
MemberJunction’s Angular UI framework — the Bootstrap package, Explorer application components, and a comprehensive library of reusable generic components.
Theming & Design System
Section titled “Theming & Design System”MemberJunction’s theming system provides a complete CSS custom property design system with light/dark modes and pluggable custom theme support.
| Resource | Description |
|---|---|
| Theming & Design Tokens | Architecture, full token catalog, ThemeService API, custom theme creation, and best practices |
Packages
Section titled “Packages”| Package | npm | Description |
|---|---|---|
| Bootstrap | @memberjunction/ng-bootstrap | Angular bootstrap and class registration manifest |
The MJExplorer application — MemberJunction’s primary Angular-based UI for browsing, editing, and managing data.
Core / Shell
Section titled “Core / Shell”Foundational packages that provide the application shell, routing, authentication, shared utilities, and module bundling.
| Package | npm | Description |
|---|---|---|
| explorer-app | @memberjunction/ng-explorer-app | Complete branded entry point for Explorer-style applications |
| explorer-core | @memberjunction/ng-explorer-core | Core Explorer framework: application shell, routing, resource containers, and navigation |
| explorer-modules | @memberjunction/ng-explorer-modules | Consolidated Explorer NgModule bundle that re-exports all Explorer feature modules |
| base-application | @memberjunction/ng-base-application | BaseApplication class system for app-centric navigation |
| auth-services | @memberjunction/ng-auth-services | Authentication services with Auth0, MSAL, and Okta provider support |
| shared | @memberjunction/ng-shared | Shared Explorer utilities, base components, services, and events used across Explorer packages |
| workspace-initializer | @memberjunction/ng-workspace-initializer | Workspace initialization service and components for bootstrapping the Explorer environment |
Forms & Entity Editing
Section titled “Forms & Entity Editing”Components for rendering, editing, and managing entity records through metadata-driven forms.
| Package | npm | Description |
|---|---|---|
| base-forms | @memberjunction/ng-base-forms | Base form components, field rendering, and validation framework |
| core-entity-forms | @memberjunction/ng-core-entity-forms | Auto-generated and custom entity forms with dynamic form loading and registration |
| entity-form-dialog | @memberjunction/ng-entity-form-dialog | Modal dialog for displaying and editing any entity record |
Data Grids & Lists
Section titled “Data Grids & Lists”Grid and list components for browsing and managing collections of entity records.
| Package | npm | Description |
|---|---|---|
| list-detail-grid | @memberjunction/ng-list-detail-grid | Master-detail grid for displaying dynamic and saved list details |
| simple-record-list | @memberjunction/ng-simple-record-list | Lightweight component for displaying, editing, creating, and deleting records in any entity |
Dashboards
Section titled “Dashboards”Dashboard components for administrative and analytical views.
| Package | npm | Description |
|---|---|---|
| dashboards | @memberjunction/ng-dashboards | Dashboard components including AI model management, Entity Admin ERD, and Actions configuration |
Utility & Navigation
Section titled “Utility & Navigation”Supporting components for linking, permissions, settings, and change tracking.
| Package | npm | Description |
|---|---|---|
| link-directives | @memberjunction/ng-link-directives | Directives for turning elements into email, web, or record links |
| entity-permissions | @memberjunction/ng-entity-permissions | Components for displaying and editing entity-level permissions |
| explorer-settings | @memberjunction/ng-explorer-settings | Reusable components for the Explorer settings section |
| record-changes | @memberjunction/ng-record-changes | Change-tracking dialog with diff visualization for individual records |
Reusable Angular components and services shared across MemberJunction applications.
Core & Base Types
Section titled “Core & Base Types”Foundation packages that other Generic packages depend on.
| Package | npm | Description |
|---|---|---|
| base-types | @memberjunction/ng-base-types | Simple types that are used across many generic Angular UI components for coordination |
| shared | @memberjunction/ng-shared-generic | Utility services and reusable elements used in any Angular application |
| container-directives | @memberjunction/ng-container-directives | Fill Container for auto-resizing and plain container directives for element identification/binding |
| Testing | @memberjunction/ng-testing | Testing components and utilities for Angular applications |
AI & Chat
Section titled “AI & Chat”Components for AI interactions, chat interfaces, and conversation management.
| Package | npm | Description |
|---|---|---|
| chat | @memberjunction/ng-chat | Reusable chat component for AI or peer-to-peer chat applications |
| conversations | @memberjunction/ng-conversations | Conversation, collection, and artifact management components |
| agents | @memberjunction/ng-agents | Reusable components for AI Agent management including permissions panel, dialog, and slideover |
| ai-test-harness | @memberjunction/ng-ai-test-harness | Reusable component for testing AI agents and prompts with beautiful UX |
| artifacts | @memberjunction/ng-artifacts | Artifact viewer plugin system for rendering different artifact types (JSON, Code, Markdown, HTML, SVG, Components) |
Entity & Data
Section titled “Entity & Data”Components for viewing, editing, and navigating entity data.
| Package | npm | Description |
|---|---|---|
| entity-viewer | @memberjunction/ng-entity-viewer | Components for viewing entity data in multiple formats (grid, cards) with filtering, selection, and shared data management |
| entity-communication | @memberjunction/ng-entity-communications | Components to allow a user to select templates, preview messages, and send them |
| entity-relationship-diagram | @memberjunction/ng-entity-relationship-diagram | Entity Relationship Diagram (ERD) component for visualizing entity relationships using D3.js force-directed graphs |
| data-context | @memberjunction/ng-data-context | Component and pop-up window to display and edit the contents of a data context |
| deep-diff | @memberjunction/ng-deep-diff | Component to display the differences between two objects, using the non-visual functionality from @memberjunction/global |
| record-selector | @memberjunction/ng-record-selector | Components to allow a user to select/deselect items from a possible set |
| find-record | @memberjunction/ng-find-record | Component to allow a user to find a single record in any entity |
| join-grid | @memberjunction/ng-join-grid | Grid component for displaying/editing the relationship between two entities (e.g., Users + Roles in a single grid) |
Actions & Workflows
Section titled “Actions & Workflows”Components for action execution, workflow editing, and task management.
| Package | npm | Description |
|---|---|---|
| actions | @memberjunction/ng-actions | Reusable components for testing and running actions with MJ UI components |
| action-gallery | @memberjunction/ng-action-gallery | Filterable gallery component for browsing and selecting actions |
| flow-editor | @memberjunction/ng-flow-editor | Generic visual flow editor component powered by Foblex Flow, with an agent-specific Flow Agent Editor |
| tasks | @memberjunction/ng-tasks | Components for task visualization and management with Gantt chart support |
Query & Reporting
Section titled “Query & Reporting”Components for building queries, viewing results, and filtering data.
| Package | npm | Description |
|---|---|---|
| query-viewer | @memberjunction/ng-query-viewer | Components for viewing and executing stored queries with parameter input, interactive results grid, and entity linking |
| filter-builder | @memberjunction/ng-filter-builder | Modern, intuitive filter builder for creating complex boolean filter expressions with portable JSON format |
Dashboard & Layout
Section titled “Dashboard & Layout”Components for dashboards, navigation, content rendering, and notifications.
| Package | npm | Description |
|---|---|---|
| dashboard-viewer | @memberjunction/ng-dashboard-viewer | Components for metadata-driven dashboards with Golden Layout panels, supporting views, queries, artifacts, and custom content |
| tab-strip | @memberjunction/ng-tabstrip | Simple tab strip component used in the MJ Explorer app and reusable anywhere else |
| timeline | @memberjunction/ng-timeline | Responsive timeline component; works with MemberJunction entities or plain JavaScript objects with no external dependencies |
| trees | @memberjunction/ng-trees | Tree and tree-dropdown components for hierarchical entity selection |
| markdown | @memberjunction/ng-markdown | Lightweight markdown component with Prism.js highlighting, Mermaid diagrams, and extensible features |
| notifications | @memberjunction/ng-notifications | Simple library for displaying user notifications |
Credentials & Permissions
Section titled “Credentials & Permissions”Components for managing credentials and resource access control.
| Package | npm | Description |
|---|---|---|
| credentials | @memberjunction/ng-credentials | Components for credential management — panels and dialogs for creating and editing credentials |
| resource-permissions | @memberjunction/ng-resource-permissions | Generic components for displaying/editing permissions for a resource |
UI Utilities
Section titled “UI Utilities”General-purpose UI components, services, and helpers.
| Package | npm | Description |
|---|---|---|
| ui-components | @memberjunction/ng-ui-components | Reusable standalone UI components (buttons, dialogs, windows, dropdowns, inputs, and more) |
| generic-dialog | @memberjunction/ng-generic-dialog | Component for a generic dialog |
| code-editor | @memberjunction/ng-code-editor | Angular code editor component |
| file-storage | @memberjunction/ng-file-storage | Components for managing files and related operations |
| export-service | @memberjunction/ng-export-service | Export service and dialog for exporting data to Excel, CSV, and JSON |
| list-management | @memberjunction/ng-list-management | Components for managing entity list membership with responsive UI |
| react | @memberjunction/ng-react | Angular components for hosting React components in MemberJunction applications |
| user-avatar | @memberjunction/ng-user-avatar | User Avatar Service — manages user avatar synchronization from auth providers and avatar operations |
| versions | @memberjunction/ng-versions | Version History Components — label creation, detail viewing, and slide panel |