verben-authentication-ui 1.0.12 → 1.0.13

package/src/utils/components/base-data-view.component.ts

@@ -1,131 +0,0 @@
-import { Component, computed, OnInit, signal, ViewChild } from '@angular/core';
-import {
-  CardData,
-  CardDataViewComponent,
-  DataFilterType,
-  DataViewComponent,
-  IDataFilter,
-} from 'verben-ng-ui';
-import { DataViewConfig } from '../models/DataViewConfig';
-
-@Component({
-  template: '',
-})
-export abstract class BaseDataViewComponent<T> implements OnInit {
-  @ViewChild('vdcv') cardDataView!: CardDataViewComponent;
-  @ViewChild('vdv') dataView!: DataViewComponent;
-
-  // Configurable properties
-  abstract config: DataViewConfig<T>;
-
-  // Signals for reactive data management
-  data = signal<T[]>([]);
-  cardData = computed(() => this.data().map(this.config.cardDataMapper));
-
-  // View state management
-  currentData: CardData | null = null;
-  isGridView = true;
-  selected: CardData | null = null;
-
-  // Filtering and sorting state
-  visibleColumns: IDataFilter[] = [];
-  filterArray: IDataFilter[] = [];
-  sortOptions: IDataFilter[] = [];
-
-  selectedColumnCount = 0;
-  selectedFilterTableCount = 0;
-  selectedSortCount = 0;
-
-  constructor() {
-    this.initializeConfig();
-  }
-
-  ngOnInit() {
-    this.loadInitialData();
-  }
-
-  // To be implemented by child classes if needed
-  protected loadInitialData() {
-    // Default implementation can be overridden
-    this.data.set(this.config.dataSource);
-  }
-
-  private initializeConfig() {
-    // Initialize filter and column configurations
-    this.visibleColumns = this.config.columns.map((col) => ({
-      checked: true,
-      name: typeof col.header === 'string' ? col.header : col.id,
-      type: DataFilterType.Bool,
-    }));
-
-    this.filterArray = this.config.filterOptions || [];
-    this.sortOptions = this.config.sortOptions || [];
-  }
-
-  // Generic view and interaction methods
-  openDetailView(identifier: any) {
-    const cardItem = this.getCardDataByIdentifier(identifier);
-    if (cardItem && this.cardDataView) {
-      this.resetSelections();
-      cardItem.selected = true;
-      this.currentData = this.cardDataView.onItemClick(cardItem);
-      this.dataView.toggleView();
-    }
-  }
-
-  private resetSelections() {
-    this.cardData().forEach((item) => {
-      item.selected = false;
-      item.children?.forEach((child) => (child.selected = false));
-    });
-  }
-
-  // Abstract method to find card data - to be implemented by child
-  protected abstract getCardDataByIdentifier(
-    identifier: any
-  ): CardData | undefined;
-
-  // Common utility methods
-  downloadCSV(data: Partial<any>[]) {
-    const headers = Object.keys(data[0]);
-    const csvContent = [
-      headers.join(','),
-      ...data.map((row) => headers.map((header) => row[header]).join(',')),
-    ].join('\n');
-
-    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
-    const link = document.createElement('a');
-    if (link.download !== undefined) {
-      const url = URL.createObjectURL(blob);
-      link.setAttribute('href', url);
-      link.setAttribute('download', 'export.csv');
-      link.style.visibility = 'hidden';
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-    }
-  }
-
-  // Event handlers
-  onViewChange(isGridView: boolean): void {
-    this.isGridView = isGridView;
-    if (this.currentData) {
-      this.cardDataView?.clearData();
-      this.currentData = null;
-    }
-  }
-
-  onColumnsUpdated(updatedColumns: IDataFilter[]) {
-    // Update visible columns logic
-    this.selectedColumnCount = updatedColumns.length;
-    // Additional column update logic can be added here
-  }
-
-  onSortUpdated(updatedSorts: IDataFilter[]) {
-    this.selectedSortCount = updatedSorts.length;
-  }
-
-  onSelectionChange(selectedRows: T[]) {
-    console.log('Selection changed:', selectedRows);
-  }
-}

package/src/utils/models/DataViewConfig.ts

@@ -1,19 +0,0 @@
-import { CardData, ColumnDefinition, IDataFilter } from 'verben-ng-ui';
-
-export interface DataViewConfig<T> {
-  // Core data configuration
-  dataSource: T[];
-  columns: ColumnDefinition<T>[];
-
-  // Card view mapping function
-  cardDataMapper: (item: T) => CardData;
-
-  // Optional configurations
-  filterOptions?: IDataFilter[];
-  sortOptions?: IDataFilter[];
-
-  // Action handlers
-  onDetailView?: (item: T) => void;
-  onApprove?: (item: T) => void;
-  onDelete?: (item: T) => void;
-}

package/tailwind.config.js

@@ -1,20 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: ["./projects/verben-authentication-ui/src/**/*.{html,ts}"],
-  theme: {
-    colors: {
-      controlBorder: "rgba(0, 0, 0, 0.2)",
-      muted: "rgba(0, 0, 0, 0.6)",
-      secondary: {
-        DEFAULT: "#E8EAF1",
-        100: "#F5F6F9",
-        200: "rgba(215, 219, 230, 1)",
-      },
-      primary: {
-        DEFAULT: "#D4A007",
-      },
-    },
-    extend: {},
-  },
-  plugins: [],
-};

package/tsconfig.lib.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": [],
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,11 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}