@brightspot/ui 3.0.1-cms-ui-migration.2 → 3.0.1-cms-ui-migration.3

package/src/legacy/tool-ui/src/main/webapp/v4/rte/utilities.d.ts

@@ -1,4 +0,0 @@
-import { EditorView } from 'prosemirror-view'
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function getPluginState(editorView: EditorView, key: string): any

package/src/legacy/tool-ui/src/main/webapp/v4/rte/utilities.js

@@ -1,359 +0,0 @@
-/* eslint-disable no-debugger */
-import { constants } from './settings'
-import { EditorState, AllSelection, TextSelection } from 'prosemirror-state'
-import { getPlugins } from './plugins/PluginProvider'
-import { DOMParser } from 'prosemirror-model'
-import { getLegacyHTMLTextForProsemirror } from './codemirror-shim'
-
-/**
- * @file
- * Utility/helper functions to help set up the RTE or assist with
- * parsing content. Separating them out from the class to keep
- * the size of the class objects down since these aren't really
- * needed on the object's prototype chain and don't serve any
- * purpose as a static method.
- */
-
-/**
- * Retrieves a nested object value without triggering an
- * NPE if one of the keys is undefined and if an NPE is encountered will return
- * a default value if one is passed in
- *
- * @param {Object.<*>} obj Object literal trying to crawl
- * @param {string} path Path to property you are trying to retrieve
- *        represented as a string with dot notation
- * @param {*=} defaultValue Whatever you want returned if the lookup
- *         fails
- * @return {*|undefined} Returns value if found, defaultValue if NPE and
- *         default is defined or undefined
- *
- * @example
- * const object = {
- * foo: {
- *  bar: {
- *     baz: 'fizzpop'
- *   }
- *  }
- * }
- * getObject(object, 'foo.bar.baz', 'defaultText') -> 'fizzpop'
- */
-const getObjectValue = (obj, path, defaultValue) => {
-  const pathArr = path.split('.')
-  const value = pathArr.reduce((prev, next) => {
-    if (prev === void 0) {
-      console.warn(`Unable to retrieve [${next}] from object`)
-      return undefined
-    }
-    return prev[next]
-  }, obj)
-
-  return value || defaultValue || undefined
-}
-
-/**
- * ProseMirror does not serialize directly to HTML, and the author's
- * recommendation is to follow this pattern to create HTML/HTML strings
- * from the serialized ProseMirror data.
- *
- * Our current implementation takes and returns a string
- * of HTML.
- *
- * @param {!Prosemirror.DOMSerializer} serializer ProseMirror DOM Serializer.
- * @param {!Prosemirror.Fragment} content A node's collection of child nodes to
- *      be converted into HTML.
- * @return {string} String representation of the converted HTML elements.
- */
-const convertToHTML = (serializer, content) => {
-  const tmpElement2 = document.createElement(constants.ELEMENTS.DIV)
-  const fragment = serializer.serializeFragment(content, {
-    target: tmpElement2,
-  })
-  const tmpElement = document.createElement(constants.ELEMENTS.DIV)
-  tmpElement.appendChild(fragment)
-  return tmpElement.innerHTML
-}
-
-/**
- * Builds a Prosemirror editor state from the initial value provided
- * by the textarea.
- *
- * @param {?string} initialContent HTML markup as a string from provided
- *  by the textarea.
- * @param {!OrderedMap} menuItems Menubar configuration.
- * @param {!Function} buildKeymap Menubar configuration.
- * @param {ProseMirror.Model.Schema} schema Schema configuration.
- * @param {string} userId The userID of the current user.
- * @param {string} userLabel The user label of the current user.
- * @param {number} version The version number from which this editor is starting.
- * @param {Object.<Object>} anchorMap Key/value pairs of userIds to RTE positions.
- * @param {Array.<Object>} rangeList List of key/value pairs of userIds to RTE selection ranges.
- * @param {boolean} isCollab True indicates collab editing is enabled for this field.
- * @return {Prosemirror.EditorState} Prosemirror editor state.
- */
-const getState = (
-  doc,
-  menuItems,
-  buildKeymap,
-  schema,
-  userId,
-  userLabel,
-  version,
-  anchorMap,
-  rangeList,
-  lockedList,
-  isCollab,
-  ctx,
-  compliantTagNameMap,
-) => {
-  return EditorState.create({
-    doc,
-    plugins: getPlugins({
-      schema,
-      menuItems,
-      buildKeymap,
-      userId,
-      userLabel,
-      version,
-      anchorMap,
-      rangeList,
-      lockedList,
-      isCollab,
-      ctx,
-      compliantTagNameMap,
-    }),
-  })
-}
-
-/**
- * Gets the state for just a plugin
- *
- * @param {!Prosemirror.EditorView} editorView
- * @param {string} key
- * @return {*} Plugin states can be of any type and are
- *  defined by the plugin.
- */
-const getPluginState = (editorView, key) => {
-  return editorView.state[key]
-}
-
-/**
- * Retrieves a mark's state within the current selection. Selection
- * is retrieved from the EditorState.
- *
- * @param {Prosemirror.EditorState} state
- * @param {Prosemirror.Mark} type The mark
- * @return {string} 'active' if active; 'inactive' if not active
- */
-// TODO(teckels): Should this just return a boolean?
-const getMarkState = (state, type) => {
-  const { from, $from, to, empty } = state.selection
-  let isActive = false
-
-  if (empty) {
-    isActive = type.isInSet(state.storedMarks || $from.marks())
-    return isActive ? 'active' : 'inactive'
-  }
-
-  isActive = state.doc.rangeHasMark(from, to, type)
-  return isActive ? 'active' : 'inactive'
-}
-
-/**
- * Finds all the active marks for the current selection.
- *
- * @param {Prosemirror.EditorState} state
- * @return {Map.<string.<boolean>>} Map of marks to their active states
- *  expressed as true for `active` and false for `inactive`
- */
-const getActiveMarks = (state) => {
-  const schema = state.config.schema
-  const activeMarks = Object.keys(schema.marks).map((key) => {
-    const isActive = getMarkState(state, schema.marks[key]) === 'active'
-    if (isActive) {
-      return [key, true]
-    }
-
-    return [key, false]
-  })
-
-  return new Map(activeMarks)
-}
-
-/**
- * Finds the active block nodes for the current selection. Because
- * nodes form a tree, this could and probably will be be a number of nodes
- * (e.g. doc -> unorderedList -> listItem -> listItemDiv)
- *
- * @param {Prosemirror.EditorState} state
- * @return {Map.<string.<boolean>>} Map of active nodes.
- */
-const getActiveNodes = (state) => {
-  const { $anchor } = state.selection
-  const activeNodes = $anchor.path
-    .filter((item) => typeof item !== 'number')
-    .map((item) => {
-      return [getObjectValue(item, 'type.name'), true]
-    })
-
-  return new Map(activeNodes)
-}
-
-/**
- * Determines if the selection is in a list.
- *
- * @param {Prosemirror.NodeRange} range
- * @return {boolean}
- */
-const getIsInAList = (range) => {
-  // Avoiding triple operator because this could be `undefined`
-  return range && constants.NODES.LISTS[range.parent.type.name] != null
-}
-
-/**
- * Determines if the node is the first in the RTE AFTER the
- * doc element.
- *
- * @param {Prosemirror.EditorState} state
- * @return {Boolean} True if the node is the first in the RTE
- */
-const getIsFirstNode = (state) => {
-  const { $anchor, anchor } = state.selection
-  let pos = anchor
-  if (state.selection instanceof TextSelection) {
-    pos = $anchor.before($anchor.depth)
-  }
-  return pos === 0
-}
-/**
- * Determines if the node is the last in the RTE.
- *
- * @param {Prosemirror.EditorState} state
- * @return {Boolean} True if the node is the last in the RTE
- */
-const getIsLastNode = (state) => {
-  const { $anchor } = state.selection
-  let pos = $anchor.index(0)
-  if (state.selection instanceof TextSelection) {
-    pos = $anchor.before($anchor.depth)
-  }
-  return pos === state.doc.childCount - 1
-}
-
-/**
- * Replaces the whole document with new content.
- *
- * @param {ProseMirror.State} state
- * @param {string} newContent
- * @param {Map} compliantTagNameMap
- * @param {ProseMirror.View.Dispatch} dispatch
- */
-const replaceWholeDocumentWithNewContent = (
-  state,
-  newContent,
-  compliantTagNameMap,
-  dispatch,
-  addToHistory,
-  removeTracking,
-  resetCursor,
-  disableNativeEvent,
-) => {
-  let tr = state.tr
-  const tmpElement = document.createElement('div')
-  const shimmed = getLegacyHTMLTextForProsemirror(
-    newContent,
-    state.config.schema,
-    compliantTagNameMap,
-  )
-  tmpElement.innerHTML = shimmed
-  const parsed = DOMParser.fromSchema(state.config.schema).parse(tmpElement, {
-    preserveWhitespace: 'full',
-  })
-  const allSelection = new AllSelection(state.doc)
-  if (!addToHistory) {
-    tr.setMeta('addToHistory', false)
-  }
-  if (removeTracking) {
-    tr.setMeta('removeFromTracking', true)
-  }
-  if (disableNativeEvent) {
-    tr.setMeta('disableNativeEvent', true)
-  }
-  tr.setSelection(allSelection).replaceSelectionWith(parsed)
-  if (resetCursor) {
-    const textSelection = TextSelection.create(state.doc, 1)
-    tr.setSelection(textSelection)
-  }
-  dispatch(tr)
-}
-
-/**
- * Constructs a string representation of a DOM element using
- * the browser APIs.
- *
- * @param {string} tag The tag of the element to be created.
- * @param {string} innerHTML The contents of the element.
- * @param {Object.<string>} attributes The attributes to set on the element.
- * @return {String} The element markup as a string.
- */
-const getElementMarkupAsString = (tag, innerHTML, attributes) => {
-  const el = document.createElement(tag)
-  if (attributes) {
-    for (let key in attributes) {
-      el.setAttribute(key, attributes[key])
-    }
-  }
-  el.innerHTML = innerHTML
-  return el.outerHTML
-}
-
-/**
- * Closes popups at the same level or above the triggering event.
- *
- * @param {Event} evt DOM event that triggered a new popup to open.
- */
-const closeLayeredPopups = (evt) => {
-  const enhancementSelector =
-    '.Popup[data-popup-source-class^="rte2-toolbar"],' +
-    '.Popup[data-popup-source-class*="RichTextElement"],' +
-    '.Popup[data-popup-source-class^="ProsemirrorEnhancementMenu-container-button"]'
-
-  const sourceEnhancementPopup = evt.target.closest(
-    '.Popup[data-popup-source-class*="objectId-create"],' +
-      '.Popup[data-popup-source-class*="ContentSelector-edit"],' +
-      '.Popup[data-popup-source-class*="RichTextElement"],' +
-      '.Popup[data-popup-source-class^="ProsemirrorEnhancementMenu-container-button"]',
-  )
-
-  if (sourceEnhancementPopup) {
-    const $siblingEnhancementPopups = $(sourceEnhancementPopup).nextAll(
-      enhancementSelector,
-    )
-    if ($siblingEnhancementPopups.length > 0) {
-      $siblingEnhancementPopups.popup('close')
-    }
-  } else if (evt.target.closest('.rte2-toolbar-submenu-2-items')) {
-    const $rteToolbarPopups = $(
-      '.Popup[data-popup-source-class^="rte2-toolbar"]',
-    )
-    if ($rteToolbarPopups.length > 0) $rteToolbarPopups.popup('close')
-  } else {
-    const $enhancementPopups = $(enhancementSelector)
-    if ($enhancementPopups.length > 0) $enhancementPopups.popup('close')
-  }
-}
-
-export {
-  closeLayeredPopups,
-  convertToHTML,
-  getState,
-  getActiveMarks,
-  getMarkState,
-  getPluginState,
-  getObjectValue,
-  getActiveNodes,
-  getIsFirstNode,
-  getIsLastNode,
-  replaceWholeDocumentWithNewContent,
-  getElementMarkupAsString,
-  getIsInAList,
-}

