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

package/src/schematics/table/table-header-button/schema.json

@@ -1,80 +0,0 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "table-action",
-  "type": "object",
-  "properties": {
-    "tableName": {
-      "alias": "table",
-      "type": "string",
-      "description": "The name of the table action"
-    },
-    "project": {
-      "type": "string",
-      "description": "The target project where the table action should be added."
-    },
-    "feature": {
-      "type": "string",
-      "description": "The feature name where the table action should be added.",
-      "x-prompt": "To which feature should the table action be added?"
-    },
-    "backend": {
-      "type": "string",
-      "description": "The backend that should be used to handel data",
-      "enum": [
-        "none",
-        "local",
-        "nestjs",
-        "open-api"
-      ],
-      "default": "none"
-    },
-    "shared": {
-      "type": "boolean",
-      "description": "Whether the table action is shared across applications",
-      "default": false
-    },
-    "refresh": {
-      "type": "boolean",
-      "description": "Whether the table action should refresh the table after execution",
-      "default": false
-    },
-    "confirm": {
-      "type": "boolean",
-      "description": "Whether the table action should confirm before execution",
-      "default": false
-    },
-    "tooltip": {
-      "type": "string",
-      "description": "The tooltip for the table action"
-    },
-    "errorMessage": {
-      "type": "string",
-      "description": "The error message for the table action"
-    },
-    "successMessage": {
-      "type": "string",
-      "description": "The success message for the table action"
-    },
-    "directory": {
-      "type": "string",
-      "description": "A directory name or absolute path for the table action. relative to the feature base path"
-    },
-    "permission": {
-      "type": "string"
-    },
-    "icon": {
-      "type": "string"
-    },
-    "svgIcon": {
-      "type": "string"
-    },
-    "options": {
-      "type": "object",
-      "additionalProperties": true
-    }
-  },
-  "required": [
-    "project",
-    "feature"
-  ]
-}

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

