@lblod/ember-rdfa-editor-lblod-plugins 12.1.0 → 13.0.0

package/addon/plugins/rdfa-date-plugin/nodes/date.ts

@@ -1,167 +0,0 @@
-import {
-  createEmberNodeSpec,
-  createEmberNodeView,
-  EmberNodeConfig,
-} from '@lblod/ember-rdfa-editor/utils/ember-node';
-import {
-  EXT,
-  XSD,
-} from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
-import { hasRDFaAttribute } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';
-import { DateOptions } from '..';
-import { formatDate, validateDateFormat } from '../utils';
-import { PNode } from '@lblod/ember-rdfa-editor';
-import {
-  isVariable,
-  parseLabel,
-  parseVariableType,
-} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/attribute-parsers';
-import {
-  mappingSpan,
-  typeSpan,
-} from '../../variable-plugin/utils/dom-constructors';
-import { span } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/dom-output-spec-helpers';
-
-const emberNodeConfig = (options: DateOptions): EmberNodeConfig => ({
-  name: 'date',
-  group: 'inline variable',
-  componentPath: 'rdfa-date-plugin/date',
-  inline: true,
-  selectable: true,
-  draggable: false,
-  atom: true,
-  defining: false,
-  options,
-  attrs: {
-    mappingResource: {
-      default: null,
-    },
-    humanReadableDate: {
-      default: options.placeholder.insertDate,
-    },
-    value: {},
-    format: {
-      default: options.formats[0].dateFormat,
-    },
-    onlyDate: {
-      default: true,
-    },
-    custom: {
-      default: false,
-    },
-    label: {
-      default: 'datum',
-    },
-  },
-  leafText: (node: PNode) => {
-    const { value, onlyDate, format } = node.attrs;
-    const humanReadableDate = value
-      ? formatDate(new Date(value), format)
-      : onlyDate
-      ? options.placeholder.insertDate
-      : options.placeholder.insertDateTime;
-    return humanReadableDate;
-  },
-  toDOM: (node) => {
-    const { value, onlyDate, format, mappingResource, custom, label } =
-      node.attrs;
-    const datatype = onlyDate ? XSD('date') : XSD('dateTime');
-    let humanReadableDate: string;
-    if (value) {
-      if (validateDateFormat(format).type === 'ok') {
-        humanReadableDate = formatDate(new Date(value), format);
-      } else {
-        humanReadableDate = 'Ongeldig formaat';
-      }
-    } else {
-      humanReadableDate = (onlyDate as boolean)
-        ? options.placeholder.insertDate
-        : options.placeholder.insertDateTime;
-    }
-    const dateAttrs = {
-      datatype: datatype.prefixed,
-      property: EXT('content').prefixed,
-      'data-format': format as string,
-      'data-custom': custom ? 'true' : 'false',
-      ...(!!value && { content: value as string }),
-    };
-    if (mappingResource) {
-      return mappingSpan(
-        mappingResource,
-        { class: 'date', 'data-label': label as string },
-        typeSpan('date'),
-        span(dateAttrs, humanReadableDate),
-      );
-    } else {
-      return span({ class: 'date', ...dateAttrs }, humanReadableDate);
-    }
-  },
-  parseDOM: [
-    {
-      tag: 'span',
-      getAttrs: (node: HTMLElement) => {
-        if (
-          hasRDFaAttribute(node, 'datatype', XSD('date')) ||
-          hasRDFaAttribute(node, 'datatype', XSD('dateTime'))
-        ) {
-          const onlyDate = hasRDFaAttribute(node, 'datatype', XSD('date'));
-          return {
-            value: node.getAttribute('content') ?? new Date().toISOString(),
-            onlyDate,
-            format: node.dataset.format,
-            custom: node.dataset.custom === 'true',
-          };
-        }
-        return false;
-      },
-    },
-    {
-      tag: 'span',
-      getAttrs: (node: HTMLElement) => {
-        if (isVariable(node) && parseVariableType(node) === 'date') {
-          const mappingResource = node.getAttribute('resource');
-          if (!mappingResource) {
-            return false;
-          }
-          const onlyDate = !![...node.children].find((el) =>
-            hasRDFaAttribute(el, 'datatype', XSD('date')),
-          );
-          const dateNode = [...node.children].find((el) =>
-            hasRDFaAttribute(el, 'property', EXT('content')),
-          ) as HTMLElement | undefined;
-          let humanReadableDate: string;
-          const value = dateNode?.getAttribute('content');
-          const format = dateNode?.dataset.format;
-          if (value && format) {
-            if (validateDateFormat(format).type === 'ok') {
-              humanReadableDate = formatDate(new Date(value), format);
-            } else {
-              humanReadableDate = 'Ongeldig formaat';
-            }
-          } else {
-            humanReadableDate = onlyDate
-              ? options.placeholder.insertDate
-              : options.placeholder.insertDateTime;
-          }
-          const label = parseLabel(node);
-          return {
-            mappingResource,
-            onlyDate,
-            humanReadableDate,
-            value: value,
-            format: format,
-            custom: dateNode?.dataset.custom === 'true',
-            label,
-          };
-        }
-
-        return false;
-      },
-    },
-  ],
-});
-
-export const date = (options: DateOptions) =>
-  createEmberNodeSpec(emberNodeConfig(options));
-export const dateView = (options: DateOptions) =>
-  createEmberNodeView(emberNodeConfig(options));

package/components/rdfa-date-plugin/insert.d.ts

@@ -1,16 +0,0 @@
-import Component from '@glimmer/component';
-import { SayController } from '@lblod/ember-rdfa-editor';
-import { DateFormat, DateOptions } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/rdfa-date-plugin';
-import { Option } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
-type Args = {
-    controller: SayController;
-    options: DateOptions;
-};
-export default class RdfaDatePluginInsertComponent extends Component<Args> {
-    get controller(): SayController;
-    get schema(): import("prosemirror-model").Schema<any, any>;
-    get formats(): DateFormat[];
-    get defaultDateFormat(): Option<string>;
-    insertDate(): void;
-}
-export {};

package/plugins/rdfa-date-plugin/index.d.ts

@@ -1,15 +0,0 @@
-export declare const defaultDateFormats: DateFormat[];
-export type DateFormat = {
-    label?: string;
-    key: string;
-    dateFormat: string;
-    dateTimeFormat: string;
-};
-export type DateOptions = {
-    placeholder: {
-        insertDate: string;
-        insertDateTime: string;
-    };
-    formats: DateFormat[];
-    allowCustomFormat: boolean;
-};