cedar-embeddable-editor 0.9.0

package/src/app/modules/shared/models/info/controlled-info.model.ts

@@ -0,0 +1,8 @@
+export class ControlledInfo {
+
+  ontologies: Array<object>;
+  valueSets: Array<object>;
+  classes: Array<object>;
+  branches: Array<object>;
+
+}

package/src/app/modules/shared/models/info/current-multi-info.model.ts

@@ -0,0 +1,7 @@
+// make this disappear
+export class CurrentMultiInfo {
+
+  count: number;
+  currentIndex: number;
+
+}

package/src/app/modules/shared/models/info/label-info.model.ts

@@ -0,0 +1,7 @@
+export class LabelInfo {
+
+  preferredLabel: string;
+  description: string;
+  label: string;
+
+}

package/src/app/modules/shared/models/info/multi-info.model.ts

@@ -0,0 +1,10 @@
+export class MultiInfo {
+
+  minItems: number;
+  maxItems: number;
+
+  getSafeMinItems(): number {
+    return this.minItems === null ? 0 : this.minItems;
+  }
+
+}

package/src/app/modules/shared/models/info/multi-instance-info.model.ts

@@ -0,0 +1,20 @@
+import {MultiInstanceObjectInfo} from './multi-instance-object-info.model';
+
+export class MultiInstanceInfo extends Object {
+
+  constructor() {
+    super();
+  }
+
+  addChild(multiInfo: MultiInstanceObjectInfo): void {
+    this[multiInfo.componentName] = multiInfo;
+  }
+
+  getChildByName(componentName: string): MultiInstanceObjectInfo {
+    if (this.hasOwnProperty(componentName)) {
+      return this[componentName];
+    } else {
+      return null;
+    }
+  }
+}

package/src/app/modules/shared/models/info/multi-instance-object-info.model.ts

@@ -0,0 +1,30 @@
+import {MultiInstanceInfo} from './multi-instance-info.model';
+
+export class MultiInstanceObjectInfo {
+
+  componentName: string;
+  currentCount: number;
+  currentIndex: number;
+  children: Array<MultiInstanceInfo>;
+
+  constructor() {
+    this.componentName = null;
+    this.currentCount = 0;
+    this.currentIndex = -1;
+    this.children = new Array<MultiInstanceInfo>();
+  }
+
+  public addChild(child: MultiInstanceInfo): void {
+    this.children.push(child);
+  }
+
+  //
+  // getChildByName(childName: string): MultiInstanceInfo {
+  //   for (const child of this.children) {
+  //     if (child.componentName === childName) {
+  //       return child;
+  //     }
+  //   }
+  //   return null;
+  // }
+}

package/src/app/modules/shared/models/info/number-info.model.ts

@@ -0,0 +1,9 @@
+export class NumberInfo {
+
+  numberType: string;
+  unitOfMeasure: string;
+  minValue: number;
+  maxValue: number;
+  decimalPlace: number;
+
+}

package/src/app/modules/shared/models/info/value-info.model.ts

@@ -0,0 +1,9 @@
+export class ValueInfo {
+
+  requiredValue: boolean;
+  defaultValue: string;
+  minLength: number;
+  maxLength: number;
+  temporalType: string;
+
+}

package/src/app/modules/shared/models/input-type.model.ts

@@ -0,0 +1,21 @@
+export class InputType {
+
+  static numeric = 'numeric';
+  static text = 'textfield';
+  static textarea = 'textarea';
+  static richText = 'richtext';
+  static controlled = 'controlled';
+  static email = 'email';
+  static link = 'link';
+  static phoneNumber = 'phone-number';
+  static list = 'list';
+  static checkbox = 'checkbox';
+  static radio = 'radio';
+  static temporal = 'temporal';
+  static image = 'image';
+  static youtube = 'youtube';
+  static sectionBreak = 'section-break';
+  static pageBreak = 'page-break';
+  static attributeValue = 'attribute-value';
+
+}

package/src/app/modules/shared/models/instance-extract-data.model.ts

