@cccteam/ccc-lib 0.0.15 → 0.0.16

package/eslint.config.js

@@ -1,32 +0,0 @@
-// @ts-check
-const tseslint = require("typescript-eslint");
-const rootConfig = require("../../eslint.config.js");
-
-module.exports = tseslint.config(
-  ...rootConfig,
-  {
-    files: ["**/*.ts"],
-    rules: {
-      "@angular-eslint/directive-selector": [
-        "error",
-        {
-          type: "attribute",
-          prefix: "ccc",
-          style: "camelCase",
-        },
-      ],
-      "@angular-eslint/component-selector": [
-        "error",
-        {
-          type: "element",
-          prefix: "ccc",
-          style: "kebab-case",
-        },
-      ],
-    },
-  },
-  {
-    files: ["**/*.html"],
-    rules: {},
-  }
-);

package/ng-package.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/ccc-lib",
-  "lib": {
-    "entryFile": "src/index.ts"
-  },
-  "allowedNonPeerDependencies": [
-    "date-fns",
-    "date-fns-tz"
-  ]
-}

package/src/auth-authentication-guard/authentication.guard.ts

@@ -1,40 +0,0 @@
-import { inject } from '@angular/core';
-import { ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
-import { AuthService } from '@cccteam/ccc-lib/src/auth-service';
-import { BASE_URL } from '@cccteam/ccc-lib/src/types';
-import { Observable, of } from 'rxjs';
-import { catchError, map } from 'rxjs/operators';
-
-export const AuthenticationGuard = (
-  route: ActivatedRouteSnapshot,
-  routerState: RouterStateSnapshot,
-): Observable<boolean> => {
-  const authService = inject(AuthService);
-  const baseUrl = inject(BASE_URL);
-
-  const authenticate = (): void => {
-    const url = routerState.url;
-    const absoluteUrl = baseUrl + (!url.toString().startsWith('/') ? '/' + url : url);
-    const encodedUrl = encodeURIComponent(absoluteUrl);
-    window.location.href = `${authService.loginRoute()}?returnUrl=${encodedUrl}`;
-  };
-
-  if (authService.authenticated()) {
-    return of(true);
-  }
-
-  return authService.checkUserSession().pipe(
-    map((sessionInfo) => {
-      if (sessionInfo?.authenticated) {
-        return true;
-      }
-
-      authenticate();
-      return false;
-    }),
-    catchError(() => {
-      authenticate();
-      return of(false);
-    }),
-  );
-};

package/src/auth-authentication-guard/index.ts

@@ -1 +0,0 @@
-export * from './authentication.guard';

package/src/auth-authentication-guard/ng-package.json

@@ -1,6 +0,0 @@
-{
-  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "./index.ts"
-  }
-}

package/src/auth-authorization-guard/authorization.guard.ts

@@ -1,17 +0,0 @@
-import { computed, inject, Signal } from '@angular/core';
-import { ActivatedRouteSnapshot, Router } from '@angular/router';
-import { AuthService } from '@cccteam/ccc-lib/src/auth-service';
-
-export const AuthorizationGuard = (route: ActivatedRouteSnapshot): Signal<boolean> => {
-  const router = inject(Router);
-  const auth = inject(AuthService);
-  return computed(() => {
-    const hasPermission = auth.hasPermission(route.data['scope']);
-    if (hasPermission) {
-      return true;
-    } else {
-      router.navigate(['/']);
-      return false;
-    }
-  });
-};

package/src/auth-authorization-guard/index.ts

@@ -1 +0,0 @@
-export * from './authorization.guard';

package/src/auth-authorization-guard/ng-package.json

@@ -1,6 +0,0 @@
-{
-  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "./index.ts"
-  }
-}

package/src/auth-forms/ccc-field/ccc-field.component.html

@@ -1 +0,0 @@
-<p>ccc-field works!</p>

package/src/auth-forms/ccc-field/ccc-field.component.spec.ts

