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

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

@@ -1,5 +0,0 @@
-import onFindOnce from './dom/onFindOnce'
-
-onFindOnce('.imageEditor', async () => {
-  await import(/* webpackChunkName: 'ImageEditor' */ './ImageEditor')
-})

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

@@ -1,40 +0,0 @@
-import Cookies from 'js.cookie'
-import onFind from './dom/onFind'
-
-onFind('.LinkCarousel-item', (item) => {
-  item.addEventListener('click', async (event) => {
-    const target = event.target
-    if (target.classList.contains('LinkCarousel-item-favorite')) {
-      target.classList.toggle('is-unstarred')
-
-      const currentLabel = target.classList.contains('is-unstarred')
-        ? target.getAttribute('data-title-on')
-        : target.getAttribute('data-title-off')
-      target.title = currentLabel
-      target.setAttribute('aria-label', currentLabel)
-
-      let url =
-        CONTEXT_PATH +
-        'update-create-new-favorites?quickStartId=' +
-        item
-          .querySelector('.LinkCarousel-item-favorite')
-          .getAttribute('data-id')
-      const headers = new Headers()
-      headers.append('Brightspot-CSRF', Cookies.get('bsp.csrf'))
-      try {
-        await fetch(url, {
-          method: 'POST',
-          headers: headers,
-        })
-      } catch (error) {
-        console.error(error)
-      }
-    } else {
-      if (item !== target) {
-        return
-      }
-      event.stopPropagation()
-      item.querySelector('a').click()
-    }
-  })
-})

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

@@ -1,14 +0,0 @@
-import create from './dom/create'
-import onFind from './dom/onFind'
-
-onFind(
-  '.LinkList td:not(.LinkList-image, .LinkList-main, .LinkList-viewers, .LinkList-button, .LinkList-type, .LinkList-description, .date-time)',
-  (cell) => {
-    const icon = create('span', {
-      className: 'LinkList-icon',
-      'aria-hidden': 'true',
-    })
-
-    cell.prepend(icon)
-  },
-)

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

@@ -1,123 +0,0 @@
-import create from './dom/create'
-import find from './dom/find'
-import findAll from './dom/findAll'
-import onFind from './dom/onFind'
-
-// Move labels out so that they're in their own cells.
-onFind('.LinkTable .Label', (label) => {
-  const cell = label.closest('th, td')
-
-  if (
-    !cell ||
-    cell.classList.contains('LinkTable-label') ||
-    label.closest('.CommunityWidget')
-  ) {
-    return
-  }
-
-  const labelCell = cell.previousElementSibling
-
-  if (labelCell && labelCell.classList.contains('LinkTable-label')) {
-    labelCell.appendChild(label)
-    return
-  }
-
-  const row = label.closest('tr')
-  const index = Array.from(row.querySelectorAll('th, td')).indexOf(cell)
-
-  let columnHeader
-  const headerRow = row
-    .closest('table')
-    .querySelector('tr')
-    .querySelectorAll('th, td')
-
-  // Find the column header to serve as data storage from this operation
-  // thIndex is the index of the current cell in the header row
-  // thColSpan is the number of columns spanning to the current cell
-  for (let thIndex = 0, thColSpan = 0; thColSpan - 1 < index; thIndex++) {
-    columnHeader = headerRow[thIndex]
-    thColSpan += columnHeader.colSpan
-  }
-
-  if (columnHeader.hasAttribute('data-skip-labels-move')) {
-    return
-  }
-
-  // Avoid formatting of labels when more than one data-value is found
-  for (const r of row.closest('table').querySelectorAll('tr')) {
-    let column = r.querySelectorAll('th, td')[index]
-
-    if (column.getAttribute('data-value-count') > 1) {
-      // Cache result on column header so other labels don't also
-      // need to loop through all rows.
-      columnHeader.setAttribute('data-skip-labels-move', '')
-      return
-    }
-  }
-
-  for (const r of row
-    .closest('table')
-    .querySelectorAll('tr:not(thead.screen-reader-only tr')) {
-    let i = index
-
-    for (const c of r.querySelectorAll('th, td')) {
-      i = i - c.colSpan
-
-      if (i < 0) {
-        r.insertBefore(
-          create(
-            c.tagName,
-            { className: 'LinkTable-label' },
-            c.tagName === 'TH' &&
-              r.closest('table').classList.contains('searchResultTable')
-              ? window.BRIGHTSPOT.ui?.searchContentStatus
-              : '',
-          ),
-          c,
-        )
-        break
-      }
-    }
-  }
-
-  row.querySelectorAll('th, td')[index].appendChild(label)
-})
-
-// Compact mode?
-const tableResizeObserver = new ResizeObserver((entries) => {
-  for (const entry of entries) {
-    entry.target.classList.toggle(
-      'is-compact',
-      (entry.borderBoxSize?.inlineSize || entry.contentRect.width) < 500,
-    )
-  }
-})
-
-onFind('.LinkTable', (table) => {
-  if (!table.classList.contains('is-compact')) {
-    tableResizeObserver.observe(table)
-  }
-
-  for (const row of findAll(table, ':scope > tbody > tr')) {
-    const cells = findAll(row, ':scope > td')
-
-    // Main cell has a link and is displayed first.
-    for (const cell of cells) {
-      if (find(cell, ':scope > a')) {
-        cell.classList.add('LinkTable-main')
-        break
-      }
-    }
-
-    // First aux cell has to be identified for styling.
-    const first = cells[0].classList
-
-    if (first.contains('LinkTable-main')) {
-      if (cells.length > 1) {
-        cells[1].classList.add('LinkTable-first')
-      }
-    } else {
-      first.add('LinkTable-first')
-    }
-  }
-})

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

