@cccteam/ccc-lib 0.0.15 → 0.0.16

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

@@ -1,49 +0,0 @@
-import { FormatType } from '@cccteam/ccc-lib/src/types';
-import { format, isValid, parseISO } from 'date-fns';
-
-export type FormatterFn = (value: string) => string;
-
-export const simpleSlashDateFormatter = (value: string): string => {
-  if (!value) return '';
-  const parsedDate = parseISO(value.toString());
-
-  if (isValid(parsedDate)) {
-    return format(parsedDate, 'M/d/yyyy');
-  }
-
-  console.error('Applying simpleSlashDateFormatter to invalid date value:', value);
-  return value.toString();
-};
-
-export const ValueFormatters: Record<FormatType, FormatterFn> = {
-  ['simpleSlashDateFormat']: simpleSlashDateFormatter,
-};
-
-export function applyFormatting(formatString: string, value: string): string {
-  if (!value) return '';
-  if (formatString in ValueFormatters) {
-    return ValueFormatters[formatString as FormatType](value);
-  }
-
-  //default to formatting as a date with provided format string
-  const parsedDate = parseISO(value.toString());
-
-  if (isValid(parsedDate)) {
-    return format(parsedDate, formatString);
-  }
-
-  return value.toString();
-}
-
-export function formatDateString(formatString: string, value: string): string {
-  if (!value) return '';
-
-  //default to formatting as a date with provided format string
-  const parsedDate = parseISO(value.toString());
-
-  if (isValid(parsedDate)) {
-    return format(parsedDate, formatString);
-  }
-
-  return value.toString();
-}

package/src/ccc-resource/gui-constants.ts

@@ -1,88 +0,0 @@
-import { AbstractControl, ValidationErrors, Validators } from '@angular/forms';
-import { ConfigElement, ResourceValidatorFn } from '@cccteam/ccc-lib/src/types';
-import { isDate } from 'date-fns';
-import { formatInTimeZone } from 'date-fns-tz';
-import { isNumber } from 'lodash-es';
-import { createResourceValidator } from './utils/validator-utils';
-
-export const maxConfigElementRecursionDepth = 240;
-export const maxLayoutNestingDepth = 48;
-
-/** Returns a flat array of nested elements by recursively traversing
- * through the elements graph */
-export const flattenElements: (elements: ConfigElement[], depth?: number) => ConfigElement[] = (
-  elements: ConfigElement[],
-  depth = 0,
-) => {
-  depth++;
-  if (!elements || elements.length === 0 || depth > maxConfigElementRecursionDepth) {
-    return [];
-  }
-  return elements.reduce((acc, element) => {
-    if (element.type === 'section') {
-      return acc.concat(element, flattenElements(element.children, depth));
-    }
-    return acc.concat(element);
-  }, [] as ConfigElement[]);
-};
-
-export const civildateCoercion = (value: string): Date => {
-  if (value === undefined || value === '') {
-    return new Date(value);
-  }
-  return new Date(formatInTimeZone(new Date(value), 'UTC', 'yyyy-MM-dd HH:mm:ss'));
-};
-
-const currentOrFutureDateValidator = (control: AbstractControl): ValidationErrors | null => {
-  if (!control.value) {
-    return null; // Let "REQUIRED" validator handle empty values
-  }
-
-  if (!isDate(control.value)) {
-    return { errorMsg: 'Value must be a valid date' };
-  }
-
-  const selectedDate = new Date(control.value);
-  const today = new Date();
-  today.setHours(0, 0, 0, 0);
-
-  if (selectedDate >= today) {
-    return null;
-  }
-
-  return { errorMsg: 'Date must be greater than or equal to the current date' };
-};
-
-const positiveNumberValidator = (control: AbstractControl): ValidationErrors | null => {
-  if (!control.value && control.value !== 0) {
-    return null; // Let "REQUIRED" validator handle "empty" values
-  }
-
-  if (isNumber(control.value) && control.value > 0) {
-    return null;
-  }
-
-  return { errorMsg: 'Value must be a positive number' };
-};
-
-/**
- * This object stores every possible validator used across the application
- * Add all validators that are used in configs to this object
- *
- * Available validators that may be added: min, max, required, requiredTrue,
- *    email, minLength, maxLength, pattern, nullValidator
- */
-export const resourceValidators = Object.freeze({
-  REQUIRED: createResourceValidator(Validators.required),
-  EMAIL: createResourceValidator(Validators.email),
-  CURRENT_OR_FUTURE_DATE: createResourceValidator(currentOrFutureDateValidator),
-  POSITIVE_NUMBER: createResourceValidator(positiveNumberValidator),
-
-  // Add any additional validators here. They may be defined in
-  // a different file if they are too large. E.g.:
-  // MIN_LENGTH_3: createResourceValidator(Validators.minLength(3)),
-});
-
-export const validatorsPresent = (control: AbstractControl, validatorResources: ResourceValidatorFn[]): boolean => {
-  return validatorResources.every((validator) => control.hasValidator(validator));
-};

