decidim-core 0.30.1 → 0.31.0.rc1

data/app/packs/src/decidim/back_to_list.js

@@ -1,26 +0,0 @@
-/**
- * Changes "Back to list" links to the one saved in sessionStorage API
- * To apply this to a link, at least one element must have the class "js-back-to-list".
- * For this to work it needs the filteredParams in SessionStorage, that is saved on FormFilterComponent.
- * @param {NodeList} links - Hyperlinks elements that point to the filters page that will use the filtered params
- * @returns {void}
- */
-export default function backToListLink(links) {
-
-  if (!links) {
-    return;
-  }
-
-  if (!window.sessionStorage) {
-    return;
-  }
-
-  const filteredParams = JSON.parse(sessionStorage.getItem("filteredParams")) || {};
-  links.forEach((link) => {
-    const href = link.getAttribute("href");
-    if (filteredParams[href]) {
-      link.setAttribute("href", filteredParams[href]);
-    }
-  });
-
-}

data/app/packs/src/decidim/change_report_form_behavior.js

@@ -1,45 +0,0 @@
-/**
- * These set of functions aims to change the behavior of the report modal forms
- * so that when checking various checkboxes, to change the label of the button
- * to either report or hide.
- * Given the behavior is similar for report content and report user, we have the
- * functionality grouped in one single function.
- * It is important to note that the report user modal has a checkbox that allows
- * the admin to block the user in the report user modal.
- */
-
-/**
- * @param {DomElement} input The checkbox that is being checked
- * @return {Void} Nothing
- */
-const changeLabel = function (input) {
-  let submit = input.closest("form").querySelector("button[type=submit]");
-
-  if (submit.querySelector("span") !== null) {
-    submit = submit.querySelector("span");
-  }
-  if (input.checked === true) {
-    submit.innerHTML = input.dataset.labelAction;
-  } else {
-    submit.innerHTML = input.dataset.labelReport;
-  }
-}
-
-/**
- * @param {Object} container The form handling the report.
- * @return {Void} Nothing
- */
-export default function changeReportFormBehavior(container) {
-  container.querySelectorAll("[data-hide=true]").forEach((checkbox) => {
-    checkbox.addEventListener("change", (event) => {
-      changeLabel(event.target);
-    });
-  });
-  container.querySelectorAll("[data-block=true]").forEach((checkbox) => {
-    checkbox.addEventListener("change", (event) => {
-      changeLabel(event.target);
-      let blockAndHide = event.target.closest("form").querySelector("#block_and_hide");
-      blockAndHide.classList.toggle("invisible");
-    });
-  });
-}

data/app/packs/src/decidim/clipboard.js

