@rxap/schematic-angular 16.2.0-dev.6 → 16.2.0-dev.7

package/src/schematics/table/tree-table-component/files/component/__componentName__.component.html.hbs

@@ -0,0 +1,249 @@
+<div class="flex flex-col gap-y-4 m-4">
+  {{#if hasNavigationBackHeader}}
+  <rxap-navigate-back-button>
+    <h1 i18n>{{title}}</h1>
+  </rxap-navigate-back-button>
+  <mat-divider></mat-divider>
+  {{/if}}
+
+  <div class="table-card-container flex flex-col">
+    <mat-card>
+      <mat-progress-bar
+        rxapCardProgressBar
+        [loading$]="tableDataSourceDirective.loading$"
+      ></mat-progress-bar>
+      <mat-card-header class="min-h-full h-12{{#unless headerButton}}{{#if hasWithoutTitle}} justify-end {{/if}}{{/unless}}">
+      {{#unless hasWithoutTitle}}
+      <mat-card-title i18n>{{title}}</mat-card-title>
+      {{/unless}}
+      {{#if headerButton}}
+      <button
+        mat-card-avatar
+        mat-mini-fab
+        color="primary"
+        matTooltip
+        [disabled]="tableDataSourceDirective.hasError$ | async"
+        [rxapTableHeaderButton]="tableDataSourceDirective"
+        {{#if headerButton.permission}}rxapHasEnablePermission="{{headerButton.permission}}"{{/if~}}
+      >
+        {{#if headerButton.icon}}
+        <mat-icon>{{headerButton.icon}}</mat-icon>
+        {{else if headerButton.svgIcon}}
+        <mat-icon svgIcon="{{headerButton.svgIcon}}"></mat-icon>
+        {{else}}
+        <mat-icon>add</mat-icon>
+        {{/if}}
+      </button>
+      <mat-card-subtitle i18n>{{headerButton.label}}</mat-card-subtitle>
+      {{/if}}
+      <rxap-table-column-menu
+        matCard
+        #rxapTableColumns="rxapTableColumns"
+        {{#unless headerButton}}{{#if hasWithoutTitle}}inline{{/if}}{{/unless~}}
+      >
+        {{#if selectColumn}}
+        <rxap-table-column-option hidden name="select">
+          <ng-container i18n>Select</ng-container>
+        </rxap-table-column-option>
+        {{/if}}
+        <rxap-table-column-option name="tree" hidden></rxap-table-column-option>
+        <rxap-table-column-option name="__spinner__" hidden></rxap-table-column-option>
+        {{#each columnList}}
+        <rxap-table-column-option name="{{this.name}}"
+          {{~#if this.active}} active{{/if~}}
+          {{~#if this.hidden}} hidden{{/if~}}
+          {{~#if this.inactive}} inactive{{/if~}}
+          {{~#if this.show}} show{{/if~}}>
+          <ng-container i18n>{{this.title}}</ng-container>
+        </rxap-table-column-option>
+        {{/each}}
+        {{#if actionList.length}}
+        <rxap-table-column-option hidden name="actions">
+          <ng-container i18n>Actions</ng-container>
+        </rxap-table-column-option>
+        {{/if}}
+        {{#if hasShowArchivedSlide}}
+        <mat-divider></mat-divider>
+        <span mat-menu-item>
+          <rxap-table-show-archived-slide></rxap-table-show-archived-slide>
+        </span>
+        {{/if}}
+      </rxap-table-column-menu>
+       </mat-card-header>
+
+      <mat-card-content>
+        <rxap-data-source-error
+          [loading]="tableDataSourceDirective.loading$"
+          [error]="tableDataSourceDirective.dataSource?.error$"
+          *ngIf="tableDataSourceDirective.hasError$ | async"
+          [refresh]="tableDataSourceDirective.retry">
+        </rxap-data-source-error>
+        <div class="table-scroll-container mt-4 overflow-x-auto overscroll-auto">
+        <table
+          [ngClass]="{ 'hidden': tableDataSourceDirective.hasError$ | async }"
+          matSort
+          mat-table
+          #tableDataSourceDirective="rxapTableDataSource"
+          rxapTableDataSource
+          [parameters]="parameters"
+          id="{{name}}"
+          {{#if hasColumnWithFilter}}rxap-filter-header-row{{/if~}}
+        >
+          <!-- region columns -->
+          <ng-container matColumnDef="tree" sticky>
+            <th *matHeaderCellDef mat-header-cell></th>
+            <td
+              *matCellDef="let element"
+              [rxap-tree-control-cell]="element"
+              mat-cell
+            ></td>
+          </ng-container>
+          <ng-container matColumnDef="__spinner__">
+            <th *matHeaderCellDef mat-header-cell></th>
+            <td *matCellDef="let element" mat-cell>
+              <mat-spinner
+                *ngIf="element.__metadata__?.loading$ | async"
+                diameter="15"
+              ></mat-spinner>
+            </td>
+          </ng-container>
+          {{#if selectColumn}}
+          <!-- region select column -->
+          <ng-container matColumnDef="select" sticky>
+            <th mat-header-cell rxap-checkbox-header-cell *matHeaderCellDef></th>
+            <td
+              mat-cell
+              rxap-checkbox-cell
+              [element]="element"
+              *matCellDef="let element"
+            ></td>
+          </ng-container>
+          <!-- endregion -->
+          {{/if}}
+          {{#if actionList.length}}
+          <!-- region actions column -->
+          <ng-container matColumnDef="actions" stickyEnd>
+            <th mat-header-cell *matHeaderCellDef>
+            {{#if selectColumn}}
+              <!-- region header actions -->
+              <div class="flex flex-row" *rxapSelectedRows="let selected">
+              {{#each actionList}}
+              {{#if this.inHeader}}
+                <button
+                  rxapTableRowHeaderAction="{{this.type}}"
+                  mat-icon-button
+                  {{#if this.color}}color="{{this.color}}"{{/if~}}
+                  {{#if this.cssClass}}class="{{this.cssClass}}"{{/if~}}
+                  *ngIf="selected | rxapRowActionCheck:'{{this.type}}'"
+                  {{#if this.permission}}rxapHasEnablePermission="{{this.permission}}"{{/if~}}
+                  matTooltip
+                >
+                  {{#if this.icon}}
+                  <mat-icon>{{this.icon}}</mat-icon>
+                  {{else if this.svgIcon}}
+                  <mat-icon svgIcon="{{this.svgIcon}}"></mat-icon>
+                  {{else}}
+                  <mat-icon>{{this.type}}</mat-icon>
+                  {{/if}}
+                  <mat-progress-bar
+                    *rxapTableRowActionExecuting
+                    mode="indeterminate"
+                  ></mat-progress-bar>
+                </button>
+              {{/if}}
+              {{/each}}
+              </div>
+              <!-- endregion -->
+            {{/if}}
+            </th>
+
+            <td mat-cell *matCellDef="let element">
+              <div class="flex flex-row">
+                {{#each actionList}}
+                <button
+                  rxapTableRowAction="{{this.type}}"
+                  [element]="element"
+                  {{#if this.color}}color="{{this.color}}"{{/if~}}
+                  {{#if this.cssClass}}class="{{this.cssClass}}"{{/if~}}
+                  mat-icon-button
+                  *ngIf="element | rxapRowActionCheck:'{{this.type}}'"
+                  {{#if this.permission}}rxapHasEnablePermission="{{this.permission}}"{{/if~}}
+                  matTooltip
+                >
+                  {{#if this.icon}}
+                  <mat-icon>{{this.icon}}</mat-icon>
+                  {{else if this.svgIcon}}
+                  <mat-icon svgIcon="{{this.svgIcon}}"></mat-icon>
+                  {{else}}
+                  <mat-icon>{{this.type}}</mat-icon>
+                  {{/if}}
+                  <mat-progress-bar
+                    *rxapTableRowActionExecuting
+                    mode="indeterminate"
+                  ></mat-progress-bar>
+                </button>
+                {{/each}}
+              </div>
+            </td>
+          </ng-container>
+          <!-- endregion -->
+
+          {{/if}}
+          {{#each columnList}}
+          {{ indent (compile this.handlebars column=this) 10 }}
+          {{/each}}
+
+          <!-- endregion -->
+          {{#if hasColumnWithFilter}}
+          <!-- region filter columns -->
+          {{#if selectColumn}}
+          <ng-container matColumnDef="filter_select" sticky>
+            <th mat-header-cell *matHeaderCellDef></th>
+          </ng-container>
+          {{/if}}
+          {{#if actionList.length}}
+          <ng-container matColumnDef="filter_actions" stickyEnd>
+            <th mat-header-cell *matHeaderCellDef></th>
+          </ng-container>
+          {{/if}}
+          {{#each columnList}}
+          <ng-container matColumnDef="filter_{{this.name}}">
+            <th mat-header-cell *matHeaderCellDef>
+              {{#if this.hasFilter}}
+              {{ indent (compile this.filterControl.handlebars column=this control=this.filterControl parentControlContainer=true) 14 }}
+              {{/if}}
+            </th>
+          </ng-container>
+          {{/each}}
+
+          <!-- endregion -->
+          <tr
+            class="rxap-filter-header"
+            mat-header-row
+            *matHeaderRowDef="rxapTableColumns.displayColumns | toFilterColumnNames"
+          ></tr>
+          {{/if}}
+
+          <tr
+            mat-header-row
+            *matHeaderRowDef="rxapTableColumns.displayColumns"
+          ></tr>
+
+          <tr
+            [@rowsAnimation]=""
+            mat-row
+            [ngClass]="{ 'rxap-row-odd !bg-neutral-200 dark:!bg-neutral-600': odd, 'rxap-row-even': even }"
+            class="hover:!bg-neutral-400 dark:hover:!bg-neutral-800"
+            *matRowDef="
+              let element;
+              columns: rxapTableColumns.displayColumns;
+              let odd = odd;
+              let even = even
+            "
+          ></tr>
+        </table>
+        </div>
+      </mat-card-content>
+    </mat-card>
+  </div>
+</div>

package/src/schematics/table/tree-table-component/template.schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "tree-table-component-schematic",
+  "allOf": [
+    {
+      "$ref": "../../angular.schema.json"
+    },
+    {
+      "$ref": "../../tree-table.schema.json"
+    }
+  ],
+  "definitions": {
+    "type": {
+      "$ref": "../../type.schema.json"
+    },
+    "property": {
+      "$ref": "../../property.schema.json"
+    },
+    "button": {
+      "$ref": "../../button.schema.json"
+    },
+    "upstream": {
+      "$ref": "../../upstream.schema.json"
+    }
+  }
+}

package/src/schematics/table-action.schema.json

@@ -0,0 +1,61 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "table-action",
+  "type": "object",
+  "properties": {
+    "type": {
+      "type": "string"
+    },
+    "refresh": {
+      "type": "boolean"
+    },
+    "confirm": {
+      "type": "boolean"
+    },
+    "tooltip": {
+      "type": "string"
+    },
+    "errorMessage": {
+      "type": "string"
+    },
+    "successMessage": {
+      "type": "string"
+    },
+    "priority": {
+      "type": "number"
+    },
+    "checkFunction": {
+      "type": "string"
+    },
+    "inHeader": {
+      "type": "boolean"
+    },
+    "role": {
+      "type": "string"
+    },
+    "icon": {
+      "type": "string"
+    },
+    "svgIcon": {
+      "type": "string"
+    },
+    "permission": {
+      "type": "string"
+    },
+    "color": {
+      "type": "string",
+      "description": "Value for the color input of the mat-button / mat-icon component"
+    },
+    "cssClass": {
+      "type": "string",
+      "description": "Additional CSS classes added to the button element"
+    },
+    "options": {
+      "type": "object",
+      "additionalProperties": true
+    }
+  },
+  "required": [
+    "type"
+  ]
+}

package/src/schematics/table-column.schema.json

@@ -0,0 +1,69 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "table-column",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string"
+    },
+    "type": {
+      "$ref": "#/definitions/type"
+    },
+    "kind": {
+      "type": "string"
+    },
+    "modifiers": {
+      "type": "array",
+      "items": {
+        "type": "string"
+      }
+    },
+    "template": {
+      "type": "string"
+    },
+    "pipeList": {
+      "type": "array",
+      "items": {
+        "$ref": "#/definitions/type"
+      }
+    },
+    "hasFilter": {
+      "type": "boolean"
+    },
+    "nowrap": {
+      "type": "boolean"
+    },
+    "cssClass": {
+      "type": "string"
+    },
+    "title": {
+      "type": "string"
+    },
+    "propertyPath": {
+      "type": "string"
+    },
+    "hidden": {
+      "type": "boolean"
+    },
+    "active": {
+      "type": "boolean"
+    },
+    "inactive": {
+      "type": "boolean"
+    },
+    "show": {
+      "type": "boolean"
+    },
+    "filterControl": {
+      "$ref": "./form-control.schema.json"
+    }
+  },
+  "required": [
+    "name"
+  ],
+  "definitions": {
+    "type": {
+      "$ref": "./type.schema.json"
+    }
+  }
+}

package/src/schematics/table.schema.json

@@ -0,0 +1,54 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "table",
+  "allOf": [
+    {
+      "$ref": "./minimum-table.schema.json"
+    },
+    {
+      "type": "object",
+      "properties": {
+        "tableMethod": {
+          "$ref": "#/definitions/type"
+        },
+        "openApi": {
+          "type": "object",
+          "properties": {
+            "operationId": {
+              "type": "string",
+              "description": "The operationId for the open api operation"
+            },
+            "adapter": {
+              "$ref": "#/definitions/type"
+            }
+          },
+          "required": [
+            "operationId"
+          ]
+        },
+        "modifiers": {
+          "alias": "modifier",
+          "type": "array",
+          "items": {
+            "type": "string",
+            "enum": [
+              "navigation-back-header",
+              "without-title",
+              "show-archived-slide"
+            ]
+          },
+          "description": "The table modifiers"
+        },
+        "selectColumn": {
+          "type": "boolean",
+          "description": "Whether to add a select column to the table"
+        }
+      }
+    }
+  ],
+  "definitions": {
+    "type": {
+      "$ref": "./type.schema.json"
+    }
+  }
+}

package/src/schematics/tree-component/template.schema.json

@@ -0,0 +1,31 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "tree-component-schematic",
+  "allOf": [
+    {
+      "$ref": "../angular.schema.json"
+    },
+    {
+      "type": "object",
+      "properties": {
+        "modifiers": {
+          "alias": "modifier",
+          "type": "array",
+          "items": {
+            "type": "string",
+            "enum": [
+              "navigation-back-header",
+              "without-title"
+            ]
+          },
+          "description": "The tree modifiers"
+        },
+        "fullTree": {
+          "type": "boolean",
+          "description": "Whether the tree should be a full tree",
+          "default": true
+        }
+      }
+    }
+  ]
+}

package/src/schematics/tree-table.schema.json

@@ -0,0 +1,40 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "tree-table",
+  "allOf": [
+    {
+      "$ref": "./minimum-table.schema.json"
+    },
+    {
+      "type": "object",
+      "properties": {
+        "modifiers": {
+          "alias": "modifier",
+          "type": "array",
+          "items": {
+            "type": "string",
+            "enum": [
+              "navigation-back-header",
+              "without-title"
+            ]
+          },
+          "description": "The table modifiers"
+        },
+        "tableRootMethod": {
+          "$ref": "#/definitions/type"
+        },
+        "tableChildMethod": {
+          "$ref": "#/definitions/type"
+        }
+      }
+    }
+  ],
+  "definitions": {
+    "type": {
+      "$ref": "./type.schema.json"
+    },
+    "property": {
+      "$ref": "./property.schema.json"
+    }
+  }
+}

package/src/schematics/type.schema.json

@@ -0,0 +1,35 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "type",
+  "oneOf": [
+    {
+      "type": "string"
+    },
+    {
+      "type": "object",
+      "properties": {
+        "name": {
+          "type": "string"
+        },
+        "isTypeOnly": {
+          "type": "boolean"
+        },
+        "moduleSpecifier": {
+          "type": "string"
+        },
+        "namedImport": {
+          "type": "string"
+        },
+        "namespaceImport": {
+          "type": "string"
+        },
+        "defaultImport": {
+          "type": "string"
+        }
+      },
+      "required": [
+        "name"
+      ]
+    }
+  ]
+}

package/src/schematics/upstream.schema.json

@@ -0,0 +1,56 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "upstream",
+  "oneOf": [
+    {
+      "type": "object",
+      "properties":{
+        "kind": {
+          "type": "string",
+          "enum": ["open-api"]
+        },
+        "operationId": {
+          "type": "string"
+        },
+        "scope": {
+          "type": "string"
+        },
+        "mapper": {
+          "type": "object",
+          "properties": {
+            "pageIndex": {
+              "type": "string"
+            },
+            "pageSize": {
+              "type": "string"
+            },
+            "sortBy": {
+              "type": "string"
+            },
+            "sortDirection": {
+              "type": "string"
+            },
+            "list": {
+              "type": "string"
+            },
+            "total": {
+              "type": "string"
+            },
+            "filter": {
+              "type": "object",
+              "properties": {
+                "eq": {
+                  "type": "string"
+                },
+                "join": {
+                  "type": "string"
+                }
+              }
+            }
+          }
+        }
+      },
+      "required": ["kind", "operationId"]
+    }
+  ]
+}

package/src/lib/accordion-itme-types.d.ts

@@ -1,8 +0,0 @@
-export declare enum AccordionItemTypes {
-    Panel = "panel",
-    Table = "table",
-    DataGrid = "data-grid",
-    TreeTable = "tree-table",
-    Switch = "switch"
-}
-export declare function IsAccordionItemType(type: string): type is AccordionItemTypes;

package/src/lib/accordion-itme-types.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IsAccordionItemType = exports.AccordionItemTypes = void 0;
-var AccordionItemTypes;
-(function (AccordionItemTypes) {
-    AccordionItemTypes["Panel"] = "panel";
-    AccordionItemTypes["Table"] = "table";
-    AccordionItemTypes["DataGrid"] = "data-grid";
-    AccordionItemTypes["TreeTable"] = "tree-table";
-    AccordionItemTypes["Switch"] = "switch";
-})(AccordionItemTypes || (exports.AccordionItemTypes = AccordionItemTypes = {}));
-function IsAccordionItemType(type) {
-    return Object.values(AccordionItemTypes).includes(type);
-}
-exports.IsAccordionItemType = IsAccordionItemType;
-//# sourceMappingURL=accordion-itme-types.js.map

package/src/lib/accordion-itme-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion-itme-types.js","sourceRoot":"","sources":["../../../../../../packages/schematic/angular/src/lib/accordion-itme-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,4CAAsB,CAAA;IACtB,8CAAwB,CAAA;IACxB,uCAAiB,CAAA;AACnB,CAAC,EANW,kBAAkB,kCAAlB,kBAAkB,QAM7B;AAED,SAAgB,mBAAmB,CAAC,IAAY;IAC9C,OAAQ,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACxE,CAAC;AAFD,kDAEC"}