package/src/ccc-resource/index.ts

@@ -1,23 +0,0 @@
-export * from './can-deactivate.guard';
-export * from './compound-resource/compound-resource.component';
-export * from './concat-fns';
-export * from './empty-readonly-field/empty-readonly-field.component';
-export * from './form-state.service';
-export * from './format-fns';
-export * from './gui-constants';
-export * from './leave-page-confirmation-modal/leave-page-confirmation-modal.component';
-export * from './padding-element/padding-element.component';
-export * from './resource-array-view/resource-array-view.component';
-export * from './resource-base/resource-base.component';
-export * from './resource-cache.service';
-export * from './resource-create/resource-create.component';
-export * from './resource-field/base-field.directive';
-export * from './resource-field/resource-field.component';
-export * from './resource-layout/resource-layout.component';
-export * from './resource-list-create/resource-list-create.component';
-export * from './resource-list/resource-list.component';
-export * from './resource-resolver/resource-resolver.component';
-export * from './resource-store.service';
-export * from './resource-view/resource-view.component';
-export * from './resources-helpers';
-

package/src/ccc-resource/leave-page-confirmation-modal/leave-page-confirmation-modal.component.html

@@ -1,8 +0,0 @@
-<div mat-dialog-title>You have unsaved changes, are you sure you want to leave?</div>
-<mat-dialog-content>
-  <p>Any unsaved changes will be lost.</p>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button mat-raised-button color="warn" [mat-dialog-close]="false">Cancel</button>
-  <button mat-raised-button color="accent" [mat-dialog-close]="true">Confirm</button>
-</mat-dialog-actions>

package/src/ccc-resource/leave-page-confirmation-modal/leave-page-confirmation-modal.component.spec.ts

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

package/src/ccc-resource/leave-page-confirmation-modal/leave-page-confirmation-modal.component.ts

@@ -1,12 +0,0 @@
-import { Component } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialogActions, MatDialogModule } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-
-@Component({
-  selector: 'ccc-leave-page-confirmation-modal',
-  imports: [MatDialogModule, MatFormFieldModule, MatDialogActions, MatButtonModule],
-  templateUrl: './leave-page-confirmation-modal.component.html',
-  styleUrls: ['./leave-page-confirmation-modal.component.scss'],
-})
-export class LeavePageConfirmationModalComponent {}

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

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

package/src/ccc-resource/operation-types.ts

@@ -1,19 +0,0 @@
-export type PatchOperation = 'add' | 'patch' | 'remove';
-
-export interface Operation {
-  op: PatchOperation;
-  value?: Record<string, unknown>;
-  path: string;
-}
-
-export interface CreateOperation extends Operation {
-  op: 'add';
-}
-
-export interface UpdateOperation extends Operation {
-  op: 'patch';
-}
-
-export interface DeleteOperation extends Operation {
-  op: 'remove';
-}

package/src/ccc-resource/padding-element/padding-element.component.html

@@ -1 +0,0 @@
-<div class="padding-container"></div>

package/src/ccc-resource/padding-element/padding-element.component.scss

@@ -1,3 +0,0 @@
-.padding-container {
-  height: 52px;
-}

package/src/ccc-resource/padding-element/padding-element.component.spec.ts

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

package/src/ccc-resource/padding-element/padding-element.component.ts

@@ -1,20 +0,0 @@
-import { Component, HostBinding, input, OnInit } from '@angular/core';
-import { PaddingElement } from '@cccteam/ccc-lib/src/types';
-
-@Component({
-  selector: 'ccc-padding-element',
-  imports: [],
-  templateUrl: './padding-element.component.html',
-  styleUrls: ['./padding-element.component.scss'],
-})
-export class PaddingElementComponent implements OnInit {
-  paddingElement = input.required<PaddingElement>();
-
-  @HostBinding('class') class = 'col-6';
-
-  ngOnInit(): void {
-    if (this.paddingElement().cols) {
-      this.class = 'col-' + this.paddingElement()?.cols;
-    }
-  }
-}