package/src/legacy/tool-ui/src/main/webapp/v4/theme/ColorRotator.js

@@ -1 +0,0 @@
-export { default } from '../../../../theme/ColorRotator'

package/src/legacy/tool-ui/src/main/webapp/v4/util/debounce.js

@@ -1 +0,0 @@
-export { default } from '../../../../util/debounce'

package/src/legacy/tool-ui/src/main/webapp/v4/util/getComponentKey.js

@@ -1 +0,0 @@
-export { default } from '../../../../util/getComponentKey'

package/src/legacy/tool-ui/src/main/webapp/v4/util/noise.js

@@ -1 +0,0 @@
-export { default } from '../../../../util/noise'

package/src/legacy/tool-ui/src/main/webapp/v4/util/repaint.js

@@ -1 +0,0 @@
-export { default } from '../../../../util/repaint'

package/src/legacy/tool-ui/src/main/webapp/v4/util/storage.js

@@ -1 +0,0 @@
-export { default } from '../../../../util/storage'

package/src/legacy/tool-ui/src/main/webapp/v4/util/throttle.js

@@ -1 +0,0 @@
-export { default } from '../../../../util/throttle'

package/src/legacy/tool-ui/src/main/webapp/v4/widget/AssignmentContent.js

@@ -1,33 +0,0 @@
-import onFind from '../dom/onFind'
-import rtc from '../rtc/index'
-
-onFind(
-  '.Widget[data-internal-name="com.psddev.assign.widget.AssignmentContentWidget"]',
-  (widget) => {
-    const assignmentId = widget
-      .closest('.ContentEdit[data-content-id]')
-      .getAttribute('data-content-id')
-
-    // Listen for Publish broadcast, checking for match on #assign.assignments (global modification field)
-    rtc.receive('com.psddev.cms.tool.page.content.PublishBroadcast', (data) => {
-      const dataValues = data.mainObjectValues || data.values
-      const assignments = dataValues['assign.assignments']
-
-      if (assignments) {
-        for (var assignment of assignments) {
-          if (assignment._ref === assignmentId) {
-            let refreshButton = widget.querySelector(
-              '.AssignmentDeskWidget-refresh',
-            )
-            /* document.contains accounts for the nested popups/frames in the Assignment Desk UI, in which there are scenarios where
-              previously bound elements can be detached from the dom. */
-            if (document.contains(refreshButton)) {
-              refreshButton.click()
-            }
-            break
-          }
-        }
-      }
-    })
-  },
-)

