geonetwork-ui 2.4.0-dev.fdf8f64b → 2.4.1-dev.4e8752d34

package/src/libs/feature/editor/src/lib/components/online-service-resource-input/online-service-resource-input.component.html

@@ -16,6 +16,7 @@
     aria-labelledby="example-radio-group-label"
     class="flex flex-row gap-[8px]"
     [(ngModel)]="service.accessServiceProtocol"
+    [disabled]="disabled"
   >
     <mat-radio-button
       *ngFor="let protocolOption of protocolOptions"
@@ -28,4 +29,5 @@
 <gn-ui-text-input
   [(value)]="service.identifierInService"
   data-cy="identifier-in-service"
+  [disabled]="disabled"
 ></gn-ui-text-input>

package/src/libs/feature/editor/src/lib/components/online-service-resource-input/online-service-resource-input.component.ts

@@ -6,7 +6,6 @@ import {
   OnChanges,
 } from '@angular/core'
 import { FormsModule } from '@angular/forms'
-import { MatIconModule } from '@angular/material/icon'
 import { MatRadioModule } from '@angular/material/radio'
 import { MatTooltipModule } from '@angular/material/tooltip'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
@@ -25,7 +24,6 @@ import { TranslateModule } from '@ngx-translate/core'
   standalone: true,
   imports: [
     CommonModule,
-    MatIconModule,
     MatTooltipModule,
     MatRadioModule,
     FormsModule,
@@ -36,6 +34,7 @@ import { TranslateModule } from '@ngx-translate/core'
 export class OnlineServiceResourceInputComponent implements OnChanges {
   @Input() service: Omit<DatasetServiceDistribution, 'url'>
   @Input() protocolHint?: string
+  @Input() disabled? = false
 
   selectedProtocol: ServiceProtocol
 

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-constraints/form-field-constraints.component.css

@@ -0,0 +1,4 @@
+:host {
+  --gn-ui-button-padding: 8px 8px;
+  --gn-ui-button-rounded: 8px;
+}

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-constraints/form-field-constraints.component.html

@@ -0,0 +1,24 @@
+<div class="w-full flex flex-col gap-2" [attr.data-cy]="constraintType">
+  <span class="border-t border-gray-300 flex grow pb-[32px]"></span>
+  <span class="font-bold mb-3">{{ constraintsHeader | translate }}</span>
+  <gn-ui-button
+    type="gray"
+    (buttonClick)="addConstraintSectionToDisplay()"
+    data-cy="add-constraint-btn"
+  >
+    <ng-icon name="iconoirPlus" class="text-primary"></ng-icon>
+    &nbsp;<span>{{ additionalConstraintsButtonLabel | translate }}</span>
+  </gn-ui-button>
+  <gn-ui-sortable-list
+    [items]="value"
+    (itemsOrderChange)="handleConstraintsOrderChange($event)"
+    [elementTemplate]="constraintTemplate"
+  ></gn-ui-sortable-list>
+  <ng-template #constraintTemplate let-constraint let-index="index">
+    <gn-ui-constraint-card
+      [label]="label"
+      [constraint]="constraint"
+      (constraintChange)="handleConstraintChange($event, index)"
+    ></gn-ui-constraint-card>
+  </ng-template>
+</div>

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-constraints/form-field-constraints.component.ts

@@ -0,0 +1,85 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  EventEmitter,
+  Input,
+  OnInit,
+  Output,
+} from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { SortableListComponent } from '../../../../../../../../../libs/ui/layout/src'
+import { ConstraintCardComponent } from '../../../constraint-card/constraint-card.component'
+import {
+  CatalogRecordKeys,
+  Constraint,
+} from '../../../../../../../../../libs/common/domain/src/lib/model/record'
+import { ButtonComponent, UiInputsModule } from '../../../../../../../../../libs/ui/inputs/src'
+import { marker } from '@biesbjerg/ngx-translate-extract-marker'
+import { TranslateModule } from '@ngx-translate/core'
+import {
+  NgIconComponent,
+  provideIcons,
+  provideNgIconsConfig,
+} from '@ng-icons/core'
+import { iconoirPlus } from '@ng-icons/iconoir'
+
+marker('editor.record.form.constraint.add.legalConstraints')
+marker('editor.record.form.constraint.add.securityConstraints')
+marker('editor.record.form.constraint.add.otherConstraints')
+marker('editor.record.form.constraint.header.legalConstraints')
+marker('editor.record.form.constraint.header.securityConstraints')
+marker('editor.record.form.constraint.header.otherConstraints')
+
+@Component({
+  selector: 'gn-ui-form-field-constraints',
+  imports: [
+    CommonModule,
+    SortableListComponent,
+    ConstraintCardComponent,
+    UiInputsModule,
+    ButtonComponent,
+    TranslateModule,
+    NgIconComponent,
+  ],
+  providers: [
+    provideIcons({ iconoirPlus }),
+    provideNgIconsConfig({
+      size: '1.5rem',
+    }),
+  ],
+  templateUrl: './form-field-constraints.component.html',
+  styleUrls: ['./form-field-constraints.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+})
+export class FormFieldConstraintsComponent implements OnInit {
+  @Input() label: string
+  @Input() value: Constraint[]
+  @Input() constraintType: CatalogRecordKeys
+  @Output() valueChange = new EventEmitter<Constraint[]>()
+
+  constraintsHeader = ''
+  additionalConstraintsButtonLabel = ''
+
+  ngOnInit() {
+    this.additionalConstraintsButtonLabel = `editor.record.form.constraint.add.${this.constraintType}`
+    this.constraintsHeader = `editor.record.form.constraint.header.${this.constraintType}`
+  }
+
+  handleConstraintChange(constraint: Constraint, index: number) {
+    const newValue = [...this.value]
+    newValue[index] = constraint
+    this.valueChange.emit(newValue)
+  }
+
+  handleConstraintsOrderChange(constraints: Constraint[]) {
+    const updatedConstraints = [...constraints]
+    this.valueChange.emit(updatedConstraints)
+  }
+
+  addConstraintSectionToDisplay() {
+    const updatedConstraints = [...this.value]
+    updatedConstraints.push({ text: '' }) // url?
+    this.valueChange.emit(updatedConstraints)
+  }
+}

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-constraints-shortcuts/constraints.utils.ts

@@ -0,0 +1,42 @@
+import { Constraint } from '../../../../../../../../../libs/common/domain/src/lib/model/record'
+
+export const NOT_APPLICABLE_CONSTRAINT: Constraint = {
+  text: 'No conditions apply to access and use',
+  url: new URL(
+    'http://inspire.ec.europa.eu/metadata-codelist/ConditionsApplyingToAccessAndUse/noConditionsApply'
+  ),
+}
+export const NOT_KNOWN_CONSTRAINT: Constraint = {
+  text: 'Conditions unknown',
+  url: new URL(
+    'http://inspire.ec.europa.eu/metadata-codelist/ConditionsApplyingToAccessAndUse/conditionsUnknown'
+  ),
+}
+
+export function matchesNoApplicableConstraint(constraint: Constraint): boolean {
+  if (constraint.url?.toString() === NOT_APPLICABLE_CONSTRAINT.url.toString()) {
+    return true
+  }
+  const match = (text: string) => {
+    if (!text) return false
+    const trimmed = text.toLowerCase().trim()
+    return (
+      trimmed == 'no conditions apply' ||
+      trimmed == 'no conditions apply to access and use' ||
+      trimmed == "aucune condition ne s'applique"
+    )
+  }
+  return match(constraint.text) || match(constraint.translations?.text?.en)
+}
+
+export function matchesNoKnownConstraint(constraint: Constraint): boolean {
+  if (constraint.url?.toString() === NOT_KNOWN_CONSTRAINT.url.toString()) {
+    return true
+  }
+  const match = (text: string) => {
+    if (!text) return false
+    const trimmed = text.toLowerCase().trim()
+    return trimmed == 'conditions unknown' || trimmed == 'conditions inconnues'
+  }
+  return match(constraint.text) || match(constraint.translations?.text?.en)
+}

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-constraints-shortcuts/form-field-constraints-shortcuts.component.css

@@ -0,0 +1,4 @@
+:host {
+  --gn-ui-button-padding: 8px 8px;
+  --gn-ui-button-rounded: 8px;
+}

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-constraints-shortcuts/form-field-constraints-shortcuts.component.html

@@ -0,0 +1,34 @@
+<div class="flex flex-col gap-2 mb-2" data-cy="constraints-shortcut-toggles">
+  <gn-ui-check-toggle
+    [label]="'editor.record.form.constraint.not.applicable' | translate"
+    [value]="noApplicableConstraint$ | async"
+    (toggled)="onToggleChange('noApplicableConstraint', $event)"
+  >
+  </gn-ui-check-toggle>
+  <gn-ui-check-toggle
+    [label]="'editor.record.form.constraint.not.known' | translate"
+    [value]="noKnownConstraint$ | async"
+    (toggled)="onToggleChange('noKnownConstraint', $event)"
+  >
+  </gn-ui-check-toggle>
+</div>
+
+<div
+  *ngIf="(anyToggleActivated$ | async) === false"
+  class="flex flex-row flex-wrap gap-2"
+  data-cy="constraints-shortcut-btns"
+>
+  <ng-container *ngFor="let constraint of constraintButtonChoices">
+    <gn-ui-button
+      type="gray"
+      (buttonClick)="addConstraintSectionToDisplay(constraint)"
+      [disabled]="isConstraintButtonDisabled$(constraint) | async"
+    >
+      <ng-icon name="iconoirPlus" class="text-primary"></ng-icon>
+      &nbsp;
+      <span>{{
+        'editor.record.form.constraint.' + constraint | translate
+      }}</span>
+    </gn-ui-button>
+  </ng-container>
+</div>

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-constraints-shortcuts/form-field-constraints-shortcuts.component.ts

@@ -0,0 +1,210 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  OnDestroy,
+  OnInit,
+} from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { EditorFacade } from '../../../../+state/editor.facade'
+import { ButtonComponent, CheckToggleComponent } from '../../../../../../../../../libs/ui/inputs/src'
+import { TranslateModule } from '@ngx-translate/core'
+import {
+  combineLatest,
+  distinctUntilChanged,
+  firstValueFrom,
+  map,
+  Observable,
+  Subject,
+  takeUntil,
+} from 'rxjs'
+import { marker } from '@biesbjerg/ngx-translate-extract-marker'
+import { Constraint } from '../../../../../../../../../libs/common/domain/src/lib/model/record'
+import {
+  matchesNoApplicableConstraint,
+  matchesNoKnownConstraint,
+  NOT_APPLICABLE_CONSTRAINT,
+  NOT_KNOWN_CONSTRAINT,
+} from './constraints.utils'
+import {
+  NgIconComponent,
+  provideIcons,
+  provideNgIconsConfig,
+} from '@ng-icons/core'
+import { iconoirPlus } from '@ng-icons/iconoir'
+
+marker('editor.record.form.constraint.legalConstraints')
+marker('editor.record.form.constraint.securityConstraints')
+marker('editor.record.form.constraint.otherConstraints')
+
+export type ConstraintChoice =
+  | 'legalConstraints'
+  | 'securityConstraints'
+  | 'otherConstraints'
+
+/**
+ * This component offers two toggles to easily define common constraints (no applicable constraint
+ * and no known constraint) and shows and hides the various constraints fields accordingly using
+ * the facade
+ */
+@Component({
+  selector: 'gn-ui-form-field-constraints-shortcuts',
+  standalone: true,
+  imports: [
+    CommonModule,
+    CheckToggleComponent,
+    ButtonComponent,
+    TranslateModule,
+    NgIconComponent,
+  ],
+  providers: [
+    provideIcons({ iconoirPlus }),
+    provideNgIconsConfig({
+      size: '1.5rem',
+    }),
+  ],
+  templateUrl: './form-field-constraints-shortcuts.component.html',
+  styleUrls: ['./form-field-constraints-shortcuts.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class FormFieldConstraintsShortcutsComponent
+  implements OnInit, OnDestroy
+{
+  legalConstraints$ = this.editorFacade.record$.pipe(
+    map((record) => record?.legalConstraints ?? [])
+  )
+  securityConstraints$ = this.editorFacade.record$.pipe(
+    map((record) => record?.securityConstraints ?? [])
+  )
+  otherConstraints$ = this.editorFacade.record$.pipe(
+    map((record) => record?.otherConstraints ?? [])
+  )
+
+  noApplicableConstraint$: Observable<boolean> = this.legalConstraints$.pipe(
+    map((constraints) =>
+      constraints.some((constraint) =>
+        matchesNoApplicableConstraint(constraint)
+      )
+    )
+  )
+  noKnownConstraint$: Observable<boolean> = this.legalConstraints$.pipe(
+    map((constraints) =>
+      constraints.some((constraint) => matchesNoKnownConstraint(constraint))
+    )
+  )
+  anyToggleActivated$ = combineLatest([
+    this.noApplicableConstraint$,
+    this.noKnownConstraint$,
+  ]).pipe(
+    map(
+      ([noApplicableConstraint, noKnownConstraint]) =>
+        noApplicableConstraint || noKnownConstraint
+    )
+  )
+
+  constraintButtonChoices: ConstraintChoice[] = [
+    'legalConstraints',
+    'securityConstraints',
+    'otherConstraints',
+  ]
+
+  onDestroy$ = new Subject<void>()
+
+  constructor(private editorFacade: EditorFacade) {}
+
+  ngOnInit(): void {
+    // hide all constraints if any toggle is activated
+    this.anyToggleActivated$
+      .pipe(takeUntil(this.onDestroy$), distinctUntilChanged())
+      .subscribe((anyToggleActivated) => {
+        if (anyToggleActivated) {
+          this.hideAllConstraintSections()
+        }
+      })
+
+    // also hide constraints which are empty arrays
+    const hideEmptyConstraints = (
+      constraints$: Observable<Constraint[]>,
+      model: ConstraintChoice
+    ) => {
+      const isConstraintNotEmpty$ = constraints$.pipe(
+        takeUntil(this.onDestroy$),
+        map((c) => c.length > 0),
+        distinctUntilChanged()
+      )
+      combineLatest([
+        isConstraintNotEmpty$,
+        this.anyToggleActivated$,
+      ]).subscribe(([isNotEmpty, anyToggleActivated]) => {
+        const visible = isNotEmpty && !anyToggleActivated
+        this.editorFacade.setFieldVisibility({ model }, visible)
+      })
+    }
+    hideEmptyConstraints(this.legalConstraints$, 'legalConstraints')
+    hideEmptyConstraints(this.securityConstraints$, 'securityConstraints')
+    hideEmptyConstraints(this.otherConstraints$, 'otherConstraints')
+  }
+
+  ngOnDestroy() {
+    this.onDestroy$.next()
+  }
+
+  hideAllConstraintSections() {
+    this.editorFacade.setFieldVisibility({ model: 'legalConstraints' }, false)
+    this.editorFacade.setFieldVisibility(
+      { model: 'securityConstraints' },
+      false
+    )
+    this.editorFacade.setFieldVisibility({ model: 'otherConstraints' }, false)
+  }
+
+  async onToggleChange(
+    toggleName: 'noApplicableConstraint' | 'noKnownConstraint',
+    value: boolean
+  ) {
+    if (value) {
+      const presetConstraint =
+        toggleName === 'noApplicableConstraint'
+          ? NOT_APPLICABLE_CONSTRAINT
+          : NOT_KNOWN_CONSTRAINT
+      this.editorFacade.updateRecordField('legalConstraints', [
+        presetConstraint,
+      ])
+      this.hideAllConstraintSections()
+    } else {
+      const matcher =
+        toggleName === 'noApplicableConstraint'
+          ? matchesNoApplicableConstraint
+          : matchesNoKnownConstraint
+      // if the toggle is turned off, remove all matching constraints
+      const constraints = await firstValueFrom(this.legalConstraints$)
+      this.editorFacade.updateRecordField(
+        'legalConstraints',
+        constraints.filter((c) => !matcher(c))
+      )
+    }
+  }
+
+  isConstraintButtonDisabled$(
+    constraintSection: ConstraintChoice
+  ): Observable<boolean> {
+    switch (constraintSection) {
+      case 'legalConstraints':
+        return this.legalConstraints$.pipe(
+          map((constraints) => constraints.length > 0)
+        )
+      case 'securityConstraints':
+        return this.securityConstraints$.pipe(
+          map((constraints) => constraints.length > 0)
+        )
+      case 'otherConstraints':
+        return this.otherConstraints$.pipe(
+          map((constraints) => constraints.length > 0)
+        )
+    }
+  }
+
+  addConstraintSectionToDisplay(constraintSection: ConstraintChoice) {
+    this.editorFacade.updateRecordField(constraintSection, [{ text: '' }])
+    this.editorFacade.setFieldVisibility({ model: constraintSection }, true)
+  }
+}

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-contacts/form-field-contacts.component.html

@@ -32,7 +32,7 @@
 
 <ng-template #noContact>
   <div
-    class="p-4 border border-primary bg-primary-lightest rounded-lg"
+    class="p-4 text-sm border border-primary bg-primary-lightest rounded-lg"
     translate
   >
     editor.record.form.field.contacts.noContact

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-contacts-for-resource/form-field-contacts-for-resource.component.html

@@ -2,7 +2,7 @@
   <div class="flex flex-row flex-wrap gap-2" data-test="rolesToPick">
     <ng-container *ngFor="let role of rolesToPick">
       <gn-ui-button type="gray" (buttonClick)="addRoleToDisplay(role)">
-        <mat-icon class="material-symbols-outlined text-primary">add</mat-icon>
+        <ng-icon name="iconoirPlus" class="text-primary"></ng-icon>
         &nbsp;
         <span translate>{{ roleToLabel(role) }}</span>
       </gn-ui-button>

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-contacts-for-resource/form-field-contacts-for-resource.component.ts

@@ -34,7 +34,12 @@ import {
 } from 'rxjs'
 import { map } from 'rxjs/operators'
 import { ContactCardComponent } from '../../../contact-card/contact-card.component'
-import { MatIconModule } from '@angular/material/icon'
+import {
+  NgIconComponent,
+  provideIcons,
+  provideNgIconsConfig,
+} from '@ng-icons/core'
+import { iconoirPlus } from '@ng-icons/iconoir'
 
 @Component({
   selector: 'gn-ui-form-field-contacts-for-resource',
@@ -51,7 +56,13 @@ import { MatIconModule } from '@angular/material/icon'
     TranslateModule,
     ContactCardComponent,
     SortableListComponent,
-    MatIconModule,
+    NgIconComponent,
+  ],
+  providers: [
+    provideIcons({ iconoirPlus }),
+    provideNgIconsConfig({
+      size: '1.5rem',
+    }),
   ],
 })
 export class FormFieldContactsForResourceComponent

package/src/libs/feature/editor/src/lib/components/record-form/form-field/{form-field-date-updated/form-field-date-updated.component.ts → form-field-date/form-field-date.component.ts}

@@ -8,14 +8,14 @@ import {
 import { DatePickerComponent } from '../../../../../../../../../libs/ui/inputs/src'
 
 @Component({
-  selector: 'gn-ui-form-field-date-updated',
-  templateUrl: './form-field-date-updated.component.html',
-  styleUrls: ['./form-field-date-updated.component.css'],
+  selector: 'gn-ui-form-field-date',
+  templateUrl: './form-field-date.component.html',
+  styleUrls: ['./form-field-date.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [DatePickerComponent],
 })
-export class FormFieldDateUpdatedComponent {
+export class FormFieldDateComponent {
   @Input() value: Date
   @Output() valueChange: EventEmitter<Date> = new EventEmitter()
 }

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-file/form-field-file.component.html

@@ -7,6 +7,6 @@
   [ngClass]="{
     'border-pink-500': invalid,
     'border-gray-200': !invalid,
-    'text-gray-600': readonly
+    'text-gray-600': readonly,
   }"
 />

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-license/form-field-license.component.html

@@ -1,8 +1,11 @@
-<gn-ui-dropdown-selector
-  [title]="label"
-  [showTitle]="false"
-  [choices]="choices"
-  [selected]="selected"
-  (selectValue)="onSelectValue($event)"
->
-</gn-ui-dropdown-selector>
+<div class="flex flex-col gap-8">
+  <gn-ui-dropdown-selector
+    [title]="label"
+    [showTitle]="false"
+    [choices]="licenceOptions"
+    [selected]="selectedLicence"
+    (selectValue)="handleLicenceSelection($event)"
+    [extraBtnClass]="'input-as-button gn-ui-text-input'"
+  >
+  </gn-ui-dropdown-selector>
+</div>

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-license/form-field-license.component.ts

@@ -3,11 +3,18 @@ import {
   Component,
   EventEmitter,
   Input,
+  OnInit,
   Output,
 } from '@angular/core'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
 import { Constraint } from '../../../../../../../../../libs/common/domain/src/lib/model/record'
 import { DropdownSelectorComponent } from '../../../../../../../../../libs/ui/inputs/src'
+import { AVAILABLE_LICENSES } from '../../../../fields.config'
+
+type Licence = {
+  label: string
+  value: string
+}
 
 @Component({
   selector: 'gn-ui-form-field-license',
@@ -17,56 +24,37 @@ import { DropdownSelectorComponent } from '../../../../../../../../../libs/ui/in
   standalone: true,
   imports: [DropdownSelectorComponent],
 })
-export class FormFieldLicenseComponent {
+export class FormFieldLicenseComponent implements OnInit {
   @Input() label: string
-  @Input() value: Array<Constraint>
+  @Input() recordConstraints: Constraint[] = []
+  @Output() recordConstraintsChange: EventEmitter<Constraint[]> =
+    new EventEmitter()
 
-  @Output() valueChange: EventEmitter<Array<Constraint>> = new EventEmitter()
+  selectedLicence: string
 
-  get selected() {
-    return this.value[0]?.text
+  ngOnInit(): void {
+    // get the licence from the record constraints if it is one of the open data licence list
+    this.selectedLicence = this.recordConstraints.find((constraint) => {
+      return this.licenceOptions.find((licence) => {
+        return licence.value === constraint.text
+      })
+    })?.text
+    // otherwise pre-select the first licence option
+    if (this.selectedLicence === undefined) {
+      this.selectedLicence = this.licenceOptions[0].value // cannot select 'etalab' as default as this would toggle the OpenData Toggle
+      this.recordConstraintsChange.emit([{ text: this.selectedLicence }])
+    }
   }
 
-  onSelectValue(value: unknown) {
-    this.valueChange.emit([{ text: value as string }])
+  get licenceOptions(): Licence[] {
+    return AVAILABLE_LICENSES.map((license) => ({
+      label: marker(`editor.record.form.license.${license}`),
+      value: license,
+    }))
   }
 
-  choices = [
-    {
-      value: 'cc-by',
-      label: marker('editor.record.form.license.cc-by'),
-    },
-    {
-      value: 'cc-by-sa',
-      label: marker('editor.record.form.license.cc-by-sa'),
-    },
-    {
-      value: 'cc-zero',
-      label: marker('editor.record.form.license.cc-zero'),
-    },
-    {
-      value: 'etalab',
-      label: marker('editor.record.form.license.etalab'),
-    },
-    {
-      value: 'etalab-v2',
-      label: marker('editor.record.form.license.etalab-v2'),
-    },
-    {
-      value: 'odbl',
-      label: marker('editor.record.form.license.odbl'),
-    },
-    {
-      value: 'odc-by',
-      label: marker('editor.record.form.license.odc-by'),
-    },
-    {
-      value: 'pddl',
-      label: marker('editor.record.form.license.pddl'),
-    },
-    {
-      value: 'unknown',
-      label: marker('editor.record.form.license.unknown'),
-    },
-  ]
+  handleLicenceSelection(licenceValue: string) {
+    this.selectedLicence = licenceValue
+    this.recordConstraintsChange.emit([{ text: licenceValue }])
+  }
 }