@likec4/diagram 1.31.0 → 1.32.1

package/src/likec4diagram/ui/search/state.ts

@@ -1,78 +0,0 @@
-import { type Fqn, type LikeC4Model, type ViewId, DiagramNode } from '@likec4/core'
-import { createSafeContext } from '@mantine/core'
-import { useCallbackRef } from '@mantine/hooks'
-import { useStore } from '@nanostores/react'
-import { atom, computed, onMount } from 'nanostores'
-import { useCallback, useDeferredValue } from 'react'
-import { useDiagram } from '../../../hooks/useDiagram'
-
-const $search = atom('')
-
-export function setSearch(term: string) {
-  $search.set(term)
-}
-
-export function useSearch() {
-  return useStore($search)
-}
-
-const $normalizedSearch = computed($search, search => {
-  const v = search.trim().toLowerCase()
-  return v.length > 1 ? v : ''
-})
-export function useNormalizedSearch() {
-  return useDeferredValue(useStore($normalizedSearch))
-}
-
-export const [LikeC4SearchContext, useCloseSearch] = createSafeContext<(cb?: () => void) => void>('LikeC4Search')
-
-type PickView = {
-  elementFqn: Fqn
-  scoped: LikeC4Model.View[]
-  others: LikeC4Model.View[]
-}
-const $pickView = atom<PickView | null>(null)
-onMount($search, () => {
-  // reset search on mount
-  $pickView.set(null)
-})
-
-export function usePickView() {
-  return useStore($pickView)
-}
-export function setPickView(data: PickView | null) {
-  $pickView.set(data)
-}
-export function wasResetPickView() {
-  if ($pickView.get() !== null) {
-    $pickView.set(null)
-    return true
-  }
-  return false
-}
-
-const $pickViewActive = computed($pickView, pickView => pickView !== null)
-export function useIsPickViewActive() {
-  return useStore($pickViewActive)
-}
-
-export function useCloseSearchAndNavigateTo() {
-  const diagram = useDiagram()
-  const close = useCloseSearch()
-  return useCallback((viewId: ViewId, fromElementFqn?: Fqn) => {
-    close(() => {
-      fromElementFqn ??= $pickView.get()?.elementFqn
-      setPickView(null)
-      const fromNode = fromElementFqn
-        ? diagram.getContext().view.nodes.find(n => DiagramNode.modelRef(n) === fromElementFqn)?.id
-        : undefined
-      if (diagram.currentView.id !== viewId) {
-        diagram.navigateTo(viewId, fromNode)
-        return
-      }
-      if (fromNode) {
-        diagram.focusNode(fromNode)
-      }
-    })
-  }, [close, diagram])
-}

package/src/likec4diagram/ui/search/utils.ts

@@ -1,20 +0,0 @@
-export function stopAndPrevent(e: React.KeyboardEvent | KeyboardEvent) {
-  e.stopPropagation()
-  e.preventDefault()
-  return
-}
-
-export function centerY(element: HTMLElement) {
-  const rect = element.getBoundingClientRect()
-  const y = rect.y + Math.floor(rect.height / 2)
-  return y
-}
-
-export function moveFocusToSearchInput() {
-  const input = document.getElementById('likec4searchinput') as HTMLInputElement | null
-  if (input) {
-    const length = input.value.length
-    input.focus()
-    input.setSelectionRange(length, length)
-  }
-}