@lblod/ember-rdfa-editor-lblod-plugins 9.1.0 → 10.0.0

package/components/variable-plugin/insert-variable-card.d.ts

@@ -1,46 +1,22 @@
 import Component from '@glimmer/component';
 import { SayController } from '@lblod/ember-rdfa-editor';
-import { VariableType } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/constants';
-import { CodeList } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/fetch-data';
 import IntlService from 'ember-intl/services/intl';
-type Args = {
-    controller: SayController;
-    options: {
-        publisher: string;
-        variableTypes: (VariableType | string)[];
-        defaultEndpoint: string;
+export type VariableConfig = {
+    label: string;
+    component: {
+        path: string;
+        options?: unknown;
     };
 };
-type minMaxObj = {
-    minimumValue?: number;
-    maximumValue?: number;
+type Args = {
+    controller: SayController;
+    variableTypes: VariableConfig[];
 };
-declare class ExtraAttributes {
-    minimumValue: string;
-    maximumValue: string;
-    asObject(): minMaxObj;
-    reset(): void;
-}
 export default class EditorPluginsInsertCodelistCardComponent extends Component<Args> {
-    variablesArray: VariableType[];
-    selectedVariable?: VariableType;
-    hasSubtype: boolean;
-    selectedSubtype?: CodeList;
-    subtypes?: CodeList[];
-    variableLabel?: string;
-    extraAttributes: ExtraAttributes;
-    publisher: string;
-    endpoint: string;
+    selectedVariable?: VariableConfig;
     intl: IntlService;
-    constructor(parent: unknown, args: Args);
     get controller(): SayController;
-    get numberVariableError(): string;
-    updateVariableLabel(event: InputEvent): void;
-    insert(): void;
-    updateSelectedVariable(variable: VariableType): void;
-    fetchSubtypes: import("ember-concurrency").TaskForAsyncTaskFunction<unknown, (fetchFunction: (endpoint: string, publisher: string) => Promise<CodeList[]>) => Promise<void>>;
-    updateSubtype(subtype: CodeList): void;
-    get type(): string | undefined;
+    updateSelectedVariable(variable: VariableConfig): void;
     get showCard(): boolean;
 }
 export {};

package/components/variable-plugin/location/edit.d.ts

@@ -0,0 +1,31 @@
+import Component from '@glimmer/component';
+import { SayController } from '@lblod/ember-rdfa-editor';
+import { CodeListOption } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/fetch-data';
+export type LocationEditOptions = {
+    endpoint: string;
+    zonalLocationCodelistUri: string;
+    nonZonalLocationCodelistUri: string;
+};
+type Args = {
+    controller: SayController;
+    options: LocationEditOptions;
+};
+export default class LocationEditComponent extends Component<Args> {
+    selectedLocationOption?: CodeListOption | CodeListOption[];
+    get controller(): SayController;
+    get options(): LocationEditOptions;
+    insert(): void;
+    get selectedLocation(): {
+        node: import("prosemirror-model").Node;
+        pos: number;
+    } | undefined;
+    get showCard(): boolean;
+    get source(): string;
+    get label(): string | undefined;
+    get isZonal(): boolean;
+    locationOptions: import("ember-resources/util/function").State<Promise<import("@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/fetch-data").CodeListOptions>>;
+    get multiSelect(): boolean;
+    updateLocationOption(locationOption: CodeListOption | CodeListOption[]): void;
+    wrapInLocation(value: string): string;
+}
+export {};

package/components/variable-plugin/location/insert.d.ts

@@ -0,0 +1,20 @@
+import Component from '@glimmer/component';
+import { SayController } from '@lblod/ember-rdfa-editor';
+import IntlService from 'ember-intl/services/intl';
+export type LocationInsertOptions = {
+    endpoint: string;
+};
+type Args = {
+    controller: SayController;
+    options: LocationInsertOptions;
+};
+export default class LocationInsertComponent extends Component<Args> {
+    label?: string;
+    intl: IntlService;
+    get controller(): SayController;
+    get schema(): import("prosemirror-model").Schema<any, any>;
+    get endpoint(): string;
+    updateLabel(event: InputEvent): void;
+    insert(): void;
+}
+export {};

package/components/variable-plugin/number/insert.d.ts

@@ -0,0 +1,18 @@
+import Component from '@glimmer/component';
+import { SayController } from '@lblod/ember-rdfa-editor';
+import IntlService from 'ember-intl/services/intl';
+type Args = {
+    controller: SayController;
+};
+export default class NumberInsertComponent extends Component<Args> {
+    intl: IntlService;
+    label?: string;
+    minimumValue: string;
+    maximumValue: string;
+    get controller(): SayController;
+    get schema(): import("prosemirror-model").Schema<any, any>;
+    get numberVariableError(): string;
+    updateLabel(event: InputEvent): void;
+    insert(): void;
+}
+export {};

package/components/{variable-number/number.d.ts → variable-plugin/number/nodeview.d.ts}

@@ -10,7 +10,7 @@ type Args = {
     selected: boolean;
     contentDecorations?: DecorationSource;
 };
-export default class VariableNumberPluginNumberComponent extends Component<Args> {
+export default class NumberNodeviewComponent extends Component<Args> {
     inputNumber: string;
     writtenNumber: boolean;
     intl: intlService;

package/components/variable-plugin/text/insert.d.ts

@@ -0,0 +1,13 @@
+import Component from '@glimmer/component';
+import { SayController } from '@lblod/ember-rdfa-editor';
+type Args = {
+    controller: SayController;
+};
+export default class TextVariableInsertComponent extends Component<Args> {
+    label?: string;
+    get controller(): SayController;
+    get schema(): import("prosemirror-model").Schema<any, any>;
+    updateLabel(event: InputEvent): void;
+    insert(): void;
+}
+export {};

package/components/variable-plugin/{variable.d.ts → variable/nodeview.d.ts}

@@ -3,7 +3,7 @@ import { SayController, SayView } from '@lblod/ember-rdfa-editor';
 type Args = {
     controller: SayController;
 };
-export default class VariableComponent extends Component<Args> {
+export default class VariableNodeViewComponent extends Component<Args> {
     innerView?: SayView;
     onClick(): void;
     initEditor(view: SayView): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lblod/ember-rdfa-editor-lblod-plugins",
-  "version": "9.1.0",
+  "version": "10.0.0",
   "description": "Ember addon providing lblod specific plugins for the ember-rdfa-editor",
   "keywords": [
     "ember-addon",
@@ -66,7 +66,7 @@
     "@appuniversum/ember-appuniversum": "^2.4.2",
     "@ember/optional-features": "^2.0.0",
     "@ember/test-helpers": "^2.8.1",
-    "@embroider/test-setup": "^1.8.3",
+    "@embroider/test-setup": "^3.0.1",
     "@glimmer/component": "^1.1.2",
     "@glimmer/tracking": "^1.1.2",
     "@lblod/ember-rdfa-editor": "^4.2.0",

package/plugins/template-comments-plugin/index.d.ts

@@ -1 +1 @@
-export { templateComment, templateCommentView, templateCommentNodes, } from './node';
+export { templateComment, templateCommentView } from './node';

package/plugins/template-comments-plugin/node.d.ts

@@ -2,7 +2,3 @@ import { EmberNodeConfig } from '@lblod/ember-rdfa-editor/utils/ember-node';
 export declare const emberNodeConfig: () => EmberNodeConfig;
 export declare const templateComment: import("@lblod/ember-rdfa-editor/core/say-node-spec").default;
 export declare const templateCommentView: (controller: import("@lblod/ember-rdfa-editor").SayController) => import("prosemirror-view").NodeViewConstructor;
-export declare const templateCommentNodes: {
-    templateComment: import("@lblod/ember-rdfa-editor/core/say-node-spec").default;
-    templateCommentParagraph: import("prosemirror-model").NodeSpec;
-};

package/plugins/variable-plugin/utils/attribute-parsers.d.ts

@@ -0,0 +1,5 @@
+export declare function isVariable(element: HTMLElement): boolean;
+export declare function parseVariableType(variableNode: HTMLElement): string | null | undefined;
+export declare function parseVariableInstance(variableNode: HTMLElement): string | null | undefined;
+export declare function parseLabel(variableNode: HTMLElement): string | null;
+export declare function parseVariableSource(variableNode: HTMLElement): string | null | undefined;

package/plugins/variable-plugin/utils/codelist-utils.d.ts

@@ -0,0 +1,6 @@
+import { CodeListOption } from './fetch-data';
+import { PNode, SayController } from '@lblod/ember-rdfa-editor';
+export declare function updateCodelistVariable(selectedCodelist: {
+    node: PNode;
+    pos: number;
+}, selectedOption: CodeListOption | CodeListOption[], controller: SayController): void;

package/plugins/variable-plugin/utils/constants.d.ts

@@ -1,20 +1 @@
-import { Attrs, PNode, Schema } from '@lblod/ember-rdfa-editor';
-import { CodeList } from './fetch-data';
 export declare const MULTI_SELECT_CODELIST_TYPE = "http://lblod.data.gift/concepts/57C93E12-A02C-4D4B-8B95-666B6701286C";
-export type VariableType = {
-    label: string;
-    fetchSubtypes?: (endpoint: string, publisher: string) => Promise<CodeList[]>;
-    constructor: (props: {
-        schema: Schema;
-        label?: string;
-        attributes?: Attrs;
-        codelist?: CodeList;
-    }) => PNode;
-};
-export declare const DEFAULT_VARIABLE_TYPES: Record<string, VariableType>;
-export declare const MINIMUM_VALUE_PNODE_KEY = "minimumValue";
-export declare const MAXIMUM_VALUE_PNODE_KEY = "maximumValue";
-export declare const WRITTEN_NUMBER_PNODE_KEY = "writtenNumber";
-export declare const MINIMUM_VALUE_HTML_ATTRIBUTE_KEY = "data-minimum-value";
-export declare const MAXIMUM_VALUE_HTML_ATTRIBUTE_KEY = "data-maximum-value";
-export declare const WRITTEN_NUMBER_HTML_ATTRIBUTE_KEY = "data-written-number";

package/plugins/variable-plugin/utils/dom-constructors.d.ts

@@ -0,0 +1,24 @@
+type Attributes = Record<string, unknown>;
+type Children = unknown[];
+/**
+ * Constructs a variable mapping span based on a mapping resource.
+ * This function also accepts additional attributes which are added to the span attributes, and a series of children.
+ */
+export declare const mappingSpan: (mapping: string, attributes: Attributes, ...children: Children) => import("prosemirror-model").DOMOutputSpec;
+/**
+ * Constructs a variable instance span based on a variable-instance resource.
+ */
+export declare const instanceSpan: (variableInstance: string) => import("prosemirror-model").DOMOutputSpec;
+/**
+ * Constructs a variable type span based on a variable type.
+ */
+export declare const typeSpan: (variableType: string) => import("prosemirror-model").DOMOutputSpec;
+/**
+ * Constructs a variable source span based on a variable source.
+ */
+export declare const sourceSpan: (variableSource: string) => import("prosemirror-model").DOMOutputSpec;
+/**
+ * Constructs a variable content span. Accepts optional additional attributes and a series of children.
+ */
+export declare const contentSpan: (attributes: Attributes, ...children: Children) => import("prosemirror-model").DOMOutputSpec;
+export {};

package/plugins/variable-plugin/utils/fetch-data.d.ts

@@ -11,4 +11,4 @@ export type CodeList = {
     uri?: string;
     label?: string;
 };
-export declare function fetchCodeListsByPublisher(endpoint: string, publisher: string): Promise<CodeList[]>;
+export declare function fetchCodeListsByPublisher(endpoint: string, publisher?: string): Promise<CodeList[]>;

package/plugins/variable-plugin/variables/codelist.d.ts

@@ -0,0 +1,2 @@
+export declare const codelist: import("@lblod/ember-rdfa-editor/core/say-node-spec").default;
+export declare const codelistView: (controller: import("@lblod/ember-rdfa-editor").SayController) => import("prosemirror-view").NodeViewConstructor;

package/plugins/variable-plugin/variables/index.d.ts

@@ -0,0 +1,4 @@
+export * from './number';
+export * from './text';
+export * from './codelist';
+export * from './location';

package/plugins/variable-plugin/variables/location.d.ts

@@ -0,0 +1,2 @@
+export declare const location: import("@lblod/ember-rdfa-editor/core/say-node-spec").default;
+export declare const locationView: (controller: import("@lblod/ember-rdfa-editor").SayController) => import("prosemirror-view").NodeViewConstructor;

package/plugins/variable-plugin/variables/text.d.ts

@@ -0,0 +1,4 @@
+import { EmberNodeConfig } from '@lblod/ember-rdfa-editor/utils/ember-node';
+export declare const emberNodeConfig: EmberNodeConfig;
+export declare const text_variable: import("@lblod/ember-rdfa-editor/core/say-node-spec").default;
+export declare const textVariableView: (controller: import("@lblod/ember-rdfa-editor").SayController) => import("prosemirror-view").NodeViewConstructor;

package/translations/en-US.yaml

@@ -266,3 +266,49 @@ pagination:
   previous: Previous page
   of: of
   results: Results
+
+editor-plugins:
+  roadsign-regulation:
+    expanded-measure:
+      insert-measure: "Insert measure:"
+      select-zonality:
+        label: "Select zonal validity:"
+        zonal: Zonal
+        non-zonal: Non zonal
+      varying-signalisation:
+        label: Varying signalisation
+        varying: Varying
+        non-varying: Non varying
+    card:
+      insert-measure: Insert traffic measure
+    modal:
+      title: Insert traffic measure
+      filter:
+        type: Filter on type
+        code: Filter on code
+        zonal-validity: Filter op zonal validity
+      combine-with-code: Combine with code
+    pagination:
+      publications: Publications
+    table:
+      header:
+        code: Code
+        image: Image
+        template: Template
+        category: Category
+      content:
+        image:
+          alt: traffic sign {code}
+        no-data-message: No measures could be found.
+  import-snippet:
+    card:
+      title: Import document
+      body:
+        document-available: There is a <a href="{source}" target="_blank" rel="noopener noreferrer">document</a> available.
+        confirmation: Do you wish to insert this document?
+        insert-attachment: Insert attachment
+        insert-document: Insert document
+  utils:
+    insert: Insert
+    cancel: Cancel
+    loading: Loading

package/translations/nl-BE.yaml

@@ -269,3 +269,49 @@ pagination:
   previous: Vorige pagina
   of: van
   results: Resultaten
+
+editor-plugins:
+  roadsign-regulation:
+    expanded-measure:
+      insert-measure: "Voeg maatregel in:"
+      select-zonality:
+        label: "Selecteer zonale geldigheid:"
+        zonal: Zonaal
+        non-zonal: Niet zonaal
+      varying-signalisation:
+        label: Variabele signalisatie
+        varying: Variabel
+        non-varying: Niet variabel
+    card:
+      insert-measure: Voeg mobiliteitsmaatregel in
+    modal:
+      title: Mobiliteitsmaatregel toevoegen
+      filter:
+        type: Filter op type
+        code: Filter op code
+        zonal-validity: Filter op zonale geldigheid
+      combine-with-code: Combineer met code
+    pagination:
+      publications: Publicaties
+    table:
+      header:
+        code: Code
+        image: Afbeelding
+        template: Template
+        category: Categorie
+      content:
+        image:
+          alt: verkeersteken {code}
+        no-data-message: Er werden geen maatregelen gevonden.
+  import-snippet:
+    card:
+      title: Document importeren
+      body:
+        document-available: Er is een <a href="{source}" target="_blank" rel="noopener noreferrer">document</a> beschikbaar.
+        confirmation: Wenst u dit document in te voegen?
+        insert-attachment: Bijlage invoegen
+        insert-document: Document invoegen
+  utils:
+    insert: Voeg in
+    cancel: Annuleer
+    loading: Aan het laden

package/types/global.d.ts

@@ -17,4 +17,7 @@ declare module 'tracked-toolbox' {
     memo: UsefulPropsOf<C>,
     initializer?: T | (() => T),
   ): PropertyDecorator;
+  export function trackedReset<C extends Component = Component>(
+    memo: UsefulPropsOf<C>,
+  ): PropertyDecorator;
 }

package/utils/dom-output-spec-helpers.d.ts

@@ -0,0 +1,2 @@
+import { DOMOutputSpec } from '@lblod/ember-rdfa-editor';
+export declare const span: (attributes?: Record<string, unknown>, ...children: unknown[]) => DOMOutputSpec;

package/addon/components/variable-plugin/template-variable-card.ts

@@ -1,163 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-import { task } from 'ember-concurrency';
-import { SayController } from '@lblod/ember-rdfa-editor';
-import {
-  CodeListOption,
-  fetchCodeListOptions,
-} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/fetch-data';
-import { MULTI_SELECT_CODELIST_TYPE } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/constants';
-import { findParentNodeOfType } from '@curvenote/prosemirror-utils';
-import { NodeSelection, PNode, ProseParser } from '@lblod/ember-rdfa-editor';
-import { ZONAL_URI } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/roadsign-regulation-plugin/utils/constants';
-import { unwrap } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
-import { TemplateVariablePluginOptions } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin';
-
-type Args = {
-  controller: SayController;
-  options: TemplateVariablePluginOptions;
-};
-export default class EditorPluginsTemplateVariableCardComponent extends Component<Args> {
-  @tracked variableOptions: CodeListOption[] = [];
-  @tracked selectedVariableOption?: CodeListOption | CodeListOption[];
-  @tracked selectedVariable: { pos: number; node: PNode } | undefined;
-  @tracked showCard = false;
-  @tracked multiSelect = false;
-  @tracked label?: string;
-  mappingUri?: string;
-
-  get controller() {
-    return this.args.controller;
-  }
-
-  @action
-  insert() {
-    if (!this.selectedVariable || !this.selectedVariableOption) {
-      return;
-    }
-    let htmlToInsert: string;
-    if (Array.isArray(this.selectedVariableOption)) {
-      htmlToInsert = this.selectedVariableOption
-        .map((variable) => variable.value)
-        .join(', ');
-    } else {
-      htmlToInsert = unwrap(this.selectedVariableOption.value);
-    }
-    htmlToInsert = this.wrapVariableInHighlight(htmlToInsert);
-    const domParser = new DOMParser();
-    const htmlNode = domParser.parseFromString(htmlToInsert, 'text/html');
-    const contentFragment = ProseParser.fromSchema(
-      this.args.controller.schema,
-    ).parseSlice(htmlNode, {
-      preserveWhitespace: false,
-    }).content;
-    const range = {
-      from: this.selectedVariable.pos + 1,
-      to: this.selectedVariable.pos + this.selectedVariable.node.nodeSize - 1,
-    };
-    this.controller.withTransaction(
-      (tr) => {
-        return tr.replaceWith(range.from, range.to, contentFragment);
-      },
-      { view: this.controller.mainEditorView },
-    );
-  }
-
-  wrapVariableInHighlight(text: string) {
-    return text.replace(
-      /\$\{(.+?)\}/g,
-      '<span class="mark-highlight-manual">${$1}</span>',
-    );
-  }
-
-  @action
-  selectionChanged() {
-    this.showCard = false;
-    this.selectedVariableOption = undefined;
-    const { selection } = this.controller.mainEditorState;
-    if (
-      selection instanceof NodeSelection &&
-      selection.node.type === this.controller.schema.nodes.variable
-    ) {
-      const variable = {
-        node: selection.node,
-        pos: selection.from,
-      };
-      this.selectedVariable = variable;
-      if (variable) {
-        const type = variable.node.attrs.type as string;
-        if (type === 'codelist') {
-          const source =
-            (variable.node.attrs.source as string | undefined) ??
-            this.args.options.endpoint;
-          const codelistURI = variable.node.attrs.codelistResource as string;
-          void this.fetchCodeListOptions.perform(source, codelistURI);
-          this.showCard = true;
-          this.label = variable.node.attrs.label as string;
-        } else if (type === 'location') {
-          const source =
-            (variable.node.attrs.source as string | undefined) ??
-            this.args.options.endpoint;
-          const roadSignRegulation = findParentNodeOfType(
-            this.controller.schema.nodes.roadsign_regulation,
-          )(selection);
-          const zonalityUri = roadSignRegulation?.node.attrs.zonality as
-            | string
-            | undefined;
-          this.label = variable.node.attrs.label as string;
-          if (zonalityUri === ZONAL_URI) {
-            void this.fetchCodeListOptions.perform(
-              source,
-              this.args.options.zonalLocationCodelistUri,
-              true,
-            );
-          } else {
-            void this.fetchCodeListOptions.perform(
-              source,
-              this.args.options.nonZonalLocationCodelistUri,
-              true,
-            );
-          }
-
-          this.showCard = true;
-        }
-      }
-    }
-  }
-
-  @action
-  updateVariableOption(variableOption: CodeListOption | CodeListOption[]) {
-    this.selectedVariableOption = variableOption;
-  }
-
-  fetchCodeListOptions = task(
-    async (endpoint: string, codelistUri: string, isLocation?: boolean) => {
-      const { type, options } = await fetchCodeListOptions(
-        endpoint,
-        codelistUri,
-      );
-      if (isLocation) {
-        this.variableOptions = options.map((option) => ({
-          label: option.label,
-          value: this.wrapInLocation(unwrap(option.value)),
-        }));
-      } else {
-        this.variableOptions = options;
-      }
-      if (type === MULTI_SELECT_CODELIST_TYPE) {
-        this.multiSelect = true;
-      } else {
-        this.multiSelect = false;
-      }
-    },
-  );
-
-  wrapInLocation(value: string) {
-    return `
-      <span property="https://data.vlaanderen.be/ns/mobiliteit#plaatsbepaling">
-        ${value}
-      </span>
-    `;
-  }
-}

package/addon/plugins/variable-plugin/index.ts

@@ -1,5 +0,0 @@
-export type TemplateVariablePluginOptions = {
-  endpoint: string;
-  zonalLocationCodelistUri: string;
-  nonZonalLocationCodelistUri: string;
-};