1 files changed, 30 insertions, 16 deletions

diff --git a/core/themes/claro/js/messages.js b/core/themes/claro/js/messages.js
index d1dbcaaad9c..196568742af 100644
--- a/core/themes/claro/js/messages.js
+++ b/core/themes/claro/js/messages.js
@@ -1,26 +1,39 @@
 /**
-* DO NOT EDIT THIS FILE.
-* See the following change record for more information,
-* https://www.drupal.org/node/2815083
-* @preserve
-**/
+ * @file
+ * Message template overrides.
+ */
 
-(Drupal => {
-  Drupal.theme.message = (_ref, _ref2) => {
-    let {
-      text
-    } = _ref;
-    let {
-      type,
-      id
-    } = _ref2;
+((Drupal) => {
+  /**
+   * Overrides message theme function.
+   *
+   * @param {object} message
+   *   The message object.
+   * @param {string} message.text
+   *   The message text.
+   * @param {object} options
+   *   The message context.
+   * @param {string} options.type
+   *   The message type.
+   * @param {string} options.id
+   *   ID of the message, for reference.
+   *
+   * @return {HTMLElement}
+   *   A DOM Node.
+   */
+  Drupal.theme.message = ({ text }, { type, id }) => {
     const messagesTypes = Drupal.Message.getMessageTypeLabels();
     const messageWrapper = document.createElement('div');
+
     messageWrapper.setAttribute('class', `messages messages--${type}`);
-    messageWrapper.setAttribute('role', type === 'error' || type === 'warning' ? 'alert' : 'status');
+    messageWrapper.setAttribute(
+      'role',
+      type === 'error' || type === 'warning' ? 'alert' : 'status',
+    );
     messageWrapper.setAttribute('aria-labelledby', `${id}-title`);
     messageWrapper.setAttribute('data-drupal-message-id', id);
     messageWrapper.setAttribute('data-drupal-message-type', type);
+
     messageWrapper.innerHTML = `
     <div class="messages__header">
       <h2 id="${id}-title" class="messages__title">
@@ -31,6 +44,7 @@
       ${text}
     </div>
   `;
+
     return messageWrapper;
   };
-})(Drupal);
\ No newline at end of file
+})(Drupal);