@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/VideoEditorBundle.js

@@ -1,8 +0,0 @@
-import onFindOnce from './dom/onFindOnce'
-
-onFindOnce('.VideoEditor', async () => {
-  if (!window.BRIGHTSPOT?.ui.cms.enableV5UI) {
-    await import(/* webpackChunkName: 'VideoEditor' */ './VideoEditor.less')
-  }
-  await import(/* webpackChunkName: 'VideoEditor' */ './VideoEditor')
-})

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

@@ -1,52 +0,0 @@
-import onFind from './dom/onFind'
-import Preview from './ViewPreview'
-
-onFind('.ViewMirror', async (mirror) => {
-  const contentUrl = mirror.dataset.contentUrl
-  if (!contentUrl) return
-  const refreshUrl = mirror.dataset.refreshUrl
-  if (!refreshUrl) return
-  const content = mirror.querySelector('.ViewMirror-content')
-  if (!content) return
-
-  let preview
-  const updateContent = async () => {
-    content.innerHTML = await (
-      await fetch(contentUrl, { cache: 'no-cache' })
-    ).text()
-
-    const previewFrame = content.querySelector('.PreviewFrame')
-    if (!previewFrame) return
-    preview = new Preview(previewFrame)
-    preview.isVisible = true
-    preview.updatePreview()
-  }
-
-  await updateContent()
-
-  let source
-
-  setInterval(() => {
-    if (source && source.readyState !== EventSource.CLOSED) {
-      return
-    }
-
-    source = new EventSource(refreshUrl)
-
-    source.onmessage = (event) => {
-      const data = JSON.parse(event.data)
-
-      switch (data.action) {
-        case 'update-content':
-          updateContent()
-          break
-
-        case 'update-preview':
-          if (preview) {
-            preview.updatePreview()
-          }
-          break
-      }
-    }
-  }, 1000)
-})

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

@@ -1,13 +0,0 @@
-// TODO: Remove this file once ViewPreview is converted to TypeScript.
-export = Preview
-
-declare class Preview {
-  constructor(preview: Element, onPreviewUpdate?: fn)
-
-  isVisible: boolean
-
-  reloadPreview(): void
-  deletePreview(): void
-  refreshIFrames(): void
-  updatePreview(): void
-}

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