@@ -1,259 +0,0 @@
-<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>
-  <% } %>
-
-  <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<% if (!headerButton && hasWithoutTitle) { %> justify-end<% } %>">
-      <% if (!hasWithoutTitle) { %>
-      <mat-card-title i18n><%= title %></mat-card-title>
-      <% } %>
-      <% 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 (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><% } %>
-      </button>
-      <mat-card-subtitle i18n><%= headerButton.label %></mat-card-subtitle>
-      <% } %>
-      <rxap-table-column-menu matCard #rxapTableColumns="rxapTableColumns" <% if (!headerButton && hasWithoutTitle) { %>inline<% } %>>
-        <% for (const column of columnList) { %>
-        <rxap-table-column-option
-          name="<%= column.name %>"<% if (column.active) { %><%= ' active' %><% } %><% if (column.hidden) { %><%= ' hidden' %><% } %><% if (column.inactive) { %><%= ' inactive' %><% } %><% if (column.show) { %><%= ' show' %><% } %>>
-          <ng-container i18n><%= column.title %></ng-container>
-        </rxap-table-column-option>
-        <% } %>
-        <% if (actionList.length) { %>
-        <rxap-table-column-option hidden name="actions">
-          <ng-container i18n>Actions</ng-container>
-        </rxap-table-column-option>
-        <% } %>
-      </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<% } %>
-        >
-          <!-- region columns -->
-
-          <% if (actionList.length) { %>
-          <ng-container matColumnDef="actions" stickyEnd>
-            <th mat-header-cell *matHeaderCellDef>
-            <% if (selectColumn) { %>
-              <div class="flex flex-row" *rxapSelectedRows="let selected">
-              <% for (const action of actionList) { %>
-              <% if (action.inHeader) { %>
-                <button
-                  rxapTableRowHeaderAction="<%= action.type %>"
-                  mat-icon-button
-                   <% if (action.color) { %>color="<%= action.color %>"<% } %>
-                   <% if (action.cssClass) { %>class="<%= action.cssClass %>"<% } %>
-                  *ngIf="selected | rxapRowActionCheck:'<%= action.type %>'"
-                  <% if (action.permission) { %>rxapHasEnablePermission="<%= action.permission %>"<% } %>
-                  matTooltip
-                >
-                  <% if (action.icon) { %><mat-icon><%= action.icon %></mat-icon><% } else if (action.svgIcon) { %><mat-icon svgIcon="<%= action.svgIcon %>"></mat-icon><% } else { %><mat-icon><%= action.type %></mat-icon><% } %>
-                  <mat-progress-bar
-                    *rxapTableRowActionExecuting
-                    mode="indeterminate"
-                  ></mat-progress-bar>
-                </button>
-              <% } %>
-              <% } %>
-              </div>
-            <% } %>
-            </th>
-
-            <td mat-cell *matCellDef="let element">
-              <div class="flex flex-row">
-                <% for (const action of actionList) { %>
-                <button
-                  rxapTableRowAction="<%= action.type %>"
-                  [element]="element"
-                   <% if (action.color) { %>color="<%= action.color %>"<% } %>
-                   <% if (action.cssClass) { %>class="<%= action.cssClass %>"<% } %>
-                  mat-icon-button
-                  *ngIf="element | rxapRowActionCheck:'<%= action.type %>'"
-                  <% if (action.permission) { %>rxapHasEnablePermission="<%= action.permission %>"<% } %>
-                  matTooltip
-                >
-                  <% if (action.icon) { %><mat-icon><%= action.icon %></mat-icon><% } else if (action.svgIcon) { %><mat-icon svgIcon="<%= action.svgIcon %>"></mat-icon><% } else { %><mat-icon><%= action.type %></mat-icon><% } %>
-                  <mat-progress-bar
-                    *rxapTableRowActionExecuting
-                    mode="indeterminate"
-                  ></mat-progress-bar>
-                </button>
-                <% } %>
-              </div>
-            </td>
-          </ng-container>
-          <% } %>
-          <% for (const column of columnList) { %>
-          <% if (column.role === 'copy-to-clipboard') { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-copy-to-clipboard-cell]="element?.<%= column.propertyPath %>"></td>
-          </ng-container>
-          <% } else if (column.role === 'link') { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-link-cell]="element?.<%= column.propertyPath %>"></td>
-          </ng-container>
-          <% } else if (column.role === 'date') { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-
-            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-date-cell]="element?.<%= column.propertyPath %>" format="dd.MM.yyyy HH:mm:ss"></td>
-          </ng-container>
-          <% } else if (column.role === 'boolean') { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-
-            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-boolean-cell]="element?.<%= column.propertyPath %>"></td>
-          </ng-container>
-          <% } else if (column.role === 'icon') { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-
-            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> [rxap-icon-cell]="element?.<%= column.propertyPath %>"></td>
-          </ng-container>
-          <% } else if (column.role === 'component') { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-
-            <td *matCellDef="let element" mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> <%= prefix %>-<%= column.name %>-cell [element]="element" [value]="element?.<%= column.propertyPath %>"></td>
-          </ng-container>
-          <% } else { %>
-          <ng-container matColumnDef="<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header>
-              <ng-container i18n><%= column.title %></ng-container>
-            </th>
-
-            <td mat-cell <% if (column.cssClass) { %>class="<%= column.cssClass %>"<% } %> *matCellDef="let element">
-            <% if (column.template) { %>
-            <%= column.template %>
-            <% } else if (column.pipeList.length) { %>
-            {{ element?.<%= column.propertyPath %><% for (const pipe of column.pipeList) { %> | <%= pipe.name %><% } %> }}
-            <% } else { %>
-            {{ element?.<%= column.propertyPath %> }}
-            <% } %>
-            </td>
-          </ng-container>
-          <% } %>
-          <% } %>
-
-          <!-- endregion -->
-          <% if (hasColumnWithFilter) { %>
-          <!-- region filter columns -->
-          <% if (actionList.length) { %>
-          <ng-container matColumnDef="filter_actions" stickyEnd>
-            <th mat-header-cell *matHeaderCellDef></th>
-          </ng-container>
-          <% } %>
-
-          <% for (const column of columnList) { %>
-          <ng-container matColumnDef="filter_<%= column.name %>">
-            <th mat-header-cell *matHeaderCellDef>
-              <% if (column.hasFilter) { %>
-              <% if (column.type === 'boolean') { %>
-              <mat-checkbox
-                indeterminate
-                parentControlContainer
-                formControlName="<%= camelize(column.name) %>"
-              >
-                <ng-container i18n><%= column.title %></ng-container>
-              </mat-checkbox>
-              <% } else { %>
-              <mat-form-field class="w-full pt-3">
-                <mat-label i18n><%= column.title %></mat-label>
-                <input
-                  matInput
-                  i18n-placeholder
-                  placeholder="Enter Filter"
-                  parentControlContainer
-                  formControlName="<%= camelize(column.name) %>"
-                />
-                <button matSuffix rxapInputClearButton mat-icon-button>
-                  <mat-icon>clear</mat-icon>
-                </button>
-              </mat-form-field>
-              <% } %>
-              <% } %>
-            </th>
-          </ng-container>
-          <% } %>
-
-          <!-- endregion -->
-          <tr
-            class="rxap-filter-header"
-            mat-header-row
-            *matHeaderRowDef="
-              rxapTableColumns.displayColumns | toFilterColumnNames
-            "
-          ></tr>
-          <% } %>
-
-          <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/schema.json

