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

package/src/legacy/tool-ui/src/LiveBlog.ts

@@ -1,47 +0,0 @@
-import rtc from './rtc'
-import onFind from './dom/onFind'
-
-onFind('.LiveBlogPostListNav', (nav: HTMLElement) => {
-  const blogId = nav.getAttribute('data-blog-id')
-
-  // look for publish events for LiveBlogPosts
-  rtc.receive(
-    'brightspot.liveblog.LiveBlogPostRtcBroadcast',
-    (data: unknown) => {
-      const postData = data as { blogId: string }
-      if (postData['blogId'] === blogId) {
-        const refreshLink = nav.querySelector<HTMLElement>(
-          '.LiveBlogPostListNav-refresh',
-        )
-
-        if (refreshLink) {
-          refreshLink.click()
-        }
-      }
-    },
-  )
-})
-
-// Copy and create actions should not redirect and open in the same post edit frame
-onFind(
-  ['.LiveBlogGrid a.action-copy', '.LiveBlogGrid a.action-create'],
-  (button: HTMLAnchorElement) => {
-    button.target = 'postedit'
-    const grid = button.closest('.Grid')
-    if (!grid) {
-      return
-    }
-    const blogNav = grid.querySelector('.LiveBlogPostListNav')
-    if (!blogNav) {
-      return
-    }
-    const blogId = blogNav.getAttribute('data-blog-id')
-    let link = button.href
-    if (!blogId || !link) {
-      return
-    }
-    link += '&disableManagedRedirect=true'
-    link += '&blogId=' + blogId
-    button.href = link
-  },
-)

package/src/legacy/tool-ui/src/Loader.svg

@@ -1,16 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'>
-  <style>
-    :root {
-      --btu-theme-primary-hue: 264;
-    }
-
-    @keyframes rotate{100%{transform:rotate(360deg);}}
-    @keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0;}50%{stroke-dasharray:89,200;stroke-dashoffset:-35;}100%{stroke-dasharray:89,200;stroke-dashoffset:-124;}}
-
-    svg {will-change:transform;position:relative;animation:rotate 1.6s linear infinite;}
-    .Loader-bg {will-change:transform;fill:none;transform-origin:center;}
-    .Loader-fg {will-change:transform;animation:dash 1s infinite ease-in-out;animation-fill-mode:both;fill:none;transform-origin:center;stroke-linecap:round;stroke-dasharray:1,200;stroke-dashoffset:0;}
-  </style>
-  <circle cx='25' cy='25' r='20' stroke-width='4' class='Loader-bg'/>
-  <circle cx='25' cy='25' r='20' stroke-width='4' class='Loader-fg'/>
-</svg>

package/src/legacy/tool-ui/src/LocationMap.css

@@ -1,25 +0,0 @@
-.locationMap,
-.regionMap {
-  @apply z-0 h-[50dvh];
-}
-
-.LocationMap-removeMarker {
-  @apply !hidden items-center justify-center before:btu-icon before:btu-icon-map-pin-off;
-}
-
-.is-marked .LocationMap-removeMarker {
-  @apply !flex;
-}
-
-.LocationMap-marker {
-  --size: 20px;
-  @apply !size-[var(--size)] before:block before:size-full before:bg-gradient-to-tr before:from-primary-500 before:via-primary-700 before:to-primary-900 before:[clip-path:theme(shape.mapPin)];
-}
-
-.LocationMap-locateControl {
-  @apply flex size-full items-center justify-center before:btu-icon before:btu-icon-locate-fixed;
-
-  &.is-loading {
-    @apply text-primary-500 before:btu-icon-radar before:animate-spin;
-  }
-}

package/src/legacy/tool-ui/src/LookingGlass.css

