nuxeo-development-framework 4.1.4 → 4.1.6

package/src/lib/components/dynamic-form/components/form-wrappers/date-wrapper/date-wrapper.component.html

@@ -0,0 +1,2 @@
+<cts-dynamic-form-hijri-dateitem [(ngModel)]="value" (valueChanged)="excuteFunction($event)">
+</cts-dynamic-form-hijri-dateitem>

package/src/lib/components/dynamic-form/components/form-wrappers/date-wrapper/date-wrapper.component.ts

@@ -0,0 +1,33 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormioCustomComponent } from 'angular-formio';
+
+@Component({
+  selector: 'app-date-wrapper',
+  templateUrl: './date-wrapper.component.html',
+  styleUrls: ['./date-wrapper.component.scss']
+})
+export class DateWrapperComponent implements FormioCustomComponent<any> {
+  @Input()
+  value: number;
+
+
+  @Input()
+  fixedKey: string;
+
+  @Output()
+  valueChange = new EventEmitter<any>();
+
+  @Input()
+  disabled: boolean;
+
+  constructor() {
+  }
+
+  excuteFunction(event){
+    // set timout to fix issue of date reading with null in page ( since value still be with undefined when emitting)
+    setTimeout(() => {
+      console.log(this.value)
+      this.valueChange.emit(event);
+    }, 1000);
+  }
+}

package/src/lib/components/dynamic-form/components/form-wrappers/date-wrapper/date-wrapper.formio.ts

@@ -0,0 +1,22 @@
+import { Injector } from '@angular/core';
+import { FormioCustomComponentInfo, registerCustomFormioComponent } from 'angular-formio';
+import { Components } from 'formiojs';
+import { DateWrapperComponent } from './date-wrapper.component';
+import { baseEditForm } from '../base-edit-form/base-edit-form';
+
+const editForm = () => baseEditForm();
+
+const COMPONENT_OPTIONS: FormioCustomComponentInfo = {
+  type: 'customdate',
+  selector: 'customdate-selector',
+  title: 'customdate',
+  group: 'basic',
+  icon: 'fa fa-star',
+  fieldOptions: ['customOptions', 'fixedKey'],
+  editForm
+};
+
+
+export function registerDateComponent(injector: Injector) {
+  registerCustomFormioComponent(COMPONENT_OPTIONS, DateWrapperComponent, injector);
+}

package/src/lib/components/dynamic-form/components/form-wrappers/toggle-wrapper/toggle-wrapper.component.html

@@ -0,0 +1 @@
+<cts-dynamic-form-slide-toggleitem [disabled]="disabled" [(ngModel)]="value" (ngModelChange)="executeFunction($event)"></cts-dynamic-form-slide-toggleitem>

package/src/lib/components/dynamic-form/components/form-wrappers/toggle-wrapper/toggle-wrapper.component.ts

@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+  selector: 'cts-toggle-wrapper',
+  templateUrl: './toggle-wrapper.component.html',
+  styleUrls: ['./toggle-wrapper.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class ToggleWrapperComponent {
+  @Input()
+  value: number;
+
+  @Input()
+  fixedKey: string;
+
+  @Input()
+  customOptions: string;
+
+  @Output()
+  valueChange = new EventEmitter<number>();
+
+  @Input()
+  disabled: boolean;
+
+  constructor() {
+  }
+
+  executeFunction(event) {
+    this.valueChange.emit(event);
+  }
+}
+

package/src/lib/components/dynamic-form/components/form-wrappers/toggle-wrapper/toggle-wrapper.formio.ts

@@ -0,0 +1,20 @@
+import { Injector } from '@angular/core';
+import { FormioCustomComponentInfo, registerCustomFormioComponent } from 'angular-formio';
+import { baseEditForm } from '../base-edit-form/base-edit-form';
+import { ToggleWrapperComponent } from './toggle-wrapper.component';
+
+const editForm = () => baseEditForm();
+const COMPONENT_OPTIONS: FormioCustomComponentInfo = {
+  type: 'toggle',
+  selector: 'toggle-selector',
+  title: 'toggle',
+  group: 'basic',
+  icon: 'fa fa-star',
+  fieldOptions: ['customOptions', 'fixedKey'],
+  editForm
+};
+
+
+export function registerToggleComponent(injector: Injector) {
+  registerCustomFormioComponent(COMPONENT_OPTIONS, ToggleWrapperComponent, injector);
+}