@@ -0,0 +1,3 @@
+export class InstanceExtractData extends Object {
+
+}

package/src/app/modules/shared/models/instance-full-data.model.ts

@@ -0,0 +1,5 @@
+import {InstanceExtractData} from './instance-extract-data.model';
+
+export class InstanceFullData extends InstanceExtractData {
+
+}

package/src/app/modules/shared/models/javascript-types.model.ts

@@ -0,0 +1,7 @@
+export class JavascriptTypes {
+
+  static array = 'array';
+  static object = 'object';
+  static string = 'string';
+
+}

package/src/app/modules/shared/models/json-schema.model.ts

@@ -0,0 +1,39 @@
+export class JsonSchema {
+
+  // special properties used to add attribute-value fields to the model
+  static reservedAttributeName = '__reserved__attribute_name';
+  static reservedAttributeValue = '__reserved__attribute_value';
+  static reservedDefaultAttributeName = 'Attribute Value Field';
+
+  static properties = 'properties';
+
+  static atContext = '@context';
+  static atId = '@id';
+  static atType = '@type';
+  static atValue = '@value';
+  static schemaIsBasedOn = 'schema:isBasedOn';
+  static schemaName = 'schema:name';
+  static schemaDescription = 'schema:description';
+  static pavDerivedFrom = 'pav:derivedFrom';
+  static pavCreatedOn = 'pav:createdOn';
+  static pavCreatedBy = 'pav:createdBy';
+  static pavLastUpdatedOn = 'pav:lastUpdatedOn';
+  static oslcModifiedBy = 'oslc:modifiedBy';
+  static rdfsLabel = 'rdfs:label';
+  static termUri = 'termUri';
+
+  static builtInProperties: Map<string, boolean> = new Map([
+    [JsonSchema.atId, true],
+    [JsonSchema.atContext, true],
+    [JsonSchema.atType, true],
+    [JsonSchema.schemaIsBasedOn, true],
+    [JsonSchema.schemaName, true],
+    [JsonSchema.schemaDescription, true],
+    [JsonSchema.pavDerivedFrom, true],
+    [JsonSchema.pavCreatedOn, true],
+    [JsonSchema.pavCreatedBy, true],
+    [JsonSchema.pavLastUpdatedOn, true],
+    [JsonSchema.oslcModifiedBy, true]
+  ]);
+
+}

package/src/app/modules/shared/models/numbers.model.ts

@@ -0,0 +1,10 @@
+export class Numbers {
+
+  static PATTERN_XSD_INT_AND_LONG = '[+-]?(0|[1-9][0-9]*)';
+  static PATTERN_XSD_FLOAT_AND_DOUBLE = '([+-]?((0|[1-9][0-9]*)(\\.[0-9]{0,maxDig})?|\\.[0-9]{0,maxDig}))';
+  static NUMBER_INT_MAX = 2147483647;
+  static NUMBER_INT_MIN = -2147483648;
+  static NUMBER_LONG_MAX = 9223372036854775807;
+  static NUMBER_LONG_MIN = -9223372036854775808;
+
+}

package/src/app/modules/shared/models/rest/integrated-search/integrated-search-request-parameter-object.ts

@@ -0,0 +1,8 @@
+import {IntegratedSearchRequestValueConstraints} from './integrated-search-request-value-constraints';
+
+export class IntegratedSearchRequestParameterObject {
+
+  valueConstraints: IntegratedSearchRequestValueConstraints = new IntegratedSearchRequestValueConstraints();
+  inputText = '';
+
+}

package/src/app/modules/shared/models/rest/integrated-search/integrated-search-request-value-constraints.ts

@@ -0,0 +1,8 @@
+export class IntegratedSearchRequestValueConstraints {
+
+  ontologies: Array<object> = [];
+  valueSets: Array<object> = [];
+  classes: Array<object> = [];
+  branches: Array<object> = [];
+
+}

package/src/app/modules/shared/models/rest/integrated-search/integrated-search-request.ts