package/src/ccc-resource/resource-array-view/resource-array-view.component.html

@@ -1,81 +0,0 @@
-@if (resourceConfig().title !== '') {
-  <div class="resource-array-view">
-    <mat-expansion-panel
-      #expPanel
-      [@.disabled]="true"
-      [disabled]="!resourceConfig().collapsible"
-      [expanded]="!resourceConfig().collapsible">
-      <mat-expansion-panel-header>
-        @if (resourceConfig().title) {
-          <mat-panel-title>
-            <h1 class="title">
-              {{ resourceConfig().title }}
-            </h1>
-          </mat-panel-title>
-        }
-        @if (showCreateButton()) {
-          <button
-            mat-icon-button
-            class="exp-panel-add-element-btn"
-            color="accent"
-            (click)="createResource($event)"
-            [matTooltip]="resourceConfig().createButtonLabel"
-            matTooltipPosition="above">
-            <mat-icon color="accent">add_circle</mat-icon>
-          </button>
-        }
-      </mat-expansion-panel-header>
-
-      @if (!resourceConfig().collapsible && !resourceConfig().title) {
-        <div class="no-title-exp-panel-padding"></div>
-      }
-
-      @if (createMode()) {
-        <ccc-resource-create
-          [resourceConfig]="createConfig()"
-          [parentData]="parentData()"
-          (complete)="onCreateCompleted()">
-        </ccc-resource-create>
-      }
-      @for (resource of store.listData(); track resource['id']; let i = $index) {
-        @let resourceId = (resource[resourceConfig().connectorField] || resource['id']) + '';
-
-        @if (parentData() && resourceConfig().iteratedConfig && resourceId && i + 1 <= resourceConfig().limit) {
-        <ng-container *ngComponentOutlet="compoundResourceComponent().componentType;
-          inputs: { 
-            uuid: resourceId, 
-            parentData: parentData(), 
-            isArrayChild: true, 
-            resourceConfig: resourceConfig().iteratedConfig 
-          }">
-        </ng-container>
-        }
-      }
-
-      @if (store.listData().length === 0) {
-        <div>No records found</div>
-      }
-    </mat-expansion-panel>
-  </div>
-} @else {
-  @if (createMode()) {
-    <ccc-resource-create [resourceConfig]="createConfig()" [parentData]="parentData()" (complete)="onCreateCompleted()">
-    </ccc-resource-create>
-  }
-  @for (resource of store.listData(); track resource['id']; let i = $index) {
-    @if (parentData() && resourceConfig().iteratedConfig && resource['id'] && i + 1 <= resourceConfig().limit) {
-      <ng-container *ngComponentOutlet="compoundResourceComponent().componentType;
-        inputs: { 
-          uuid: resource['id'] + '', 
-          parentData: parentData(), 
-          isArrayChild: true, 
-          resourceConfig: resourceConfig().iteratedConfig 
-        }">
-      </ng-container>
-    }
-  }
-
-  @if (store.listData().length === 0) {
-    <div>No records found</div>
-  }
-}

package/src/ccc-resource/resource-array-view/resource-array-view.component.scss

