@smallpearl/ngx-helper 0.29.23 → 0.29.26

package/fesm2022/smallpearl-ngx-helper-mat-entity-crud.mjs

@@ -516,24 +516,26 @@ class SPMatEntityCrudComponent extends SPMatEntityListComponent {
     // entity so that we can run per item's allow item action function to
     // selectively disable one or more actions based on the item's state.
     _itemActions = computed(() => {
-        const actions = this.itemActions() && this.itemActions().length
-            ? this.itemActions()
-            : this.defaultItemCrudActions();
-        let actionsCopy = JSON.parse(JSON.stringify(actions));
-        actionsCopy.forEach((action, index) => {
-            const orgDisable = actions[index]?.disable;
-            action.disable = (entity) => {
-                if (orgDisable) {
-                    return orgDisable(entity);
-                }
-                const allowItemActionFn = this.allowEntityActionFn();
-                if (allowItemActionFn) {
-                    return !allowItemActionFn(entity, action.role ?? action.label);
-                }
-                return false;
-            };
-        });
-        return actionsCopy;
+        return this.getItemActions();
+        // const actions =
+        //   this.itemActions() && this.itemActions().length
+        //     ? this.itemActions()
+        //     : this.defaultItemCrudActions();
+        // let actionsCopy: SPContextMenuItem[] = JSON.parse(JSON.stringify(actions));
+        // actionsCopy.forEach((action, index: number) => {
+        //   const orgDisable = actions[index]?.disable;
+        //   action.disable = (entity: TEntity) => {
+        //     if (orgDisable) {
+        //       return orgDisable(entity);
+        //     }
+        //     const allowItemActionFn = this.allowEntityActionFn();
+        //     if (allowItemActionFn) {
+        //       return !allowItemActionFn(entity, action.role ?? action.label);
+        //     }
+        //     return false;
+        //   };
+        // });
+        // return actionsCopy;
     });
     // This uses the previewActive signal to compute the visible columns
     // when preview is activated. For now we just hide the 'action' column when
@@ -615,8 +617,8 @@ class SPMatEntityCrudComponent extends SPMatEntityListComponent {
         }
         return true;
     }
-    refresh() {
-        this.spEntitiesList()?.refresh();
+    refresh(force = false) {
+        this.spEntitiesList()?.refresh(force);
     }
     closeCreateEdit(cancelled) {
         this.createEditViewActive.set(false);
@@ -700,7 +702,7 @@ class SPMatEntityCrudComponent extends SPMatEntityListComponent {
             }));
         }
         else if (refreshAfterEdit === 'all') {
-            this.spEntitiesList()?.refresh();
+            this.refresh(true);
             return of(null);
         }
         return of(entity);