package/src/lib/components/dynamic-form/components/form-wrappers/user-selector-wrapper/user-selector-wrapper.component.html

@@ -0,0 +1,17 @@
+<cts-dynamic-form-select-users placeholder="{{ 'CREATE.PLACE_HOLDER' | translate }} {{'CREATE.USER' | translate}}"
+  [multiple]="multipleMode"
+  [searchable]="true"
+  [bindLabel]="'fullName'"
+  [closeOnSelect]="!multipleMode"
+  [searchable]="true"
+  [deptTitle]="'all'"
+  [preSelectedValues]="[]"
+  [usePreSelectedValue]="true"
+  (onSelectItems)="executeFunction($event)"
+  (ngModelChange)="checkChange($event)"
+  [(ngModel)]="bindedValue" >
+</cts-dynamic-form-select-users>
+  <!--  -->
+
+<!-- <div>{{customOptions | json}}</div>
+<div>{{multipleMode}}</div> -->

package/src/lib/components/dynamic-form/components/form-wrappers/user-selector-wrapper/user-selector-wrapper.component.ts

@@ -0,0 +1,65 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+  selector: 'lib-user-selector-wrapper',
+  templateUrl: './user-selector-wrapper.component.html',
+  styleUrls: ['./user-selector-wrapper.component.css']
+})
+export class UserSelectorWrapperComponent implements OnInit {
+  @Input()
+  value;
+
+  @Input() 
+  multipleMode:boolean = false;
+
+  @Input() customOptions;
+
+  bindedValue; // to bind value emitted temporary until mapping it in checkchang function
+
+  @Output()
+  valueChange = new EventEmitter<number>();
+  timer = 0;
+  constructor() { }
+
+  ngOnInit(): void {
+    // check for selected values to be passed from outside for 10 sec then stop checking
+    let checkforValue = setInterval(() => {
+      if(this.timer === 10){
+        clearInterval(checkforValue);
+      }else{
+        if(this.value){
+          if(this.value['userSelector']){
+            this.bindedValue = this.value['value'];
+          }else{
+            this.bindedValue = this.value;
+          }
+          clearInterval(checkforValue);
+        }else{
+          this.timer += 1;
+        }
+      }
+    }, 1000)
+  }
+
+  executeFunction(event){
+    this.valueChange.emit(event);
+  }
+  // shape of emited value from the wrapper 
+// {userSelector : true , value : {} || [{}]}
+  checkChange(event){
+    console.log(event);
+    this.value = {
+      userSelector : true,
+      value : event
+    }
+    // if(this.multipleMode){
+    //   let names = [];
+    //   event.map(item => {
+    //     names.push(item?.properties?.username)
+    //   })
+    //   this.value = names
+    // }else{
+    //   this.value = event?.properties?.username
+    // }
+  }
+}

package/src/lib/components/dynamic-form/components/form-wrappers/user-selector-wrapper/user-selector-wrapper.formio.ts

@@ -0,0 +1,34 @@
+import { Injector } from '@angular/core';
+import { FormioCustomComponentInfo, registerCustomFormioComponent } from 'angular-formio';
+import { Components } from 'formiojs';
+import { baseEditForm } from '../base-edit-form/base-edit-form';
+import { UserSelectorWrapperComponent } from './user-selector-wrapper.component';
+
+const editForm = () => baseEditForm([
+  {
+    key: 'display',
+    components: [
+      {
+        type: 'checkbox',
+        label: 'Multiple User Selector',
+        key: 'customOptions.multipleMode',
+        disabled: false,
+        weight: -1
+      }
+    ]
+  }
+]);
+const COMPONENT_OPTIONS: FormioCustomComponentInfo = {
+  type: 'userSelector',
+  selector: 'user-selector',
+  title: 'userSelector',
+  group: 'basic',
+  icon: 'fa fa-star',
+  fieldOptions: ['customOptions','customOptions.multipleMode'],
+  editForm
+};
+
+
+export function registerUserSelectorComponent(injector: Injector) {
+  registerCustomFormioComponent(COMPONENT_OPTIONS, UserSelectorWrapperComponent, injector);
+}

package/src/lib/components/dynamic-form/components/form-wrappers/vocabulary-wrapper/vocabulary-wrapper.component.html

@@ -0,0 +1,10 @@
+<app-dynamic-form-vocabulary-item *ngIf="vocId"
+[bindLabel]="'displayLabel'"
+[bindValue]="'id'"
+[(ngModel)]="value"
+(onSelecting)="executeFunction($event)"
+[vocabularyType]="vocId">
+</app-dynamic-form-vocabulary-item>
+<!-- <div>
+    {{vocId | json}}
+</div> -->