@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CccInputFieldComponent } from './ccc-field.component';
-
-describe('CccFieldComponent', () => {
-  let component: CccInputFieldComponent;
-  let fixture: ComponentFixture<CccInputFieldComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [CccInputFieldComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(CccInputFieldComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/auth-forms/ccc-field/ccc-field.component.ts

@@ -1,74 +0,0 @@
-import { Component, computed, inject, input, OnInit, signal, Signal } from '@angular/core';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { AuthService } from '@cccteam/ccc-lib/src/auth-service';
-import { Domain, ReadPermission, Resource, UpdatePermission } from '@cccteam/ccc-lib/src/types';
-
-export enum InputMode {
-  Read = 'read',
-  Edit = 'edit',
-}
-
-@Component({
-  selector: 'ccc-input-field',
-  imports: [MatFormFieldModule, MatInputModule],
-  template: `
-    <mat-form-field [class]="className()">
-      <mat-label>{{ name() }}</mat-label>
-      <input matInput [disabled]="mode() === inputMode.Edit && canEdit()" [value]="value()" />
-    </mat-form-field>
-  `,
-  styleUrl: './ccc-field.component.scss',
-})
-export class CccInputFieldComponent implements OnInit {
-  auth = inject(AuthService);
-  className = input();
-  mode = input.required<InputMode>();
-  resource = input.required<Resource>();
-  domain = input.required<Domain>();
-  value = input.required();
-  name = input.required<string>();
-
-  inputMode = InputMode;
-
-  canEdit: Signal<boolean> = signal(false);
-  canEditSelector = false;
-
-  canRead: Signal<boolean> = signal(false);
-  canReadSelector = false;
-
-  ngOnInit(): void {
-    this.canEditSelector = this.auth.hasPermission({
-      resource: this.resource(),
-      permission: ReadPermission,
-      domain: this.domain(),
-    });
-    this.canReadSelector = this.auth.hasPermission({
-      resource: this.resource(),
-      permission: UpdatePermission,
-      domain: this.domain(),
-    });
-
-    this.canRead = computed(() => {
-      const res = this.resource();
-      if (!res) {
-        return false;
-      }
-      if (AuthService.requiresPermission(this.resource(), ReadPermission)) {
-        return this.canReadSelector;
-      }
-      return false;
-    });
-
-    this.canEdit = computed(() => {
-      const res = this.resource();
-      if (!res) {
-        return false;
-      }
-      if (AuthService.requiresPermission(this.resource(), UpdatePermission)) {
-        return this.canEditSelector;
-      }
-      return false;
-    });
-  }
-}

package/src/auth-forms/form-helpers.ts

@@ -1,39 +0,0 @@
-import { FormArray, FormGroup } from '@angular/forms';
-import { isEqual } from 'lodash-es';
-
-/**
- * Accepts a FormGroup and compares it to an object to return the dirty form values
- * as a sparse object
- * @param form - FormGroup
- * @param compareData - object to compare form values against
- * @returns Partial<T>
- * @example sparseFormData<UserCreate>(this.userForm, initUser)
- */
-export function sparseFormData<T>(form: FormGroup, compareData: T): T {
-  const sparseFormData: T = {} as T;
-
-  for (const [key, control] of Object.entries(form.controls)) {
-    const controlValue = control.value;
-    const compareValue = compareData[key as keyof T];
-
-    if (!isEqual(controlValue, compareValue)) {
-      sparseFormData[key as keyof T] = controlValue as T[keyof T];
-    }
-  }
-
-  return sparseFormData;
-}
-
-/**
- * Accepts a FormArray and removes empty strings
- * @param formArray - FormArray
- * @returns FormArray
- */
-export function cleanStringFormArray(formArray: FormArray): FormArray {
-  for (let i = formArray.controls.length - 1; i >= 0; i--) {
-    if (formArray.at(i).value === '') {
-      formArray.removeAt(i);
-    }
-  }
-  return formArray;
-}

package/src/auth-forms/index.ts

@@ -1,3 +0,0 @@
-export * from './ccc-field/ccc-field.component';
-export * from './form-helpers';
-

package/src/auth-forms/ng-package.json

@@ -1,6 +0,0 @@
-{
-  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "./index.ts"
-  }
-}

package/src/auth-has-permission/has-permission.directive.ts

@@ -1,34 +0,0 @@
-import { Directive, Input, TemplateRef, ViewContainerRef, effect, inject, signal } from '@angular/core';
-import { AuthService } from '@cccteam/ccc-lib/src/auth-service';
-import { PermissionScope } from '@cccteam/ccc-lib/src/types';
-
-@Directive({
-  selector: '[cccHasPermission]',
-  standalone: true,
-})
-export class HasPermissionDirective {
-  private auth = inject(AuthService);
-  private templateRef = inject(TemplateRef<unknown>);
-  private viewContainer = inject(ViewContainerRef);
-
-  private scope = signal<PermissionScope | undefined>(undefined);
-
-  @Input()
-  set cccHasPermission(scope: PermissionScope) {
-    this.scope.set(scope);
-  }
-
-  constructor() {
-    effect(() => {
-      const scope = this.scope();
-
-      if (this.auth.hasPermission(scope) && this.auth.authenticated()) {
-        if (!this.viewContainer.get(0)) {
-          this.viewContainer.createEmbeddedView(this.templateRef);
-        }
-      } else {
-        this.viewContainer.clear();
-      }
-    });
-  }
-}

package/src/auth-has-permission/index.ts

@@ -1 +0,0 @@
-export * from './has-permission.directive';

package/src/auth-has-permission/ng-package.json

@@ -1,6 +0,0 @@
-{
-  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "./index.ts"
-  }
-}

package/src/auth-service/auth.service.ts

@@ -1,92 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { inject, Inject, Injectable, signal } from '@angular/core';
-import {
-  API_URL,
-  Permission,
-  PERMISSION_REQUIRED,
-  PermissionScope,
-  Resource,
-  SessionInfo,
-} from '@cccteam/ccc-lib/src/types';
-import { errorOptions } from '@cccteam/ccc-lib/src/util-request-options';
-import { map, Observable, tap } from 'rxjs';
-
-const routes = {
-  login: (rootUrl: string): string => `${rootUrl}/user/login`,
-  session: (rootUrl: string): string => `${rootUrl}/user/session`,
-};
-
-@Injectable({
-  providedIn: 'root',
-})
-export class AuthService {
-  http = inject(HttpClient);
-  private authenticatedSignal = signal(false);
-  private sessionInfoSignal = signal({} as SessionInfo);
-
-  redirectUrl = signal('');
-  authenticated = this.authenticatedSignal.asReadonly();
-  sessionInfo = this.sessionInfoSignal.asReadonly();
-
-  constructor(@Inject(API_URL) private apiUrl: string) {
-    this.initializePermissionFn();
-  }
-
-  private static permissionFn: (resource: Resource, permission: Permission) => boolean;
-
-  hasPermission(scope?: PermissionScope): boolean {
-    if (!scope) return true;
-    const resourcePermissions = this.sessionInfo().permissions?.[scope.domain]?.[scope.resource];
-    return Array.isArray(resourcePermissions) && resourcePermissions.includes(scope.permission);
-  }
-
-  static requiresPermission(resource: Resource, permission: Permission): boolean {
-    if (!AuthService.permissionFn) {
-      throw new Error(
-        `AuthState has not been initialized. Ensure AuthState is provided in your module or instantiated at least once.`,
-      );
-    }
-    return AuthService.permissionFn(resource, permission);
-  }
-
-  private initializePermissionFn(): void {
-    if (!AuthService.permissionFn) {
-      AuthService.permissionFn = inject(PERMISSION_REQUIRED);
-    }
-  }
-
-  /**
-   * Logs a user out.
-   *
-   * @returns Observable with a boolean indicating whether they were logged out.
-   */
-  logout(): Observable<boolean> {
-    return this.http
-      .delete(routes.session(this.apiUrl), errorOptions(false))
-      .pipe(map(() => true))
-      .pipe(
-        tap(() => {
-          this.authenticatedSignal.set(false);
-          this.sessionInfoSignal.set({} as SessionInfo);
-        }),
-      );
-  }
-
-  /**
-   * Checks a user's session with the server.
-   *
-   * @returns Observable with the user session info
-   */
-  checkUserSession(): Observable<SessionInfo> {
-    return this.http.get<SessionInfo>(routes.session(this.apiUrl), errorOptions(false)).pipe(
-      tap((sessionInfo) => {
-        this.authenticatedSignal.set(!!sessionInfo?.authenticated);
-        this.sessionInfoSignal.set(sessionInfo);
-      }),
-    );
-  }
-
-  loginRoute(): string {
-    return routes.login(this.apiUrl);
-  }
-}

package/src/auth-service/index.ts

@@ -1 +0,0 @@
-export * from './auth.service';

package/src/auth-service/ng-package.json

@@ -1,6 +0,0 @@
-{
-  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "./index.ts"
-  }
-}

package/src/ccc-camel-case-to-title/camel-case-to-title.pipe.ts

@@ -1,23 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({
-  name: 'camelCaseToTitle',
-})
-export class CamelCaseToTitlePipe implements PipeTransform {
-  transform(value: string): string {
-    if (!value) {
-      return value;
-    }
-
-    if (value === value.toUpperCase() && !/[0-9]/.test(value)) {
-      return value;
-    }
-
-    let transformed = value.replace(/([A-Z])/g, ' $1');
-    transformed = transformed.replace(/([a-zA-Z])([0-9])/g, '$1 $2');
-    transformed = transformed.trim();
-    transformed = transformed.charAt(0).toUpperCase() + transformed.slice(1);
-
-    return transformed;
-  }
-}

package/src/ccc-camel-case-to-title/index.ts

@@ -1 +0,0 @@
-export * from './camel-case-to-title.pipe';

package/src/ccc-camel-case-to-title/ng-package.json

@@ -1,6 +0,0 @@
-{
-  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "index.ts"
-  }
-}