@@ -1,177 +0,0 @@
-import onFind from './dom/onFind'
-import onRemove from './dom/onRemove'
-
-const tooltips = window.BRIGHTSPOT?.ui.tooltips
-
-let previewIndex = 0
-
-export default class Preview {
-  get isVisible() {
-    return this.__isVisible
-  }
-
-  set isVisible(v) {
-    this.__isVisible = v
-  }
-
-  constructor(preview, onPreviewUpdate) {
-    this.__isVisible = false
-    this.__preview = preview
-    this.__onPreviewUpdate = onPreviewUpdate
-    this.__typeFrame = preview.querySelector('.PreviewFrame-typeFrame')
-    this.__reloadButton = preview.querySelector('.PreviewFrame-reload')
-    const container = preview.closest('.Page-content, .Popup')
-    if (container) {
-      const edit = container.querySelector('.ContentEdit')
-      if (edit) {
-        this.containerId = edit.getAttribute('data-object-id')
-      }
-    }
-
-    this.__typeFrame.onload = () => {
-      this.__firstRefresh = true
-      //Support for auto refreshing iFrame
-      this.__previewControls = this.__typeFrame.querySelector(
-        '.PreviewFrame-typeControlsContainer',
-      )
-      this.__previewDisplay = this.__typeFrame.querySelector(
-        '.PreviewFrame-typeDisplay',
-      )
-      if (this.__previewControls) {
-        this.__shouldRefresh =
-          this.__previewControls.getAttribute('data-refresh-on-change') ===
-          'true'
-      }
-
-      if (this.__isVisible) {
-        this.updatePreview()
-      }
-    }
-  }
-
-  updatePreview() {
-    //TODO dispatch more data?
-    this.__preview.dispatchEvent(
-      new CustomEvent('brightspot-preview-update', {
-        bubbles: true,
-      }),
-    )
-    this.refreshIFrames()
-  }
-
-  refreshIFrames() {
-    if (
-      this.__previewControls &&
-      this.__previewDisplay &&
-      (this.__firstRefresh || (this.__shouldRefresh && this.__isVisible))
-    ) {
-      this.__firstRefresh = false
-      const form = this.__previewControls.querySelector('form')
-      if (!form) return
-
-      const frame = document.createElement('IFRAME')
-      frame.name = 'PreviewFrame-preview' + previewIndex++
-      frame.setAttribute('title', tooltips.preview.iframeTitle)
-
-      // Seed sizing styles from the current preview iframe so the new one
-      // loads at the configured device width instead of briefly rendering
-      // at the container width (which would flash a different breakpoint).
-      const currentFrame = this.__previewDisplay.querySelector(
-        "iframe[name^='PreviewFrame-preview']:not(.Preview-overlayFrame)",
-      )
-      if (currentFrame) {
-        if (currentFrame.style.width) {
-          frame.style.width = currentFrame.style.width
-        }
-        if (currentFrame.style.transform) {
-          frame.style.transform = currentFrame.style.transform
-        }
-        const scale = currentFrame.style.getPropertyValue(
-          '--PreviewFrame-scale',
-        )
-        if (scale) {
-          frame.style.setProperty('--PreviewFrame-scale', scale)
-        }
-      }
-
-      this.__previewDisplay.insertBefore(
-        frame,
-        this.__previewDisplay.firstChild,
-      )
-      frame.setAttribute('data-container-id', this.containerId)
-
-      const popup = frame.closest('.Popup')
-      const toggleAnimation = (force = null) => {
-        const root = popup ?? document
-        root
-          .querySelector('.ContentEdit-previewButtonWrapper')
-          ?.classList.toggle('is-animating', force)
-      }
-
-      toggleAnimation(true)
-
-      frame.onload = () => {
-        const nextFrames = []
-        if (this.__onPreviewUpdate) {
-          this.__onPreviewUpdate()
-        }
-
-        toggleAnimation(false)
-
-        for (let f = frame; (f = f.nextElementSibling); ) {
-          if (
-            f.tagName === 'IFRAME' &&
-            !f.classList.contains('Preview-overlayFrame')
-          ) {
-            nextFrames.push(f)
-          }
-        }
-
-        const frameParent = frame.parentNode
-
-        nextFrames.forEach((f) => frameParent.removeChild(f))
-      }
-
-      onRemove(frame, () => toggleAnimation(false))
-
-      form.target = frame.name
-
-      form.submit()
-    }
-  }
-
-  reloadPreview() {
-    this.__reloadButton.click()
-  }
-
-  deletePreview() {
-    this.__typeFrame.innerHTML = ''
-  }
-}
-
-onFind('.deviceWidthSelect', async (deviceSelect) => {
-  let formContainer = deviceSelect.closest(
-    '.PreviewFrame-typeControlsContainer',
-  )
-  if (!formContainer) return
-  let form = formContainer.querySelector('form')
-  if (!form) return
-
-  deviceSelect.addEventListener('change', (event) => {
-    let targetFrame = document.querySelector(
-      "iframe[name='" + form.target + "']",
-    )
-    if (targetFrame) {
-      window.dispatchEvent(new Event('resize'))
-      window.dispatchEvent(new Event('viewport-device-changed'))
-    }
-  })
-})
-
-onFind('select[name="_mainObjectId"]', (viewRef) => {
-  const container = viewRef.closest('.Page-content, .Popup')
-  if (!container) return
-  viewRef.addEventListener('change', () => {
-    container.classList.toggle('is-previewToEditDisabled', viewRef.value)
-  })
-})

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

