@cccteam/ccc-lib 0.0.15 → 0.0.16

package/src/ccc-grid/table-button/table-button.component.spec.ts

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

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

@@ -1,49 +0,0 @@
-import { Component, computed, input, signal } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule, TooltipPosition } from '@angular/material/tooltip';
-import { RouterModule } from '@angular/router';
-import { ActionButtonConfig } from '@cccteam/ccc-lib/src/types';
-
-@Component({
-  selector: 'ccc-table-button',
-  standalone: true,
-  imports: [MatButtonModule, MatIconModule, MatTooltipModule, RouterModule],
-  templateUrl: './table-button.component.html',
-  styleUrl: './table-button.component.scss',
-})
-export class TableButtonComponent<T> {
-  config = input.required<ActionButtonConfig>();
-
-  rowData = input.required<T>();
-  tooltipPosition = input<TooltipPosition>('above' as TooltipPosition);
-  color = input<string>('');
-  disabled = signal<boolean>(false);
-  viewRoute = input<string>('');
-  id = input<string>('');
-
-  link = computed(() => {
-    const viewRoute = this.viewRoute();
-    const id = this.id();
-
-    if (!viewRoute || !id) {
-      return '';
-    }
-
-    if (!viewRoute.startsWith('/')) {
-      return `${viewRoute}/${id}`;
-    }
-
-    return `${viewRoute}/${id}`;
-  });
-
-  callAction(): void {
-    const rowData = this.rowData();
-    const action = this.config().action;
-    if (rowData && action !== undefined) {
-      const id = 'id' as keyof T;
-      const idVal = rowData[id] as string;
-      action({ id: idVal });
-    }
-  }
-}

package/src/ccc-resource/can-deactivate.guard.ts

@@ -1,41 +0,0 @@
-import { inject } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
-import { CanDeactivateFn, UrlTree } from '@angular/router';
-import { firstValueFrom, Observable, tap } from 'rxjs';
-import { FormStateService } from './form-state.service';
-import { LeavePageConfirmationModalComponent } from './leave-page-confirmation-modal/leave-page-confirmation-modal.component';
-
-export type CanDeactivateType = Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree;
-
-export interface CanComponentDeactivate {
-  canDeactivate: () => CanDeactivateType;
-}
-
-export const dirtyFormDeactivateGuard: CanDeactivateFn<CanComponentDeactivate> = async (_, __, ___, nextState) => {
-  const dialog = inject(MatDialog);
-  const formStateService = inject(FormStateService);
-
-  if (nextState?.url === '/login') {
-    return true;
-  }
-
-  if (!formStateService.isDirty()) {
-    return true;
-  }
-
-  const existingDialog = dialog.openDialogs.find(
-    (d) => d.componentInstance instanceof LeavePageConfirmationModalComponent,
-  );
-
-  const dialogRef = existingDialog ?? dialog.open(LeavePageConfirmationModalComponent, { delayFocusTrap: false });
-
-  const result = dialogRef.afterClosed().pipe(
-    tap((value) => {
-      if (value === true) {
-        formStateService.resetDirtyForms();
-      }
-    }),
-  );
-
-  return firstValueFrom(result);
-};

package/src/ccc-resource/compound-resource/compound-resource.component.html