package/src/lib/components/dynamic-form/components/form-wrappers/vocabulary-wrapper/vocabulary-wrapper.component.ts

@@ -0,0 +1,28 @@
+import { ThrowStmt } from '@angular/compiler';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormioCustomComponent } from 'angular-formio';
+
+@Component({
+  selector: 'app-vocabulary-wrapper',
+  templateUrl: './vocabulary-wrapper.component.html',
+  styleUrls: ['./vocabulary-wrapper.component.scss']
+})
+export class VocabularyWrapperComponent implements FormioCustomComponent<number> {
+  @Input()
+  value: number;
+
+  @Input()
+  vocId: string;
+
+  @Input()
+  disabled: boolean;
+
+  @Output()
+  valueChange = new EventEmitter<number>();
+  constructor() {
+  }
+
+  executeFunction(event){
+    this.valueChange.emit(event);
+  }
+}

package/src/lib/components/dynamic-form/components/form-wrappers/vocabulary-wrapper/vocabulary-wrapper.formio.ts

@@ -0,0 +1,34 @@
+import { Injector } from '@angular/core';
+import { FormioCustomComponentInfo, registerCustomFormioComponent } from 'angular-formio';
+import { Components } from 'formiojs';
+import { VocabularyWrapperComponent } from './vocabulary-wrapper.component';
+import { baseEditForm } from '../base-edit-form/base-edit-form';
+
+const editForm = () => baseEditForm([
+  {
+    key: 'display',
+    components: [
+      {
+        type: 'textfield',
+        label: 'vocabulary key',
+        key: 'customOptions.vocId',
+        disabled: false,
+        weight: -1
+      }
+    ]
+  }
+]);
+const COMPONENT_OPTIONS: FormioCustomComponentInfo = {
+  type: 'vocabulary',
+  selector: 'vocabulary-selector',
+  title: 'vocabulary',
+  group: 'basic',
+  icon: 'fa fa-star',
+  fieldOptions: ['customOptions','customOptions.vocId'],
+  editForm
+};
+
+
+export function registerVocabularyComponent(injector: Injector) {
+  registerCustomFormioComponent(COMPONENT_OPTIONS, VocabularyWrapperComponent, injector);
+}

package/src/lib/components/dynamic-form/directives/dynamic-form-content-proxy.directive.ts

@@ -0,0 +1,10 @@
+import { Directive, ViewContainerRef } from '@angular/core';
+
+/** @ignore */
+
+@Directive({
+  selector: '[appDynamicFormContentProxy]'
+})
+export class DynamicFormContentProxyDirective {
+  constructor(public viewContainerRef: ViewContainerRef) {}
+}

package/src/lib/components/dynamic-form/dynamic-form.module.scss

@@ -0,0 +1,13 @@
+@import './components/dynamic-form-arrayitem/dynamic-form-arrayitem.component';
+@import './components/dynamic-form-dateitem/dynamic-form-dateitem.component';
+@import './components/dynamic-form-textitem/dynamic-form-textitem.component';
+@import './components/dynamic-form/dynamic-form.component';
+@import '~@mat-datetimepicker/core/datetimepicker/datetimepicker-theme.scss';
+
+@mixin app-dynamic-form-module-theme($theme) {
+  @include app-dynamic-form-dateitem-theme($theme);
+  @include app-dynamic-form-textitem-theme($theme);
+  @include app-dynamic-form-theme($theme);
+  @include mat-datetimepicker-theme($theme);
+  @include app-dynamic-form-array-item-theme($theme);
+}

package/src/lib/components/dynamic-form/dynamic-form.module.ts

