@energycap/components 0.39.24-ECAP-26539-Item-Picker-Select-All.20240912-1453 → 0.39.24-ECAP-26539-Item-Picker-Select-All.20240912-1552

package/lib/controls/item-picker/item-picker.component.d.ts

@@ -29,6 +29,10 @@ export declare class ItemPickerSelectableContext<T> extends TableSelectableRowCo
      * AdvancedRowClickBehavior is disabled for ItemPicker.
      */
     readonly disableAdvancedRowClickBehavior: boolean;
+    /** When true the user has opted to select all items across all pages. Due to api pagination
+     *  we don't have all of the items locally, so the host will need to tell the API to operate on all
+     *  via api filters or other means.
+     */
     isSelectingAllItems: boolean;
 }
 export declare class ItemPickerComponent<T> implements OnInit, OnChanges, OnDestroy {
@@ -64,8 +68,12 @@ export declare class ItemPickerComponent<T> implements OnInit, OnChanges, OnDest
      * interpolation will be used.
      */
     noSelectedItemsMessage?: string;
-    selectAllEnabled: boolean;
-    allSelectedItemsMessage: string;
+    /** When true the button to select all items will be visible in the available items header when
+     *  the header checkbox is checked and there are multiple pages of results
+     */
+    enableSelectAllItems: boolean;
+    /** Passed in message to display in the selected items table when the select all items button is clicked */
+    selectAllItemsMessage: string;
     /** List of available items to pick from */
     availableItems: PickerItem[];
     /**
@@ -79,9 +87,17 @@ export declare class ItemPickerComponent<T> implements OnInit, OnChanges, OnDest
     /** Track by used for the searchable table rows */
     trackByIndex: (index: number) => number;
     tableStatus: Overlay;
-    masterCheckboxText: string;
-    showSelectAllItemsLink: boolean;
-    totalCount?: number;
+    /** Text to display next to the checkbox in the available items header. Used to dislay how many items are
+     *  selected when select all items is enabled
+     */
+    availableCheckboxText: string;
+    /** When set to true the select all items button will show in the available items header. This is
+     *  shown when the user has enabled select all for the item picker and the user selects the header checkbox
+     *  with more than one page of results.
+     */
+    showSelectAllItemsButton: boolean;
+    /** The total number of items returned from the api across all pages */
+    totalItemsBeforePaging?: number;
     /**
      * Template used to display the available and selected items as well as the available item header.
      * This will be set to the default template if a custom is not provided
@@ -98,7 +114,6 @@ export declare class ItemPickerComponent<T> implements OnInit, OnChanges, OnDest
     private destroyed;
     constructor(translateService: TranslateService);
     ngOnInit(): void;
-    selectAllItems(): void;
     /**
      * Watch for changes and react if the custom item template value changes
      */
@@ -118,12 +133,16 @@ export declare class ItemPickerComponent<T> implements OnInit, OnChanges, OnDest
      * @param removeItem
      */
     removeSelectedItem(removeItem: PickerItem): void;
+    /**
+     * Click handler for the select all items button
+     */
+    selectAllItems(): void;
     /**
      * Watch for changes to the row checkboxes form array and update the selected items
      * list
      */
     private setupRowCheckboxesWatcher;
-    private updateMasterCheckboxText;
+    private updateAvailableCheckboxText;
     /**
      * Watch to be told if changes to the map were made outside of the component and if so update
      * the array displayed in the selected list and select checkboxes for visible available items
@@ -131,5 +150,5 @@ export declare class ItemPickerComponent<T> implements OnInit, OnChanges, OnDest
     private setupSelectedItemsChangedWatcher;
     private setInternalizedTemplates;
     static ɵfac: i0.ɵɵFactoryDeclaration<ItemPickerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ItemPickerComponent<any>, "ec-item-picker", never, { "id": "id"; "availableTitle": "availableTitle"; "selectedTitle": "selectedTitle"; "itemName": "itemName"; "formModel": "formModel"; "customAvailableHeaderTemplate": "customAvailableHeaderTemplate"; "customAvailableItemTemplate": "customAvailableItemTemplate"; "customSelectedItemTemplate": "customSelectedItemTemplate"; "ready": "ready"; "getItems": "getItems"; "selectionContext": "selectionContext"; "noDataMessage": "noDataMessage"; "noSelectedItemsMessage": "noSelectedItemsMessage"; "selectAllEnabled": "selectAllEnabled"; "allSelectedItemsMessage": "allSelectedItemsMessage"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemPickerComponent<any>, "ec-item-picker", never, { "id": "id"; "availableTitle": "availableTitle"; "selectedTitle": "selectedTitle"; "itemName": "itemName"; "formModel": "formModel"; "customAvailableHeaderTemplate": "customAvailableHeaderTemplate"; "customAvailableItemTemplate": "customAvailableItemTemplate"; "customSelectedItemTemplate": "customSelectedItemTemplate"; "ready": "ready"; "getItems": "getItems"; "selectionContext": "selectionContext"; "noDataMessage": "noDataMessage"; "noSelectedItemsMessage": "noSelectedItemsMessage"; "enableSelectAllItems": "enableSelectAllItems"; "selectAllItemsMessage": "selectAllItemsMessage"; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@energycap/components",
-  "version": "0.39.24-ECAP-26539-Item-Picker-Select-All.20240912-1453",
+  "version": "0.39.24-ECAP-26539-Item-Picker-Select-All.20240912-1552",
   "dependencies": {
     "tslib": "^2.0.0"
   },