@@ -1,128 +0,0 @@
-import select from "select";
-
-/**
- * This provides functionality to add clipboard copy functionality to buttons
- * on the page. The element to be copied from has to be defined for the button
- * using a `data` attribute and the target element has to be a form input.
- *
- * Usage:
- *   1. Create the button:
- *     <button class="button"
- *      data-clipboard-copy="#target-input-element"
- *      data-clipboard-copy-label="Copied!"
- *      data-clipboard-copy-message="The text was successfully copied to clipboard."
- *      aria-label="Copy the text to clipboard">
- *        <%= icon "clipboard", role: "presentation", "aria-hidden": true %>
- *        Copy to clipboard
- *    </button>
- *
- *   2. Make sure the target element exists on the page:
- *     <input id="target-input-element" type="text" value="This text will be copied.">
- *
- * Options through data attributes:
- * - `data-clipboard-copy` = The jQuery selector for the target input element
- *   where text will be copied from. If this element does not contain any visible text (for instance is an image),
- *   the selector indicated in here will be used to place the confirmation message.
- * - `data-clipboard-content` = The text that will be copied. If empty or not present, the target input element will be used.
- * - `data-clipboard-copy-label` = The label that will be shown in the button
- *   after a succesful copy.
- * - `data-clipboard-copy-message` = The text that will be announced to screen
- *   readers after a successful copy.
- */
-
-// How long the "copied" text is shown in the copy element after successful
-// copy.
-const CLIPBOARD_COPY_TIMEOUT = 5000;
-
-$(() => {
-  $(document).on("click", "[data-clipboard-copy]", (ev) => {
-    const $el = $(ev.currentTarget);
-    if (!$el.data("clipboard-copy") || $el.data("clipboard-copy").length < 1) {
-      return;
-    }
-
-    const $input = $($el.data("clipboard-copy"));
-
-    let selectedText = $el.data("clipboard-content") || "";
-    if (selectedText === "" && $input.is("input, textarea, select")) {
-      selectedText = select($input[0]);
-    }
-
-    let $msgEl = $el;
-    if ($msgEl.text() === "") {
-      $msgEl = $input;
-    }
-    // Get the available text to clipboard.
-    if (!selectedText || selectedText.length < 1) {
-      return;
-    }
-
-    // Move the selected text to clipboard.
-    const $temp = $(`<textarea>${selectedText}</textarea>`).css({
-      width: 1,
-      height: 1
-    });
-    $el.after($temp);
-    $temp.select();
-
-    const copyDone = () => {
-      $temp.remove();
-      $el.focus();
-    };
-    try {
-      // document.execCommand is deprecated but the Clipboard API is not
-      // supported by IE (which unfortunately is still a thing).
-      if (!document.execCommand("copy")) {
-        return;
-      }
-    } catch (err) {
-      copyDone();
-      return;
-    }
-    copyDone();
-
-    // Change the label to indicate the copying was successful.
-    const label = $el.data("clipboard-copy-label");
-    if (label) {
-      let to = $el.data("clipboard-copy-label-timeout");
-      if (to) {
-        clearTimeout(to);
-      }
-
-      if (!$el.data("clipboard-copy-label-original")) {
-        $el.data("clipboard-copy-label-original", $msgEl.html());
-      }
-
-      $msgEl.html(label);
-
-      to = setTimeout(() => {
-        $msgEl.html($el.data("clipboard-copy-label-original"));
-        $el.removeData("clipboard-copy-label-original");
-        $el.removeData("clipboard-copy-label-timeout");
-      }, CLIPBOARD_COPY_TIMEOUT);
-
-      $el.data("clipboard-copy-label-timeout", to);
-    }
-
-    // Alert the screen reader what just happened (the link was copied).
-    let message = $el.data("clipboard-copy-message");
-    if (message) {
-      let $msg = $el.data("clipboard-message-element");
-      if ($msg) {
-        if ($msg.html() === message) {
-          // Try to hint the screen reader to re-read the text in the message
-          // element.
-          message += "&nbsp;";
-        }
-      } else {
-        $msg = $('<div aria-role="alert" aria-live="assertive" aria-atomic="true" class="sr-only"></div>');
-        $msgEl.append($msg);
-        $el.data("clipboard-message-element", $msg);
-      }
-
-      // Add the non breaking space always to content to try to force the
-      // screen reader to reannounce the added text.
-      $msg.html(message);
-    }
-  });
-});

data/app/packs/src/decidim/editor/extensions/hashtag/index.js

@@ -1,66 +0,0 @@
-import Mention from "@tiptap/extension-mention";
-import { PluginKey } from "prosemirror-state";
-
-import { createSuggestionRenderer, createNodeView } from "src/decidim/editor/common/suggestion";
-
-export const HashtagPluginKey = new PluginKey("hashtag");
-
-const searchHashtags = async (queryText) => {
-  return fetch(window.Decidim.config.get("api_path"), {
-    method: "POST",
-    cache: "no-cache",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ query: `{ hashtags(name:"${queryText}") {name} }` })
-  }).then((response) => {
-    if (response.ok) {
-      return response.json();
-    }
-    throw new Error("Could not retrieve data");
-  }).then((json) => (json.data.hashtags || []));
-};
-
-/**
- * The hashtag extension does not yet exist in the TipTap public repository and
- * also the documentation page shows it as
- * https://tiptap.dev/api/nodes/hashtag
- */
-export default Mention.extend({
-  name: "hashtag",
-
-  addOptions() {
-    const options = this.parent?.();
-    const suggestion = options?.suggestion;
-
-    return {
-      ...options,
-      renderLabel({ node }) {
-        // The labels already have the suggestion character in front of them
-        // which is why we do not want to add it twice.
-        return `${node.attrs.label ?? node.attrs.id}`
-      },
-      suggestion: {
-        ...suggestion,
-        char: "#",
-        pluginKey: HashtagPluginKey,
-        items: async ({ query }) => {
-          if (query.length < 2) {
-            return [];
-          }
-
-          const data = await searchHashtags(query);
-          const sorted = data.sort((tag) => tag.name);
-          return sorted.slice(0, 5);
-        },
-        render: createSuggestionRenderer(this, {
-          itemConverter: (tag) => {
-            return { label: `#${tag.name}` }
-          }
-        })
-      }
-    };
-  },
-
-  addNodeView() {
-    return createNodeView(this);
-  }
-});