package/src/legacy/tool-ui/src/main/webapp/v4/widget/AssignmentDeskDashboard.js

@@ -1,217 +0,0 @@
-import onFind from './../dom/onFind'
-import Tether from './../dom/Tether'
-import rtc from '../rtc/index'
-import create from '../dom/create'
-import { setupMenuForAria, toggleMenu } from '../../../../dom/popupMenu'
-
-// Setup popup menu for keyboard accessibility
-onFind('.AssignmentDeskDashboard-actionsToggle', (button) => {
-  const actions = button
-    .closest('.AssignmentDeskDashboard-actionsWrapper')
-    .querySelector('.AssignmentDeskDashboard-actions')
-  setupMenuForAria(actions, button)
-  button.addEventListener('click', (e) => {
-    toggleMenu(actions, button)
-  })
-})
-
-// Removes "All Content Types" option from type selector
-onFind(
-  '.AssignmentDeskDashboard .SearchWidget-type .ComboInput-option:not([data-value*="-"])',
-  (allContentTypes) => {
-    allContentTypes.remove()
-  },
-)
-
-// Moves ADD-title for grid layout
-onFind(
-  '.AssignmentDeskDashboard .toolbar .AssignmentDeskDashboard-title',
-  (title) => {
-    const gridParent = title.closest('.SearchWidget')
-    if (!gridParent.querySelector(':scope > .AssignmentDeskDashboard-title')) {
-      gridParent.appendChild(title)
-    } else {
-      title.remove()
-    }
-  },
-)
-
-// Adds RTC event listener for updated Assignments/Pitches
-onFind('.AssignmentDeskDashboard.SearchWidget', (dashboard) => {
-  const typeIds = Array.from(
-    document.querySelectorAll('select[name="st"] option'),
-    (option) => {
-      if (option.value) return option.value
-    },
-  )
-
-  // hide refresh bar if search results have been updated
-  new MutationObserver((e) => {
-    dashboard.classList.remove('has-refresh')
-  }).observe(dashboard.querySelector('.SearchWidget-result'), {
-    attributes: true,
-    attributeFilter: ['class'],
-  })
-
-  rtc.receive('com.psddev.cms.tool.page.content.PublishBroadcast', (data) => {
-    let dataValues
-    let contentTypeId
-    let contentId
-
-    if (!data.mainObjectId) {
-      contentTypeId = data.mainObjectIdTypeId
-      contentId = data.mainObjectId
-      dataValues = data.mainObjectValues
-    } else {
-      contentTypeId = data.contentTypeId
-      contentId = data.contentId
-      dataValues = data.values
-    }
-
-    if (typeIds.includes(contentTypeId)) {
-      const links = dashboard.querySelectorAll(
-        `.SearchWidget-result a[href$="${contentId}"]:not([data-rtc-updated]):not([target="SingleFieldUpdateTarget"])`,
-      )
-
-      if (links.length > 0) {
-        for (const link of links) {
-          const linkRow = link.closest('tr')
-          // Break logic if the update happened with the single field update
-          if (linkRow && linkRow.classList.contains('has-updateAttempt')) {
-            return
-          }
-        }
-
-        dashboard.classList.add('has-refresh')
-        links.forEach((link) => {
-          link.setAttribute('data-rtc-updated', true)
-          link.parentElement.insertBefore(
-            create(
-              'span',
-              {
-                class: 'Label is-updated',
-                title: `${data.userName} - ${new Date(
-                  data.date,
-                ).toLocaleString()}`,
-              },
-              'Updated',
-            ),
-            link,
-          )
-        })
-      }
-
-      // check if a new record that won't be in the display
-      if (
-        !dashboard.classList.contains('has-refresh') &&
-        dataValues['cms.content.publishDate'] ===
-          dataValues['cms.content.updateDate']
-      ) {
-        dashboard.classList.add('has-refresh')
-      }
-    }
-  })
-})
-
-const setUpUpdateDate = function (dateButton) {
-  dateButton.addEventListener('click', (e) => {
-    if (!dateButton.classList.contains('is-open')) {
-      dateButton.classList.toggle('is-open')
-    } else {
-      const calendar = document.getElementById('calendarPopup')
-      if (calendar) {
-        e.preventDefault()
-        e.stopImmediatePropagation()
-        calendar.dispatchEvent(new CustomEvent('close', { bubbles: true }))
-      }
-    }
-  })
-}
-
-onFind('.SingleFieldUpdate-date', (dateButton) => {
-  setUpUpdateDate(dateButton)
-})
-
-// Assignment Desk Due Date logic
-onFind('.SingleFieldUpdate-content .DateTimeInput', (dateInput) => {
-  const popup = dateInput.closest('.Popup')
-
-  if (popup && popup.getAttribute('name') === 'SingleFieldUpdateTarget') {
-    // Trigger calendar popup
-    dateInput.click()
-
-    const calendar = document.getElementById('calendarPopup')
-    const form = popup.querySelector('.SingleFieldUpdate-form')
-    if (!form) return
-    const objectId = form.dataset.objectid
-    const dateButtons = document.querySelectorAll(
-      '.SingleFieldUpdate-date.is-open',
-    )
-    let dateButton = null
-    for (const db of dateButtons) {
-      if (db.href && !db.href.includes(objectId)) db.classList.toggle('is-open')
-      else dateButton = db
-    }
-    const formButton = form.querySelector('button')
-    const input = dateInput.previousSibling
-    if (!calendar || !dateButton || !formButton || !input) return
-
-    // Tether calendar to button
-    calendar._tether = new Tether(dateButton, calendar)
-
-    // Set close listener to toggle the single field update popup
-    calendar.onclose = () => {
-      if (dateButton.classList.contains('is-open')) {
-        dateButton.classList.toggle('is-open')
-      }
-      popup.classList.remove('is-visible', 'popup-show')
-      calendar.remove()
-    }
-
-    // Submit the form when the date changes
-    input.addEventListener('change', (e) => {
-      e.preventDefault()
-      const linkList = dateButton.closest('tr')
-      if (linkList) {
-        linkList.classList.add('has-updateAttempt')
-        formButton.click()
-        calendar.dispatchEvent(new CustomEvent('close', { bubbles: true }))
-      }
-    })
-  }
-})
-
-onFind('.SingleFieldUpdate-success', (success) => {
-  success.parentNode.classList.remove('is-visible', 'popup-show')
-
-  const links = document.querySelectorAll(
-    `.SearchWidget-result a[href$="${success.dataset.objectid}"]:not([data-rtc-updated]):not([target="SingleFieldUpdateTarget"])`,
-  )
-
-  const updatedRow = success.content.firstElementChild
-  if (!updatedRow) return
-
-  updatedRow.classList.add('is-updated')
-
-  if (links.length > 0) {
-    links.forEach((link) => {
-      const linkList = link.closest('tr')
-      if (linkList) {
-        const clonedRow = updatedRow.cloneNode(true)
-        const dateButton = clonedRow.querySelector('.SingleFieldUpdate-date')
-        if (dateButton) {
-          // Must reset listener due to cloned node
-          setUpUpdateDate(dateButton)
-        }
-        linkList.replaceWith(clonedRow)
-      }
-    })
-  }
-
-  updatedRow.remove()
-})
-
-onFind('.SingleFieldUpdate-error', (errorMessage) => {
-  window.alert(errorMessage.textContent)
-  errorMessage.parentNode.classList.remove('is-visible', 'popup-show')
-})