@@ -1,21 +0,0 @@
-.resource-array-view {
-  display: flex;
-  flex-direction: column;
-  min-height: 36px;
-  padding: 10px 0 0 0;
-}
-
-.title {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-
-.exp-panel-add-element-btn {
-  margin-right: 10px;
-  transform: scale(1.2);
-}
-
-.no-title-exp-panel-padding {
-  padding: 10px;
-}

package/src/ccc-resource/resource-array-view/resource-array-view.component.spec.ts

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

package/src/ccc-resource/resource-array-view/resource-array-view.component.ts

@@ -1,143 +0,0 @@
-import { NgComponentOutlet } from '@angular/common';
-import {
-  Component,
-  ComponentRef,
-  computed,
-  effect,
-  inject,
-  Injector,
-  input,
-  OnInit,
-  output,
-  signal,
-  viewChild
-} from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatExpansionModule, MatExpansionPanel } from '@angular/material/expansion';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { ArrayConfig, ColumnConfig, RecordData, RESOURCE_META, ViewConfig } from '@cccteam/ccc-lib/src/types';
-import { ResourceCacheService } from '../resource-cache.service';
-import { ResourceCreateComponent } from '../resource-create/resource-create.component';
-import { ResourceStore } from '../resource-store.service';
-
-@Component({
-  selector: 'ccc-resource-array-view',
-  templateUrl: './resource-array-view.component.html',
-  styleUrl: './resource-array-view.component.scss',
-  imports: [
-    MatButtonModule,
-    MatExpansionModule,
-    MatIconModule,
-    MatTooltipModule,
-    ResourceCreateComponent,
-    NgComponentOutlet,
-  ],
-  providers: [ResourceStore],
-})
-export class ResourceArrayViewComponent implements OnInit {
-  store = inject(ResourceStore);
-  cache = inject(ResourceCacheService);
-  injector = inject(Injector);
-  resourceMeta = inject(RESOURCE_META);
-
-  resourceConfig = input.required<ArrayConfig>();
-  parentData = input<RecordData>({});
-  expPanel = viewChild<MatExpansionPanel, MatExpansionPanel>('expPanel', { read: MatExpansionPanel });
-
-  emptyOneToOne = output<boolean>();
-
-  createMode = signal(false);
-  compoundResourceComponent = input.required<ComponentRef<any>>();
-
-  showCreateButton = computed(() => {
-    const list = this.store.listData();
-    const resourceConfig = this.resourceConfig();
-    const iteratedConfig = resourceConfig.iteratedConfig;
-    if (list && resourceConfig?.viewType === 'OneToOne') {
-      this.emptyOneToOne.emit(list.length === 0);
-      return list.length === 0;
-    }
-    if ('createTitle' in iteratedConfig && iteratedConfig.createTitle !== '') {
-      return true;
-    }
-    return false;
-  });
-
-  createConfig = computed(() => {
-    const config = this.resourceConfig();
-    if (config.createConfig && Object.keys(config.createConfig).length !== 0) {
-      return config.createConfig as ViewConfig;
-    }
-    if (config.iteratedConfig && Object.keys(config.iteratedConfig).length !== 0) {
-      return config.iteratedConfig as ViewConfig;
-    }
-    return config;
-  });
-
-  resourceListRoute = computed(() => {
-    const config = this.resourceConfig();
-    const meta = this.resourceMeta(config.connectorResource || config.primaryResource);
-    return meta.route;
-  });
-
-  setCreateMode(value: boolean): void {
-    this.createMode.set(value);
-    if (value && this.expPanel && this.expPanel()?.closed) {
-      this.expPanel()?.open();
-    }
-  }
-
-  ngOnInit(): void {
-    this.store.resourceName.set(this.resourceConfig().primaryResource);
-    const meta = this.resourceMeta(this.resourceConfig().primaryResource);
-    this.store.resourceMeta.set(meta);
-    this.store.overrideRoute.set(this.resourceListRoute());
-    const columnArray = [];
-    if (this.resourceConfig().connectorField !== '') {
-      columnArray.push({ id: this.resourceConfig().connectorField });
-    } else {
-      columnArray.push({ id: 'id' } as ColumnConfig);
-    }
-    this.store.listColumns.set(columnArray);
-    this.store.sorts.set(this.resourceConfig().sorts);
-  }
-
-  constructor() {
-    effect(() => {
-      const parentData = this.parentData();
-      const resourceConfig = this.resourceConfig();
-
-      if (resourceConfig && 'listFilter' in resourceConfig && parentData) {
-        const filter = resourceConfig.listFilter(parentData);
-
-        this.store.filter.set(filter);
-        this.store.resetResourceList();
-      }
-    });
-  }
-
-  createResource(event: MouseEvent): void {
-    event.stopPropagation();
-    const expPanel = this.expPanel();
-
-    if (!expPanel) {
-      this.setCreateMode(true);
-      return;
-    }
-    this.setCreateMode(true);
-    if (expPanel.closed) {
-      expPanel.open();
-    }
-  }
-
-  onResourceDeleted(): void {
-    this.setCreateMode(false);
-  }
-
-  onCreateCompleted(): void {
-    this.cache.updateResourceInCache(this.store.resourceName(), 'list');
-
-    this.setCreateMode(false);
-  }
-}

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

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

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

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ResourceCacheService } from '../resource-cache.service';
-
-@Component({
-  selector: 'ccc-resource-base',
-  imports: [RouterModule],
-  providers: [ResourceCacheService],
-  template: '<router-outlet></router-outlet>',
-})
-export class ResourceBaseComponent {}