data/app/packs/src/decidim/editor/extensions/heading/index.js

@@ -1,33 +0,0 @@
-import { textblockTypeInputRule } from "@tiptap/core";
-
-import Heading from "@tiptap/extension-heading";
-
-/**
- * Customized version of the Heading extension in order to fix compatibility
- * issue with the Hashtag extension. The default input rule of the Heading
- * extension would also match any paragraphs that have only one hashtag in them
- * and nothing else because that indicates the first level of heading.
- *
- * E.g.
- * - If you have the following paragraph: `<p>#apples</p>`
- * - This would be converted to a paragraph containing the hashtag node markup
- *   in the editor.
- * - If you come back to edit this content and try to enter a space right after
- *   the hashtag, the hashtag would disappear and the active text block would
- *   get the second heading level applied to it
- *
- * Since we do not allow the user to enter the first level of headings through
- * the editor, we can fix this by limiting the markdown shortcut to the second
- * level headings and above.
- */
-export default Heading.extend({
-  addInputRules() {
-    return this.options.levels.map((level) => {
-      return textblockTypeInputRule({
-        find: new RegExp(`^(#{2,${level}})\\s$`),
-        type: this.type,
-        getAttributes: { level }
-      })
-    })
-  }
-});

data/app/packs/src/decidim/editor/test/extensions/hashtag.test.js