@@ -0,0 +1,9 @@
+import {IntegratedSearchRequestParameterObject} from './integrated-search-request-parameter-object';
+
+export class IntegratedSearchRequest {
+
+  parameterObject: IntegratedSearchRequestParameterObject = new IntegratedSearchRequestParameterObject();
+  page = 1;
+  pageSize = 50;
+
+}

package/src/app/modules/shared/models/rest/integrated-search/integrated-search-response-item.ts

@@ -0,0 +1,10 @@
+export class IntegratedSearchResponseItem {
+
+  id: string;
+  type: string;
+  prefLabel: string;
+  notation: object;
+  definition: string;
+  source: string;
+
+}

package/src/app/modules/shared/models/rest/integrated-search/integrated-search-response.ts

@@ -0,0 +1,13 @@
+import {IntegratedSearchResponseItem} from './integrated-search-response-item';
+
+export class IntegratedSearchResponse {
+
+  page: number;
+  pageCount: number;
+  pageSize: number;
+  totalCount: number;
+  prevPage: object;
+  nextPage: object;
+  collection: Array<IntegratedSearchResponseItem>;
+
+}

package/src/app/modules/shared/models/static/static-field-component.model.ts

@@ -0,0 +1,24 @@
+import {SingleComponent} from '../component/single-component.model';
+import {LabelInfo} from '../info/label-info.model';
+import {BasicInfo} from '../info/basic-info.model';
+import {ContentInfo} from '../info/content-info.model';
+
+export class StaticFieldComponent implements SingleComponent {
+
+  className = 'StaticFieldComponent';
+
+  name: string;
+  path: string[];
+  labelInfo: LabelInfo = new LabelInfo();
+  basicInfo: BasicInfo = new BasicInfo();
+  contentInfo: ContentInfo = new ContentInfo();
+  linkedStaticFieldComponent: StaticFieldComponent = null;
+
+  isMulti(): boolean {
+    return false;
+  }
+
+  isMultiPage(): boolean {
+    return false;
+  }
+}

package/src/app/modules/shared/models/template/cedar-template.model.ts

@@ -0,0 +1,24 @@
+import {TemplateComponent} from './template-component.model';
+import {AbstractElementComponent} from '../element/abstract-element-component.model';
+import {CedarComponent} from '../component/cedar-component.model';
+import {DataObjectUtil} from '../../util/data-object-util';
+
+export class CedarTemplate extends AbstractElementComponent implements TemplateComponent {
+
+  className = 'CedarTemplate';
+  pageBreakChildren: Array<CedarComponent[]>;
+
+
+  hasPageBreaks(): boolean {
+    return (this.pageBreakChildren.length > 1 && !DataObjectUtil.arraysEqual(this.children, this.pageBreakChildren[0]));
+  }
+
+  isMulti(): boolean {
+    return false;
+  }
+
+  isMultiPage(): boolean {
+    return false;
+  }
+
+}

package/src/app/modules/shared/models/template/empty-template.model.ts

@@ -0,0 +1,5 @@
+import {TemplateComponent} from './template-component.model';
+import {NullTemplate} from './null-template.model';
+
+export class EmptyTemplate extends NullTemplate implements TemplateComponent {
+}

package/src/app/modules/shared/models/template/null-template.model.ts

@@ -0,0 +1,23 @@
+import {TemplateComponent} from './template-component.model';
+import {AbstractElementComponent} from '../element/abstract-element-component.model';
+import {CedarComponent} from '../component/cedar-component.model';
+
+export class NullTemplate extends AbstractElementComponent implements TemplateComponent {
+
+  className = 'NullTemplate';
+  pageBreakChildren: Array<CedarComponent[]>;
+
+
+  hasPageBreaks(): boolean {
+    return false;
+  }
+
+  isMulti(): boolean {
+    return false;
+  }
+
+  isMultiPage(): boolean {
+    return false;
+  }
+
+}

package/src/app/modules/shared/models/template/template-component.model.ts

