react-msaview 5.0.7 → 5.0.13

package/src/useWheelScroll.ts

@@ -0,0 +1,109 @@
+import { useEffect, useRef, useState } from 'react'
+
+export function useWheelScroll({
+  ref,
+  onScrollX,
+  onScrollY,
+}: {
+  ref: React.RefObject<HTMLDivElement | null>
+  onScrollX?: (delta: number) => void
+  onScrollY?: (delta: number) => void
+}) {
+  const scheduled = useRef(false)
+  const deltaX = useRef(0)
+  const deltaY = useRef(0)
+  const prevX = useRef(0)
+  const prevY = useRef(0)
+  const [mouseDragging, setMouseDragging] = useState(false)
+
+  useEffect(() => {
+    const curr = ref.current
+    if (!curr) {
+      return
+    }
+    function onWheel(event: WheelEvent) {
+      if (onScrollX) {
+        deltaX.current += event.deltaX
+      }
+      if (onScrollY) {
+        deltaY.current += event.deltaY
+      }
+
+      if (!scheduled.current) {
+        scheduled.current = true
+        requestAnimationFrame(() => {
+          if (onScrollX) {
+            onScrollX(-deltaX.current)
+            deltaX.current = 0
+          }
+          if (onScrollY) {
+            onScrollY(-deltaY.current)
+            deltaY.current = 0
+          }
+          scheduled.current = false
+        })
+      }
+      event.preventDefault()
+      event.stopPropagation()
+    }
+    curr.addEventListener('wheel', onWheel, { passive: false })
+    return () => {
+      curr.removeEventListener('wheel', onWheel)
+    }
+  }, [ref, onScrollX, onScrollY])
+
+  useEffect(() => {
+    if (!mouseDragging) {
+      return
+    }
+    function globalMouseMove(event: MouseEvent) {
+      event.preventDefault()
+      const distanceX = event.clientX - prevX.current
+      const distanceY = event.clientY - prevY.current
+      if ((distanceX && onScrollX) || (distanceY && onScrollY)) {
+        if (!scheduled.current) {
+          scheduled.current = true
+          requestAnimationFrame(() => {
+            onScrollX?.(distanceX)
+            onScrollY?.(distanceY)
+            scheduled.current = false
+            prevX.current = event.clientX
+            prevY.current = event.clientY
+          })
+        }
+      }
+    }
+
+    function globalMouseUp() {
+      prevX.current = 0
+      prevY.current = 0
+      setMouseDragging(false)
+    }
+
+    window.addEventListener('mousemove', globalMouseMove, true)
+    window.addEventListener('mouseup', globalMouseUp, true)
+    return () => {
+      window.removeEventListener('mousemove', globalMouseMove, true)
+      window.removeEventListener('mouseup', globalMouseUp, true)
+    }
+  }, [mouseDragging, onScrollX, onScrollY])
+
+  function onMouseDown(event: React.MouseEvent) {
+    const target = event.target as HTMLElement
+    if (target.draggable || target.dataset.resizer) {
+      return
+    }
+    if (event.button === 0) {
+      prevX.current = event.clientX
+      prevY.current = event.clientY
+      setMouseDragging(true)
+    }
+  }
+
+  function onMouseUp(event: React.MouseEvent) {
+    event.preventDefault()
+    setMouseDragging(false)
+  }
+
+  return { onMouseDown, onMouseUp }
+}

package/src/util.ts

@@ -1,10 +1,7 @@
 import { colord, extend } from 'colord'
 import namesPlugin from 'colord/plugins/names'
-import { max } from 'd3-array'
 
-import type { NodeWithIds } from './types.ts'
 import type { Theme } from '@mui/material'
-import type { HierarchyNode } from 'd3-hierarchy'
 
 extend([namesPlugin])
 
@@ -25,66 +22,24 @@ export function colorContrast(
   ])
 }
 