@@ -0,0 +1,197 @@
+import { CommonModule } from '@angular/common';
+import { Injector, NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatNativeDateModule } from '@angular/material/core';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import {
+	OwlDateTimeIntl,
+	OwlDateTimeModule,
+	OwlMomentDateTimeModule,
+	OwlNativeDateTimeModule
+} from '@busacca/ng-pick-datetime';
+import {
+	MatDatetimepickerModule,
+	MatNativeDatetimeModule
+} from '@mat-datetimepicker/core';
+import { NgSelectModule } from '@ng-select/ng-select';
+import { TranslateModule } from '@ngx-translate/core';
+import { FormioModule } from 'angular-formio';
+import { AutocompleteLibModule } from 'angular-ng-autocomplete';
+import { TreeviewModule } from 'ngx-treeview';
+import { DirectiveModule } from '../../directive/directive.module';
+import { SearchAutocompleteComponent } from '../../shared/components/search-autocomplete/search-autocomplete.component';
+import { LibrarySharedModule } from '../../shared/libraryShared.module';
+// import { AvatarModule } from '../avatar/avatar.module';
+import { AvatarModule } from '../avatar/avatar.module';
+import { NgxHijriGregorianDatepickerModule } from '../hijri-gregorian-datepicker/ngx-hijri-gregorian-datepicker.module';
+import { DynamicFormBoolItemComponent } from './components/dynamic-form-boolitem/dynamic-form-boolitem.component';
+import { DynamicFormBuilderComponent } from './components/dynamic-form-builder/dynamic-form-builder.component';
+import { DynamicFormCheckboxItemComponent } from './components/dynamic-form-checkbox-item/dynamic-form-checkbox-item.component';
+import { DynamicFormDateItemComponent } from './components/dynamic-form-dateitem/dynamic-form-dateitem.component';
+import { owlDateTimeIntl } from './components/dynamic-form-dateitem/owlDateTimeIntl';
+import { DynamicFormDepartmentComponent } from './components/dynamic-form-department/dynamic-form-department.component';
+import { DynamicFormHijriDateitemComponent } from './components/dynamic-form-hijri-dateitem/dynamic-form-hijri-dateitem.component';
+import { DynamicFormItemDispatcherComponent } from './components/dynamic-form-item-dispatcher/dynamic-form-item-dispatcher.component';
+import { DynamicFormMapItemComponent } from './components/dynamic-form-mapitem/dynamic-form-mapitem.component';
+import { DynamicFormOptionsComponent } from './components/dynamic-form-options/dynamic-form-options.component';
+import { DynamicFormSelectTagComponent } from './components/dynamic-form-select-tag/dynamic-form-select-tag.component';
+import { DynamicFormSelectUserFilterComponent } from './components/dynamic-form-select-user-filter/dynamic-form-select-user-filter.component';
+import { DynamicFormSelectUsersComponent } from './components/dynamic-form-select-users/dynamic-form-select-users.component';
+import { DynamicFormSelectItemComponent } from './components/dynamic-form-selectitem/dynamic-form-selectitem.component';
+import { DynamicFormSlideToggleitemComponent } from './components/dynamic-form-slide-toggleitem/dynamic-form-slide-toggleitem.component';
+import { DynamicFormTextareaComponent } from './components/dynamic-form-textarea/dynamic-form-textarea.component';
+import { DynamicFormTextItemComponent } from './components/dynamic-form-textitem/dynamic-form-textitem.component';
+import { TreeviewSelectComponent } from './components/dynamic-form-treeview-select/dropdown-treeview-select.component';
+import { DynamicFormVocabularyItemComponent } from './components/dynamic-form-vocabulary-item/dynamic-form-vocabulary-item.component';
+import { DynamicFormComponent } from './components/dynamic-form/dynamic-form.component';
+import { DateWrapperComponent } from './components/form-wrappers/date-wrapper/date-wrapper.component';
+import { registerDateComponent } from './components/form-wrappers/date-wrapper/date-wrapper.formio';
+import { VocabularyWrapperComponent } from './components/form-wrappers/vocabulary-wrapper/vocabulary-wrapper.component';
+import { registerVocabularyComponent } from './components/form-wrappers/vocabulary-wrapper/vocabulary-wrapper.formio';
+import { DynamicFormContentProxyDirective } from './directives/dynamic-form-content-proxy.directive';
+import { DynamicFormFieldComponent } from './components/dynamic-form-field/dynamic-form-field.component';
+import { ToggleWrapperComponent } from './components/form-wrappers/toggle-wrapper/toggle-wrapper.component';
+import { registerToggleComponent } from './components/form-wrappers/toggle-wrapper/toggle-wrapper.formio';
+import { DynamicFormViewerComponent } from './components/dynamic-form-viewer/dynamic-form-viewer.component';
+import { DepartmentFormComponent } from './components/department-form/department-form.component';
+import { UserSelectorWrapperComponent } from './components/form-wrappers/user-selector-wrapper/user-selector-wrapper.component';
+import { registerUserSelectorComponent } from './components/form-wrappers/user-selector-wrapper/user-selector-wrapper.formio';
+import { MatDialogModule } from '@angular/material/dialog';
+import { PipesModule } from '../../pipes/pipes.module';
+import { NuxeoDialogModule } from '../../shared/components/nuxeo-dialog/nuxeo-dialog.module';
+
+/**
+ * @title
+ * Dynamic Form Module
+ */
+@NgModule({
+	imports: [
+		CommonModule,
+		TreeviewModule,
+		FormsModule,
+		LibrarySharedModule,
+		OwlDateTimeModule,
+		OwlNativeDateTimeModule,
+		ReactiveFormsModule,
+		MatDatepickerModule,
+		MatNativeDateModule,
+		MatCheckboxModule,
+		MatInputModule,
+		MatIconModule,
+		MatButtonModule,
+		MatMenuModule,
+		MatDatetimepickerModule,
+		MatNativeDatetimeModule,
+		NgSelectModule,
+		MatSlideToggleModule,
+		NgxHijriGregorianDatepickerModule,
+		MatRadioModule,
+		AvatarModule,
+		DirectiveModule,
+		MatTooltipModule,
+		TranslateModule,
+		AutocompleteLibModule,
+		FormioModule,
+		MatDialogModule,
+		PipesModule,
+		NuxeoDialogModule
+	],
+	declarations: [
+		DynamicFormComponent,
+		TreeviewSelectComponent,
+		DynamicFormDepartmentComponent,
+		DynamicFormBoolItemComponent,
+		DynamicFormDateItemComponent,
+		DynamicFormMapItemComponent,
+		DynamicFormTextItemComponent,
+		DynamicFormSelectItemComponent,
+		DynamicFormItemDispatcherComponent,
+		DynamicFormContentProxyDirective,
+		DynamicFormTextareaComponent,
+		DynamicFormSlideToggleitemComponent,
+		DynamicFormVocabularyItemComponent,
+		DynamicFormHijriDateitemComponent,
+		DynamicFormCheckboxItemComponent,
+		DynamicFormOptionsComponent,
+		DynamicFormSelectUsersComponent,
+		DynamicFormSelectUserFilterComponent,
+		DynamicFormSelectTagComponent,
+		SearchAutocompleteComponent,
+		VocabularyWrapperComponent,
+		DateWrapperComponent,
+		DynamicFormComponent,
+		DynamicFormBuilderComponent,
+		DynamicFormFieldComponent,
+		ToggleWrapperComponent,
+		DynamicFormViewerComponent,
+		DepartmentFormComponent,
+		UserSelectorWrapperComponent
+	],
+	entryComponents: [
+		TreeviewSelectComponent,
+		DynamicFormDepartmentComponent,
+		DynamicFormBoolItemComponent,
+		DynamicFormDateItemComponent,
+		DynamicFormMapItemComponent,
+		DynamicFormTextItemComponent,
+		DynamicFormSelectItemComponent,
+		DynamicFormTextareaComponent,
+		DynamicFormSlideToggleitemComponent,
+		DynamicFormHijriDateitemComponent,
+		DynamicFormVocabularyItemComponent,
+		SearchAutocompleteComponent,
+		VocabularyWrapperComponent,
+		DateWrapperComponent,
+		UserSelectorWrapperComponent
+	],
+	exports: [
+		TreeviewSelectComponent,
+		DynamicFormDepartmentComponent,
+		DynamicFormComponent,
+		DynamicFormBoolItemComponent,
+		DynamicFormDateItemComponent,
+		DynamicFormMapItemComponent,
+		DynamicFormTextItemComponent,
+		DynamicFormSelectItemComponent,
+		DynamicFormTextareaComponent,
+		DynamicFormSlideToggleitemComponent,
+		DynamicFormVocabularyItemComponent,
+		DynamicFormHijriDateitemComponent,
+		DynamicFormCheckboxItemComponent,
+		DynamicFormOptionsComponent,
+		DynamicFormSelectUsersComponent,
+		DynamicFormSelectUserFilterComponent,
+		DynamicFormSelectTagComponent,
+		SearchAutocompleteComponent,
+		DynamicFormComponent,
+		DynamicFormBuilderComponent,
+		DynamicFormFieldComponent,
+		DynamicFormViewerComponent,
+		TranslateModule,
+		DepartmentFormComponent
+	],
+	providers: [{ provide: OwlDateTimeIntl, useClass: owlDateTimeIntl }]
+})
+export class DynamicFormModule {
+	formioRegisters = () => [
+		registerVocabularyComponent,
+		registerDateComponent,
+		registerToggleComponent,
+		registerUserSelectorComponent
+	];
+	constructor(injector: Injector) {
+		this.formioRegisters().forEach((registerar) => {
+			try {
+				registerar(injector);
+			} catch (e) {}
+		});
+	}
+}