@@ -1,57 +0,0 @@
-<div class="page-container">
-  <div class="header-container">
-    <div class="title" [class.title-without-back]="title()">
-      @if (title() !== '') {
-        <h1>{{ title() }}</h1>
-      }
-    </div>
-  </div>
-
-  @if (hasElements() || configs().length > 0) {
-    <div class="resource-container" [class.empty-elements]="!hasElements()">
-      @let primaryConfigRef = primaryConfig();
-      @if (primaryConfigRef.type === 'View' || primaryConfigRef.type === 'ListView') {
-        <ccc-resource-view
-          [uuid]="uuid()"
-          [config]="primaryConfigRef"
-          [relatedData]="resolvedData()"
-          [compoundResourceView]="true">
-        </ccc-resource-view>
-      }
-
-      @for (config of configs(); track config) {
-        @let hasrelatedConfigs = 'relatedConfigs' in config && config.relatedConfigs.length > 0;
-        @if (hasrelatedConfigs) {
-          <ccc-compound-resource
-            [uuid]="primaryConfigParentId()"
-            [parentData]="resolvedData()"
-            [resourceConfig]="config">
-          </ccc-compound-resource>
-        } @else if (config.type === 'ListView') {
-          <ccc-resource-list-create
-            [resourceConfig]="config"
-            [parentData]="resolvedData()"
-            [isRootList]="false"
-            [parentId]="primaryConfigParentId()">
-          </ccc-resource-list-create>
-        } @else if (config.type === 'Array') {
-          <ccc-resource-array-view
-            [resourceConfig]="config"
-            [parentData]="store.viewData()"
-            [compoundResourceComponent]="componentRef">
-          </ccc-resource-array-view>
-        } @else if (config.type === 'View') {
-          <ccc-resource-view
-            [uuid]="primaryConfigParentId()"
-            [config]="config"
-            [relatedData]="resolvedData()"></ccc-resource-view>
-        } @else if (config.type === 'Component') {
-          <ccc-resource-resolver 
-            [parentData]="resolvedData()" 
-            [resourceConfig]="config" 
-            [compoundResourceComponent]="componentRef"> </ccc-resource-resolver>
-        }
-      }
-    </div>
-  }
-</div>

package/src/ccc-resource/compound-resource/compound-resource.component.scss