-export function skipBlanks(blanks: number[], arg: string | string[]) {
+export function skipBlanks(blanks: number[], str: string) {
   if (blanks.length === 0) {
-    return typeof arg === 'string' ? arg : arg.join('')
+    return str
   }
   const chunks = []
   let lastEnd = 0
   for (const blankIdx of blanks) {
     if (blankIdx > lastEnd) {
-      chunks.push(
-        typeof arg === 'string'
-          ? arg.slice(lastEnd, blankIdx)
-          : arg.slice(lastEnd, blankIdx).join(''),
-      )
+      chunks.push(str.slice(lastEnd, blankIdx))
     }
     lastEnd = blankIdx + 1
   }
-  if (lastEnd < arg.length) {
-    chunks.push(
-      typeof arg === 'string'
-        ? arg.slice(lastEnd)
-        : arg.slice(lastEnd).join(''),
-    )
+  if (lastEnd < str.length) {
+    chunks.push(str.slice(lastEnd))
   }
   return chunks.join('')
 }
 
-// basically same as setRadius from https://observablehq.com/@d3/tree-of-life
-export function setBrLength(
-  d: HierarchyNode<NodeWithIds>,
-  y0: number,
-  k: number,
-) {
-  // @ts-expect-error
-  d.len = (y0 += Math.max(d.data.length || 0, 0)) * k
-
-  if (d.children) {
-    d.children.forEach(d => {
-      setBrLength(d, y0, k)
-    })
-  }
-}
-
-// basically same as maxLength from https://observablehq.com/@d3/tree-of-life
-export function maxLength(d: HierarchyNode<NodeWithIds>): number {
-  return (
-    (d.data.length || 0) + (d.children ? max(d.children, maxLength) || 0 : 0)
-  )
-}
-
-// Collapse the node and all it's children, from
-// https://bl.ocks.org/d3noob/43a860bc0024792f8803bba8ca0d5ecd
-export function collapse(d: HierarchyNode<NodeWithIds>) {
-  if (d.children) {
-    // @ts-expect-error
-    d._children = d.children
-    // @ts-expect-error
-    d.children = null
-  }
-}
-
 export function len(a: { end: number; start: number }) {
   return a.end - a.start
 }

package/src/vendor/copyToClipboard.ts

@@ -1,125 +1,17 @@
-/**
- * Copy text to clipboard utility.
- * Uses modern Clipboard API with fallback to execCommand.
- */
-
-function deselectCurrent() {
-  const selection = document.getSelection()
-  if (!selection?.rangeCount) {
-    return () => {}
-  }
-  const active = document.activeElement as HTMLElement | null
-
-  const ranges: Range[] = []
-  for (let i = 0; i < selection.rangeCount; i++) {
-    ranges.push(selection.getRangeAt(i))
-  }
-
-  const tagName = active?.tagName.toUpperCase()
-  if (tagName === 'INPUT' || tagName === 'TEXTAREA') {
-    active?.blur()
-  }
-
-  selection.removeAllRanges()
-  return () => {
-    if (selection.type === 'Caret') {
-      selection.removeAllRanges()
-    }
-    if (!selection.rangeCount) {
-      for (const range of ranges) {
-        selection.addRange(range)
-      }
-    }
-    active?.focus()
-  }
-}
-
-export interface CopyOptions {
-  debug?: boolean
-  format?: string
-  onCopy?: (clipboardData: DataTransfer) => void
-}
-
-export default function copy(text: string, options?: CopyOptions): boolean {
-  const debug = options?.debug || false
-  let success = false
-  let reselectPrevious: (() => void) | undefined
-  let range: Range | undefined
-  let selection: Selection | null = null
-  let mark: HTMLSpanElement | undefined
-
-  try {
-    reselectPrevious = deselectCurrent()
-    range = document.createRange()
-    selection = document.getSelection()
-
-    mark = document.createElement('span')
-    mark.textContent = text
-    mark.ariaHidden = 'true'
-    mark.style.all = 'unset'
-    mark.style.position = 'fixed'
-    mark.style.top = '0'
-    mark.style.clip = 'rect(0, 0, 0, 0)'
-    mark.style.whiteSpace = 'pre'
-    mark.style.webkitUserSelect = 'text'
-    ;(mark.style as unknown as Record<string, string>).MozUserSelect = 'text'
-    ;(mark.style as unknown as Record<string, string>).msUserSelect = 'text'
-    mark.style.userSelect = 'text'
-
-    mark.addEventListener('copy', e => {
-      e.stopPropagation()
-      if (options?.format) {
-        e.preventDefault()
-        if (e.clipboardData) {
-          e.clipboardData.clearData()
-          e.clipboardData.setData(options.format, text)
-        }
-      }
-      if (options?.onCopy && e.clipboardData) {
-        e.preventDefault()
-        options.onCopy(e.clipboardData)
-      }
+export default function copy(text: string) {
+  const clip = navigator.clipboard as Clipboard | undefined
+  if (clip?.writeText) {
+    clip.writeText(text).catch((e: unknown) => {
+      console.error('Failed to copy to clipboard:', e)
     })
-
-    document.body.append(mark)
-    range.selectNodeContents(mark)
-    selection?.addRange(range)
-
-    const successful = document.execCommand('copy')
-    if (!successful) {
-      throw new Error('copy command was unsuccessful')
-    }
-    success = true
-  } catch (err) {
-    if (debug) {
-      console.error('unable to copy using execCommand:', err)
-    }
-    try {
-      const clipboardData = (window as unknown as Record<string, DataTransfer>)
-        .clipboardData
-      if (clipboardData) {
-        clipboardData.setData(options?.format || 'text', text)
-        options?.onCopy?.(clipboardData)
-        success = true
-      }
-    } catch (err2) {
-      if (debug) {
-        console.error('unable to copy using clipboardData:', err2)
-      }
-    }
-  } finally {
-    if (selection) {
-      if (typeof selection.removeRange === 'function' && range) {
-        selection.removeRange(range)
-      } else {
-        selection.removeAllRanges()
-      }
-    }
-    if (mark) {
-      mark.remove()
-    }
-    reselectPrevious?.()
+    return
   }
-
-  return success
+  const textarea = document.createElement('textarea')
+  textarea.value = text
+  textarea.style.position = 'fixed'
+  textarea.style.opacity = '0'
+  document.body.append(textarea)
+  textarea.select()
+  document.execCommand('copy')
+  textarea.remove()
 }

package/src/vendor/fileSaver.ts

@@ -1,107 +1,10 @@
-/**
- * FileSaver.js
- * A saveAs() FileSaver implementation.
- *
- * By Eli Grey, http://eligrey.com
- * License: MIT
- * source: http://purl.eligrey.com/github/FileSaver.js
- *
- * Vendored and converted to ESM/TypeScript for pure ESM compatibility.
- */
-
-function click(node: HTMLAnchorElement) {
-  try {
-    node.dispatchEvent(new MouseEvent('click'))
-  } catch {
-    const evt = document.createEvent('MouseEvents')
-    evt.initMouseEvent(
-      'click',
-      true,
-      true,
-      window,
-      0,
-      0,
-      0,
-      80,
-      20,
-      false,
-      false,
-      false,
-      false,
-      0,
-      null,
-    )
-    node.dispatchEvent(evt)
-  }
-}
-
-// Detect WebView inside a native macOS app by ruling out all browsers
-const isMacOSWebView =
-  typeof navigator !== 'undefined' &&
-  navigator.userAgent.includes('Macintosh') &&
-  navigator.userAgent.includes('AppleWebKit') &&
-  !navigator.userAgent.includes('Safari')
-
-export function saveAs(blob: Blob | string, name?: string) {
-  if (typeof window === 'undefined') {
-    return
-  }
-
-  const URL = window.URL
+export function saveAs(blob: Blob, name: string) {
+  const url = URL.createObjectURL(blob)
   const a = document.createElement('a')
-  name = name || (blob instanceof Blob ? 'download' : 'download')
-
-  // Use download attribute if available and not macOS WebView
-  if ('download' in HTMLAnchorElement.prototype && !isMacOSWebView) {
-    a.download = name
-    a.rel = 'noopener'
-
-    if (typeof blob === 'string') {
-      a.href = blob
-      click(a)
-    } else {
-      a.href = URL.createObjectURL(blob)
-      setTimeout(() => {
-        URL.revokeObjectURL(a.href)
-      }, 40000)
-      setTimeout(() => {
-        click(a)
-      }, 0)
-    }
-    return
-  }
-
-  // Fallback for browsers without download attribute support
-  if (typeof blob === 'string') {
-    window.open(blob, '_blank')
-    return
-  }
-
-  const isSafari =
-    /constructor/i.test(
-      (window as unknown as { HTMLElement: unknown }).HTMLElement?.toString() ??
-        '',
-    ) || !!(window as unknown as { safari?: unknown }).safari
-  const isChromeIOS = /CriOS\/[\d]+/.test(navigator.userAgent)
-
-  if (
-    (isChromeIOS || isSafari || isMacOSWebView) &&
-    typeof FileReader !== 'undefined'
-  ) {
-    const reader = new FileReader()
-    reader.onloadend = () => {
-      let url = reader.result as string
-      url = isChromeIOS
-        ? url
-        : url.replace(/^data:[^;]*;/, 'data:attachment/file;')
-      window.open(url, '_blank')
-    }
-    reader.readAsDataURL(blob)
-  } else {
-    const url = URL.createObjectURL(blob)
-    window.open(url, '_blank')
-    setTimeout(() => {
-      URL.revokeObjectURL(url)
-    }, 40000)
-  }
+  a.href = url
+  a.download = name
+  a.click()
+  setTimeout(() => {
+    URL.revokeObjectURL(url)
+  }, 40_000)
 }

package/src/version.ts

@@ -1 +1 @@
-export const version = '5.0.7'
+export const version = '5.0.13'

package/dist/components/dialogs/AddTrackDialog.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { MsaViewModel } from '../../model.ts';
-declare const AddTrackDialog: ({ model, onClose, open, }: {
-    model: MsaViewModel;
-    onClose: () => void;
-    open: boolean;
-}) => React.JSX.Element;
-export default AddTrackDialog;

package/dist/components/dialogs/AddTrackDialog.js

@@ -1,30 +0,0 @@
-import React, { useState } from 'react';
-import { Dialog, FileSelector } from '@jbrowse/core/ui';
-import { Button, DialogActions, DialogContent, MenuItem, TextField, Typography, } from '@mui/material';
-import { observer } from 'mobx-react';
-const AddTrackDialog = observer(function ({ model, onClose, open, }) {
-    const options = model.rows.map(r => r[0]);
-    const [trackFile, setTrackFile] = useState();
-    const [currentOption, setCurrentOption] = useState('');
-    return (React.createElement(Dialog, { onClose: () => {
-            onClose();
-        }, open: open, title: "Add track" },
-        React.createElement(DialogContent, null,
-            React.createElement(Typography, null, "Open relevant per-alignment tracks e.g. protein domains"),
-            React.createElement(TextField, { select: true, helperText: "Which row does this track apply to?", value: currentOption, onChange: event => {
-                    setCurrentOption(event.target.value);
-                } }, options.map((option, index) => (React.createElement(MenuItem, { key: `${option}-${index}`, value: option }, option)))),
-            React.createElement(FileSelector, { location: trackFile, setLocation: setTrackFile }),
-            React.createElement(DialogActions, null,
-                React.createElement(Button, { onClick: () => {
-                        model.setError(undefined);
-                        if (trackFile) {
-                            model.setMSAFilehandle(trackFile);
-                        }
-                    }, variant: "contained", color: "primary" }, "Open"),
-                React.createElement(Button, { color: "secondary", variant: "contained", onClick: () => {
-                        onClose();
-                    } }, "Cancel")))));
-});
-export default AddTrackDialog;
-//# sourceMappingURL=AddTrackDialog.js.map

package/dist/components/dialogs/AddTrackDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddTrackDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/AddTrackDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAKrC,MAAM,cAAc,GAAG,QAAQ,CAAC,UAAU,EACxC,KAAK,EACL,OAAO,EACP,IAAI,GAKL;IACC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAgB,CAAA;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtD,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,EAAE,CAAA;QACX,CAAC,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,WAAW;QAEjB,oBAAC,aAAa;YACZ,oBAAC,UAAU,kEAEE;YACb,oBAAC,SAAS,IACR,MAAM,QACN,UAAU,EAAC,qCAAqC,EAChD,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,KAAK,CAAC,EAAE;oBAChB,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACtC,CAAC,IAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,MAAM,IAAI,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,IAC/C,MAAM,CACE,CACZ,CAAC,CACQ;YACZ,oBAAC,YAAY,IAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,GAAI;YAChE,oBAAC,aAAa;gBACZ,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;wBACzB,IAAI,SAAS,EAAE,CAAC;4BACd,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAA;wBACnC,CAAC;oBACH,CAAC,EACD,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,WAGR;gBACT,oBAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,EAAE,CAAA;oBACX,CAAC,aAGM,CACK,CACF,CACT,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,cAAc,CAAA"}

package/dist/components/dialogs/TabPanel.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export default function TabPanel({ children, value, index, ...other }: {
-    children?: React.ReactNode;
-    index: number;
-    value: number;
-}): React.JSX.Element;

package/dist/components/dialogs/TabPanel.js

@@ -1,6 +0,0 @@
-import React from 'react';
-// this is from MUI example
-export default function TabPanel({ children, value, index, ...other }) {
-    return (React.createElement("div", { role: "tabpanel", hidden: value !== index, ...other }, value === index && React.createElement("div", null, children)));
-}
-//# sourceMappingURL=TabPanel.js.map

package/dist/components/dialogs/TabPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../../src/components/dialogs/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,2BAA2B;AAC3B,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EAKT;IACC,OAAO,CACL,6BAAK,IAAI,EAAC,UAAU,EAAC,MAAM,EAAE,KAAK,KAAK,KAAK,KAAM,KAAK,IACpD,KAAK,KAAK,KAAK,IAAI,iCAAM,QAAQ,CAAO,CACrC,CACP,CAAA;AACH,CAAC"}

package/dist/components/header/ZoomStar.js

@@ -1,40 +0,0 @@
-import React from 'react';
-import RestartAlt from '@mui/icons-material/RestartAlt';
-import { IconButton } from '@mui/material';
-import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-const useStyles = makeStyles()(theme => ({
-    dpad: {
-        display: 'grid',
-        gridTemplateColumns: 'repeat(3, 1fr)',
-    },
-    icon: {
-        padding: theme.spacing(0.5),
-    },
-}));
-const ZoomStar = observer(function ({ model }) {
-    const { classes } = useStyles();
-    return (React.createElement("div", { className: classes.dpad },
-        React.createElement("div", null),
-        React.createElement(IconButton, { className: classes.icon, onClick: () => {
-                model.zoomInVertical();
-            } }, "Y+"),
-        React.createElement("div", null),
-        React.createElement(IconButton, { className: classes.icon, onClick: () => {
-                model.zoomOutHorizontal();
-            } }, "X-"),
-        React.createElement(IconButton, { className: classes.icon, onClick: () => {
-                model.resetZoom();
-            } },
-            React.createElement(RestartAlt, null)),
-        React.createElement(IconButton, { className: classes.icon, onClick: () => {
-                model.zoomInHorizontal();
-            } }, "X+"),
-        React.createElement("div", null),
-        React.createElement(IconButton, { className: classes.icon, onClick: () => {
-                model.zoomOutVertical();
-            } }, "Y-"),
-        React.createElement("div", null)));
-});
-export default ZoomStar;
-//# sourceMappingURL=ZoomStar.js.map

package/dist/components/header/ZoomStar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ZoomStar.js","sourceRoot":"","sources":["../../../src/components/header/ZoomStar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,UAAU,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI1C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,gBAAgB;KACtC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;KAC5B;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACpE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,CAAC,IAAI;QAC1B,gCAAO;QACP,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAA;YACxB,CAAC,SAGU;QACb,gCAAO;QAEP,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,iBAAiB,EAAE,CAAA;YAC3B,CAAC,SAGU;QACb,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,SAAS,EAAE,CAAA;YACnB,CAAC;YAED,oBAAC,UAAU,OAAG,CACH;QACb,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,gBAAgB,EAAE,CAAA;YAC1B,CAAC,SAGU;QAEb,gCAAO;QACP,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,eAAe,EAAE,CAAA;YACzB,CAAC,SAGU;QACb,gCAAO,CACH,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/layout.d.ts

@@ -1,26 +0,0 @@
-export default class Layout {
-    rectangles: Map<string, {
-        minY: number;
-        maxY: number;
-        minX: number;
-        maxX: number;
-        id: string;
-        data: unknown;
-    }>;
-    maxHeightReached: boolean;
-    private maxHeight;
-    private flatbush;
-    private indexToId;
-    private pTotalHeight;
-    constructor({ maxHeight, }?: {
-        maxHeight?: number;
-    });
-    private rebuildIndex;
-    private collides;
-    /**
-     * @returns top position for the rect, or Null if laying
-     *  out the rect would exceed maxHeighe
-     */
-    addRect(id: string, left: number, right: number, height: number, data: unknown): number | null;
-    get totalHeight(): number;
-}

package/dist/layout.js

@@ -1,74 +0,0 @@
-import Flatbush from 'flatbush';
-export default class Layout {
-    rectangles;
-    maxHeightReached = false;
-    maxHeight;
-    flatbush = null;
-    indexToId = [];
-    pTotalHeight;
-    constructor({ maxHeight = 10000, } = {}) {
-        this.rectangles = new Map();
-        this.maxHeight = Math.ceil(maxHeight);
-        this.pTotalHeight = 0; // total height, in units of bitmap squares (px/pitchY)
-    }
-    rebuildIndex() {
-        // Rebuild the spatial index with current rectangles
-        const rects = Array.from(this.rectangles.values());
-        if (rects.length === 0) {
-            this.flatbush = null;
-            this.indexToId = [];
-            return;
-        }
-        this.flatbush = new Flatbush(rects.length);
-        this.indexToId = [];
-        for (const rect of rects) {
-            this.flatbush.add(rect.minX, rect.minY, rect.maxX, rect.maxY);
-            this.indexToId.push(rect.id);
-        }
-        this.flatbush.finish();
-    }
-    collides(box) {
-        if (!this.flatbush) {
-            return false;
-        }
-        const results = this.flatbush.search(box.minX, box.minY, box.maxX, box.maxY);
-        return results.length > 0;
-    }
-    /**
-     * @returns top position for the rect, or Null if laying
-     *  out the rect would exceed maxHeighe
-     */
-    addRect(id, left, right, height, data) {
-        // add to flatbush
-        const existingRecord = this.rectangles.get(id);
-        if (existingRecord) {
-            return existingRecord.minY;
-        }
-        let currHeight = 0;
-        while (this.collides({
-            minX: left,
-            minY: currHeight,
-            maxX: right,
-            maxY: currHeight + height,
-        }) &&
-            currHeight <= this.maxHeight) {
-            currHeight += 1;
-        }
-        const record = {
-            minX: left,
-            minY: currHeight,
-            maxX: right,
-            maxY: currHeight + height,
-            id,
-            data,
-        };
-        this.rectangles.set(id, record);
-        this.rebuildIndex();
-        this.pTotalHeight = Math.max(this.pTotalHeight, currHeight);
-        return currHeight;
-    }
-    get totalHeight() {
-        return this.pTotalHeight;
-    }
-}
-//# sourceMappingURL=layout.js.map

package/dist/layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"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"}

package/dist/reparseTree.d.ts

@@ -1,2 +0,0 @@
-import type { NodeWithIds } from './types.ts';
-export declare function reparseTree(tree: NodeWithIds): NodeWithIds;