@lblod/ember-rdfa-editor-lblod-plugins 22.0.2 → 22.1.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @lblod/ember-rdfa-editor-lblod-plugins
 
+## 22.1.0
+
+### Minor Changes
+
+- [#460](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/460) [`b792b75`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/b792b756267548d1b29fce8e9b8c64c3219b47b2) Thanks [@elpoelma](https://github.com/elpoelma)! - Addition of a mandatee table plugin
+  - Addition of a `mandatee_table` node-spec and `mandateeTableView` node-view
+    - `mandatee_table` nodes support two attributes: `tag` and `title` which can be configured by a template-creator
+  - Addition of two components used to insert and configure mandatee tables
+    - `MandateeTablePlugin::Insert` allows a user/template-creator to insert empty `mandatee_table` nodes
+    - `MandateeTablePlugin::Configure` allows a user/template-creator to configure the title/tag of a `mandatee_table` node
+  - Addition of a `syncDocument` function.
+    - Synchronizes the `mandatee_table` nodes in a document based on a supplied configuration
+    - Can work in a headless way (does not require a prosemirror view). It accepts and outputs a `ProseMirrorState` object.
+
+### Patch Changes
+
+- [#459](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/459) [`cfe0d3b`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/cfe0d3bdec8c9d3fe313b75eb3ed9a9aabd8fae1) Thanks [@lagartoverde](https://github.com/lagartoverde)! - Add body to templates so they can be inserted in the dummy app
+
 ## 22.0.2
 
 ### Patch Changes

package/addon/commands/insert-data-table.ts

@@ -0,0 +1,48 @@
+import { Command } from '@lblod/ember-rdfa-editor';
+import { buildDataTable } from '../utils/build-data-table';
+interface HasToString {
+  toString(): string;
+}
+
+type Args<T extends string> = {
+  fields: readonly T[];
+  records: Record<T, HasToString>[];
+  includeHeader?: boolean;
+  labels?: Record<T, string>;
+};
+
+export function insertDataTable<T extends string>({
+  fields,
+  records,
+  includeHeader = true,
+  labels,
+}: Args<T>): Command {
+  return (state, dispatch) => {
+    const {
+      schema,
+      selection: { $from },
+    } = state;
+
+    const specAllowSplitByTable = $from.parent.type.spec[
+      'allowSplitByTable'
+    ] as boolean | undefined;
+
+    const allowSplitByTable: boolean =
+      specAllowSplitByTable === undefined ? true : specAllowSplitByTable;
+
+    if (!allowSplitByTable) return false;
+
+    if (dispatch) {
+      const tr = state.tr;
+      dispatch(
+        tr
+          .replaceSelectionWith(
+            buildDataTable({ schema, fields, records, includeHeader, labels }),
+          )
+          .scrollIntoView(),
+      );
+    }
+
+    return true;
+  };
+}

package/addon/components/lmb-plugin/search-modal.ts

@@ -7,7 +7,7 @@ import { task as trackedTask } from 'ember-resources/util/ember-concurrency';
 import { LmbPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/lmb-plugin';
 
 import Mandatee from '@lblod/ember-rdfa-editor-lblod-plugins/models/mandatee';
-import { IBindings } from 'fetch-sparql-endpoint';
+import { fetchMandatees } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/lmb-plugin/utils/fetchMandatees';
 type SearchSort = [keyof Mandatee, 'ASC' | 'DESC'] | false;
 
 interface Args {
@@ -17,12 +17,6 @@ interface Args {
   onInsert: () => void;
 }
 
-interface SparqlResponse {
-  results: {
-    bindings: IBindings[];
-  };
-}
-
 export default class LmbPluginSearchModalComponent extends Component<Args> {
   // Display
   @tracked error: unknown;
@@ -45,47 +39,7 @@ export default class LmbPluginSearchModalComponent extends Component<Args> {
   }
 
   fetchData = restartableTask(async () => {
-    const endpoint = this.args.config.endpoint;
-    const queryResponse = await fetch(endpoint, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        query: `
-        PREFIX besluit: <http://data.vlaanderen.be/ns/besluit#>
-        PREFIX skos: <http://www.w3.org/2004/02/skos/core#>
-        PREFIX mandaat: <http://data.vlaanderen.be/ns/mandaat#>
-        PREFIX foaf: <http://xmlns.com/foaf/0.1/>
-        PREFIX persoon: <http://data.vlaanderen.be/ns/persoon#>
-        PREFIX org: <http://www.w3.org/ns/org#>
-        PREFIX regorg: <https://www.w3.org/ns/regorg#>
-        SELECT DISTINCT ?mandatee ?person ?firstName ?lastName ?statusLabel ?fractieLabel ?roleLabel WHERE {
-            ?mandatee a mandaat:Mandataris;
-              org:holds ?mandaat;
-              mandaat:status ?status;
-              mandaat:isBestuurlijkeAliasVan ?person.
-            ?person foaf:familyName ?lastName;
-              persoon:gebruikteVoornaam ?firstName.
-            ?status skos:prefLabel ?statusLabel.
-            ?mandaat org:role ?role.
-            ?role skos:prefLabel ?roleLabel.
-            OPTIONAL  {
-              ?mandatee mandaat:einde ?endDate
-            }
-            OPTIONAL {
-              ?mandatee org:hasMembership ?membership.
-              ?membership org:organisation ?fractie.
-              ?fractie regorg:legalName ?fractieLabel.
-            }
-            filter (!bound(?endDate) || ?endDate > now()).
-        }
-        `,
-      }),
-    });
-    const queryJson: SparqlResponse = await queryResponse.json();
-    const mandatees = queryJson.results.bindings.map(Mandatee.fromBinding);
-    return mandatees;
+    return fetchMandatees({ endpoint: this.args.config.endpoint });
   });
 
   search = restartableTask(async () => {

package/addon/components/mandatee-table-plugin/configure.gts

@@ -0,0 +1,122 @@
+import Component from '@glimmer/component';
+import { SayController } from '@lblod/ember-rdfa-editor';
+import { action } from '@ember/object';
+import AuCard from '@appuniversum/ember-appuniversum/components/au-card';
+import AuHeading from '@appuniversum/ember-appuniversum/components/au-heading';
+import AuLabel from '@appuniversum/ember-appuniversum/components/au-label';
+import AuInput from '@appuniversum/ember-appuniversum/components/au-input';
+import PowerSelect from 'ember-power-select/components/power-select';
+import { findParentNodeOfType } from '@curvenote/prosemirror-utils';
+import { on } from '@ember/modifier';
+import AuFormRow from '@appuniversum/ember-appuniversum/components/au-form-row';
+import t from 'ember-intl/helpers/t';
+
+interface Sig {
+  Args: { controller: SayController; supportedTags: string[] };
+}
+
+export default class ConfigureMandateeTableComponent extends Component<Sig> {
+  get controller() {
+    return this.args.controller;
+  }
+
+  get schema() {
+    return this.controller.schema;
+  }
+
+  get mandateeTableNode() {
+    const { mandatee_table } = this.schema.nodes;
+    if (!mandatee_table) {
+      return undefined;
+    }
+    return findParentNodeOfType(mandatee_table)(
+      this.controller.activeEditorState.selection,
+    );
+  }
+
+  get showCard() {
+    return Boolean(this.mandateeTableNode);
+  }
+
+  get currentTag() {
+    return this.mandateeTableNode?.node.attrs.tag as string | undefined;
+  }
+
+  get nodeTitle() {
+    return this.mandateeTableNode?.node.attrs.title as string | undefined;
+  }
+
+  updateAttribute(key: string, value: unknown) {
+    if (this.mandateeTableNode) {
+      const { pos } = this.mandateeTableNode;
+      this.controller.withTransaction((tr) => {
+        return tr.setNodeAttribute(pos, key, value);
+      });
+    }
+  }
+
+  @action
+  updateTag(tag: string) {
+    this.updateAttribute('tag', tag);
+  }
+
+  @action
+  updateNodeTitle(event: InputEvent) {
+    this.updateAttribute('title', (event.target as HTMLInputElement).value);
+  }
+
+  <template>
+    {{#if this.showCard}}
+      <AuCard
+        @flex={{true}}
+        @divided={{true}}
+        @isOpenInitially={{true}}
+        @expandable={{true}}
+        @shadow={{true}}
+        @size='small'
+        as |c|
+      >
+        <c.header>
+          <AuHeading @level='3' @skin='6'>
+            {{t 'mandatee-table-plugin.configure.title'}}
+          </AuHeading>
+        </c.header>
+        <c.content>
+          <AuFormRow>
+            <AuLabel for='mandatee-table-tag-select'>
+              {{t 'mandatee-table-plugin.configure.tag-input.label'}}
+            </AuLabel>
+            <PowerSelect
+              id='mandatee-table-tag-select'
+              @allowClear={{false}}
+              @searchEnabled={{false}}
+              @options={{@supportedTags}}
+              @selected={{this.currentTag}}
+              @onChange={{this.updateTag}}
+              @placeholder={{t
+                'mandatee-table-plugin.configure.tag-input.placeholder'
+              }}
+              as |tag|
+            >
+              {{tag}}
+            </PowerSelect>
+          </AuFormRow>
+          <AuFormRow>
+            <AuLabel for='mandatee-table-title-input'>
+              {{t 'mandatee-table-plugin.configure.title-input.label'}}
+            </AuLabel>
+            <AuInput
+              @width='block'
+              placeholder={{t
+                'mandatee-table-plugin.configure.title-input.placeholder'
+              }}
+              id='mandatee-table-title-input'
+              value={{this.nodeTitle}}
+              {{on 'input' this.updateNodeTitle}}
+            />
+          </AuFormRow>
+        </c.content>
+      </AuCard>
+    {{/if}}
+  </template>
+}

package/addon/components/mandatee-table-plugin/insert.gts

@@ -0,0 +1,53 @@
+import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
+import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
+import { on } from '@ember/modifier';
+import Component from '@glimmer/component';
+import { SayController } from '@lblod/ember-rdfa-editor';
+import { not } from 'ember-truth-helpers';
+import { getCurrentBesluitRange } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/besluit-topic-plugin/utils/helpers';
+import { action } from '@ember/object';
+import { unwrap } from '@lblod/ember-rdfa-editor/utils/_private/option';
+import t from 'ember-intl/helpers/t';
+
+interface Sig {
+  Args: { controller: SayController; defaultTag: string };
+}
+
+export default class InsertMandateeTableComponent extends Component<Sig> {
+  get controller() {
+    return this.args.controller;
+  }
+  get decisionRange() {
+    return getCurrentBesluitRange(this.controller);
+  }
+
+  @action
+  insert() {
+    const mandatee_table = unwrap(
+      this.controller.schema.nodes.mandatee_table.createAndFill({
+        tag: this.args.defaultTag,
+      }),
+    );
+    this.args.controller.withTransaction((tr) => {
+      return tr.replaceSelectionWith(mandatee_table);
+    });
+  }
+
+  get canInsert() {
+    return Boolean(this.decisionRange);
+  }
+
+  <template>
+    <li class='au-c-list__item'>
+      <AuButton
+        {{on 'click' this.insert}}
+        @icon={{AddIcon}}
+        @iconAlignment='left'
+        @skin='link'
+        @disabled={{not this.canInsert}}
+      >
+        {{t 'mandatee-table-plugin.insert.title'}}
+      </AuButton>
+    </li>
+  </template>
+}

package/addon/components/mandatee-table-plugin/node.gts

@@ -0,0 +1,52 @@
+import AuIcon from '@appuniversum/ember-appuniversum/components/au-icon';
+
+import { UserIcon } from '@appuniversum/ember-appuniversum/components/icons/user';
+import { service } from '@ember/service';
+import Component from '@glimmer/component';
+import { EmberNodeArgs } from '@lblod/ember-rdfa-editor/utils/ember-node';
+import IntlService from 'ember-intl/services/intl';
+
+interface Sig {
+  Args: EmberNodeArgs;
+  Blocks: {
+    default: [];
+  };
+}
+export default class MandateeTableNode extends Component<Sig> {
+  @service declare intl: IntlService;
+
+  get controller() {
+    return this.args.controller;
+  }
+
+  get title() {
+    return this.args.node.attrs.title as string | undefined;
+  }
+
+  get documentLanguage() {
+    return this.controller.documentLanguage;
+  }
+
+  get warning() {
+    return this.intl.t('mandatee-table-plugin.node.warning', {
+      locale: this.documentLanguage,
+    });
+  }
+
+  <template>
+    <div class='say-mandatee-table-node'>
+      <div
+        class='say-mandatee-table-header au-u-flex au-u-flex--row au-u-flex--vertical-center'
+      >
+        <AuIcon @icon={{UserIcon}} @size='large' class='au-u-margin-small' />
+        <div>
+          <strong>{{this.title}}</strong>
+          <p>
+            {{this.warning}}
+          </p>
+        </div>
+      </div>
+      <div class='say-mandatee-table-content'>{{yield}}</div>
+    </div>
+  </template>
+}

package/addon/plugins/besluit-topic-plugin/utils/helpers.ts

@@ -1,4 +1,4 @@
-import { PNode, SayController } from '@lblod/ember-rdfa-editor';
+import { EditorState, PNode, SayController } from '@lblod/ember-rdfa-editor';
 import {
   BESLUIT,
   RDF,
@@ -9,9 +9,13 @@ import { ElementPNode } from '@lblod/ember-rdfa-editor/plugins/datastore';
 import { findAncestors } from '@lblod/ember-rdfa-editor/utils/position-utils';
 
 export const getCurrentBesluitRange = (
-  controller: SayController,
+  controllerOrState: SayController | EditorState,
 ): ElementPNode | undefined => {
-  const selection = controller.mainEditorState.selection;
+  const state =
+    controllerOrState instanceof SayController
+      ? controllerOrState.mainEditorState
+      : controllerOrState;
+  const selection = state.selection;
 
   const besluit =
     findAncestors(selection.$from, (node: PNode) => {

package/addon/plugins/lmb-plugin/utils/fetchMandatees.ts

@@ -0,0 +1,55 @@
+import Mandatee from '@lblod/ember-rdfa-editor-lblod-plugins/models/mandatee';
+import { IBindings } from 'fetch-sparql-endpoint';
+
+type SparqlResponse = {
+  results: {
+    bindings: IBindings[];
+  };
+};
+
+type FetchMandateesArgs = {
+  endpoint: string;
+};
+
+export async function fetchMandatees({ endpoint }: FetchMandateesArgs) {
+  const queryResponse = await fetch(endpoint, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({
+      query: `
+      PREFIX besluit: <http://data.vlaanderen.be/ns/besluit#>
+      PREFIX skos: <http://www.w3.org/2004/02/skos/core#>
+      PREFIX mandaat: <http://data.vlaanderen.be/ns/mandaat#>
+      PREFIX foaf: <http://xmlns.com/foaf/0.1/>
+      PREFIX persoon: <http://data.vlaanderen.be/ns/persoon#>
+      PREFIX org: <http://www.w3.org/ns/org#>
+      PREFIX regorg: <https://www.w3.org/ns/regorg#>
+      SELECT DISTINCT ?mandatee ?person ?firstName ?lastName ?statusLabel ?fractieLabel ?roleLabel WHERE {
+          ?mandatee a mandaat:Mandataris;
+            org:holds ?mandaat;
+            mandaat:status ?status;
+            mandaat:isBestuurlijkeAliasVan ?person.
+          ?person foaf:familyName ?lastName;
+            persoon:gebruikteVoornaam ?firstName.
+          ?status skos:prefLabel ?statusLabel.
+          ?mandaat org:role ?role.
+          ?role skos:prefLabel ?roleLabel.
+          OPTIONAL  {
+            ?mandatee mandaat:einde ?endDate
+          }
+          OPTIONAL {
+            ?mandatee org:hasMembership ?membership.
+            ?membership org:organisation ?fractie.
+            ?fractie regorg:legalName ?fractieLabel.
+          }
+          filter (!bound(?endDate) || ?endDate > now()).
+      }
+      `,
+    }),
+  });
+  const queryJson: SparqlResponse = await queryResponse.json();
+  const mandatees = queryJson.results.bindings.map(Mandatee.fromBinding);
+  return mandatees;
+}

package/addon/plugins/mandatee-table-plugin/index.ts

@@ -0,0 +1,2 @@
+export * from './sync-document';
+export * from './node';

package/addon/plugins/mandatee-table-plugin/node.ts

@@ -0,0 +1,58 @@
+import type { ComponentLike } from '@glint/template';
+import {
+  createEmberNodeSpec,
+  createEmberNodeView,
+  EmberNodeConfig,
+} from '@lblod/ember-rdfa-editor/utils/ember-node';
+import MandateeTableNode from '@lblod/ember-rdfa-editor-lblod-plugins/components/mandatee-table-plugin/node';
+
+export const emberNodeConfig: () => EmberNodeConfig = () => {
+  return {
+    name: 'mandatee-table',
+    component: MandateeTableNode as unknown as ComponentLike,
+    inline: false,
+    content: 'block+',
+    group: 'block',
+    draggable: false,
+    selectable: true,
+    editable: true,
+    atom: false,
+    isolating: true,
+    attrs: {
+      tag: {},
+      title: {
+        default: 'Mandatarissen',
+      },
+    },
+    serialize(node) {
+      const tag = node.attrs.tag as string;
+      const title = node.attrs.title as string;
+      return [
+        'div',
+        {
+          'data-mandatee-table': true,
+          'data-tag': tag,
+          'data-title': title,
+        },
+        0,
+      ];
+    },
+    parseDOM: [
+      {
+        tag: 'div',
+        getAttrs(element: HTMLElement) {
+          if (element.dataset.mandateeTable && element.dataset.tag) {
+            return {
+              tag: element.dataset.tag,
+              title: element.dataset.title,
+            };
+          }
+          return false;
+        },
+      },
+    ],
+  };
+};
+
+export const mandatee_table = createEmberNodeSpec(emberNodeConfig());
+export const mandateeTableView = createEmberNodeView(emberNodeConfig());

package/addon/plugins/mandatee-table-plugin/sync-document.ts

@@ -0,0 +1,40 @@
+import { EditorState } from '@lblod/ember-rdfa-editor';
+import {
+  TransactionMonad,
+  transactionCombinator,
+} from '@lblod/ember-rdfa-editor/utils/transaction-utils';
+
+export type MandateeTableTag = string;
+export type MandateeTableConfig<R> = Record<
+  MandateeTableTag,
+  MandateeTableConfigEntry<R>
+>;
+export type MandateeTableConfigEntry<R> = {
+  query: () => Promise<R>;
+  updateContent: (pos: number, queryResult: R) => TransactionMonad<boolean>;
+};
+
+export async function syncDocument<R>(
+  state: EditorState,
+  config: MandateeTableConfig<R>,
+) {
+  const { doc, schema } = state;
+
+  const nodesToSync: { pos: number; tag: MandateeTableTag }[] = [];
+  const queries: Promise<R>[] = [];
+  doc.descendants((node, pos) => {
+    if (node.type === schema.nodes.mandatee_table) {
+      const tag = node.attrs.tag as MandateeTableTag;
+      nodesToSync.push({ pos, tag });
+      queries.push(config[node.attrs.tag as MandateeTableTag].query());
+    }
+  });
+  const queryResults = await Promise.all(queries);
+  const transactionMonads = [];
+  for (let i = nodesToSync.length - 1; i >= 0; i--) {
+    const { pos, tag } = nodesToSync[i];
+    transactionMonads.push(config[tag].updateContent(pos, queryResults[i]));
+  }
+  const { transaction } = transactionCombinator(state)(transactionMonads);
+  return state.applyTransaction(transaction).state;
+}

package/addon/utils/build-data-table.ts

@@ -0,0 +1,68 @@
+import { PNode, Schema } from '@lblod/ember-rdfa-editor';
+import { unwrap } from '../utils/option';
+interface HasToString {
+  toString(): string;
+}
+
+type Args<T extends string> = {
+  schema: Schema;
+  fields: readonly T[];
+  records: Record<T, HasToString>[];
+  includeHeader?: boolean;
+  labels?: Record<T, string>;
+};
+
+export function buildDataTable<T extends string>({
+  schema,
+  fields,
+  records,
+  includeHeader = true,
+  labels,
+}: Args<T>) {
+  const rows: PNode[] = [];
+  const proportionalWidth = 100 / fields.length;
+  if (includeHeader) {
+    const headerCells = [];
+    for (const field of fields) {
+      headerCells.push(
+        unwrap(
+          schema.nodes['table_header'].createAndFill(
+            proportionalWidth
+              ? {
+                  colwidth: [proportionalWidth],
+                }
+              : undefined,
+            schema.nodes.paragraph.create(
+              null,
+              schema.text(labels?.[field] ?? field),
+            ),
+          ),
+        ),
+      );
+    }
+    rows.push(schema.node('table_row', null, headerCells));
+  }
+
+  for (const record of records) {
+    const cells = [];
+    for (const field of fields) {
+      cells.push(
+        unwrap(
+          schema.nodes['table_cell'].createAndFill(
+            proportionalWidth
+              ? {
+                  colwidth: [proportionalWidth],
+                }
+              : undefined,
+            schema.nodes.paragraph.create(
+              null,
+              schema.text(record[field].toString()),
+            ),
+          ),
+        ),
+      );
+    }
+    rows.push(schema.node('table_row', null, cells));
+  }
+  return schema.node('table', null, rows);
+}

package/app/components/mandatee-table-plugin/configure.js

@@ -0,0 +1 @@
+export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/mandatee-table-plugin/configure';

package/app/components/mandatee-table-plugin/insert.js

@@ -0,0 +1 @@
+export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/mandatee-table-plugin/insert';

package/app/styles/mandatee-table-plugin.scss

@@ -0,0 +1,14 @@
+.say-mandatee-table-node {
+  border: 1px solid var(--au-blue-300);
+  .say-mandatee-table-header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    background-color: var(--au-blue-300);
+    padding: 0.6rem 0.6rem 0.6rem 0;
+    cursor: default;
+  }
+  .say-mandatee-table-content {
+    padding: 1.2rem;
+  }
+}

package/declarations/addon/commands/insert-data-table.d.ts

@@ -0,0 +1,12 @@
+import { Command } from '@lblod/ember-rdfa-editor';
+interface HasToString {
+    toString(): string;
+}
+type Args<T extends string> = {
+    fields: readonly T[];
+    records: Record<T, HasToString>[];
+    includeHeader?: boolean;
+    labels?: Record<T, string>;
+};
+export declare function insertDataTable<T extends string>({ fields, records, includeHeader, labels, }: Args<T>): Command;
+export {};

package/declarations/addon/components/mandatee-table-plugin/configure.d.ts

@@ -0,0 +1,25 @@
+import Component from '@glimmer/component';
+import { SayController } from '@lblod/ember-rdfa-editor';
+interface Sig {
+    Args: {
+        controller: SayController;
+        supportedTags: string[];
+    };
+}
+export default class ConfigureMandateeTableComponent extends Component<Sig> {
+    get controller(): SayController;
+    get schema(): import("prosemirror-model").Schema<any, any>;
+    get mandateeTableNode(): {
+        pos: number;
+        start: number;
+        depth: number;
+        node: import("prosemirror-model").Node;
+    } | undefined;
+    get showCard(): boolean;
+    get currentTag(): string | undefined;
+    get nodeTitle(): string | undefined;
+    updateAttribute(key: string, value: unknown): void;
+    updateTag(tag: string): void;
+    updateNodeTitle(event: InputEvent): void;
+}
+export {};

package/declarations/addon/components/mandatee-table-plugin/insert.d.ts

@@ -0,0 +1,15 @@
+import Component from '@glimmer/component';
+import { SayController } from '@lblod/ember-rdfa-editor';
+interface Sig {
+    Args: {
+        controller: SayController;
+        defaultTag: string;
+    };
+}
+export default class InsertMandateeTableComponent extends Component<Sig> {
+    get controller(): SayController;
+    get decisionRange(): import("@lblod/ember-rdfa-editor/plugins/datastore").ElementPNode | undefined;
+    insert(): void;
+    get canInsert(): boolean;
+}
+export {};

package/declarations/addon/components/mandatee-table-plugin/node.d.ts

@@ -0,0 +1,17 @@
+import Component from '@glimmer/component';
+import { EmberNodeArgs } from '@lblod/ember-rdfa-editor/utils/ember-node';
+import IntlService from 'ember-intl/services/intl';
+interface Sig {
+    Args: EmberNodeArgs;
+    Blocks: {
+        default: [];
+    };
+}
+export default class MandateeTableNode extends Component<Sig> {
+    intl: IntlService;
+    get controller(): import("@lblod/ember-rdfa-editor").SayController;
+    get title(): string | undefined;
+    get documentLanguage(): string;
+    get warning(): string;
+}
+export {};

package/declarations/addon/plugins/besluit-topic-plugin/utils/helpers.d.ts

@@ -1,4 +1,4 @@
-import { SayController } from '@lblod/ember-rdfa-editor';
+import { EditorState, SayController } from '@lblod/ember-rdfa-editor';
 import { ElementPNode } from '@lblod/ember-rdfa-editor/plugins/datastore';
-export declare const getCurrentBesluitRange: (controller: SayController) => ElementPNode | undefined;
+export declare const getCurrentBesluitRange: (controllerOrState: SayController | EditorState) => ElementPNode | undefined;
 export declare const getCurrentBesluitURI: (controller: SayController) => string | undefined;

package/declarations/addon/plugins/lmb-plugin/utils/fetchMandatees.d.ts

@@ -0,0 +1,6 @@
+import Mandatee from '@lblod/ember-rdfa-editor-lblod-plugins/models/mandatee';
+type FetchMandateesArgs = {
+    endpoint: string;
+};
+export declare function fetchMandatees({ endpoint }: FetchMandateesArgs): Promise<Mandatee[]>;
+export {};

package/declarations/addon/plugins/mandatee-table-plugin/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sync-document';
+export * from './node';

package/declarations/addon/plugins/mandatee-table-plugin/node.d.ts

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

package/declarations/addon/plugins/mandatee-table-plugin/sync-document.d.ts

@@ -0,0 +1,9 @@
+import { EditorState } from '@lblod/ember-rdfa-editor';
+import { TransactionMonad } from '@lblod/ember-rdfa-editor/utils/transaction-utils';
+export type MandateeTableTag = string;
+export type MandateeTableConfig<R> = Record<MandateeTableTag, MandateeTableConfigEntry<R>>;
+export type MandateeTableConfigEntry<R> = {
+    query: () => Promise<R>;
+    updateContent: (pos: number, queryResult: R) => TransactionMonad<boolean>;
+};
+export declare function syncDocument<R>(state: EditorState, config: MandateeTableConfig<R>): Promise<EditorState>;

package/declarations/addon/utils/build-data-table.d.ts

@@ -0,0 +1,13 @@
+import { PNode, Schema } from '@lblod/ember-rdfa-editor';
+interface HasToString {
+    toString(): string;
+}
+type Args<T extends string> = {
+    schema: Schema;
+    fields: readonly T[];
+    records: Record<T, HasToString>[];
+    includeHeader?: boolean;
+    labels?: Record<T, string>;
+};
+export declare function buildDataTable<T extends string>({ schema, fields, records, includeHeader, labels, }: Args<T>): PNode;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lblod/ember-rdfa-editor-lblod-plugins",
-  "version": "22.0.2",
+  "version": "22.1.0",
   "description": "Ember addon providing lblod specific plugins for the ember-rdfa-editor",
   "keywords": [
     "ember-addon",
@@ -102,7 +102,7 @@
     "@glint/template": "^1.4.0",
     "@graphy/content.ttl.write": "^4.3.7",
     "@graphy/memory.dataset.fast": "4.3.3",
-    "@lblod/ember-rdfa-editor": "10.0.1",
+    "@lblod/ember-rdfa-editor": "10.0.2",
     "@rdfjs/types": "^1.1.0",
     "@release-it/keep-a-changelog": "^4.0.0",
     "@tsconfig/ember": "^3.0.8",

package/pnpm-lock.yaml

@@ -160,8 +160,8 @@ importers:
         specifier: 4.3.3
         version: 4.3.3
       '@lblod/ember-rdfa-editor':
-        specifier: 10.0.1
-        version: 10.0.1(2ef3gpurqxbttnmniw6grhzpuy)
+        specifier: 10.0.2
+        version: 10.0.2(2ef3gpurqxbttnmniw6grhzpuy)
       '@rdfjs/types':
         specifier: ^1.1.0
         version: 1.1.0
@@ -1586,8 +1586,8 @@ packages:
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
-  '@lblod/ember-rdfa-editor@10.0.1':
-    resolution: {integrity: sha512-wYI3LIPQIMrulE1E1PzCrOhOpVgMEiEmGmMdThTYTljnZpzTJggGNqrJJCpVJ6wvaM4KFPZq3PtuRYeTfZlfeQ==}
+  '@lblod/ember-rdfa-editor@10.0.2':
+    resolution: {integrity: sha512-2tVTQeedXufvIPjt894Lr/7DpwdRXOH7WA5v2MK2Q4JMPdgTdLpb/JZYCrUIAVIen8qB/V2bFqcjNDitzrBq1w==}
     engines: {node: 16.* || 18.* || >= 20}
     peerDependencies:
       '@appuniversum/ember-appuniversum': ^3.4.2
@@ -10718,7 +10718,7 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  '@lblod/ember-rdfa-editor@10.0.1(2ef3gpurqxbttnmniw6grhzpuy)':
+  '@lblod/ember-rdfa-editor@10.0.2(2ef3gpurqxbttnmniw6grhzpuy)':
     dependencies:
       '@appuniversum/ember-appuniversum': 3.4.2(yenc6o4wruytt4u2jbwlbsqcl4)
       '@babel/core': 7.24.7

package/translations/en-US.yaml

@@ -513,3 +513,18 @@ lpdc-plugin:
       name: Name
   search:
     placeholder: LPDC Name/Description
+
+mandatee-table-plugin:
+  insert:
+    title: Insert mandatee table
+  configure:
+    title: Configure mandatee table
+    tag-input:
+      label: Tag
+      placeholder: Select tag
+    title-input:
+      label: Title
+      placeholder: Title
+  node:
+    warning: Information which you enter below may be removed upon
+      synchronisation of the inauguration meeting.

package/translations/nl-BE.yaml

@@ -512,3 +512,18 @@ lpdc-plugin:
       name: Naam
   search:
     placeholder: LPDC-naam/beschrijving
+
+mandatee-table-plugin:
+  insert:
+    title: Mandatarissen-tabel invoegen
+  configure:
+    title: Mandatarissen-tabel configureren
+    tag-input:
+      label: Tag
+      placeholder: Selecteer tag
+    title-input:
+      label: Titel
+      placeholder: Titel
+  node:
+    warning: Informatie die u hieronder manueel ingeeft, wordt mogelijks
+      verwijderd bij synchronisatie van de installatievergadering.