@@ -1,90 +0,0 @@
-import create from './dom/create'
-import find from './dom/find'
-import findAll from './dom/findAll'
-import onFind from './dom/onFind'
-import { toggleMenu, setupMenuForAria } from '../../../dom/popupMenu'
-
-const tooltips = window.BRIGHTSPOT?.ui.tooltips
-
-// Move the 2FA link.
-onFind('.Widget a[target="toolUserTfa"]', (link) => {
-  const controls = link.closest('.Widget').querySelector('.Widget-controls')
-  if (controls) {
-    link.setAttribute('data-popup-mode', 'local')
-    controls.insertBefore(link, controls.firstChild)
-  }
-})
-
-// Actions.
-onFind('.Widget-controls', (controls) => {
-  const widget = controls.closest('.Widget')
-  const items = findAll(widget, ':scope > .widget-contentCreate li')
-
-  // Move the entire controls heirarchy as a child of the <form>
-  // so that button interactions can trigger the form action.
-  if (find(controls, ':scope > button:not(.FormFilter-icon)')) {
-    const form = controls.closest('.Widget').querySelector('form')
-    form.prepend(controls)
-  }
-
-  if (items.length < 1) {
-    return
-  }
-
-  const list = create('ul', {
-    className: 'Widget-actionsList',
-    role: 'menu',
-    'aria-label': tooltips.actions?.widget,
-  })
-  const actions = create('div', { className: 'Widget-actions' })
-  const toggle = create('button', {
-    'aria-expanded': 'false',
-    'aria-label': tooltips.actions?.widget,
-    'aria-haspopup': 'menu',
-    className: 'Widget-actionsToggle',
-    type: 'button',
-    title: tooltips.actions?.actions,
-    onclick: () => {
-      toggleMenu(list, toggle, actions)
-    },
-  })
-
-  for (const item of items) {
-    list.appendChild(item)
-  }
-
-  // Move "delete permanently" button into gear icon
-  const deleteButton = find(controls, ':scope > button[name="action-delete"]')
-  if (deleteButton) {
-    list.appendChild(create('li', deleteButton))
-  }
-
-  actions.appendChild(toggle)
-  actions.appendChild(list)
-  actions.setAttribute('data-tether-anchor', '')
-  controls.appendChild(actions)
-
-  setupMenuForAria(list, toggle)
-})
-
-// Bind click on Guide widget titles to scroll to corresponding Widget.
-onFind('[data-widget-id]:not(.Guide-tabCluster)', (widget) => {
-  widget.addEventListener('focusin', () => {
-    if (document.body.classList.contains('is-guideOpen')) {
-      const guide = [...document.querySelectorAll('.Guide')].pop()
-      const cluster = guide.querySelector(
-        `.Guide-tabCluster[data-widget-id="${widget.dataset.widgetId}"]`,
-      )
-
-      if (cluster) {
-        const guideContent = cluster.closest('.Guide-content')
-        guideContent
-          .querySelectorAll('.is-focus')
-          .forEach((item) => item.classList.remove('is-focus'))
-        guideContent.scrollTo({ top: 0 })
-        cluster.scrollIntoView(true)
-        cluster.nextElementSibling.classList.add('is-focus')
-      }
-    }
-  })
-})

package/src/legacy/tool-ui/src/main/webapp/v4/__mocks__/fileMock.js

@@ -1 +0,0 @@
-module.exports = 'test-file-stub'

package/src/legacy/tool-ui/src/main/webapp/v4/__mocks__/styleMock.js

@@ -1 +0,0 @@
-module.exports = {}

package/src/legacy/tool-ui/src/main/webapp/v4/__mocks__/textArea.mock.js

@@ -1,20 +0,0 @@
-const createTextArea = (toolbar, numLines) => {
-  const textareaContainer = document.createElement('div')
-  const textAreaEle = document.createElement('textarea')
-  textAreaEle.setAttribute('data-rte-toolbar', toolbar)
-  textAreaEle.setAttribute('data-rte-lines', numLines)
-  textareaContainer.appendChild(textAreaEle)
-  return textareaContainer
-}
-
-const largetextArea = createTextArea(
-  'brightspot.core.tool.LargeRichTextToolbar',
-  '10',
-)
-
-const smallTextArea = createTextArea(
-  'brightspot.core.tool.SmallRichTextToolbar',
-  '10',
-)
-
-export { largetextArea, smallTextArea }