package/src/ccc-grid/ccc-grid.component.ts

@@ -1,155 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, input, output, TemplateRef } from '@angular/core';
-import { MatIconButton } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { RouterModule } from '@angular/router';
-import { CamelCaseToTitlePipe } from '@cccteam/ccc-lib/src/ccc-camel-case-to-title';
-import { ColumnConfig, RecordData } from '@cccteam/ccc-lib/src/types';
-import { GridModule, SelectableMode, SelectableSettings } from '@progress/kendo-angular-grid';
-import { TableButtonComponent } from './table-button/table-button.component';
-
-@Component({
-  selector: 'ccc-grid',
-  standalone: true,
-  imports: [
-    GridModule,
-    CommonModule,
-    TableButtonComponent,
-    CamelCaseToTitlePipe,
-    RouterModule,
-    MatIconButton,
-    MatIconModule,
-    MatTooltipModule,
-  ],
-  template: `
-    <kendo-grid
-      [kendoGridBinding]="rowData()"
-      filterable="menu"
-      [sortable]="true"
-      scrollable="none"
-      [selectable]="selectionMode()"
-      [selectedKeys]="selectedKeys"
-      kendoGridSelectBy="id"
-      (selectedKeysChange)="onSelectedKeysChange($event)">
-      @if (selectionMode() !== false) {
-        <kendo-grid-checkbox-column
-          [width]="40"
-          [showSelectAll]="selectionType() === 'multiple'"></kendo-grid-checkbox-column>
-      }
-      @for (col of columnDefs(); track col.id + col.header) {
-        @if (col.buttonConfig) {
-          <kendo-grid-column
-            [field]="col.id"
-            [filterable]="false"
-            [sortable]="false"
-            [width]="66"
-            [resizable]="col.resizable ?? true">
-            <ng-template kendoGridHeaderTemplate> </ng-template>
-            <ng-template kendoGridCellTemplate let-dataItem>
-              @if (col.buttonConfig.actionType === 'link' && col.buttonConfig.viewRoute) {
-                <a
-                  mat-icon-button
-                  [routerLink]="['/', col.buttonConfig.viewRoute, dataItem['id']]"
-                  [matTooltip]="col.buttonConfig.label || ''"
-                  [matTooltipPosition]="col.tooltipPosition || 'above'">
-                  <mat-icon>{{ col.buttonConfig.icon || 'arrow_forward' }}</mat-icon>
-                </a>
-              } @else {
-                <ccc-table-button
-                  [config]="col.buttonConfig"
-                  [rowData]="dataItem"
-                  [tooltipPosition]="col.tooltipPosition || 'above'"
-                  [viewRoute]="col.buttonConfig.viewRoute || ''"
-                  [id]="dataItem['id']">
-                </ccc-table-button>
-              }
-            </ng-template>
-          </kendo-grid-column>
-        } @else {
-          @if (col.width) {
-            <kendo-grid-column [field]="col.id" [width]="col.width" [resizable]="col.resizable ?? true">
-              <ng-template kendoGridHeaderTemplate>
-                @if (!col.hideHeader) {
-                  <span class="col-header">{{ col.header || col.id | camelCaseToTitle }}</span>
-                }
-              </ng-template>
-              <ng-template kendoGridCellTemplate let-dataItem>{{ dataItem[col.id] }} </ng-template>
-            </kendo-grid-column>
-          } @else {
-            <kendo-grid-column [field]="col.id" [resizable]="col.resizable ?? true">
-              <ng-template kendoGridHeaderTemplate>
-                @if (!col.hideHeader) {
-                  <span class="col-header">{{ col.header || col.id | camelCaseToTitle }}</span>
-                }
-              </ng-template>
-              <ng-template kendoGridCellTemplate let-dataItem>{{ dataItem[col.id] }} </ng-template>
-            </kendo-grid-column>
-          }
-        }
-      }
-      <ng-template kendoGridNoRecordsTemplate>
-        <div style="text-align: center; padding: 20px;">No records found</div>
-      </ng-template>
-    </kendo-grid>
-  `,
-  styles: [
-    `
-      :host {
-        display: block;
-        height: 100%;
-      }
-      kendo-grid {
-        height: 100%;
-      }
-      .col-header {
-        font-weight: bold;
-      }
-      ccc-table-button {
-        position: relative;
-        z-index: 10;
-      }
-      a[mat-button] {
-        position: relative;
-        z-index: 11;
-      }
-      ::ng-deep .k-grid .k-grid-aria-root {
-        overflow-x: auto; /* Allow horizontal scrolling */
-        overflow-y: hidden; /* Keep vertical behavior as needed */
-      }
-    `,
-  ],
-})
-export class AppGridComponent {
-  /* eslint-disable  @typescript-eslint/no-explicit-any */
-  rowData = input<any[]>([]);
-  columnDefs = input<ColumnConfig[]>([]);
-  masterDetail = input<boolean>(false);
-  detailTemplate = input<TemplateRef<unknown>>();
-  selectionType = input<'multiple' | 'single' | 'none'>('none');
-  selectedRows = output<RecordData[]>();
-
-  public selectedKeys: number[] = [];
-
-  onSelectedKeysChange(keys: number[]): void {
-    this.selectedKeys = keys;
-    const selectedRows = this.rowData().filter((row: any) => keys.includes(row.id));
-    this.selectedRows.emit(selectedRows);
-  }
-
-  selectionMode = computed(() => {
-    if (this.selectionType() === 'none') {
-      return false;
-    } else if (this.selectionType() === 'single') {
-      return {
-        mode: 'single' as SelectableMode,
-        checkboxOnly: true,
-      } as SelectableSettings;
-    } else {
-      return {
-        mode: 'multiple' as SelectableMode,
-        checkboxOnly: true,
-      } as SelectableSettings;
-    }
-  });
-}

package/src/ccc-grid/index.ts

@@ -1,3 +0,0 @@
-export * from './ccc-grid.component';
-export * from './table-button/table-button.component';
-

package/src/ccc-grid/ng-package.json

@@ -1,6 +0,0 @@
-{
-  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "./index.ts"
-  }
-}

package/src/ccc-grid/table-button/table-button.component.html

@@ -1,16 +0,0 @@
-<span
-  [matTooltip]="disabled() ? config().disabledLabel : config().label"
-  [matTooltipPosition]="tooltipPosition()"
-  class="parent">
-  @if (config().actionType === 'link') {
-    <a [routerLink]="viewRoute()">
-      <button mat-icon-button [disabled]="disabled()" [color]="config().color">
-        <mat-icon>{{ config().icon }}</mat-icon>
-      </button>
-    </a>
-  } @else if (config().actionType === 'function') {
-    <button mat-icon-button (click)="callAction()" [disabled]="disabled()" [color]="color()">
-      <mat-icon>{{ config().icon }}</mat-icon>
-    </button>
-  }
-</span>

package/src/ccc-grid/table-button/table-button.component.scss

@@ -1,5 +0,0 @@
-.parent {
-  width: 100%;
-  height: 100%;
-  display: flex;
-}