@@ -1,19 +0,0 @@
-import onVisible from './dom/onVisible'
-
-onVisible('.locationMap', async (container) => {
-  const { default: LocationMap } = await import(
-    /* webpackChunkName: 'LocationMap' */ './LocationMap'
-  )
-
-  // eslint-disable-next-line no-new
-  new LocationMap(container)
-})
-
-onVisible('.regionMap', async (container) => {
-  const { default: RegionMap } = await import(
-    /* webpackChunkName: 'RegionMap' */ './RegionMap'
-  )
-
-  // eslint-disable-next-line no-new
-  new RegionMap(container)
-})

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

@@ -1,148 +0,0 @@
-import 'leaflet/dist/leaflet.css'
-import 'leaflet-geosearch/assets/css/leaflet.css'
-import 'leaflet.locatecontrol'
-import L from 'leaflet'
-import { GeoSearchControl, OpenStreetMapProvider } from 'leaflet-geosearch'
-import find from './dom/find'
-
-export default class LocationMap {
-  constructor(container) {
-    this._container = container
-    this._latInput = find(container, '.locationMapLatitude')
-    this._lngInput = find(container, '.locationMapLongitude')
-    this._zoomInput = find(container, '.locationMapZoom')
-    if (!this._latInput || !this._lngInput || !this._zoomInput) return
-
-    const latValue = this._latInput.value
-    const lngValue = this._lngInput.value
-    const hasValue = latValue !== '' && lngValue !== ''
-    const center = hasValue
-      ? new L.LatLng(parseFloat(latValue), parseFloat(lngValue))
-      : new L.LatLng(38.95498, -77.365057)
-
-    this._map = L.map(container, {
-      center,
-      zoom: parseFloat(this._zoomInput.value) || 6,
-      layers: [
-        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-          attribution:
-            '© <a href="https://openstreetmap.org">OpenStreetMap</a> contributors',
-        }),
-      ],
-    })
-
-    this._map.on('click', (e) => {
-      if (e.originalEvent.srcElement.classList.contains('locationMap')) {
-        this.updateMarker(e.latlng)
-      }
-    })
-
-    this._map.on('zoomend', () => {
-      this._zoomInput.value = this._map.getZoom()
-    })
-
-    if (hasValue) {
-      this.updateMarker(center, '')
-    }
-
-    // --- Geocoder Address Search
-    new GeoSearchControl({
-      provider: new OpenStreetMapProvider(),
-      retainZoomLevel: true,
-      showMarker: false,
-    }).addTo(this._map)
-
-    this._map.on('geosearch/showlocation', (e) => {
-      if (e.location) {
-        this.updateMarker(
-          new L.LatLng(parseFloat(e.location.y), parseFloat(e.location.x)),
-          e.location.label,
-        )
-      }
-    })
-
-    // --- Current Location
-    L.control
-      .locate({
-        drawCircle: false,
-        markerStyle: {
-          weight: 2,
-          radius: 6,
-        },
-        keepCurrentZoomLevel: true,
-        icon: 'LocationMap-locateControl',
-        iconLoading: 'LocationMap-locateControl is-loading',
-        strings: {
-          title: 'Set marker to your current location',
-          popup: '<b>Current location</b><br/>(within {distance} {unit})',
-        },
-      })
-      .addTo(this._map)
-
-    this._map.on('locationfound', (e) => {
-      this.updateMarker(e.latlng, '')
-    })
-
-    const RemoveMarker = L.Control.extend({
-      onAdd: () => {
-        const bar = L.DomUtil.create('div')
-        bar.className = 'leaflet-bar leaflet-control'
-        const button = L.DomUtil.create('a')
-        button.className = 'LocationMap-removeMarker'
-
-        button.onclick = (event) => {
-          event.preventDefault()
-          event.stopPropagation()
-
-          if (this._marker) {
-            this._map.removeLayer(this._marker)
-            this._marker = null
-            this._latInput.value = null
-            this._lngInput.value = null
-            this._container.classList.remove('is-marked')
-          }
-        }
-
-        bar.appendChild(button)
-        return bar
-      },
-    })
-
-    new RemoveMarker({ position: 'topleft' }).addTo(this._map)
-  }
-
-  updateValue(latlng) {
-    this._latInput.value = latlng.lat
-    this._lngInput.value = latlng.lng
-  }
-
-  updateMarker(latlng, label) {
-    if (this._marker) {
-      this._marker.setLatLng(latlng)
-      this._marker.bindPopup(label || latlng.toString())
-    } else {
-      const icon = L.divIcon({
-        className: 'LocationMap-marker',
-        iconSize: [36, 36],
-        iconAnchor: [18, 36],
-        popupAnchor: [0, -30],
-      })
-
-      this._marker = L.marker(latlng, {
-        draggable: true,
-        autoPan: true,
-        icon: icon,
-      }).bindPopup(label || latlng.toString())
-
-      this._marker.on('moveend', (e) => {
-        this.updateValue(e.target._latlng)
-        this._marker.bindPopup(e.target._latlng.toString())
-      })
-
-      this._marker.addTo(this._map)
-    }
-
-    this._container.classList.add('is-marked')
-    this.updateValue(latlng)
-  }
-}

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