@@ -0,0 +1,12 @@
+import {ElementComponent} from '../component/element-component.model';
+import {CedarComponent} from '../component/cedar-component.model';
+import {DataObjectUtil} from '../../util/data-object-util';
+
+// tslint:disable-next-line:no-empty-interface
+export interface TemplateComponent extends ElementComponent {
+
+  pageBreakChildren: Array<CedarComponent[]>;
+
+  hasPageBreaks(): boolean;
+
+}

package/src/app/modules/shared/models/temporal.model.ts

@@ -0,0 +1,13 @@
+export class Temporal {
+
+  static year = 'year';
+  static month = 'month';
+  static day = 'day';
+  static hour = 'hour';
+  static minute = 'minute';
+  static second = 'second';
+  static decimalSecond = 'decimalSecond';
+
+  static inputType12h = '12h';
+  static inputType24h = '24h';
+}

package/src/app/modules/shared/models/ui/cedar-ui-component.model.ts

@@ -0,0 +1,17 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  template: ''
+})
+export abstract class CedarUIComponent implements OnInit {
+
+  abstract ngOnInit(): void;
+  abstract setCurrentValue(currentValue: any): void;
+
+  deleteCurrentValue(): void {
+    // do nothing unless overridden
+    // used for executing component-specific operations
+    // for deleting an instance
+  }
+
+}

package/src/app/modules/shared/models/xsd.model.ts

@@ -0,0 +1,11 @@
+export class Xsd {
+
+  static int = 'xsd:int';
+  static long = 'xsd:long';
+  static float = 'xsd:float';
+  static double = 'xsd:double';
+  static date = 'xsd:date';
+  static dateTime = 'xsd:dateTime';
+  static time = 'xsd:time';
+
+}

package/src/app/modules/shared/pipe/keep-html.pipe.ts

@@ -0,0 +1,13 @@
+import {Pipe, PipeTransform} from '@angular/core';
+import {DomSanitizer, SafeHtml} from '@angular/platform-browser';
+
+@Pipe({name: 'keepHtml', pure: false})
+
+export class EscapeHtmlPipe implements PipeTransform {
+  constructor(private sanitizer: DomSanitizer) {
+  }
+
+  transform(content: string): SafeHtml {
+    return this.sanitizer.bypassSecurityTrustHtml(content);
+  }
+}

package/src/app/modules/shared/pipe/rdf.pipe.ts

@@ -0,0 +1,10 @@
+import {Pipe, PipeTransform} from '@angular/core';
+
+@Pipe({name: 'rdf'})
+export class RdfPipe implements PipeTransform {
+
+  transform(value: object): string {
+    return value.toString();
+  }
+
+}

package/src/app/modules/shared/service/active-component-registry.service.ts

