@pega/angular-sdk-components 0.23.5 → 0.24.1

package/lib/_bridge/angular-pconnect.d.ts

@@ -93,6 +93,8 @@ export declare class AngularPConnectService {
      * actions: any actions that are defined for this object
      */
     registerAndSubscribeComponent(inComp: any, inCallback?: Function | null): AngularPConnectData;
+    addFormField(inComp: any): void;
+    removeFormField(inComp: any): void;
     /**
      * Returns **true** if the component's entry in ___componentPropsArr___ is
      * the same as the properties that are current associated with the component (___inComp___) passed in.

package/lib/_bridge/helpers/sdk-pega-component-map.d.ts

@@ -63,6 +63,7 @@ import { InlineDashboardPageComponent } from '../../_components/template/inline-
 import { ListPageComponent } from '../../_components/template/list-page/list-page.component';
 import { ListViewComponent } from '../../_components/template/list-view/list-view.component';
 import { MultiReferenceReadonlyComponent } from '../../_components/template/multi-reference-readonly/multi-reference-readonly.component';
+import { MultiselectComponent } from '../../_components/field/multiselect/multiselect.component';
 import { NarrowWideFormComponent } from '../../_components/template/narrow-wide-form/narrow-wide-form.component';
 import { OneColumnComponent } from '../../_components/template/one-column/one-column.component';
 import { OneColumnPageComponent } from '../../_components/template/one-column-page/one-column-page.component';
@@ -162,6 +163,7 @@ declare const pegaSdkComponentMap: {
     MaterialUtility: typeof MaterialUtilityComponent;
     ModalViewContainer: typeof ModalViewContainerComponent;
     MultiReferenceReadOnly: typeof MultiReferenceReadonlyComponent;
+    Multiselect: typeof MultiselectComponent;
     MultiStep: typeof MultiStepComponent;
     NarrowWideDetails: typeof DetailsNarrowWideComponent;
     NarrowWideForm: typeof NarrowWideFormComponent;

package/lib/_components/designSystemExtension/material-case-summary/material-case-summary.component.d.ts

@@ -9,6 +9,8 @@ export declare class MaterialCaseSummaryComponent implements OnInit, OnChanges {
     secondaryFields$: any[];
     primaryFieldsWithStatus$: any[];
     constructor(utils: Utils);
+    localizedVal: (localeKey: string, localePath?: string | undefined, localeRuleKey?: string | undefined) => string;
+    localeCategory: string;
     ngOnInit(): void;
     ngOnChanges(): void;
     updateLabelAndDate(arData: any[]): void;

package/lib/_components/designSystemExtension/operator/operator.component.d.ts

@@ -8,6 +8,7 @@ export declare class OperatorComponent implements OnInit, OnChanges, OnDestroy {
     private cdRef;
     private utils;
     pConn$: typeof PConnect;
+    displayLabel: any;
     fields$: any[];
     bShowPopover$: boolean;
     date$: string;
@@ -21,5 +22,5 @@ export declare class OperatorComponent implements OnInit, OnChanges, OnDestroy {
     updateSelf(): void;
     showOperator(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OperatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OperatorComponent, "app-operator", never, { "pConn$": { "alias": "pConn$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OperatorComponent, "app-operator", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "displayLabel": { "alias": "displayLabel"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/_components/field/check-box/check-box.component.d.ts

@@ -10,6 +10,13 @@ interface CheckboxProps extends Omit<PConnFieldProps, 'value'> {
     caption?: string;
     trueLabel?: string;
     falseLabel?: string;
+    selectionMode?: string;
+    datasource?: any;
+    selectionKey?: string;
+    selectionList?: any;
+    primaryField: string;
+    readonlyContextList: any;
+    referenceList: string;
 }
 export declare class CheckBoxComponent implements OnInit, OnDestroy {
     private angularPConnect;
@@ -36,6 +43,16 @@ export declare class CheckBoxComponent implements OnInit, OnDestroy {
     helperText: string;
     trueLabel$?: string;
     falseLabel$?: string;
+    selectionMode?: string;
+    datasource?: any;
+    selectionKey?: string;
+    selectionList?: any;
+    primaryField: string;
+    selectedvalues: any;
+    referenceList: string;
+    listOfCheckboxes: any[];
+    actionsApi: any;
+    propName: any;
     fieldControl: FormControl<string | null>;
     constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, utils: Utils);
     ngOnInit(): void;
@@ -45,6 +62,7 @@ export declare class CheckBoxComponent implements OnInit, OnDestroy {
     updateSelf(): void;
     fieldOnChange(event: any): void;
     fieldOnBlur(event: any): void;
+    handleChangeMultiMode(event: any, element: any): void;
     getErrorMessage(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckBoxComponent, "app-check-box", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;

package/lib/_components/field/multiselect/multiselect.component.d.ts

@@ -0,0 +1,64 @@
+/// <reference types="pcore-pconnect-typedefs" />
+import { OnDestroy, OnInit } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import { MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
+import { Utils } from '../../../_helpers/utils';
+import * as i0 from "@angular/core";
+export declare class MultiselectComponent implements OnInit, OnDestroy {
+    private angularPConnect;
+    private utils;
+    pConn$: typeof PConnect;
+    formGroup$: FormGroup;
+    angularPConnectData: AngularPConnectData;
+    label$: string;
+    value$: string;
+    bRequired$: boolean;
+    bDisabled$: boolean;
+    bVisible$: boolean;
+    controlName$: string;
+    bHasForm$: boolean;
+    listType: string;
+    placeholder: string;
+    fieldControl: FormControl<string | null>;
+    parameters: {};
+    hideLabel: boolean;
+    configProps$: any;
+    referenceList: any;
+    selectionKey: string;
+    primaryField: string;
+    initialCaseClass: any;
+    showSecondaryInSearchOnly: boolean;
+    isGroupData: boolean;
+    referenceType: any;
+    secondaryFields: any;
+    groupDataSource: never[];
+    matchPosition: string;
+    maxResultsDisplay: any;
+    groupColumnsConfig: {}[];
+    selectionList: any;
+    listActions: any;
+    selectedItems: any[];
+    itemsTreeBaseData: never[];
+    displayFieldMeta: any;
+    dataApiObj: any;
+    itemsTree: any[];
+    trigger: any;
+    constructor(angularPConnect: AngularPConnectService, utils: Utils);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onStateChange(): void;
+    checkAndUpdate(): void;
+    updateSelf(): void;
+    setPropertyValuesFromProps(): void;
+    getCaseListBasedOnParams(searchText: any, group: any, selectedRows: any, currentItemsTree: any, isTriggeredFromSearch?: boolean): void;
+    fieldOnChange(event: Event): void;
+    optionChanged(event: MatAutocompleteSelectedEvent): void;
+    optionClicked: (event: Event, data: any, trigger?: MatAutocompleteTrigger) => void;
+    toggleSelection: (data: any, trigger?: MatAutocompleteTrigger) => void;
+    removeChip: (data: any) => void;
+    setSelectedItemsForReferenceList(data: any): void;
+    getErrorMessage(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiselectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiselectComponent, "app-multiselect", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/_components/field/multiselect/utils.d.ts

@@ -0,0 +1,8 @@
+export declare function setVisibilityForList(c11nEnv: any, visibility: any): void;
+declare function preProcessColumns(columns: any): any;
+declare function getDisplayFieldsMetaData(columns: any): any;
+declare function doSearch(searchText: any, clickedGroup: any, initialCaseClass: any, displayFieldMeta: any, dataApiObj: any, // deep clone of the dataApiObj
+itemsTree: any, isGroupData: any, showSecondaryInSearchOnly: any, selected: any): Promise<any>;
+declare function setValuesToPropertyList(searchText: any, assocProp: any, items: any, columns: any, actions: any, updatePropertyInRedux?: boolean): any;
+declare function getGroupDataForItemsTree(groupDataSource: any, groupsDisplayFieldMeta: any, showSecondaryInSearchOnly: any): any;
+export { preProcessColumns, getDisplayFieldsMetaData, doSearch, setValuesToPropertyList, getGroupDataForItemsTree };

package/lib/_components/field/time/time.component.d.ts

@@ -23,6 +23,7 @@ export declare class TimeComponent implements OnInit, OnDestroy {
     bVisible$: boolean;
     displayMode$?: string;
     controlName$: string;
+    testId: string;
     bHasForm$: boolean;
     componentReference: string;
     helperText: string;

package/lib/_components/field/url/url.component.d.ts

@@ -23,6 +23,7 @@ export declare class UrlComponent implements OnInit, OnDestroy {
     bVisible$: boolean;
     displayMode$?: string;
     controlName$: string;
+    testId: string;
     bHasForm$: boolean;
     componentReference: string;
     helperText: string;

package/lib/_components/infra/navbar/navbar.component.d.ts

@@ -34,6 +34,8 @@ export declare class NavbarComponent implements OnInit, OnDestroy {
     navIcon$: string;
     localizedVal: any;
     localeCategory: string;
+    localeUtils: import("@pega/pcore-pconnect-typedefs/locale/locale-utils").LocaleUtils;
+    localeReference: any;
     constructor(angularPConnect: AngularPConnectService, chRef: ChangeDetectorRef, psService: ProgressSpinnerService, ngZone: NgZone, utils: Utils);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/_components/template/case-summary/case-summary.component.d.ts

@@ -28,6 +28,8 @@ export declare class CaseSummaryComponent implements OnInit, OnDestroy, OnChange
     updateSelf(): void;
     ngOnChanges(): void;
     generatePrimaryAndSecondaryFields(): void;
+    prepareComponentInCaseSummary(pConnectMeta: any, getPConnect: any): any;
+    prepareCaseSummaryData(summaryFieldChildren: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaseSummaryComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CaseSummaryComponent, "app-case-summary", never, { "pConn$": { "alias": "pConn$"; "required": false; }; "formGroup$": { "alias": "formGroup$"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/_components/template/field-value-list/field-value-list.component.d.ts

@@ -3,6 +3,7 @@ export declare class FieldValueListComponent {
     label$: any;
     value$: any;
     displayMode$: any;
+    isHtml$: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldValueListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FieldValueListComponent, "app-field-value-list", never, { "label$": { "alias": "label$"; "required": false; }; "value$": { "alias": "value$"; "required": false; }; "displayMode$": { "alias": "displayMode$"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldValueListComponent, "app-field-value-list", never, { "label$": { "alias": "label$"; "required": false; }; "value$": { "alias": "value$"; "required": false; }; "displayMode$": { "alias": "displayMode$"; "required": false; }; "isHtml$": { "alias": "isHtml$"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/_components/template/list-view/list-view.component.d.ts

@@ -108,9 +108,7 @@ export declare class ListViewComponent implements OnInit, OnDestroy {
     _getGroupName(fieldName: any): any;
     _showButton(name: any, row: any): boolean;
     _listViewClick(column: any, row: any): void;
-    compare(a: number | string, b: number | string, isAsc: boolean): number;
     _headerSortClick(event: any, columnData: any): void;
-    clearOutArrows(event: any, columnData: any): void;
     sortCompare(a: any, b: any): number;
     compareByColumnPxRefObjectInsName(aValue: any, bValue: any): number | undefined;
     updateFilterDisplay(type: any): void;

package/lib/_components/template/simple-table-manual/simple-table-manual.component.d.ts

@@ -108,11 +108,13 @@ export declare class SimpleTableManualComponent implements OnInit, OnDestroy {
     bUseSeparateViewForEdit: any;
     editView: any;
     settingsSvgIcon$: string;
+    isInitialized: boolean;
     constructor(angularPConnect: AngularPConnectService, utils: Utils, dataPageService: DatapageService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     checkAndUpdate(): void;
     updateSelf(): void;
+    initializeDefaultPageInstructions(): void;
     getResultsText(): string;
     sortCompare(a: any, b: any): number;
     compareByColumnPxRefObjectInsName(aValue: any, bValue: any): number | undefined;

package/lib/_components/template/wss-nav-bar/wss-nav-bar.component.d.ts

@@ -33,6 +33,8 @@ export declare class WssNavBarComponent implements OnInit, OnDestroy {
     showPage: any;
     logout: any;
     navIcon$: string;
+    localizedVal: (localeKey: string, localePath?: string | undefined, localeRuleKey?: string | undefined) => string;
+    localeCategory: string;
     constructor(angularPConnect: AngularPConnectService, cdRef: ChangeDetectorRef, psService: ProgressSpinnerService, ngZone: NgZone, utils: Utils);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/_components/widget/attachment/attachment.component.d.ts

@@ -36,6 +36,10 @@ export declare class AttachmentComponent implements OnInit, OnDestroy {
     validateMessage: string | undefined;
     valueRef: string;
     imagePath$: string;
+    localizedVal: (localeKey: string, localePath?: string | undefined, localeRuleKey?: string | undefined) => string;
+    localeCategory: string;
+    uploadMultipleFilesLabel: string;
+    uploadSingleFileLabel: string;
     constructor(angularPConnect: AngularPConnectService, utils: Utils, ngZone: NgZone);
     ngOnInit(): void;
     checkAndUpdate(): void;

package/lib/_helpers/instructions-utils.d.ts

@@ -0,0 +1,4 @@
+declare function updateNewInstructions(c11nEnv: any, selectionList: any): void;
+declare function insertInstruction(c11nEnv: any, selectionList: any, selectionKey: any, primaryField: any, item: any): void;
+declare function deleteInstruction(c11nEnv: any, selectionList: any, selectionKey: any, item: any): void;
+export { updateNewInstructions, insertInstruction, deleteInstruction };

package/lib/doc/KeyReleaseUpdates.md

@@ -0,0 +1,63 @@
+### Angular SDK - Release Announcement - v23.1.10 (20 March 2024)
+
+This release - **SDK-A v23.1.10** - is **only compatible with Pega Infinity 23**. This release is related to the [**release/23.1.10** branch of the Angular SDK repository](https://github.com/pegasystems/angular-sdk/tree/release/23.1.10).
+<br>
+
+This is the initial release of the Angular SDK Components packages: [**@pega/angular-sdk-components**](https://www.npmjs.com/package/@pega/angular-sdk-components) and [**@pega/angular-sdk-overrides**](https://www.npmjs.com/package/@pega/angular-sdk-overrides).This release contains all of the bridge and component code that was in the original packaging of the Angular SDK (which is now available in the Angular SDK's release/8.8.10 branch).
+
+These packages support use with **Pega Infinity&trade; 23** and used in conjunction with the [**Pega Constellation Angular SDK**](https://community.pega.com/marketplace/components/angular-sdk).
+
+* [**angular-sdk-components**](https://www.npmjs.com/package/@pega/angular-sdk-components) <br />
+This package contains the run-time (compiled) code for the Pega-provided **bridge**
+to the [**ConstellationJS Engine**](https://www.npmjs.com/package/@pega/constellationjs) and the **DX components**. The DX Components are a reference implementation that use the [Angular Material](https://v16.material.angular.io/) design system.
+
+* [**angular-sdk-overrides**](https://www.npmjs.com/package/@pega/angular-sdk-overrides) <br />
+This package contains the source (uncompiled) code for the **DX Components**. This code is used as the starting point for any components that a Angular SDK user chooses to override.
+Refer to the [Constellation SDKs Documentation](https://docs.pega.com/bundle/constellation-sdk/page/constellation-sdks/sdks/constellation-sdks.html) for more information about overriding components.
+
+
+The SDK-A v23.1.10 release allow Angular SDK users to to take advantage of the latest
+[SDK enhancements and fixes noted in **What's New in the SDK?**](https://docs.pega.com/bundle/constellation-sdk/page/constellation-sdks/sdks/angular-sdk-updates.html) including:
+
+* Moved components to npm modules to support selective, incremental override of sample SDK components to the customer’s alternate design system.
+The following npm package is supported as part of this:
+  [@pega/angular-sdk-components](https://www.npmjs.com/package/@pega/angular-sdk-components): v23.1.10
+* Integrated with Constellation DX Component Builder to enable creating custom components and overriding Pega components using the SDK. For more information, see Using the integrated DX component builder.
+The following npm packages are supported as part of this:
+  [@pega/dx-component-builder-sdk](https://www.npmjs.com/package/@pega/dx-component-builder-sdk): v23.1.12
+  [@pega/angular-sdk-overrides](https://www.npmjs.com/package/@pega/angular-sdk-overrides): v23.1.10
+* Added the use of **TypeScript typedefs** (from @pega/pcore-pconnect-typedefs) to SDK components. For more information, see [Using type definitions - update link when published](https://pega-dev.zoominsoftware.io/bundle/constellation-sdk/page/constellation-sdks/sdks/type-definitions-constellation-sdks.html)
+* Added additional functionality including RichTextEditor and Dynamic Tabs components, many-to-many data reference support, Confirmation template, Sub Tabs template, and WSS portal.
+* Added Constellation design system support for cosmos 4 (for custom Constellation components).
+* Enhanced security including token storage and item obfuscation support.
+* Bug fixes.
+* The full set of merged PRs can be found in the [angular-sdk-components GitHub repository list of merged PRs](https://github.com/pegasystems/angular-sdk-components/pulls?q=is%3Apr+is%3Amerged+base%3Amaster+).
+* Added Lint support to improve code quality and Prettier support for code formatting.
+* Provided Storybook integration to mock and test components in isolation. For more information, see [Storybook integration](https://docs.pega.com/bundle/constellation-sdk/page/constellation-sdks/sdks/using-dx-component-builder.html).
+* Added component management capabilities, such as build, publish, and delete components. For more information, see [Managing components](https://docs.pega.com/bundle/constellation-sdk/page/constellation-sdks/sdks/managing-components.html).
+* Updated authentication and authorization module. For more information, see [Authentication and authorization](https://docs.pega.com/bundle/constellation-sdk/page/constellation-sdks/sdks/authentication-authorization.html).
+* Updated src directory structure to house component code based on component category (custom and override) and component type (field, template, and widget). For more information, see [Updated files](https://docs.pega.com/bundle/constellation-sdk/page/constellation-sdks/sdks/using-dx-component-builder.html#d13507e116).
+* Updated sdk-config.json file with component configuration attributes, such as dxcbConfig. For more information, see [dxcbConfig](https://docs.pega.com/bundle/constellation-sdk/page/constellation-sdks/sdks/configuring-sdk-config-json.html#d5260e960).
+* Added the lint settings in the DX Component Builder to enable publishing custom components with lint errors or warnings. You can modify the lint setting (lintAction) in the **sdk-config.json** file from "show" to "block" to disable publishing components with lint errors or warnings.
+* Added support for multiple attachments.
+* Users can now perform CRUD operations using the modal dialog. Previously, you could perform CRUD operations inline only.
+* Added localization support. You can now implement localization in your custom and overridden SDK components.
+
+<hr />
+
+#### **Pega Constellation SDKs available**
+* **Angular SDK**:
+  * Marketplace: https://community.pega.com/marketplace/components/angular-sdk
+  * Github: https://github.com/pegasystems/angular-sdk
+
+<br />
+
+* **React SDK**:
+  * Marketplace: https://community.pega.com/marketplace/components/react-sdk
+  * Github: https://github.com/pegasystems/react-sdk
+
+<br />
+
+* **Web Components SDK**:
+  * Marketplace: https://community.pega.com/marketplace/components/web-components-sdk
+  * Github: https://github.com/pegasystems/web-components-sdk

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/angular-sdk-components",
-  "version": "0.23.5",
+  "version": "0.24.1",
   "peerDependencies": {
     "@angular/common": "^16.2.12",
     "@angular/core": "^16.2.12"