@@ -1,86 +0,0 @@
-.page-container {
-  position: relative;
-}
-
-.header-container {
-  display: flex;
-  flex-direction: row;
-  position: absolute;
-  top: 0;
-  z-index: 11;
-  background: transparent;
-}
-
-.title {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-
-.title-without-back {
-  margin-left: 48px;
-  height: 48px;
-}
-
-.message {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.state-buttons {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: auto;
-  justify-content: right;
-  flex-grow: 1;
-  gap: 20px;
-  margin-right: 32px;
-}
-
-.mode-text {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
-.resource {
-  margin: 10px;
-}
-
-.mat-input-element:disabled[readonly] {
-  color: currentColor;
-}
-
-.unsaved {
-  color: #f44336;
-}
-
-.edit-button {
-  margin-top: auto;
-  margin-bottom: auto;
-  padding-left: 10px;
-}
-
-.button-text {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-
-  .edit {
-    color: #003b49;
-  }
-
-  .mat-icon {
-    margin-right: 8px;
-  }
-}
-
-.empty-elements {
-  padding-top: 30px;
-}
-
-.rpc-buttons-container {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  padding-bottom: 10px;
-}

package/src/ccc-resource/compound-resource/compound-resource.component.spec.ts

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

package/src/ccc-resource/compound-resource/compound-resource.component.ts

@@ -1,158 +0,0 @@
-import { CommonModule, Location } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ComponentRef,
-  computed,
-  effect,
-  inject,
-  Injector,
-  input,
-  OnInit,
-  signal
-} from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { ActivatedRoute, RouterModule } from '@angular/router';
-import { ChildResourceConfig, ParentResourceConfig, RecordData, Resource, RESOURCE_META, RootConfig } from '@cccteam/ccc-lib/src/types';
-import { ResourceArrayViewComponent } from '../resource-array-view/resource-array-view.component';
-import { ResourceListCreateComponent } from '../resource-list-create/resource-list-create.component';
-import { ResourceResolverComponent } from '../resource-resolver/resource-resolver.component';
-import { ResourceStore } from '../resource-store.service';
-import { ResourceViewComponent } from '../resource-view/resource-view.component';
-
-@Component({
-  selector: 'ccc-compound-resource',
-  templateUrl: './compound-resource.component.html',
-  styleUrl: './compound-resource.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [
-    MatIconModule,
-    RouterModule,
-    MatButtonModule,
-    ResourceViewComponent,
-    ResourceListCreateComponent,
-    ResourceArrayViewComponent,
-    ResourceResolverComponent,
-    CommonModule,
-    RouterModule,
-  ],
-  providers: [ResourceStore],
-})
-export class CompoundResourceComponent implements OnInit {
-  location = inject(Location);
-  route = inject(ActivatedRoute);
-  store = inject(ResourceStore);
-  injector = inject(Injector);
-  componentRef = this.injector.get(ComponentRef<CompoundResourceComponent>);
-  resourceMeta = inject(RESOURCE_META);
-
-  resourceConfig = input<ParentResourceConfig | ChildResourceConfig>();
-  isArrayChild = input<boolean>(false);
-  uuid = input.required<string>();
-  parentData = input<RecordData>();
-
-  rootConfig = computed(() => this.route.snapshot.data['config'] as RootConfig);
-
-  emptyOneToOne = signal(false);
-
-  hasElements = computed(() => {
-    const config = this.primaryConfig();
-    return config && (config.type === 'ListView' || config.type === 'View') && config.elements.length > 0;
-  });
-
-  primaryConfigParentId = computed(() => {
-    const config = this.primaryConfig();
-    const data = this.resolvedData();
-    if (config.type === 'View' || config.type === 'ListView') {
-      const parentKey = config.parentRelation?.parentKey;
-      if (parentKey !== '') {
-        return String(data[parentKey]);
-      }
-    }
-    return this.uuid();
-  });
-
-  primaryConfig = computed(() => {
-    const config = this.resourceConfig();
-    if (config) {
-      return config;
-    }
-    return this.rootConfig().parentConfig;
-  });
-
-  title = computed(() => {
-    if (this.isArrayChild()) {
-      return '';
-    }
-    const config = this.primaryConfig();
-    if (config.type !== 'Component') {
-      return config.title;
-    }
-    return '';
-  });
-
-  isRootConfig = computed(() => {
-    return this.resourceConfig() === undefined;
-  });
-
-  configs = computed(() => {
-    if (this.hasElements() && this.emptyOneToOne()) {
-      return [];
-    }
-
-    if (this.isRootConfig()) {
-      return this.rootConfig().relatedConfigs;
-    }
-
-    const config = this.primaryConfig();
-    if (config.type === 'ListView' || config.type === 'View') {
-      return config.relatedConfigs;
-    }
-    return [];
-  });
-
-  rpcConfigs = computed(() => (this.isRootConfig() ? this.rootConfig().rpcConfigs : undefined));
-  hasRpcConfigs = computed(() => !!this.rpcConfigs() && this.rpcConfigs()!.length > 0);
-
-  resolvedData = computed(() => {
-    if (this.store.viewData()) {
-      return this.store.viewData() as RecordData;
-    }
-
-    return this.parentData() || ({} as RecordData);
-  });
-
-  ngOnInit(): void {
-    const resource = this.primaryConfig().primaryResource as Resource;
-    const meta = this.resourceMeta(resource);
-
-    if (meta) {
-      this.store.resourceName.set(resource);
-      this.store.resourceMeta.set(meta);
-    }
-  }
-
-  constructor() {
-    effect(() => {
-      this.store.uuid.set(this.primaryConfigParentId());
-
-      const c = this.primaryConfig();
-      if (c.type === 'View') {
-        this.store.resetResourceView();
-      } else if (c.type === 'ListView') {
-        this.store.resetResourceList();
-        this.store.resetResourceView();
-      }
-    });
-  }
-
-  handleEmptyOneToOne(value: boolean): void {
-    this.emptyOneToOne.set(value);
-  }
-
-  goBack(): void {
-    this.location.back();
-  }
-}

package/src/ccc-resource/concat-fns.ts

@@ -1,162 +0,0 @@
-export const concatFunctions = {
-  'space-concat': spaceConcat,
-  'hyphen-concat': hyphenConcat,
-  'space-hyphen-concat': spaceHyphenConcat,
-  'hyphen-space-concat': hyphenSpaceConcat,
-};
-
-/**
- * Concatenates the strings corresponding to the given keys in the resource,
- * using a space separator.
- * @param resource A record mapping keys to string values.
- * @param args Keys of the resource to concatenate.
- * @returns Concatenated string.
- * @example
- * const resource = { foo: 'foo', bar: 'bar', baz: 'baz' };
- * spaceConcat(resource, 'foo', 'bar', 'baz'); // returns 'foo bar baz'
- */
-export function spaceConcat(resource: Record<string, string>, ...args: string[]): string {
-  if (args.length === 0) return '';
-  if (args.length === 1) return resource[args[0] ?? ''] ?? '';
-  return args.map((arg) => resource[arg] ?? '').join(' ');
-}
-
-/**
- * Concatenates the strings corresponding to the given keys in the resource,
- * using a hyphen separator.
- * @param resource A record mapping keys to string values.
- * @param args Keys of the resource to concatenate.
- * @returns Concatenated string.
- * @example
- * const resource = { foo: 'foo', bar: 'bar', baz: 'baz' };
- * hyphenConcat(resource, 'foo', 'bar', 'baz'); // returns 'foo - bar - baz'
- */
-export function hyphenConcat(resource: Record<string, string>, ...args: string[]): string {
-  if (args.length === 0) return '';
-  if (args.length === 1) return resource[args[0] ?? ''] ?? '';
-  return args.map((arg) => resource[arg] ?? '').join(' - ');
-}
-
-/**
- * Concatenates the given strings so that all but the last are joined with a space,
- * and the last string is appended with a " - " separator.
- * @param resource A mapping of keys to string values.
- * @param args Keys of strings to concatenate.
- * @returns Concatenated string.
- * @example spaceHyphenConcat(resource, 'foo', 'bar', 'baz') => 'foo bar - baz'
- */
-export function spaceHyphenConcat(resource: Record<string, string>, ...args: string[]): string {
-  if (args.length === 0) return '';
-  if (args.length === 1) return resource[args[0] || ''] || '';
-
-  const initialPart = args
-    .slice(0, -1)
-    .map((arg) => resource[arg] || '')
-    .join(' ');
-
-  const lastPart = resource[args[args.length - 1] || ''] || '';
-
-  return `${initialPart} - ${lastPart}`;
-}
-
-/**
- * Concatenates the given strings so that all but the first are joined with a space,
- * and the first string is appended with a " - " separator.
- * @param resource A mapping of keys to string values.
- * @param args Keys of strings to concatenate.
- * @returns Concatenated string.
- * @example spaceHyphenConcat(resource, 'foo', 'bar', 'baz') => 'foo - bar baz'
- */
-export function hyphenSpaceConcat(resource: Record<string, string>, ...args: string[]): string {
-  if (args.length === 0) return '';
-  if (args.length === 1) return resource[args[0] || ''] || '';
-
-  const initialPart = args[0] !== undefined ? resource[args[0]] || '' : '';
-
-  const lastPart = args
-    .slice(1, args.length)
-    .map((arg) => resource[arg] || '')
-    .join(' ');
-
-  return `${initialPart} - ${lastPart}`;
-}
-
-/**
- * Concatenates the strings using a space separator.
- * @param args Strings to concatenate.
- * @returns Concatenated string.
- * @example
- * spaceConcatWithoutResource(['foo', 'bar', 'baz']); // returns 'foo bar baz'
- */
-export function spaceConcatWithoutResource(args: string[]): string {
-  if (args.length === 0) return '';
-  if (args.length === 1) return args[0] ?? '';
-  return args.map((arg) => arg ?? '').join(' ');
-}
-
-/**
- * Concatenates the strings using a hyphen separator.
- * @param args Strings to concatenate.
- * @returns Concatenated string.
- * @example
- * hyphenConcatWithoutResource(['foo', 'bar', 'baz']); // returns 'foo - bar - baz'
- */
-export function hyphenConcatWithoutResource(args: string[]): string {
-  if (args.length === 0) return '';
-  if (args.length === 1) return args[0] || '';
-  return args.join(' - ');
-}
-
-/**
- * Concatenates the given strings so that all but the last are joined with a space,
- * and the last string is appended with a " - " separator.
- * @param args Strings to concatenate.
- * @returns Concatenated string.
- * @example spaceHyphenConcatWithoutResource(['foo', 'bar', 'baz']) => 'foo bar - baz'
- */
-export function spaceHyphenConcatWithoutResource(args: string[]): string {
-  if (args.length === 0) return '';
-  if (args.length === 1) return args[0] || '';
-
-  const initialPart = args
-    .slice(0, -1)
-    .map((arg) => arg || '')
-    .join(' ');
-
-  const lastPart = args[args.length - 1] || '';
-
-  return `${initialPart} - ${lastPart}`;
-}
-
-/**
- * Concatenates the given strings so that all but the first are joined with a space,
- * and the first string is appended with a " - " separator.
- * @param args Strings to concatenate.
- * @returns Concatenated string.
- * @example hyphenSpaceConcatWithoutResource(['foo', 'bar', 'baz']) => 'foo - bar baz'
- */
-export function hyphenSpaceConcatWithoutResource(args: string[]): string {
-  if (args.length === 0) return '';
-  if (args.length === 1) return args[0] || '';
-
-  const initialPart = args[0] || '';
-
-  const lastPart = args
-    .slice(1, args.length)
-    .map((arg) => arg || '')
-    .join(' ');
-
-  return `${initialPart} - ${lastPart}`;
-}
-
-/**
- * Concatenates the given strings without any space,
- * @param args Strings to concatenate.
- * @returns Concatenated string.
- * @example noSpaceConcatWithoutResource(['foo', 'bar', 'baz']) => 'foobarbaz'
- */
-export function noSpaceConcatWithoutResource(args: string[]): string {
-  if (args.length === 0) return '';
-  if (args.length === 1) return args[0] || '';
-  return args.join('');
-}

package/src/ccc-resource/empty-readonly-field/empty-readonly-field.component.html

@@ -1,12 +0,0 @@
-<div class="readonly-field">
-  <mat-form-field class="field" [subscriptSizing]="'dynamic'">
-    <mat-label>{{ label() }}</mat-label>
-    <input
-      matInput
-      (keydown.enter)="$event.preventDefault()"
-      [readonly]="true"
-      type="text"
-      [value]="displayValue"
-      id="{{ label() }}-readonly-input-text" />
-  </mat-form-field>
-</div>

package/src/ccc-resource/empty-readonly-field/empty-readonly-field.component.spec.ts

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

package/src/ccc-resource/empty-readonly-field/empty-readonly-field.component.ts

@@ -1,17 +0,0 @@
-import { Component, input } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { defaultEmptyFieldValue } from '@cccteam/ccc-lib/src/types';
-
-@Component({
-  selector: 'ccc-empty-readonly-field',
-  imports: [MatFormFieldModule, MatButtonModule, MatInputModule],
-  templateUrl: './empty-readonly-field.component.html',
-  styleUrl: './empty-readonly-field.component.scss',
-})
-export class EmptyReadonlyFieldComponent {
-  label = input.required<string>();
-
-  displayValue = defaultEmptyFieldValue;
-}

package/src/ccc-resource/form-state.service.ts

@@ -1,24 +0,0 @@
-import { computed, Injectable, signal } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class FormStateService {
-  dirtyForms = signal(0);
-
-  incrementDirtyForms(): void {
-    this.dirtyForms.set(this.dirtyForms() + 1);
-  }
-
-  decrementDirtyForms(): void {
-    this.dirtyForms.set(this.dirtyForms() - 1);
-  }
-
-  resetDirtyForms(): void {
-    this.dirtyForms.set(0);
-  }
-
-  isDirty = computed(() => {
-    return this.dirtyForms() > 0;
-  });
-}