@@ -0,0 +1,134 @@
+import {CedarUIComponent} from '../models/ui/cedar-ui-component.model';
+import {CedarComponent} from '../models/component/cedar-component.model';
+import {SingleFieldComponent} from '../models/field/single-field-component.model';
+import {JsonSchema} from '../models/json-schema.model';
+import {MultiFieldComponent} from '../models/field/multi-field-component.model';
+import {SingleElementComponent} from '../models/element/single-element-component.model';
+import {MultiElementComponent} from '../models/element/multi-element-component.model';
+import {Injectable} from '@angular/core';
+import {CedarMultiPagerComponent} from '../components/cedar-multi-pager/cedar-multi-pager.component';
+import {MultiInstanceObjectInfo} from '../models/info/multi-instance-object-info.model';
+import {HandlerContext} from '../util/handler-context';
+import {InputType} from '../models/input-type.model';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ActiveComponentRegistryService {
+
+  public modelToUI: Map<CedarComponent, CedarUIComponent> = new Map<CedarComponent, CedarUIComponent>();
+  private modelToMultiPagerUI: Map<CedarComponent, CedarMultiPagerComponent> = new Map<CedarComponent, CedarMultiPagerComponent>();
+
+  private getUIComponent(component: CedarComponent): CedarUIComponent {
+    return this.modelToUI.get(component);
+  }
+
+  private getMultiPagerUI(component: CedarComponent): CedarMultiPagerComponent {
+    return this.modelToMultiPagerUI.get(component);
+  }
+
+  updateViewToModel(component: CedarComponent, handlerContext: HandlerContext): void {
+    if (component instanceof SingleFieldComponent) {
+      const dataObject: object = handlerContext.getDataObjectNodeByPath(component.path);
+      const uiComponent: CedarUIComponent = this.getUIComponent(component);
+      if (uiComponent != null && dataObject != null) {
+        if (dataObject.hasOwnProperty(JsonSchema.atValue)) {
+          uiComponent.setCurrentValue(dataObject[JsonSchema.atValue]);
+        } else if (dataObject.hasOwnProperty(JsonSchema.atId) && (component.basicInfo.inputType === InputType.link)) {
+          // url field single
+          uiComponent.setCurrentValue(dataObject[JsonSchema.atId]);
+        } else if (dataObject.hasOwnProperty(JsonSchema.atId)) {
+          // controlled field single
+          uiComponent.setCurrentValue(dataObject[JsonSchema.rdfsLabel]);
+        }
+      }
+    } else if (component instanceof MultiFieldComponent) {
+      const dataObject: object = handlerContext.getDataObjectNodeByPath(component.path);
+      const parentDataObject = handlerContext.getParentDataObjectNodeByPath(component.path);
+      const uiComponent: CedarUIComponent = this.getUIComponent(component);
+      const multiInstanceInfo: MultiInstanceObjectInfo =
+        handlerContext.multiInstanceObjectService.getMultiInstanceInfoForComponent(component);
+
+      // this is a multi-value but not multi-page component, such as checkbox or multiselect
+      if (!component.isMultiPage()) {
+        const dataArr = dataObject as Array<object>;
+
+        if (uiComponent) {
+          uiComponent.setCurrentValue(dataArr.map(a => a[JsonSchema.atValue]));
+        }
+      } else if (dataObject[multiInstanceInfo.currentIndex] != null) {
+        if (component.basicInfo.inputType === InputType.attributeValue) {
+          let key = dataObject[multiInstanceInfo.currentIndex];
+
+          if (key instanceof Object && key.hasOwnProperty(JsonSchema.atValue) && key[JsonSchema.atValue] === null) {
+            handlerContext.changeAttributeValue(component, null, null);
+          } else if (multiInstanceInfo.currentIndex > 0) {
+            const cloneSourceKey = dataObject[multiInstanceInfo.currentIndex - 1];
+
+            if (key === cloneSourceKey) {
+              const val = parentDataObject[cloneSourceKey][JsonSchema.atValue];
+              handlerContext.changeAttributeValue(component, null, val);
+            }
+          }
+          key = dataObject[multiInstanceInfo.currentIndex];
+          const value = parentDataObject[key][JsonSchema.atValue];
+          const obj = {};
+          obj[key] = value;
+
+          if (uiComponent) {
+            uiComponent.setCurrentValue(obj);
+          }
+        } else {
+          if (dataObject[multiInstanceInfo.currentIndex].hasOwnProperty(JsonSchema.atValue)) {
+            if (uiComponent) {
+              uiComponent.setCurrentValue(dataObject[multiInstanceInfo.currentIndex][JsonSchema.atValue]);
+            }
+          } else if (dataObject[multiInstanceInfo.currentIndex].hasOwnProperty(JsonSchema.atId)) {
+            // controlled field multipage
+            if (uiComponent) {
+              uiComponent.setCurrentValue(dataObject[multiInstanceInfo.currentIndex][JsonSchema.rdfsLabel]);
+            }
+          }
+        }
+
+        if (component.isMultiPage()) {
+          const uiPager = this.getMultiPagerUI(component);
+
+          if (uiPager) {
+            uiPager.updatePagingUI();
+          }
+        }
+      }
+    } else if (component instanceof SingleElementComponent) {
+      for (const childComponent of component.children) {
+        this.updateViewToModel(childComponent, handlerContext);
+      }
+    } else if (component instanceof MultiElementComponent) {
+      const uiPager = this.getMultiPagerUI(component);
+
+      if (uiPager) {
+        uiPager.updatePagingUI();
+      }
+
+      for (const childComponent of component.children) {
+        this.updateViewToModel(childComponent, handlerContext);
+      }
+    }
+  }
+
+  deleteCurrentValue(component: CedarComponent): void {
+    const uiComponent: CedarUIComponent = this.getUIComponent(component);
+
+    if (uiComponent) {
+      uiComponent.deleteCurrentValue();
+    }
+  }
+
+  registerComponent(modelComponent: CedarComponent, uiComponent: CedarUIComponent): void {
+    this.modelToUI.set(modelComponent, uiComponent);
+  }
+
+  registerMultiPagerComponent(modelComponent: CedarComponent, uiComponent: CedarMultiPagerComponent): void {
+    this.modelToMultiPagerUI.set(modelComponent, uiComponent);
+  }
+}