package/src/legacy/tool-ui/src/main/webapp/v4/widget/AssociatedContentWidget.js

@@ -1,7 +0,0 @@
-import onFind from './../dom/onFind'
-// Find Widget title above AssociatedContent div
-onFind('.AssociatedContent', (associatedContent) => {
-  const associatedContentWidget = associatedContent.parentElement
-  if (associatedContentWidget)
-    associatedContentWidget.classList.add('is-associatedContentWidget')
-})

package/src/legacy/tool-ui/src/main/webapp/v4/widget/BulkUpload.js

@@ -1,19 +0,0 @@
-import onFind from '../dom/onFind'
-
-onFind('.BulkUploadProcessor li[data-tab]', (tab) => {
-  const type = tab.getAttribute('data-tab')
-  const tabType = tab
-    .closest('.objectInputs')
-    .querySelector('[data-tab="' + type + '"][data-upload-mime-type-count]')
-  let tabCount
-  if (tabType) {
-    tabCount = tabType.getAttribute('data-upload-mime-type-count')
-  }
-
-  if (tabCount) {
-    const countSpan = document.createElement('SPAN')
-    countSpan.classList.add('MimeTypeCount')
-    countSpan.innerText = tabCount
-    tab.append(countSpan)
-  }
-})

package/src/legacy/tool-ui/src/main/webapp/v4/widget/Calendar.js

@@ -1,7 +0,0 @@
-import onFind from '../dom/onFind'
-
-onFind(document, '.Calendar .calendarEvent', (event) => {
-  const color = event.dataset.color
-  if (!color) return
-  event.style.setProperty('--bg-color', color)
-})

package/src/legacy/tool-ui/src/main/webapp/v4/widget/ClosableWindow.js

@@ -1,13 +0,0 @@
-import onFind from '../dom/onFind'
-
-// Because window.close can only be called on tabs created via window.open, we call window.open
-// here to ensure that the close button on the auth confirmation page functions properly
-onFind('.ButtonForClosableWindow', (button) => {
-  button.addEventListener('click', (event) => {
-    const url = button.getAttribute('data-url')
-    if (url) {
-      event.preventDefault()
-      window.open(url, '_blank')
-    }
-  })
-})