@memberjunction/ng-actions

Reusable Angular components for testing and running MemberJunction Actions. This package provides a lightweight action test harness and parameter/result-code editing dialogs with no Kendo UI dependencies.

Overview

The @memberjunction/ng-actions package provides a self-contained set of components for interacting with MemberJunction Actions: executing them with custom parameter values, viewing results, and editing action parameter definitions and result codes. Unlike other MJ Angular packages, this module has no Kendo UI dependency, making it suitable for any Angular application.

graph TD
    A[ActionsModule] --> B[ActionTestHarnessComponent]
    A --> C[ActionTestHarnessDialogComponent]
    A --> D[ActionParamDialogComponent]
    A --> E[ActionResultCodeDialogComponent]

    B --> F["Parameter Input
    (dynamic form)"]
    B --> G["Execution & Results"]

    C --> B

    style A fill:#2d6a9f,stroke:#1a4971,color:#fff
    style B fill:#7c5295,stroke:#563a6b,color:#fff
    style C fill:#2d8659,stroke:#1a5c3a,color:#fff
    style D fill:#b8762f,stroke:#8a5722,color:#fff
    style E fill:#b8762f,stroke:#8a5722,color:#fff
Copy

Installation

npm install @memberjunction/ng-actions
Copy

Usage

Module Import

import { ActionsModule } from '@memberjunction/ng-actions';

@NgModule({
  imports: [ActionsModule]
})
export class YourModule { }
Copy

Action Test Harness

Embed the test harness for running actions with dynamic parameter input:

<mj-action-test-harness
  [actionId]="selectedActionId"
  (executionComplete)="onExecutionComplete($event)">
</mj-action-test-harness>
Copy

Action Test Harness Dialog

Wrap the test harness in a dialog for modal usage:

<mj-action-test-harness-dialog
  [visible]="showDialog"
  [actionId]="selectedActionId"
  (dialogClosed)="onDialogClosed()">
</mj-action-test-harness-dialog>
Copy

Action Param Dialog

Edit action parameter definitions:

<mj-action-param-dialog
  [visible]="showParamDialog"
  [actionParam]="selectedParam"
  (saved)="onParamSaved($event)"
  (cancelled)="onParamCancelled()">
</mj-action-param-dialog>
Copy

Action Result Code Dialog

Edit action result code definitions:

<mj-action-result-code-dialog
  [visible]="showResultCodeDialog"
  [resultCode]="selectedResultCode"
  (saved)="onResultCodeSaved($event)"
  (cancelled)="onResultCodeCancelled()">
</mj-action-result-code-dialog>
Copy

Exported Types

import {
  ActionsModule,
  ActionTestHarnessComponent,
  ActionParamValue,
  ActionResult,
  ActionTestHarnessDialogComponent,
  ActionParamDialogComponent,
  ActionParamDialogResult,
  ActionResultCodeDialogComponent,
  ActionResultCodeDialogResult
} from '@memberjunction/ng-actions';
Copy

Dependencies

Peer Dependencies

• @angular/common ^21.x
• @angular/core ^21.x
• @angular/forms ^21.x

Note: This package does not depend on Kendo UI, making it lightweight and suitable for use in any Angular project.

Build

cd packages/Angular/Generic/actions
npm run build
Copy

License

ISC