@@ -1,24 +0,0 @@
-import onFind from './dom/onFind'
-import find from './dom/find'
-
-// copy link to clipboard
-onFind('.LookingGlass-actions[data-action="copy"]', (link) => {
-  link.addEventListener('click', (event) => {
-    event.preventDefault()
-    event.stopPropagation()
-
-    const el = document.createElement('textarea')
-    el.value = find(link, 'a').href
-    el.setAttribute('readonly', '')
-    document.body.appendChild(el)
-    el.select()
-    document.execCommand('copy')
-    document.body.removeChild(el)
-
-    // copy link confirmation
-    link.setAttribute('data-copied', 'true')
-    setTimeout(() => {
-      link.removeAttribute('data-copied')
-    }, 2000)
-  })
-})

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

@@ -1,14 +0,0 @@
-import create from './dom/create'
-import onFind from './dom/onFind'
-
-onFind('.Message', (message) => {
-  const icon = create('span', {
-    className: 'Message-icon',
-    'aria-hidden': 'true',
-  })
-  const revisionInfo = message.querySelector('.ContentEdit-revisionInfo')
-
-  revisionInfo
-    ? revisionInfo.insertAdjacentElement('afterend', icon)
-    : message.append(icon)
-})

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

@@ -1,32 +0,0 @@
-import findAll from './dom/findAll'
-import onFind from './dom/onFind'
-import repaint from './util/repaint'
-
-function resize(bar) {
-  const bs = bar.style
-  bs.overflow = 'auto'
-  bs.transform = ''
-  bs.width = '100%'
-
-  const w = bar.getBoundingClientRect().width
-  const sw = bar.scrollWidth
-
-  if (w < sw) {
-    bs.transform = `scale(${w / sw})`
-    bs.transformOrigin = 'left'
-  }
-
-  bs.overflow = ''
-  bs.width = ''
-}
-
-onFind('.NB', resize)
-
-window.addEventListener(
-  'resize',
-  repaint(() => {
-    for (const bar of findAll(document, '.NB')) {
-      resize(bar)
-    }
-  }),
-)