package/src/lib/components/dynamic-form/interfaces/aspect-oriented-config.interface.ts

@@ -0,0 +1,3 @@
+export declare interface AspectOrientedConfig {
+  [key: string]: string | string[] | boolean;
+}

package/src/lib/components/dynamic-form/interfaces/content-metadata-config.interface.ts

@@ -0,0 +1,16 @@
+import { PropertyGroupContainer } from './property-group.interface';
+import { OrganisedPropertyGroup } from './organised-property-group.interface';
+
+export interface ContentMetadataConfig {
+  isGroupAllowed(groupName: string): boolean;
+  reorganiseByConfig(
+    propertyGroups: PropertyGroupContainer
+  ): OrganisedPropertyGroup[];
+  filterExcludedPreset(
+    propertyGroups: OrganisedPropertyGroup[]
+  ): OrganisedPropertyGroup[];
+  appendAllPreset(
+    propertyGroups: PropertyGroupContainer
+  ): OrganisedPropertyGroup[];
+  isIncludeAllEnabled(): boolean;
+}

package/src/lib/components/dynamic-form/interfaces/content-metadata.interfaces.ts

@@ -0,0 +1,26 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export * from './aspect-oriented-config.interface';
+export * from './property.interface';
+export * from './property-group.interface';
+export * from './organised-property-group.interface';
+export * from './dynamic-form-group.interface';
+export * from './content-metadata-config.interface';
+export * from './indifferent-config.interface';
+export * from './layout-oriented-config.interface';
+export * from './preset-config.interface';