@@ -796,7 +798,7 @@ class SPMatEntityCrudComponent extends SPMatEntityListComponent {
      */
     showCreateEditView(entity, params) {
         const tmpl = this.createEditFormTemplate();
-        if (!this.createEditViewActive() && !this.previewActive() && tmpl) {
+        if (!this.createEditViewActive() && tmpl) {
             // If preview is active deactivate it
             if (this.previewActive()) {
                 this.closePreviewImpl(true);
@@ -941,6 +943,34 @@ class SPMatEntityCrudComponent extends SPMatEntityListComponent {
         //   ? contextParamToHttpContext(httpReqContext)
         //   : undefined;
     }
+    isItemActionAllowed(action, entity) {
+        return false;
+    }
+    /**
+     * Returns the list of item actions. Calls 'allowItemActionFn' for each action
+     * to determine if the action is allowed for the given entity.
+     * @returns
+     */
+    getItemActions() {
+        const actions = this.itemActions() && this.itemActions().length
+            ? this.itemActions()
+            : this.defaultItemCrudActions();
+        let actionsCopy = JSON.parse(JSON.stringify(actions));
+        actionsCopy.forEach((action, index) => {
+            const orgDisable = actions[index]?.disable;
+            action.disable = (entity) => {
+                if (orgDisable) {
+                    return orgDisable(entity);
+                }
+                const allowItemActionFn = this.allowEntityActionFn();
+                if (allowItemActionFn) {
+                    return !allowItemActionFn(entity, action.role ?? action.label);
+                }
+                return false;
+            };
+        });
+        return actionsCopy;
+    }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: SPMatEntityCrudComponent, deps: [{ token: i1$1.HttpClient }, { token: i2$1.MatSnackBar }, { token: i3.DomSanitizer }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
     /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.6", type: SPMatEntityCrudComponent, isStandalone: true, selector: "sp-mat-entity-crud", inputs: { itemLabel: { classPropertyName: "itemLabel", publicName: "itemLabel", isSignal: true, isRequired: false, transformFunction: null }, itemLabelPlural: { classPropertyName: "itemLabelPlural", publicName: "itemLabelPlural", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, newItemLink: { classPropertyName: "newItemLink", publicName: "newItemLink", isSignal: true, isRequired: false, transformFunction: null }, newItemLabel: { classPropertyName: "newItemLabel", publicName: "newItemLabel", isSignal: true, isRequired: false, transformFunction: null }, editItemTitle: { classPropertyName: "editItemTitle", publicName: "editItemTitle", isSignal: true, isRequired: false, transformFunction: null }, newItemSubTypes: { classPropertyName: "newItemSubTypes", publicName: "newItemSubTypes", isSignal: true, isRequired: false, transformFunction: null }, crudOpFn: { classPropertyName: "crudOpFn", publicName: "crudOpFn", isSignal: true, isRequired: false, transformFunction: null }, previewTemplate: { classPropertyName: "previewTemplate", publicName: "previewTemplate", isSignal: true, isRequired: false, transformFunction: null }, allowEntityActionFn: { classPropertyName: "allowEntityActionFn", publicName: "allowEntityActionFn", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, actionsTemplate: { classPropertyName: "actionsTemplate", publicName: "actionsTemplate", isSignal: true, isRequired: false, transformFunction: null }, crudResponseParser: { classPropertyName: "crudResponseParser", publicName: "crudResponseParser", isSignal: true, isRequired: false, transformFunction: null }, createEditFormTemplate: { classPropertyName: "createEditFormTemplate", publicName: "createEditFormTemplate", isSignal: true, isRequired: false, transformFunction: null }, disableItemActions: { classPropertyName: "disableItemActions", publicName: "disableItemActions", isSignal: true, isRequired: false, transformFunction: null }, disableCreate: { classPropertyName: "disableCreate", publicName: "disableCreate", isSignal: true, isRequired: false, transformFunction: null }, refreshAfterEdit: { classPropertyName: "refreshAfterEdit", publicName: "refreshAfterEdit", isSignal: true, isRequired: false, transformFunction: null }, crudHttpReqContext: { classPropertyName: "crudHttpReqContext", publicName: "crudHttpReqContext", isSignal: true, isRequired: false, transformFunction: null }, editPaneWidth: { classPropertyName: "editPaneWidth", publicName: "editPaneWidth", isSignal: true, isRequired: false, transformFunction: null }, previewPaneWidth: { classPropertyName: "previewPaneWidth", publicName: "previewPaneWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action", entityViewPaneActivated: "entityViewPaneActivated" }, queries: [{ propertyName: "_clientColumnDefs", predicate: MatColumnDef }], viewQueries: [{ propertyName: "componentColumns", predicate: MatColumnDef, descendants: true, isSignal: true }, { propertyName: "spEntitiesList", first: true, predicate: (SPMatEntityListComponent), descendants: true, isSignal: true }, { propertyName: "createEditHostComponent", first: true, predicate: FormViewHostComponent, descendants: true, isSignal: true }, { propertyName: "previewHostComponent", first: true, predicate: PreviewHostComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <as-split direction="horizontal" [gutterSize]="6">
@@ -1264,6 +1294,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
                 type: Output
             }] } });
 
+const ITEM_ACTION_UPDATE = '_update_';
+const ITEM_ACTION_DELETE = '_delete_';
+
 /**
  * A preview pane container to provide a consistent UX for all preview panes.
  * It consits of a toolbar on the top and a container div below that takes up
@@ -1278,10 +1311,26 @@ class SPMatEntityCrudPreviewPaneComponent {
     disableDelete = input(false);
     hideDelete = input(false);
     config;
+    itemActions;
+    _disableActionFactory = (role, signal) => {
+        return computed(() => {
+            if (signal && signal()) {
+                return true;
+            }
+            const actionFn = this.itemActions.find((a) => a.role === role)?.disable;
+            if (actionFn && actionFn(this.entity())) {
+                return true;
+            }
+            return false;
+        });
+    };
+    _disableUpdate = this._disableActionFactory(ITEM_ACTION_UPDATE, this.disableUpdate);
+    _disableDelete = this._disableActionFactory(ITEM_ACTION_DELETE, this.disableDelete);
     constructor() {
         this.config = getEntityCrudConfig();
     }
     ngOnInit() {
+        this.itemActions = this.entityCrudComponent().getItemActions();
     }
     ngOnDestroy() {
     }
@@ -1303,12 +1352,12 @@ class SPMatEntityCrudPreviewPaneComponent {
           <h2>{{ title() }}</h2>&nbsp;
         }
         @if (!hideUpdate()) {
-          <button mat-icon-button aria-label="Edit" (click)="onEdit()" [disabled]="disableUpdate()">
+          <button mat-icon-button aria-label="Edit" (click)="onEdit()" [disabled]="_disableUpdate()">
             <mat-icon>edit</mat-icon>
           </button>
         }
         @if (!hideDelete()) {
-          <button mat-icon-button aria-label="Delete" (click)="onDelete()" [disabled]="disableDelete()">
+          <button mat-icon-button aria-label="Delete" (click)="onDelete()" [disabled]="_disableDelete()">
             <mat-icon>delete</mat-icon>
           </button>
         }
@@ -1335,12 +1384,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
           <h2>{{ title() }}</h2>&nbsp;
         }
         @if (!hideUpdate()) {
-          <button mat-icon-button aria-label="Edit" (click)="onEdit()" [disabled]="disableUpdate()">
+          <button mat-icon-button aria-label="Edit" (click)="onEdit()" [disabled]="_disableUpdate()">
             <mat-icon>edit</mat-icon>
           </button>
         }
         @if (!hideDelete()) {
-          <button mat-icon-button aria-label="Delete" (click)="onDelete()" [disabled]="disableDelete()">
+          <button mat-icon-button aria-label="Delete" (click)="onDelete()" [disabled]="_disableDelete()">
             <mat-icon>delete</mat-icon>
           </button>
         }