@maro-tech/card 0.0.7 → 0.0.9

package/fesm2022/maro-tech-card.mjs

@@ -1843,8 +1843,12 @@ class CardTableComponent {
     refreshTable() {
         this.loadTable();
     }
-    onFormCompleted() {
+    onFormCompleted(response) {
         this.refreshAfterFormCompleted = true;
+        this.applyFormResultToRow(response);
+        this.editableColumnsLoaded = false;
+        this.editableColumnOptionsSignal.set({});
+        this.loadEditableColumnOptions(true);
     }
     onFormClosed() {
         this.activeFormTargetSignal.set(null);
@@ -1854,6 +1858,33 @@ class CardTableComponent {
         this.refreshAfterFormCompleted = false;
         this.loadTable();
     }
+    applyFormResultToRow(response) {
+        const target = this.activeFormTargetSignal();
+        if (!target || !response || typeof response !== 'object')
+            return;
+        const responseData = response.data;
+        if (!responseData || typeof responseData !== 'object')
+            return;
+        const data = responseData;
+        const warehouse = data['warehouse'];
+        const warehouseData = warehouse && typeof warehouse === 'object'
+            ? warehouse
+            : null;
+        const warehouseId = String(warehouseData?.['id'] ?? data['warehouseId'] ?? '').trim();
+        const warehouseItemId = String(data['id'] ?? '').trim();
+        if (!warehouseId || !warehouseItemId)
+            return;
+        this.tableRowsSignal.update((rows) => rows.map((row) => {
+            if (String(row['id'] ?? '').trim() !== target.recordId)
+                return row;
+            return {
+                ...row,
+                warehouse_id: warehouseId,
+                warehouse_item_id: warehouseItemId,
+                warehouse_position: String(warehouseData?.['name'] ?? data['name'] ?? '').trim(),
+            };
+        }));
+    }
     loadTable() {
         const table = this.resolveTableSource();
         this.isTableLoadingSignal.set(true);
@@ -2093,8 +2124,8 @@ class CardTableComponent {
             },
         });
     }
-    loadEditableColumnOptions() {
-        if (this.editableColumnsLoaded) {
+    loadEditableColumnOptions(force = false) {
+        if (this.editableColumnsLoaded && !force) {
             return;
         }
         const editableColumns = this.resolveEditableColumnsConfig();
@@ -2279,7 +2310,7 @@ class CardTableComponent {
         this.host?.notify(message, variant, 2800);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CardTableComponent, isStandalone: true, selector: "app-card-table", inputs: { tab: "tab", data: "data" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"space-y-4\">\n  @if (tableHeaderActions.length) {\n    <div class=\"flex justify-end gap-2\">\n      @for (action of tableHeaderActions; track action.id) {\n        <ui-button\n          [variant]=\"action.variant || 'ghost'\"\n          [icon]=\"action.icon || ''\"\n          size=\"sm\"\n          type=\"button\"\n          (click)=\"onHeaderAction(action)\"\n        >\n          {{ action.label }}\n        </ui-button>\n      }\n    </div>\n  }\n\n  <app-ui-table\n    [data]=\"tableData()\"\n    [columns]=\"tableColumns\"\n    [isLoading]=\"isTableLoading\"\n    [disablePaging]=\"disablePaging\"\n    [rowClickable]=\"rowClickable\"\n    (pageChange)=\"onTablePageChange($event)\"\n    (actionClick)=\"onTableAction($event)\"\n    (rowClick)=\"onTableRowClick($event)\"\n    (cellChange)=\"onTableCellChange($event)\"\n  ></app-ui-table>\n\n  @if (activeFormTarget(); as target) {\n    <forms-action-form-modal\n      [isOpen]=\"true\"\n      [formId]=\"target.formId\"\n      [recordId]=\"target.recordId\"\n      [initialValue]=\"target.initialValue\"\n      (closed)=\"onFormClosed()\"\n      (completed)=\"onFormCompleted()\"\n    ></forms-action-form-modal>\n  }\n</section>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UiTableComponent, selector: "app-ui-table", inputs: ["columns", "isLoading", "data", "disablePaging", "rowClickable", "imageResolver"], outputs: ["pageChange", "rowClick", "actionClick", "cellChange"] }, { kind: "component", type: UiButtonComponent, selector: "ui-button", inputs: ["variant", "size", "disabled", "fullWidth", "type", "withShadow", "icon", "iconOnly", "ariaLabel"] }, { kind: "component", type: UiActionFormModalComponent, selector: "forms-action-form-modal", inputs: ["formId", "recordId", "size", "isOpen", "cancelLabel", "initialValue"], outputs: ["closed", "completed"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CardTableComponent, isStandalone: true, selector: "app-card-table", inputs: { tab: "tab", data: "data" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"space-y-4\">\n  @if (tableHeaderActions.length) {\n    <div class=\"flex justify-end gap-2\">\n      @for (action of tableHeaderActions; track action.id) {\n        <ui-button\n          [variant]=\"action.variant || 'ghost'\"\n          [icon]=\"action.icon || ''\"\n          size=\"sm\"\n          type=\"button\"\n          (click)=\"onHeaderAction(action)\"\n        >\n          {{ action.label }}\n        </ui-button>\n      }\n    </div>\n  }\n\n  <app-ui-table\n    [data]=\"tableData()\"\n    [columns]=\"tableColumns\"\n    [isLoading]=\"isTableLoading\"\n    [disablePaging]=\"disablePaging\"\n    [rowClickable]=\"rowClickable\"\n    (pageChange)=\"onTablePageChange($event)\"\n    (actionClick)=\"onTableAction($event)\"\n    (rowClick)=\"onTableRowClick($event)\"\n    (cellChange)=\"onTableCellChange($event)\"\n  ></app-ui-table>\n\n  @if (activeFormTarget(); as target) {\n    <forms-action-form-modal\n      [isOpen]=\"true\"\n      [formId]=\"target.formId\"\n      [recordId]=\"target.recordId\"\n      [initialValue]=\"target.initialValue\"\n      (closed)=\"onFormClosed()\"\n      (completed)=\"onFormCompleted($event)\"\n    ></forms-action-form-modal>\n  }\n</section>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: UiTableComponent, selector: "app-ui-table", inputs: ["columns", "isLoading", "data", "disablePaging", "rowClickable", "imageResolver"], outputs: ["pageChange", "rowClick", "actionClick", "cellChange"] }, { kind: "component", type: UiButtonComponent, selector: "ui-button", inputs: ["variant", "size", "disabled", "fullWidth", "type", "withShadow", "icon", "iconOnly", "ariaLabel"] }, { kind: "component", type: UiActionFormModalComponent, selector: "forms-action-form-modal", inputs: ["formId", "recordId", "size", "isOpen", "cancelLabel", "initialValue"], outputs: ["closed", "completed"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CardTableComponent, decorators: [{
             type: Component,
@@ -2288,7 +2319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
                         UiTableComponent,
                         UiButtonComponent,
                         UiActionFormModalComponent,
-                    ], template: "<section class=\"space-y-4\">\n  @if (tableHeaderActions.length) {\n    <div class=\"flex justify-end gap-2\">\n      @for (action of tableHeaderActions; track action.id) {\n        <ui-button\n          [variant]=\"action.variant || 'ghost'\"\n          [icon]=\"action.icon || ''\"\n          size=\"sm\"\n          type=\"button\"\n          (click)=\"onHeaderAction(action)\"\n        >\n          {{ action.label }}\n        </ui-button>\n      }\n    </div>\n  }\n\n  <app-ui-table\n    [data]=\"tableData()\"\n    [columns]=\"tableColumns\"\n    [isLoading]=\"isTableLoading\"\n    [disablePaging]=\"disablePaging\"\n    [rowClickable]=\"rowClickable\"\n    (pageChange)=\"onTablePageChange($event)\"\n    (actionClick)=\"onTableAction($event)\"\n    (rowClick)=\"onTableRowClick($event)\"\n    (cellChange)=\"onTableCellChange($event)\"\n  ></app-ui-table>\n\n  @if (activeFormTarget(); as target) {\n    <forms-action-form-modal\n      [isOpen]=\"true\"\n      [formId]=\"target.formId\"\n      [recordId]=\"target.recordId\"\n      [initialValue]=\"target.initialValue\"\n      (closed)=\"onFormClosed()\"\n      (completed)=\"onFormCompleted()\"\n    ></forms-action-form-modal>\n  }\n</section>\n" }]
+                    ], template: "<section class=\"space-y-4\">\n  @if (tableHeaderActions.length) {\n    <div class=\"flex justify-end gap-2\">\n      @for (action of tableHeaderActions; track action.id) {\n        <ui-button\n          [variant]=\"action.variant || 'ghost'\"\n          [icon]=\"action.icon || ''\"\n          size=\"sm\"\n          type=\"button\"\n          (click)=\"onHeaderAction(action)\"\n        >\n          {{ action.label }}\n        </ui-button>\n      }\n    </div>\n  }\n\n  <app-ui-table\n    [data]=\"tableData()\"\n    [columns]=\"tableColumns\"\n    [isLoading]=\"isTableLoading\"\n    [disablePaging]=\"disablePaging\"\n    [rowClickable]=\"rowClickable\"\n    (pageChange)=\"onTablePageChange($event)\"\n    (actionClick)=\"onTableAction($event)\"\n    (rowClick)=\"onTableRowClick($event)\"\n    (cellChange)=\"onTableCellChange($event)\"\n  ></app-ui-table>\n\n  @if (activeFormTarget(); as target) {\n    <forms-action-form-modal\n      [isOpen]=\"true\"\n      [formId]=\"target.formId\"\n      [recordId]=\"target.recordId\"\n      [initialValue]=\"target.initialValue\"\n      (closed)=\"onFormClosed()\"\n      (completed)=\"onFormCompleted($event)\"\n    ></forms-action-form-modal>\n  }\n</section>\n" }]
         }], propDecorators: { tab: [{
                 type: Input,
                 args: [{ required: true }]