package/src/app/modules/shared/service/component-data.service.ts

@@ -0,0 +1,25 @@
+import {CedarComponent} from '../models/component/cedar-component.model';
+import {Injectable} from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ComponentDataService {
+
+  public getRenderingLabelForComponent(component: CedarComponent): string {
+    if (component.labelInfo !== undefined &&
+      component.labelInfo.preferredLabel !== undefined &&
+      component.labelInfo.preferredLabel !== null) {
+      return component.labelInfo.preferredLabel;
+    }
+    if (component.labelInfo !== undefined &&
+      component.labelInfo.label !== undefined &&
+      component.labelInfo.label !== null) {
+      return component.labelInfo.label;
+    }
+    if (component.name !== null) {
+      return component.name;
+    }
+  }
+
+}

package/src/app/modules/shared/service/controlled-field-data.service.ts

@@ -0,0 +1,37 @@
+import {Injectable} from '@angular/core';
+import {Observable} from 'rxjs';
+import {IntegratedSearchResponse} from '../models/rest/integrated-search/integrated-search-response';
+import {IntegratedSearchRequest} from '../models/rest/integrated-search/integrated-search-request';
+import {FieldComponent} from '../models/component/field-component.model';
+import {HttpClient} from '@angular/common/http';
+import {MessageHandlerService} from './message-handler.service';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ControlledFieldDataService {
+
+  private terminologyProxyUrl = null;
+
+  constructor(
+    private http: HttpClient,
+    private messageHandlerService: MessageHandlerService
+  ) {
+  }
+
+  setTerminologyProxyUrl(terminologyProxyUrl: string): void {
+    this.terminologyProxyUrl = terminologyProxyUrl;
+  }
+
+  getData(val: string, component: FieldComponent): Observable<IntegratedSearchResponse> {
+    const postData = new IntegratedSearchRequest();
+    postData.parameterObject.inputText = val;
+    postData.parameterObject.valueConstraints.branches = component.controlledInfo.branches;
+    postData.parameterObject.valueConstraints.classes = component.controlledInfo.classes;
+    postData.parameterObject.valueConstraints.ontologies = component.controlledInfo.ontologies;
+    postData.parameterObject.valueConstraints.valueSets = component.controlledInfo.valueSets;
+    // this.messageHandlerService.traceObject('Read terminology integrated search:', postData);
+    return this.http.post<IntegratedSearchResponse>(this.terminologyProxyUrl, postData);
+  }
+
+}

package/src/app/modules/shared/service/date-time/custom-date-adapter.ts

@@ -0,0 +1,19 @@
+import {Injectable} from '@angular/core';
+import {MomentDateAdapter} from '@angular/material-moment-adapter';
+import * as moment from 'moment';
+import {DateTimeService} from './date-time.service';
+
+@Injectable()
+export class CustomDateAdapter extends MomentDateAdapter {
+  constructor(private dateTimeService: DateTimeService) {
+    super(dateTimeService.locale);
+  }
+
+  public format(date: moment.Moment, displayFormat: string): string {
+    const locale = this.dateTimeService.locale;
+    const format = this.dateTimeService.format;
+    date.locale(locale);
+    const result = date.format(format);
+    return result;
+  }
+}