@wolkabout/commons 0.1.10 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wolkabout/commons",
-  "version": "0.1.10",
+  "version": "0.2.0",
   "peerDependencies": {
     "@angular/cdk": "21.2.0",
     "@angular/common": "21.2.0",

package/types/wolkabout-commons.d.ts

@@ -1096,6 +1096,36 @@ declare class NestedListDataControl<ItemType> {
     persist(id: string | null): void;
 }
 
+interface StandardListItem<ItemType> {
+    id: string;
+    name: string;
+    icon: string | number | LoadedIcon | SvgIcon;
+    rightIcon?: string | number | LoadedIcon | SvgIcon;
+    data: ItemType;
+}
+declare abstract class StandardListDataSource<ItemType> {
+    page: number;
+    isPaged: boolean;
+    isLastPage: boolean;
+    /**
+     * Loads the initial data from the backend.
+     */
+    abstract loadData(): Observable<ItemType[]>;
+    /**
+     * Sets the id of the item that should be selected as soon as the data loads.
+     */
+    abstract initialSelection(): string[] | string | null;
+    /**
+     * Generalized the item and prepares it for display.
+     */
+    abstract prepareItem(item: ItemType): StandardListItem<ItemType>;
+    sortingFunction(item1: StandardListItem<ItemType>, item2: StandardListItem<ItemType>): number;
+    /**
+     * If isPaged is set to true, implement this method, gets next page from the backend.
+     */
+    nextPage(): Observable<ItemType[]>;
+}
+
 interface SearchAction {
     name: string;
     icon: SvgIcon;
@@ -1107,6 +1137,8 @@ interface SearchAction {
 }
 declare class NestedListViewComponent<ItemType> {
     private destroyRef;
+    onKeyDown(event: KeyboardEvent): void;
+    onKeyUp(event: KeyboardEvent): void;
     dataSource: _angular_core.InputSignal<NestedListDataSource<ItemType>>;
     dataControl: _angular_core.InputSignal<NestedListDataControl<ItemType>>;
     width: _angular_core.InputSignal<"quarter" | "full" | "third" | "half">;
@@ -1115,11 +1147,15 @@ declare class NestedListViewComponent<ItemType> {
     searchActions: _angular_core.InputSignal<SearchAction[]>;
     defaultSearchAction: _angular_core.Signal<SearchAction | undefined>;
     otherSearchActions: _angular_core.Signal<SearchAction[]>;
+    enableMultiSelect: _angular_core.InputSignal<boolean>;
+    ctrlPressed: _angular_core.WritableSignal<boolean>;
+    shiftPressed: _angular_core.WritableSignal<boolean>;
     widthClass: _angular_core.Signal<"w-full" | "w-1/4" | "w-1/3" | "w-1/2">;
     selectionConfirmationAction: _angular_core.InputSignal<() => Observable<boolean>>;
     loadingBreadcrumbs: _angular_core.WritableSignal<boolean>;
     loadingChildren: _angular_core.WritableSignal<boolean>;
     selectedItem: _angular_core.WritableSignal<NestedListItem<ItemType> | null>;
+    selectedItems: _angular_core.WritableSignal<NestedListItem<ItemType>[]>;
     hideSearch: _angular_core.InputSignal<boolean>;
     nameSearchControl: FormControl<string | null>;
     searchTerm: _angular_core.Signal<string | null | undefined>;
@@ -1133,6 +1169,7 @@ declare class NestedListViewComponent<ItemType> {
     children: _angular_core.WritableSignal<NestedListItem<ItemType>[]>;
     filteredChildren: _angular_core.Signal<NestedListItem<ItemType>[]>;
     itemSelected: _angular_core.OutputEmitterRef<ItemType | null>;
+    itemsSelected: _angular_core.OutputEmitterRef<ItemType[]>;
     private countsMap;
     private readonly currentScopes;
     constructor(destroyRef: DestroyRef);
@@ -1144,9 +1181,12 @@ declare class NestedListViewComponent<ItemType> {
     shouldDisableBreadcrumbClick(item: NestedListItem<ItemType>): boolean | "" | null | undefined;
     private buildCountsMap;
     private adjustCount;
+    toggleSelectAll(): void;
+    isChildSelected(item: StandardListItem<ItemType>): boolean;
+    isBreadcrumbSelected(item: StandardListItem<ItemType>): boolean;
     private refreshCount;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NestedListViewComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NestedListViewComponent<any>, "app-nested-list-view", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "dataControl": { "alias": "dataControl"; "required": true; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "disableThresholdId": { "alias": "disableThresholdId"; "required": false; "isSignal": true; }; "isColoredInput": { "alias": "isColoredInput"; "required": false; "isSignal": true; }; "searchActions": { "alias": "searchActions"; "required": false; "isSignal": true; }; "selectionConfirmationAction": { "alias": "selectionConfirmationAction"; "required": false; "isSignal": true; }; "hideSearch": { "alias": "hideSearch"; "required": false; "isSignal": true; }; "rootButtonText": { "alias": "rootButtonText"; "required": false; "isSignal": true; }; "enableDrag": { "alias": "enableDrag"; "required": false; "isSignal": true; }; }, { "dragging": "dragging"; "itemSelected": "itemSelected"; }, never, ["[app-no-items-message]", "[app-actions]", "[app-details]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NestedListViewComponent<any>, "app-nested-list-view", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "dataControl": { "alias": "dataControl"; "required": true; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "disableThresholdId": { "alias": "disableThresholdId"; "required": false; "isSignal": true; }; "isColoredInput": { "alias": "isColoredInput"; "required": false; "isSignal": true; }; "searchActions": { "alias": "searchActions"; "required": false; "isSignal": true; }; "enableMultiSelect": { "alias": "enableMultiSelect"; "required": false; "isSignal": true; }; "selectionConfirmationAction": { "alias": "selectionConfirmationAction"; "required": false; "isSignal": true; }; "hideSearch": { "alias": "hideSearch"; "required": false; "isSignal": true; }; "rootButtonText": { "alias": "rootButtonText"; "required": false; "isSignal": true; }; "enableDrag": { "alias": "enableDrag"; "required": false; "isSignal": true; }; }, { "dragging": "dragging"; "itemSelected": "itemSelected"; "itemsSelected": "itemsSelected"; }, never, ["[app-no-items-message]", "[app-actions]", "[app-details]", "[app-bulk-actions]"], true, never>;
 }
 
 declare class PdfViewerComponent {
@@ -1158,36 +1198,6 @@ declare class PdfViewerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PdfViewerComponent, "app-pdf-viewer", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-interface StandardListItem<ItemType> {
-    id: string;
-    name: string;
-    icon: string | number | LoadedIcon | SvgIcon;
-    rightIcon?: string | number | LoadedIcon | SvgIcon;
-    data: ItemType;
-}
-declare abstract class StandardListDataSource<ItemType> {
-    page: number;
-    isPaged: boolean;
-    isLastPage: boolean;
-    /**
-     * Loads the initial data from the backend.
-     */
-    abstract loadData(): Observable<ItemType[]>;
-    /**
-     * Sets the id of the item that should be selected as soon as the data loads.
-     */
-    abstract initialSelection(): string[] | string | null;
-    /**
-     * Generalized the item and prepares it for display.
-     */
-    abstract prepareItem(item: ItemType): StandardListItem<ItemType>;
-    sortingFunction(item1: StandardListItem<ItemType>, item2: StandardListItem<ItemType>): number;
-    /**
-     * If isPaged is set to true, implement this method, gets next page from the backend.
-     */
-    nextPage(): Observable<ItemType[]>;
-}
-
 interface PartialUpdate<ItemType> {
     id: string;
     update: (oldItem: ItemType) => ItemType;
@@ -1203,10 +1213,10 @@ declare class StandardListDataControl<ItemType> {
     constructor(storageKey?: string);
     readonly selectItem: (id: string) => void;
     readonly deselectItem: () => void;
-    readonly updateItem: (item: ItemType) => void;
+    readonly updateItem: (item: ItemType | ItemType[]) => void;
     readonly updateItemPartially: (id: string, update: (oldItem: ItemType) => ItemType) => void;
     readonly addItem: (item: ItemType) => void;
-    readonly removeItem: (id: string) => void;
+    readonly removeItem: (id: string | string[]) => void;
     /**
      * Internal event hook. Do not use outside the Standard List Component
      */
@@ -1214,7 +1224,7 @@ declare class StandardListDataControl<ItemType> {
     /**
      * Internal event hook. Do not use outside of the Standard List Component
      */
-    get itemUpdated$(): Observable<ItemType>;
+    get itemUpdated$(): Observable<ItemType[]>;
     /**
      * Internal event hook. Do not use outside of the Standard List Component
      */
@@ -1226,7 +1236,7 @@ declare class StandardListDataControl<ItemType> {
     /**
      * Internal event hook. Do not use outside the Standard List Component
      */
-    get itemRemoved$(): Observable<string>;
+    get itemRemoved$(): Observable<string[]>;
     /**
      * Internal event hook. Do not use outside the Standard List Component
      */
@@ -1234,13 +1244,18 @@ declare class StandardListDataControl<ItemType> {
 }
 
 declare class StandardListViewComponent<ItemType> {
+    onKeyDown(event: KeyboardEvent): void;
+    onKeyUp(event: KeyboardEvent): void;
     dataSource: _angular_core.InputSignal<StandardListDataSource<ItemType>>;
     dataControl: _angular_core.InputSignal<StandardListDataControl<ItemType>>;
     position: _angular_core.InputSignal<"inner" | "outer">;
     isColoredInput: _angular_core.InputSignal<boolean>;
+    enableMultiSelect: _angular_core.InputSignal<boolean>;
+    ctrlPressed: _angular_core.WritableSignal<boolean>;
+    shiftPressed: _angular_core.WritableSignal<boolean>;
     loadingData: _angular_core.WritableSignal<boolean>;
     loadingPage: _angular_core.WritableSignal<boolean>;
-    selectedItem: _angular_core.WritableSignal<StandardListItem<ItemType> | null>;
+    selectedItems: _angular_core.WritableSignal<StandardListItem<ItemType>[]>;
     hideSearch: _angular_core.InputSignal<boolean>;
     hideDetails: _angular_core.InputSignal<boolean>;
     hidePadding: _angular_core.InputSignal<boolean>;
@@ -1250,13 +1265,16 @@ declare class StandardListViewComponent<ItemType> {
     items: _angular_core.WritableSignal<StandardListItem<ItemType>[]>;
     filteredItems: _angular_core.Signal<StandardListItem<ItemType>[]>;
     itemSelected: _angular_core.OutputEmitterRef<ItemType | null>;
+    itemsSelected: _angular_core.OutputEmitterRef<ItemType[]>;
     itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     constructor(destroyRef: DestroyRef);
-    selectItem(item: StandardListItem<ItemType>): void;
+    selectItems(item: StandardListItem<ItemType>): void;
     selectEmpty(): void;
+    isSelected(item: StandardListItem<ItemType>): boolean;
+    toggleSelectAll(): void;
     loadMore(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StandardListViewComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StandardListViewComponent<any>, "app-standard-list-view", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "dataControl": { "alias": "dataControl"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "isColoredInput": { "alias": "isColoredInput"; "required": false; "isSignal": true; }; "hideSearch": { "alias": "hideSearch"; "required": false; "isSignal": true; }; "hideDetails": { "alias": "hideDetails"; "required": false; "isSignal": true; }; "hidePadding": { "alias": "hidePadding"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, ["itemTemplate"], ["[app-no-items-message]", "[app-actions]", "[app-details]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StandardListViewComponent<any>, "app-standard-list-view", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "dataControl": { "alias": "dataControl"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "isColoredInput": { "alias": "isColoredInput"; "required": false; "isSignal": true; }; "enableMultiSelect": { "alias": "enableMultiSelect"; "required": false; "isSignal": true; }; "hideSearch": { "alias": "hideSearch"; "required": false; "isSignal": true; }; "hideDetails": { "alias": "hideDetails"; "required": false; "isSignal": true; }; "hidePadding": { "alias": "hidePadding"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; "itemsSelected": "itemsSelected"; }, ["itemTemplate"], ["[app-no-items-message]", "[app-actions]", "[app-details]", "[app-bulk-actions]"], true, never>;
 }
 
 declare const LAST_ACTIVE_TAB_KEY = "WOLK_LAST_ACTIVE_TAB";