@@ -1,316 +0,0 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "tree-table-component",
-  "type": "object",
-  "properties": {
-    "name": {
-      "type": "string",
-      "description": "The name of the table",
-      "x-prompt": "Which name should the table module have?"
-    },
-    "project": {
-      "type": "string",
-      "description": "The target project where the table module should be added."
-    },
-    "feature": {
-      "type": "string",
-      "description": "The feature name where the table module should be added.",
-      "x-prompt": "To which feature should the table module be added?"
-    },
-    "shared": {
-      "type": "boolean",
-      "description": "Whether the table is shared across applications",
-      "default": false
-    },
-    "backend": {
-      "type": "string",
-      "description": "The backend that should be used to handel data",
-      "enum": [
-        "none",
-        "local",
-        "nestjs",
-        "open-api"
-      ],
-      "default": "none"
-    },
-    "directory": {
-      "type": "string",
-      "description": "A directory name or absolute path for the table module. relative to the feature base path"
-    },
-    "nestModule": {
-      "type": "string",
-      "description": "The module name for the table nest operations"
-    },
-    "modifiers": {
-      "alias": "modifier",
-      "type": "array",
-      "items": {
-        "type": "string",
-        "enum": [
-          "navigation-back-header",
-          "without-title"
-        ]
-      },
-      "description": "The table modifiers"
-    },
-    "headerButton": {
-      "oneOf": [
-        {
-          "type": "string"
-        },
-        {
-          "type": "object",
-          "properties": {
-            "role": {
-              "type": "string"
-            },
-            "permission": {
-              "type": "string"
-            },
-            "icon": {
-              "type": "string"
-            },
-            "svgIcon": {
-              "type": "string"
-            }
-          }
-        }
-      ],
-      "description": "The header button configuration"
-    },
-    "columnList": {
-      "alias": "column",
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "name": {
-            "type": "string"
-          },
-          "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"
-                ]
-              }
-            ]
-          },
-          "role": {
-            "type": "string"
-          },
-          "modifiers": {
-            "type": "array",
-            "items": {
-              "type": "string"
-            }
-          },
-          "template": {
-            "type": "string"
-          },
-          "pipeList": {
-            "type": "array",
-            "items": {
-              "oneOf": [
-                {
-                  "type": "string"
-                },
-                {
-                  "type": "object",
-                  "properties": {
-                    "name": {
-                      "type": "string"
-                    },
-                    "namedImport": {
-                      "type": "string"
-                    },
-                    "moduleSpecifier": {
-                      "type": "string"
-                    }
-                  },
-                  "required": [
-                    "name",
-                    "namedImport",
-                    "moduleSpecifier"
-                  ]
-                }
-              ]
-            }
-          },
-          "hasFilter": {
-            "type": "boolean"
-          },
-          "title": {
-            "type": "string"
-          },
-          "propertyPath": {
-            "type": "string"
-          },
-          "hidden": {
-            "type": "boolean"
-          },
-          "active": {
-            "type": "boolean"
-          },
-          "inactive": {
-            "type": "boolean"
-          },
-          "show": {
-            "type": "boolean"
-          }
-        },
-        "required": [
-          "name"
-        ],
-        "description": "table column name"
-      },
-      "description": "List of table column names"
-    },
-    "actionList": {
-      "alias": "action",
-      "type": "array",
-      "items": {
-        "oneOf": [
-          {
-            "type": "string"
-          },
-          {
-            "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",
-                "enum": [
-                  "form",
-                  "link",
-                  "method",
-                  "custom"
-                ]
-              },
-              "icon": {
-                "type": "string"
-              },
-              "svgIcon": {
-                "type": "string"
-              },
-              "permission": {
-                "type": "string"
-              }
-            },
-            "required": [
-              "type",
-              "role"
-            ]
-          }
-        ]
-      }
-    },
-    "overwrite": {
-      "anyOf": [
-        {
-          "type": "boolean"
-        },
-        {
-          "type": "array",
-          "items": {
-            "type": "string"
-          }
-        }
-      ],
-      "description": "Overwrite existing files",
-      "default": false
-    },
-    "context": {
-      "type": "string",
-      "description": "The context use to generate proper names for class, files, etc"
-    },
-    "tableRootMethod": {
-      "type": "object",
-      "properties": {
-        "name": {
-          "type": "string",
-          "description": "The name of the table method class"
-        },
-        "moduleSpecifier": {
-          "type": "string",
-          "description": "The import path for the table method class"
-        }
-      },
-      "required": [
-        "name",
-        "moduleSpecifier"
-      ]
-    },
-    "tableChildMethod": {
-      "type": "object",
-      "properties": {
-        "name": {
-          "type": "string",
-          "description": "The name of the table method class"
-        },
-        "moduleSpecifier": {
-          "type": "string",
-          "description": "The import path for the table method class"
-        }
-      },
-      "required": [
-        "name",
-        "moduleSpecifier"
-      ]
-    }
-  },
-  "required": [
-    "name",
-    "feature"
-  ]
-}