@@ -1,105 +0,0 @@
-/* global jest, global */
-
-import { createBasicEditor, updateContent } from "src/decidim/editor/test/helpers";
-
-import Hashtag from "src/decidim/editor/extensions/hashtag";
-
-const hashtagsResponse = [
-  { name: "apples" },
-  { name: "bananas" },
-  { name: "lemons" },
-  { name: "limes" },
-  { name: "loganberries" },
-  { name: "longans" },
-  { name: "loquats" },
-  { name: "mangosteens" },
-  { name: "oranges" },
-  { name: "peaches" },
-  { name: "pineapples" },
-  { name: "pomelos" }
-];
-
-global.fetch = jest.fn(
-  (url, options) => Promise.resolve({
-    ok: true,
-    json: () => {
-      const { query } = JSON.parse(options.body);
-      const queryMatch = query.match(/\{\s+hashtags\(name:"([^"]+)"\) \{name\}\s+\}/);
-
-      let filteredData = [];
-      if (queryMatch) {
-        filteredData = hashtagsResponse.filter((val) => val.name.match(new RegExp(`^${queryMatch[1]}`)));
-      }
-
-      return Promise.resolve({ data: { hashtags: filteredData } });
-    }
-  })
-);
-
-describe("Hashtag", () => {
-  let editor = null;
-  let editorElement = null;
-
-  beforeEach(() => {
-    document.body.innerHTML = "";
-
-    editor = createBasicEditor({ extensions: [Hashtag] })
-    editorElement = editor.view.dom;
-  });
-
-  it("creates the hashtag suggestions when suggestion key is entered", async () => {
-    editorElement.focus();
-    await updateContent(editorElement, "#lo");
-
-    const suggestions = document.querySelector(".editor-suggestions");
-    expect(suggestions).toBeInstanceOf(HTMLDivElement);
-
-    const expectedTags = ["#loganberries", "#longans", "#loquats"];
-
-    const items = suggestions.querySelectorAll(".editor-suggestions-item");
-    expect(items.length).toEqual(expectedTags.length);
-    for (const item of items) {
-      expect(expectedTags.includes(item.textContent)).toBe(true);
-    }
-  });
-
-  it("does not display the suggestions when less than two characters are entered", async () => {
-    editorElement.focus();
-    await updateContent(editorElement, "#l");
-
-    const suggestions = document.querySelector(".editor-suggestions");
-    expect(suggestions).toBeInstanceOf(HTMLDivElement);
-    expect(suggestions.childNodes.length).toBe(0);
-    expect(suggestions.classList.contains("hidden")).toBe(true);
-    expect(suggestions.classList.contains("hide")).toBe(true);
-  });
-
-  it("allows selecting a hashtag from the list by clicking it", async () => {
-    editorElement.focus();
-    await updateContent(editorElement, "#log");
-
-    const suggestions = document.querySelector(".editor-suggestions");
-    suggestions.querySelector(".editor-suggestions-item").click();
-
-    expect(editorElement.innerHTML).toEqual(
-      '<p><span data-suggestion="hashtag" data-label="#loganberries">#loganberries</span> </p>'
-    );
-    expect(editor.getHTML()).toEqual(
-      '<p><span data-type="hashtag" data-label="#loganberries">#loganberries</span> </p>'
-    );
-  });
-
-  it("allows selecting a hashtag from the list by clicking the Enter key", async () => {
-    editorElement.focus();
-    await updateContent(editorElement, "#log");
-
-    editorElement.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter" }));
-
-    expect(editorElement.innerHTML).toEqual(
-      '<p><span data-suggestion="hashtag" data-label="#loganberries">#loganberries</span> </p>'
-    );
-    expect(editor.getHTML()).toEqual(
-      '<p><span data-type="hashtag" data-label="#loganberries">#loganberries</span> </p>'
-    );
-  });
-});

data/app/packs/src/decidim/form_filter.component_for_testing.js

@@ -1,7 +0,0 @@
-/* eslint no-undef: 0 */
-
-import FormFilterComponent from "src/decidim/form_filter"
-
-// This module.exports is necessary for the tests to load
-// does not conflict with import/export
-module.exports = FormFilterComponent;

data/app/packs/src/decidim/form_validator.js

@@ -1,56 +0,0 @@
-const DEFAULT_MESSAGES = {
-  correctErrors: "There are errors on the form, please correct them."
-};
-let MESSAGES = DEFAULT_MESSAGES;
-
-export default class FormValidator {
-  static configureMessages(messages) {
-    MESSAGES = $.extend(DEFAULT_MESSAGES, messages);
-  }
-
-  constructor(form) {
-    this.$form = form;
-
-    this.$form.on("form-error.decidim", () => {
-      this.handleError();
-    });
-  }
-
-  handleError() {
-    this.announceFormError();
-
-    $(".is-invalid-input:first", this.$form).focus();
-  }
-
-  /**
-   * This announces immediately to the screen reader that there are errors on
-   * the form that need to be fixed. Does not work on all screen readers but
-   * works e.g. in Windows+Firefox+NVDA and macOS+Safari+VoiceOver
-   * combinations.
-   *
-   * @returns {undefined}
-   */
-  announceFormError() {
-    let $announce = $(".sr-announce", this.$form);
-    if ($announce.length > 0) {
-      $announce.remove();
-    }
-    $announce = $("<div />");
-    $announce.attr("class", "sr-announce sr-only");
-    $announce.attr("aria-live", "assertive");
-    this.$form.prepend($announce);
-
-    setTimeout(() => {
-      $announce.text(MESSAGES.correctErrors);
-    }, 100);
-  }
-}
-
-$(() => {
-  $("form").each((_i, el) => {
-    $(el).data("form-validator", new FormValidator($(el)));
-  });
-  $(document).on("forminvalid.zf.abide", function(_ev, form) {
-    form.trigger("form-error.decidim");
-  })
-});

data/app/packs/src/decidim/gallery.js

@@ -1,5 +0,0 @@
-$(() => {
-  $(".gallery__container").on("closed.zf.callout", (event) => {
-    $(event.target).remove();
-  });
-});

data/app/packs/src/decidim/impersonation.js

@@ -1,23 +0,0 @@
-import dayjs from "dayjs"
-
-$(() => {
-  const $impersonationWarning = $("[data-impersonation-warning]");
-  if ($impersonationWarning.length) {
-    const endsAt = dayjs($impersonationWarning.data("session-ends-at"));
-    const exitInterval = setInterval(() => {
-      const diff = (endsAt - dayjs()) / 60000;
-      const diffInMinutes = Math.round(diff);
-      $impersonationWarning.find(".minutes").html(diffInMinutes);
-
-      if (diff <= 0) {
-        window.location.reload();
-      }
-    }, 1000);
-
-    // Prevent reload when page is already unloading, otherwise it may cause infinite reloads.
-    window.addEventListener("pagehide", () => {
-      clearInterval(exitInterval);
-      return;
-    });
-  }
-});

data/app/packs/src/decidim/input_autojump.js

@@ -1,38 +0,0 @@
-$(() => {
-  const $inputs = $("input[data-autojump]");
-  const DELETE_KEY_CODE = 8;
-
-  // Initialize
-  $inputs.on("keydown", (event) => {
-    // Do not do anything if there is selected text
-    if (event.target.selectionStart !== event.target.selectionEnd) {
-      return;
-    }
-
-    if (event.originalEvent.key.length === 1 && event.target.dataset.jumpNext) {
-      if (
-        event.target.value.length ===
-        parseInt(event.target.dataset.maxLength, 10)
-      ) {
-        event.preventDefault();
-        setTimeout(() => {
-          const next = $(event.target.dataset.jumpNext);
-          next.val(event.originalEvent.key);
-          next.trigger("focus");
-        }, 1);
-      }
-    } else if (
-      event.originalEvent.keyCode === DELETE_KEY_CODE &&
-      event.target.dataset.jumpPrev
-    ) {
-      if (event.target.value.length === 0) {
-        event.preventDefault();
-        setTimeout(() => {
-          const prev = $(event.target.dataset.jumpPrev);
-          prev.val(prev.val().slice(0, -1));
-          prev.trigger("focus");
-        }, 1);
-      }
-    }
-  });
-});

data/app/packs/src/decidim/input_hashtags.js

@@ -1,91 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import Tribute from "src/decidim/vendor/tribute"
-
-$(() => {
-  const $hashtagContainer = $(".js-hashtags");
-  const nodatafound = $hashtagContainer.attr("data-noresults");
-
-  // The editor implements hashtags functionality by itself so it is not needed
-  // to attach tribute to the rich text editor.
-  if ($hashtagContainer.parent().hasClass("editor")) {
-    return;
-  }
-
-  let noMatchTemplate = null
-  if (nodatafound) {
-    noMatchTemplate = () => `<li>${nodatafound}</li>`;
-  }
-
-  /* eslint no-use-before-define: ["error", { "variables": false }]*/
-  let remoteSearch = function(text, cb) {
-    $.post(window.Decidim.config.get("api_path"), {query: `{hashtags(name:"${text}") {name}}`}).
-
-      then((response) => {
-        let data = response.data.hashtags || {};
-        cb(data)
-      }).fail(function() {
-        cb([])
-      }).always(() => {
-      // This function runs Tribute every single time you type something
-      // So we must evaluate DOM properties after each
-        const $parent = $(tribute.current.element).parent()
-        $parent.addClass("is-active")
-
-        // We need to move the container to the wrapper selected
-        const $tribute = $parent.find(".tribute-container");
-        // Remove the inline styles, relative to absolute positioning
-        $tribute.removeAttr("style");
-      })
-  };
-
-  // tribute.js docs - http://github.com/zurb/tribute
-  /* global Tribute*/
-  let tribute = new Tribute({
-    trigger: "#",
-    values: function (text, cb) {
-      remoteSearch(text, (hashtags) => cb(hashtags));
-    },
-    positionMenu: true,
-    menuContainer: null,
-    fillAttr: "name",
-    noMatchTemplate: noMatchTemplate,
-    lookup: (item) => item.name,
-    selectTemplate: function(item) {
-      if (typeof item === "undefined") {
-        return null;
-      }
-      return `#${item.original.name}`;
-    },
-    menuItemTemplate: function(item) {
-      let tpl = `<strong>${item.original.name}</strong>`;
-      return tpl;
-    }
-  });
-
-  // DOM manipulation
-  $hashtagContainer.on("focusin", (event) => {
-    // Set the parent container relative to the current element
-
-    tribute.menuContainer = event.target.parentNode;
-  });
-  $hashtagContainer.on("focusout", (event) => {
-    let $parent = $(event.target).parent();
-
-    if ($parent.hasClass("is-active")) {
-      $parent.removeClass("is-active");
-    }
-  });
-  $hashtagContainer.on("input", (event) => {
-    let $parent = $(event.target).parent();
-
-    if (tribute.isActive) {
-      // We need to move the container to the wrapper selected
-      let $tribute = $(".tribute-container");
-      $tribute.appendTo($parent);
-      // Parent adaptation
-      $parent.addClass("is-active");
-    } else {
-      $parent.removeClass("is-active");
-    }
-  });
-});