@@ -1,31 +0,0 @@
-.Widget[name='lookingGlass'] {
-  img {
-    @apply aspect-square place-self-center p-0;
-  }
-}
-
-ul:has(.LookingGlass-actions) {
-  @apply relative flex list-none items-center justify-end gap-3 border-t border-t-gray-200 py-3;
-}
-
-.LookingGlass-actions > a,
-.LookingGlass-actions > button {
-  @apply btu-button btu-button-fill-none btu-button-primary before:btu-icon;
-}
-
-.LookingGlass-actions[data-action='copy'] {
-  @apply flex items-center gap-3;
-}
-
-.LookingGlass-actions:not([data-action='copy']) a {
-  @apply before:btu-icon-external-link;
-}
-
-btu-copy-to-clipboard.LookingGlass-actions button {
-  @apply transition-colors before:btu-icon-link;
-}
-
-btu-copy-to-clipboard.LookingGlass-actions:state(btu-copy-to-clipboard-copied)
-  button {
-  @apply gap-0 text-gray-500 [font-size:0] before:btu-icon-clipboard-check after:ms-2 after:text-sm after:[content:attr(data-success-label)];
-}

package/src/legacy/tool-ui/src/LucideDynamicLoader.ts

@@ -1,31 +0,0 @@
-import * as LucideIcons from 'lucide-static'
-import icons from 'lucide-static/font/info.json'
-import { kebabToPascal } from '../src/util/string'
-import { addNameSpaceXML, encodeSVG } from '../src/util/svg'
-
-export function getIcon(iconName: string, target: HTMLElement) {
-  try {
-    const kebabName = iconName.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()
-    const pascalName = kebabToPascal(kebabName)
-
-    let svg = ''
-    if (LucideIcons[pascalName as keyof typeof LucideIcons]) {
-      svg = LucideIcons[pascalName as keyof typeof LucideIcons] as string
-    }
-
-    return {
-      name: kebabName,
-      svg: LucideIcons[pascalName as keyof typeof LucideIcons]
-        ? (LucideIcons[pascalName as keyof typeof LucideIcons] as string)
-        : '',
-      encodedSvg: LucideIcons[pascalName as keyof typeof LucideIcons]
-        ? encodeSVG(addNameSpaceXML(svg))
-        : '',
-      compat: LucideIcons[pascalName as keyof typeof LucideIcons]
-        ? icons[kebabName as keyof typeof icons]?.encodedCode || ''
-        : icons['circle-dashed'].encodedCode,
-    }
-  } catch (e) {
-    console.error(`Error loading Lucide icon ${iconName}:`, e)
-  }
-}

package/src/legacy/tool-ui/src/MailPublishing.css

@@ -1,32 +0,0 @@
-.Page[data-href*='/cms/admin/mail-publishing'] .Page-content > .Widget .PR {
-  @apply overflow-auto [grid-template-rows:auto_auto_1fr];
-
-  .PR-pagination {
-    @apply me-6 ms-auto;
-  }
-}
-
-.MailPublishing-attachment {
-  @apply before:btu-icon before:btu-icon-paperclip;
-}
-
-.MailPublishing-error a {
-  @apply before:btu-icon before:btu-icon-circle-alert before:me-1 before:text-error-600;
-}
-
-/* Compose new email page */
-.Page.MockEmailComposePage {
-  @apply block;
-}
-
-.MockEmailComposePage .Widget-title {
-  @apply !col-span-full;
-}
-
-.MockEmailComposePage .TC {
-  @apply !pt-0;
-}
-
-.MockEmailComposePage .Page-askAiLink {
-  @apply hidden;
-}

package/src/legacy/tool-ui/src/Mention.css

@@ -1,34 +0,0 @@
-.Mention {
-  @apply invisible absolute z-10 -mt-[15px];
-
-  .CIG-row {
-    @apply -left-4 mt-0;
-  }
-
-  .CIG-small {
-    @apply border-none;
-  }
-
-  .CIG-row::after,
-  .CIG-label,
-  .ComboInput-icon::before,
-  .ContentSelector-search,
-  .ContentSelector-edit,
-  .CIG-wordCount {
-    @apply !hidden;
-  }
-
-  .ComboInput,
-  .ComboInput-filter {
-    @apply !bg-transparent;
-  }
-
-  .ComboInput {
-    /* Remove focus styles on the CI, since we emulate
-      the focus ring which the PM container applies to the ProseMirror.
-      (see: ProseMirrorContainer.css) */
-    &[aria-expanded='true'] {
-      @apply !border-none !ring-0;
-    }
-  }
-}