package/src/lib/components/dynamic-form/interfaces/dynamic-form-arrayitem-properties.interface.ts

@@ -0,0 +1,5 @@
+import { DynamicFormItemProperties } from './dynamic-form-item-properties.interface';
+
+export interface DynamicFormArrayItemProperties extends DynamicFormItemProperties {
+  noOfItemsToDisplay?: number;
+}

package/src/lib/components/dynamic-form/interfaces/dynamic-form-boolitem-properties.interface.ts

@@ -0,0 +1,6 @@
+import { DynamicFormItemProperties } from './dynamic-form-item-properties.interface';
+
+export interface DynamicFormBoolItemProperties extends DynamicFormItemProperties {
+  value: any;
+  default?: boolean;
+}

package/src/lib/components/dynamic-form/interfaces/dynamic-form-dateitem-properties.interface.ts

@@ -0,0 +1,6 @@
+import { DynamicFormItemProperties } from './dynamic-form-item-properties.interface';
+
+export interface DynamicFormDateItemProperties extends DynamicFormItemProperties {
+  format?: string;
+  locale?: string;
+}

package/src/lib/components/dynamic-form/interfaces/dynamic-form-group.interface.ts

@@ -0,0 +1,6 @@
+import { DynamicFormItem } from './dynamic-form.interfaces';
+
+export interface DynamicFormGroup {
+  title: string;
+  properties: DynamicFormItem[];
+}

package/src/lib/components/dynamic-form/interfaces/dynamic-form-item-properties.interface.ts

@@ -0,0 +1,16 @@
+import { DynamicFormItemValidator } from './dynamic-form-item-validator.interface';
+
+export interface DynamicFormItemProperties {
+  label: string;
+  description: string;
+  value: any;
+  key: any;
+  default?: any;
+  editable?: boolean;
+  clickable?: any;
+  icon?: string;
+  mandatory?: boolean;
+  validators?: DynamicFormItemValidator[];
+  constraints?: any[];
+  data?: any;
+}

package/src/lib/components/dynamic-form/interfaces/dynamic-form-item-validator.interface.ts

@@ -0,0 +1,4 @@
+export interface DynamicFormItemValidator {
+  message: string;
+  isValid(value: any): boolean;
+}

package/src/lib/components/dynamic-form/interfaces/dynamic-form-item.interface.ts

@@ -0,0 +1,12 @@
+export interface DynamicFormItem {
+  label: string;
+  value: any;
+  key: string;
+  default?: any;
+  type: string;
+  displayValue: any;
+  editable?: boolean;
+  icon?: string;
+  url?: string;
+  constraints?: any[];
+}