@macrostrat/feedback-components 1.1.7 → 1.1.9

package/dist/node/{feedback-components.1ec0e5c7.js.map → feedback-components.ddd11fe8.js.map}

@@ -1 +1 @@
-{"mappings":"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","sources":["<anon>","packages/feedback-components/src/feedback/text-visualizer.ts"],"sourcesContent":["import \"./feedback-components.e1fe112f.js\";\nimport \"./feedback-components.b22d37d1.js\";\nimport \"./feedback-components.ad3ad94e.js\";\nimport $h8ona$macrostrathyper from \"@macrostrat/hyper\";\nimport {useRef as $h8ona$useRef, useEffect as $h8ona$useEffect} from \"react\";\nimport {Popover as $h8ona$Popover} from \"@blueprintjs/core\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\nvar $9wFEx = parcelRequire(\"9wFEx\");\n\n\nvar $edvRb = parcelRequire(\"edvRb\");\n\n\n\nvar $jlqgz = parcelRequire(\"jlqgz\");\nconst $d6cf457c7790c03a$var$h = (0, $h8ona$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($9wFEx))));\nfunction $d6cf457c7790c03a$var$buildTags(highlights, selectedNodes) {\n    let tags = [];\n    // If entity ID has already been seen, don't add it again\n    const entities = new Set();\n    for (const highlight of highlights){\n        // Don't add multiply-linked entities multiple times\n        if (entities.has(highlight.id)) continue;\n        const highlighted = $d6cf457c7790c03a$var$isHighlighted(highlight, selectedNodes);\n        const active = $d6cf457c7790c03a$var$isActive(highlight, selectedNodes);\n        const tagStyle = (0, $edvRb.getTagStyle)(highlight.backgroundColor, {\n            highlighted: highlighted,\n            active: active\n        });\n        const tag = {\n            color: tagStyle.color,\n            tagStyle: {\n                display: \"none\"\n            },\n            markStyle: {\n                backgroundColor: tagStyle.backgroundColor\n            },\n            ...highlight,\n            backgroundColor: tagStyle.backgroundColor\n        };\n        tags.push(tag);\n        entities.add(highlight.id);\n    }\n    return tags;\n}\nfunction $d6cf457c7790c03a$var$isActive(tag, selectedNodes) {\n    return selectedNodes.includes(tag.id);\n}\nfunction $d6cf457c7790c03a$var$isHighlighted(tag, selectedNodes) {\n    if (selectedNodes.length === 0) return true;\n    return (selectedNodes.includes(tag.id) || tag.parents?.some((d)=>selectedNodes.includes(d))) ?? false;\n}\nfunction $d6cf457c7790c03a$export$6e107db9091b8219(props) {\n    // Convert input to tags\n    const { text: text, selectedNodes: selectedNodes, nodes: nodes, dispatch: dispatch, allowOverlap: allowOverlap, matchLinks: matchLinks, viewOnly: viewOnly } = props;\n    const allTags = $d6cf457c7790c03a$var$buildTags((0, $edvRb.buildHighlights)(nodes, null), selectedNodes);\n    return $d6cf457c7790c03a$var$h(\"div.feedback-text-wrapper\", {\n        tabIndex: 0,\n        onKeyDown: (e)=>{\n            if (e.key === \"Backspace\") dispatch({\n                type: \"delete-node\",\n                payload: {\n                    ids: selectedNodes\n                }\n            });\n        }\n    }, $d6cf457c7790c03a$var$h($d6cf457c7790c03a$export$190465bec6b893be, {\n        text: text,\n        allTags: allTags,\n        allowOverlap: allowOverlap,\n        dispatch: dispatch,\n        selectedNodes: selectedNodes,\n        viewOnly: viewOnly,\n        matchLinks: matchLinks\n    }));\n}\nfunction $d6cf457c7790c03a$var$createTagFromSelection({ container: container }) {\n    const selection = window.getSelection();\n    if (!selection || selection.isCollapsed || selection.rangeCount === 0 || !container) return null;\n    const range = selection.getRangeAt(0);\n    if (!container.contains(range.startContainer) || !container.contains(range.endContainer)) return null;\n    const preRange = document.createRange();\n    preRange.setStart(container, 0);\n    preRange.setEnd(range.startContainer, range.startOffset);\n    const start = preRange.toString().length;\n    const selectedText = range.toString();\n    const end = start + selectedText.length;\n    return {\n        start: start,\n        end: end,\n        text: selectedText\n    };\n}\nfunction $d6cf457c7790c03a$var$addTag({ tag: tag, dispatch: dispatch, text: text, allTags: allTags, allowOverlap: allowOverlap }) {\n    let { start: start, end: end } = tag;\n    // snap to text\n    if (text[end - 1] != \" \") {\n        // double clicking word overselects by one, shouldn't increase to next word\n        while(start > 0 && /\\w/.test(text[start - 1]))start--;\n        while(end < text.length && /\\w/.test(text[end]))end++;\n    }\n    let payload = {\n        start: start,\n        end: end,\n        text: text.slice(start, end)\n    };\n    if (payload.text.trim() === \"\") {\n        console.log(\"Blank tag found, ignoring\");\n        return;\n    }\n    const duplicate = allTags.find((t)=>t.start === payload.start && (t.end === payload.end || t.end === payload.end - 1));\n    if (duplicate) {\n        console.log(\"Duplicate tag found, ignoring\");\n        return;\n    }\n    if (payload.text.endsWith(\" \")) {\n        payload.text = payload.text.slice(0, -1);\n        payload.end -= 1;\n    }\n    const inside = allTags.some((t)=>t.start <= payload.start && t.end >= payload.end);\n    const overlap = allTags.some((t)=>t.start < payload.end && t.end > payload.start);\n    if ((inside || overlap) && !allowOverlap) {\n        console.log(\"Tag is inside another tag, ignoring\");\n        return;\n    }\n    dispatch({\n        type: \"create-node\",\n        payload: payload\n    });\n}\nfunction $d6cf457c7790c03a$var$nestHighlights(text, tags) {\n    const events = [];\n    for (const tag of tags){\n        events.push({\n            pos: tag.start,\n            type: \"start\",\n            tag: tag\n        });\n        events.push({\n            pos: tag.end,\n            type: \"end\",\n            tag: tag\n        });\n    }\n    events.sort((a, b)=>{\n        if (a.pos !== b.pos) return a.pos - b.pos;\n        if (a.type === \"end\" && b.type === \"start\") return -1;\n        if (a.type === \"start\" && b.type === \"end\") return 1;\n        return 0;\n    });\n    const root = {\n        children: [],\n        textStart: 0\n    };\n    const stack = [\n        root\n    ];\n    let lastPos = 0;\n    for (const { pos: pos, type: type, tag: tag } of events){\n        const parent = stack[stack.length - 1];\n        if (pos > lastPos) {\n            const slice = text.slice(lastPos, pos);\n            parent.children.push(slice);\n        }\n        if (type === \"start\") {\n            const newNode = {\n                tag: tag,\n                children: [],\n                textStart: pos\n            };\n            parent.children.push(newNode);\n            stack.push(newNode);\n        } else stack.pop();\n        lastPos = pos;\n    }\n    if (lastPos < text.length) stack[stack.length - 1].children.push(text.slice(lastPos));\n    return root;\n}\nfunction $d6cf457c7790c03a$var$renderNode(node, dispatch, selectedNodes, parentSelected, matchLinks, viewOnly) {\n    if (typeof node === \"string\") return node;\n    const { tag: tag, children: children } = node;\n    const isSelected = selectedNodes?.includes(tag.id);\n    const showBorder = selectedNodes.length === 0 || isSelected;\n    const match = tag.match;\n    const style = {\n        ...tag,\n        zIndex: parentSelected ? -1 : 1,\n        border: \"1px solid \" + (match != undefined && matchLinks ? \"orange\" : showBorder ? tag.color : \"transparent\"),\n        margin: \"-1px\"\n    };\n    let moveText = [];\n    if (isSelected) {\n        for(const key in children)if (Object.prototype.hasOwnProperty.call(children, key)) {\n            const child = children[key];\n            if (child?.tag) moveText.push(child.children[0]);\n            else moveText.push(child);\n        }\n    }\n    const tagComponent = $d6cf457c7790c03a$var$h(\"span\", {\n        onMouseEnter: (e)=>{\n            e.stopPropagation();\n        },\n        className: \"highlight\" + (!viewOnly || match ? \" clickable\" : \"\"),\n        style: style,\n        onClick: (e)=>{\n            e.stopPropagation();\n            if (e.ctrlKey || e.metaKey || selectedNodes[0] === tag.id && selectedNodes.length === 1) {\n                // Toggle selection on ctrl/cmd click or when node is only selected node\n                e.stopPropagation();\n                dispatch({\n                    type: \"toggle-node-selected\",\n                    payload: {\n                        ids: [\n                            tag.id\n                        ]\n                    }\n                });\n            } else if (e.shiftKey && selectedNodes.length > 0) {\n                // Select range from last selected node to this one\n                const lastSelected = selectedNodes[selectedNodes.length - 1];\n                dispatch({\n                    type: \"select-range\",\n                    payload: {\n                        ids: [\n                            lastSelected,\n                            tag.id\n                        ]\n                    }\n                });\n            } else dispatch({\n                type: \"select-node\",\n                payload: {\n                    ids: [\n                        tag.id\n                    ]\n                }\n            });\n        }\n    }, isSelected ? moveText.flat() : children.map((child, i)=>$d6cf457c7790c03a$var$renderNode(child, dispatch, selectedNodes, isSelected, matchLinks, viewOnly)));\n    if (viewOnly && match) return $d6cf457c7790c03a$var$h((0, $h8ona$Popover), {\n        content: $d6cf457c7790c03a$var$h(\"div.match-link\", $d6cf457c7790c03a$var$h((0, $jlqgz.MatchTag), {\n            data: match,\n            matchLinks: matchLinks\n        })),\n        interactionKind: \"hover\"\n    }, tagComponent);\n    return tagComponent;\n}\nfunction $d6cf457c7790c03a$export$190465bec6b893be(props) {\n    const { text: text, allTags: allTags = [], dispatch: dispatch, selectedNodes: selectedNodes, allowOverlap: allowOverlap, matchLinks: matchLinks, viewOnly: viewOnly } = props;\n    const tree = $d6cf457c7790c03a$var$nestHighlights(text, allTags);\n    const spanRef = (0, $h8ona$useRef)(null);\n    (0, $h8ona$useEffect)(()=>{\n        const handleMouseUp = ()=>{\n            const tag = $d6cf457c7790c03a$var$createTagFromSelection({\n                container: spanRef.current\n            });\n            if (!tag) return;\n            $d6cf457c7790c03a$var$addTag({\n                tag: tag,\n                dispatch: dispatch,\n                text: text,\n                allTags: allTags,\n                allowOverlap: allowOverlap\n            });\n        };\n        document.addEventListener(\"mouseup\", handleMouseUp);\n        return ()=>{\n            document.removeEventListener(\"mouseup\", handleMouseUp);\n        };\n    }, [\n        text,\n        allTags,\n        dispatch,\n        allowOverlap\n    ]);\n    return $d6cf457c7790c03a$var$h(\"span\", {\n        ref: spanRef\n    }, tree.children.map((child, i)=>$d6cf457c7790c03a$var$renderNode(child, dispatch, selectedNodes, false, matchLinks, viewOnly)));\n}\n\n\nexport {$d6cf457c7790c03a$export$6e107db9091b8219 as FeedbackText, $d6cf457c7790c03a$export$190465bec6b893be as HighlightedText};\n//# sourceMappingURL=feedback-components.1ec0e5c7.js.map\n","import { AnnotateBlendTag } from \"react-text-annotate-blend\";\nimport { InternalEntity } from \"./types\";\nimport { TreeDispatch } from \"./edit-state\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\nimport { buildHighlights, getTagStyle } from \"../extractions\";\nimport { Highlight } from \"../extractions/types\";\nimport { useEffect, useRef } from \"react\";\nimport { Popover } from \"@blueprintjs/core\";\nimport { MatchTag } from \"./matches\";\nimport { data } from \"packages/feedback-components/stories/test-data\";\n\nconst h = hyper.styled(styles);\n\nexport interface FeedbackTextProps {\n  text: string;\n  selectedNodes: number[];\n  nodes: InternalEntity[];\n  updateNodes: (nodes: string[]) => void;\n  dispatch: TreeDispatch;\n  lineHeight: string;\n  allowOverlap?: boolean;\n  matchLinks?: {\n    lithology: string;\n    strat_name: string;\n    lith_att: string;\n  };\n  viewOnly?: boolean;\n}\n\nfunction buildTags(\n  highlights: Highlight[],\n  selectedNodes: number[],\n): AnnotateBlendTag[] {\n  let tags: AnnotateBlendTag[] = [];\n  // If entity ID has already been seen, don't add it again\n  const entities = new Set<number>();\n\n  for (const highlight of highlights) {\n    // Don't add multiply-linked entities multiple times\n    if (entities.has(highlight.id)) continue;\n\n    const highlighted = isHighlighted(highlight, selectedNodes);\n    const active = isActive(highlight, selectedNodes);\n    const tagStyle = getTagStyle(highlight.backgroundColor, {\n      highlighted,\n      active,\n    });\n\n    const tag = {\n      color: tagStyle.color,\n      tagStyle: {\n        display: \"none\",\n      },\n      markStyle: {\n        backgroundColor: tagStyle.backgroundColor,\n      },\n      ...highlight,\n      backgroundColor: tagStyle.backgroundColor,\n    };\n\n    tags.push(tag);\n\n    entities.add(highlight.id);\n  }\n\n  return tags;\n}\n\nfunction isActive(tag: Highlight, selectedNodes: number[]) {\n  return selectedNodes.includes(tag.id);\n}\n\nfunction isHighlighted(tag: Highlight, selectedNodes: number[]) {\n  if (selectedNodes.length === 0) return true;\n  return (\n    (selectedNodes.includes(tag.id) ||\n      tag.parents?.some((d) => selectedNodes.includes(d))) ??\n    false\n  );\n}\n\nexport function FeedbackText(props: FeedbackTextProps) {\n  // Convert input to tags\n  const {\n    text,\n    selectedNodes,\n    nodes,\n    dispatch,\n    allowOverlap,\n    matchLinks,\n    viewOnly,\n  } = props;\n  const allTags: AnnotateBlendTag[] = buildTags(\n    buildHighlights(nodes, null),\n    selectedNodes,\n  );\n\n  return h(\n    \"div.feedback-text-wrapper\",\n    {\n      tabIndex: 0,\n      onKeyDown: (e) => {\n        if (e.key === \"Backspace\") {\n          dispatch({\n            type: \"delete-node\",\n            payload: { ids: selectedNodes },\n          });\n        }\n      },\n    },\n    h(HighlightedText, {\n      text,\n      allTags,\n      allowOverlap,\n      dispatch,\n      selectedNodes,\n      viewOnly,\n      matchLinks,\n    }),\n  );\n}\n\nfunction createTagFromSelection({\n  container,\n}: {\n  container: HTMLElement | null;\n}) {\n  const selection = window.getSelection();\n  if (\n    !selection ||\n    selection.isCollapsed ||\n    selection.rangeCount === 0 ||\n    !container\n  )\n    return null;\n\n  const range = selection.getRangeAt(0);\n\n  if (\n    !container.contains(range.startContainer) ||\n    !container.contains(range.endContainer)\n  ) {\n    return null;\n  }\n\n  const preRange = document.createRange();\n  preRange.setStart(container, 0);\n  preRange.setEnd(range.startContainer, range.startOffset);\n  const start = preRange.toString().length;\n\n  const selectedText = range.toString();\n  const end = start + selectedText.length;\n\n  return {\n    start,\n    end,\n    text: selectedText,\n  };\n}\n\nfunction addTag({ tag, dispatch, text, allTags, allowOverlap }) {\n  let { start, end } = tag;\n  // snap to text\n  if (text[end - 1] != \" \") {\n    // double clicking word overselects by one, shouldn't increase to next word\n    while (start > 0 && /\\w/.test(text[start - 1])) {\n      start--;\n    }\n    while (end < text.length && /\\w/.test(text[end])) {\n      end++;\n    }\n  }\n\n  let payload = { start, end, text: text.slice(start, end) };\n\n  if (payload.text.trim() === \"\") {\n    console.log(\"Blank tag found, ignoring\");\n    return;\n  }\n\n  const duplicate = allTags.find(\n    (t) =>\n      t.start === payload.start &&\n      (t.end === payload.end || t.end === payload.end - 1),\n  );\n\n  if (duplicate) {\n    console.log(\"Duplicate tag found, ignoring\");\n    return;\n  }\n\n  if (payload.text.endsWith(\" \")) {\n    payload.text = payload.text.slice(0, -1);\n    payload.end -= 1;\n  }\n\n  const inside = allTags.some(\n    (t) => t.start <= payload.start && t.end >= payload.end,\n  );\n\n  const overlap = allTags.some(\n    (t) => t.start < payload.end && t.end > payload.start,\n  );\n\n  if ((inside || overlap) && !allowOverlap) {\n    console.log(\"Tag is inside another tag, ignoring\");\n    return;\n  }\n\n  dispatch({ type: \"create-node\", payload });\n}\n\nfunction nestHighlights(text: string, tags: AnnotateBlendTag[]) {\n  const events: Array<{\n    pos: number;\n    type: \"start\" | \"end\";\n    tag: AnnotateBlendTag;\n  }> = [];\n\n  for (const tag of tags) {\n    events.push({ pos: tag.start, type: \"start\", tag });\n    events.push({ pos: tag.end, type: \"end\", tag });\n  }\n\n  events.sort((a, b) => {\n    if (a.pos !== b.pos) return a.pos - b.pos;\n    if (a.type === \"end\" && b.type === \"start\") return -1;\n    if (a.type === \"start\" && b.type === \"end\") return 1;\n    return 0;\n  });\n\n  const root = { children: [], textStart: 0 };\n  const stack = [root];\n  let lastPos = 0;\n\n  for (const { pos, type, tag } of events) {\n    const parent = stack[stack.length - 1];\n\n    if (pos > lastPos) {\n      const slice = text.slice(lastPos, pos);\n      parent.children.push(slice);\n    }\n\n    if (type === \"start\") {\n      const newNode = { tag, children: [], textStart: pos };\n      parent.children.push(newNode);\n      stack.push(newNode);\n    } else {\n      stack.pop();\n    }\n\n    lastPos = pos;\n  }\n\n  if (lastPos < text.length) {\n    stack[stack.length - 1].children.push(text.slice(lastPos));\n  }\n\n  return root;\n}\n\nfunction renderNode(\n  node: any,\n  dispatch: TreeDispatch,\n  selectedNodes: number[],\n  parentSelected: boolean,\n  matchLinks?: {\n    lithology: string;\n    strat_name: string;\n    lith_att: string;\n  },\n  viewOnly?: boolean,\n): any {\n  if (typeof node === \"string\") return node;\n\n  const { tag, children } = node;\n  const isSelected = selectedNodes?.includes(tag.id);\n  const showBorder = selectedNodes.length === 0 || isSelected;\n  const match = tag.match;\n\n  const style = {\n    ...tag,\n    zIndex: parentSelected ? -1 : 1,\n    border:\n      \"1px solid \" +\n      (match != undefined && matchLinks\n        ? \"orange\"\n        : showBorder\n          ? tag.color\n          : \"transparent\"),\n    margin: \"-1px\",\n  };\n\n  let moveText = [];\n  if (isSelected) {\n    for (const key in children) {\n      if (Object.prototype.hasOwnProperty.call(children, key)) {\n        const child = children[key];\n        if (child?.tag) {\n          moveText.push(child.children[0]);\n        } else {\n          moveText.push(child);\n        }\n      }\n    }\n  }\n\n  const tagComponent = h(\n    \"span\",\n    {\n      onMouseEnter: (e: MouseEvent) => {\n        e.stopPropagation();\n      },\n      className: \"highlight\" + (!viewOnly || match ? \" clickable\" : \"\"),\n      style,\n      onClick: (e: MouseEvent) => {\n        e.stopPropagation();\n        if (\n          e.ctrlKey ||\n          e.metaKey ||\n          (selectedNodes[0] === tag.id && selectedNodes.length === 1)\n        ) {\n          // Toggle selection on ctrl/cmd click or when node is only selected node\n          e.stopPropagation();\n          dispatch({\n            type: \"toggle-node-selected\",\n            payload: { ids: [tag.id] },\n          });\n        } else if (e.shiftKey && selectedNodes.length > 0) {\n          // Select range from last selected node to this one\n          const lastSelected = selectedNodes[selectedNodes.length - 1];\n\n          dispatch({\n            type: \"select-range\",\n            payload: { ids: [lastSelected, tag.id] },\n          });\n        } else {\n          dispatch({\n            type: \"select-node\",\n            payload: { ids: [tag.id] },\n          });\n        }\n      },\n    },\n    isSelected\n      ? moveText.flat()\n      : children.map((child: any, i: number) =>\n          renderNode(\n            child,\n            dispatch,\n            selectedNodes,\n            isSelected,\n            matchLinks,\n            viewOnly,\n          ),\n        ),\n  );\n\n  if (viewOnly && match) {\n    return h(\n      Popover,\n      {\n        content: h(\"div.match-link\", h(MatchTag, { data: match, matchLinks })),\n        interactionKind: \"hover\",\n      },\n      tagComponent,\n    );\n  }\n\n  return tagComponent;\n}\n\nexport function HighlightedText(props: {\n  text: string;\n  allTags: AnnotateBlendTag[];\n  lineHeight: string;\n  allowOverlap?: boolean;\n  dispatch: TreeDispatch;\n  selectedNodes: number[];\n  matchLinks?: {\n    lithology: string;\n    strat_name: string;\n    lith_att: string;\n  };\n  viewOnly?: boolean;\n}) {\n  const {\n    text,\n    allTags = [],\n    dispatch,\n    selectedNodes,\n    allowOverlap,\n    matchLinks,\n    viewOnly,\n  } = props;\n\n  const tree = nestHighlights(text, allTags);\n\n  const spanRef = useRef<HTMLSpanElement>(null);\n\n  useEffect(() => {\n    const handleMouseUp = () => {\n      const tag = createTagFromSelection({ container: spanRef.current });\n      if (!tag) return;\n      addTag({ tag, dispatch, text, allTags, allowOverlap });\n    };\n\n    document.addEventListener(\"mouseup\", handleMouseUp);\n    return () => {\n      document.removeEventListener(\"mouseup\", handleMouseUp);\n    };\n  }, [text, allTags, dispatch, allowOverlap]);\n\n  return h(\n    \"span\",\n    { ref: spanRef },\n    tree.children.map((child: any, i: number) =>\n      renderNode(child, dispatch, selectedNodes, false, matchLinks, viewOnly),\n    ),\n  );\n}\n"],"names":["$h8ona$macrostrathyper","useRef","$h8ona$useRef","useEffect","$h8ona$useEffect","Popover","$h8ona$Popover","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$9wFEx","$edvRb","$jlqgz","$d6cf457c7790c03a$var$h","styled","a","__esModule","default","$d6cf457c7790c03a$export$6e107db9091b8219","props","text","selectedNodes","nodes","dispatch","allowOverlap","matchLinks","viewOnly","tabIndex","onKeyDown","e","key","type","payload","ids","$d6cf457c7790c03a$export$190465bec6b893be","allTags","$d6cf457c7790c03a$var$buildTags","highlights","tags","entities","Set","highlight","tag","has","highlighted","$d6cf457c7790c03a$var$isHighlighted","length","includes","parents","some","d","active","tagStyle","getTagStyle","backgroundColor","color","display","markStyle","push","add","buildHighlights","tree","$d6cf457c7790c03a$var$nestHighlights","events","pos","start","end","sort","b","root","children","textStart","stack","lastPos","parent","slice","newNode","pop","spanRef","handleMouseUp","$d6cf457c7790c03a$var$createTagFromSelection","container","selection","window","getSelection","isCollapsed","rangeCount","range","getRangeAt","contains","startContainer","endContainer","preRange","document","createRange","setStart","setEnd","startOffset","toString","selectedText","current","$d6cf457c7790c03a$var$addTag","test","trim","console","log","find","t","endsWith","inside","overlap","addEventListener","removeEventListener","ref","map","child","i","$d6cf457c7790c03a$var$renderNode","node","parentSelected","isSelected","showBorder","match","style","zIndex","border","undefined","margin","moveText","Object","prototype","hasOwnProperty","tagComponent","onMouseEnter","stopPropagation","className","onClick","ctrlKey","metaKey","shiftKey","flat","content","MatchTag","data","interactionKind","FeedbackText","HighlightedText"],"version":3,"file":"feedback-components.1ec0e5c7.js.map","sourceRoot":"../../../../"}
+{"mappings":"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","sources":["<anon>","packages/feedback-components/src/feedback/text-visualizer.ts"],"sourcesContent":["import \"./feedback-components.c84ff10e.js\";\nimport \"./feedback-components.db72d0e1.js\";\nimport \"./feedback-components.feab0bd0.js\";\nimport $h8ona$macrostrathyper from \"@macrostrat/hyper\";\nimport {useRef as $h8ona$useRef, useEffect as $h8ona$useEffect} from \"react\";\nimport {Popover as $h8ona$Popover} from \"@blueprintjs/core\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\nvar $9wFEx = parcelRequire(\"9wFEx\");\n\n\nvar $edvRb = parcelRequire(\"edvRb\");\n\n\n\nvar $jlqgz = parcelRequire(\"jlqgz\");\nconst $d6cf457c7790c03a$var$h = (0, $h8ona$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($9wFEx))));\nfunction $d6cf457c7790c03a$var$buildTags(highlights, selectedNodes) {\n    let tags = [];\n    // If entity ID has already been seen, don't add it again\n    const entities = new Set();\n    for (const highlight of highlights){\n        // Don't add multiply-linked entities multiple times\n        if (entities.has(highlight.id)) continue;\n        const highlighted = $d6cf457c7790c03a$var$isHighlighted(highlight, selectedNodes);\n        const active = $d6cf457c7790c03a$var$isActive(highlight, selectedNodes);\n        const tagStyle = (0, $edvRb.getTagStyle)(highlight.backgroundColor, {\n            highlighted: highlighted,\n            active: active\n        });\n        const tag = {\n            color: tagStyle.color,\n            tagStyle: {\n                display: \"none\"\n            },\n            markStyle: {\n                backgroundColor: tagStyle.backgroundColor\n            },\n            ...highlight,\n            backgroundColor: tagStyle.backgroundColor\n        };\n        tags.push(tag);\n        entities.add(highlight.id);\n    }\n    return tags;\n}\nfunction $d6cf457c7790c03a$var$isActive(tag, selectedNodes) {\n    return selectedNodes.includes(tag.id);\n}\nfunction $d6cf457c7790c03a$var$isHighlighted(tag, selectedNodes) {\n    if (selectedNodes.length === 0) return true;\n    return (selectedNodes.includes(tag.id) || tag.parents?.some((d)=>selectedNodes.includes(d))) ?? false;\n}\nfunction $d6cf457c7790c03a$export$6e107db9091b8219(props) {\n    // Convert input to tags\n    const { text: text, selectedNodes: selectedNodes, nodes: nodes, dispatch: dispatch, allowOverlap: allowOverlap, matchLinks: matchLinks, viewOnly: viewOnly } = props;\n    const allTags = $d6cf457c7790c03a$var$buildTags((0, $edvRb.buildHighlights)(nodes, null), selectedNodes);\n    return $d6cf457c7790c03a$var$h(\"div.feedback-text-wrapper\", {\n        tabIndex: 0,\n        onKeyDown: (e)=>{\n            if (e.key === \"Backspace\") dispatch({\n                type: \"delete-node\",\n                payload: {\n                    ids: selectedNodes\n                }\n            });\n        }\n    }, $d6cf457c7790c03a$var$h($d6cf457c7790c03a$export$190465bec6b893be, {\n        text: text,\n        allTags: allTags,\n        allowOverlap: allowOverlap,\n        dispatch: dispatch,\n        selectedNodes: selectedNodes,\n        viewOnly: viewOnly,\n        matchLinks: matchLinks\n    }));\n}\nfunction $d6cf457c7790c03a$var$createTagFromSelection({ container: container }) {\n    const selection = window.getSelection();\n    if (!selection || selection.isCollapsed || selection.rangeCount === 0 || !container) return null;\n    const range = selection.getRangeAt(0);\n    if (!container.contains(range.startContainer) || !container.contains(range.endContainer)) return null;\n    const preRange = document.createRange();\n    preRange.setStart(container, 0);\n    preRange.setEnd(range.startContainer, range.startOffset);\n    const start = preRange.toString().length;\n    const selectedText = range.toString();\n    const end = start + selectedText.length;\n    return {\n        start: start,\n        end: end,\n        text: selectedText\n    };\n}\nfunction $d6cf457c7790c03a$var$addTag({ tag: tag, dispatch: dispatch, text: text, allTags: allTags, allowOverlap: allowOverlap }) {\n    let { start: start, end: end } = tag;\n    // snap to text\n    if (text[end - 1] != \" \") {\n        // double clicking word overselects by one, shouldn't increase to next word\n        while(start > 0 && /\\w/.test(text[start - 1]))start--;\n        while(end < text.length && /\\w/.test(text[end]))end++;\n    }\n    let payload = {\n        start: start,\n        end: end,\n        text: text.slice(start, end)\n    };\n    if (payload.text.trim() === \"\") {\n        console.log(\"Blank tag found, ignoring\");\n        return;\n    }\n    const duplicate = allTags.find((t)=>t.start === payload.start && (t.end === payload.end || t.end === payload.end - 1));\n    if (duplicate) {\n        console.log(\"Duplicate tag found, ignoring\");\n        return;\n    }\n    if (payload.text.endsWith(\" \")) {\n        payload.text = payload.text.slice(0, -1);\n        payload.end -= 1;\n    }\n    const inside = allTags.some((t)=>t.start <= payload.start && t.end >= payload.end);\n    const overlap = allTags.some((t)=>t.start < payload.end && t.end > payload.start);\n    if ((inside || overlap) && !allowOverlap) {\n        console.log(\"Tag is inside another tag, ignoring\");\n        return;\n    }\n    dispatch({\n        type: \"create-node\",\n        payload: payload\n    });\n}\nfunction $d6cf457c7790c03a$var$nestHighlights(text, tags) {\n    const events = [];\n    for (const tag of tags){\n        events.push({\n            pos: tag.start,\n            type: \"start\",\n            tag: tag\n        });\n        events.push({\n            pos: tag.end,\n            type: \"end\",\n            tag: tag\n        });\n    }\n    events.sort((a, b)=>{\n        if (a.pos !== b.pos) return a.pos - b.pos;\n        if (a.type === \"end\" && b.type === \"start\") return -1;\n        if (a.type === \"start\" && b.type === \"end\") return 1;\n        return 0;\n    });\n    const root = {\n        children: [],\n        textStart: 0\n    };\n    const stack = [\n        root\n    ];\n    let lastPos = 0;\n    for (const { pos: pos, type: type, tag: tag } of events){\n        const parent = stack[stack.length - 1];\n        if (pos > lastPos) {\n            const slice = text.slice(lastPos, pos);\n            parent.children.push(slice);\n        }\n        if (type === \"start\") {\n            const newNode = {\n                tag: tag,\n                children: [],\n                textStart: pos\n            };\n            parent.children.push(newNode);\n            stack.push(newNode);\n        } else stack.pop();\n        lastPos = pos;\n    }\n    if (lastPos < text.length) stack[stack.length - 1].children.push(text.slice(lastPos));\n    return root;\n}\nfunction $d6cf457c7790c03a$var$renderNode(node, dispatch, selectedNodes, parentSelected, matchLinks, viewOnly) {\n    if (typeof node === \"string\") return node;\n    const { tag: tag, children: children } = node;\n    const isSelected = selectedNodes?.includes(tag.id);\n    const showBorder = selectedNodes.length === 0 || isSelected;\n    const match = tag.match;\n    const style = {\n        ...tag,\n        zIndex: parentSelected ? -1 : 1,\n        border: \"1px solid \" + (match != undefined && matchLinks ? \"orange\" : showBorder ? tag.color : \"transparent\"),\n        margin: \"-1px\"\n    };\n    let moveText = [];\n    if (isSelected) {\n        for(const key in children)if (Object.prototype.hasOwnProperty.call(children, key)) {\n            const child = children[key];\n            if (child?.tag) moveText.push(child.children[0]);\n            else moveText.push(child);\n        }\n    }\n    const tagComponent = $d6cf457c7790c03a$var$h(\"span\", {\n        onMouseEnter: (e)=>{\n            e.stopPropagation();\n        },\n        className: \"highlight\" + (!viewOnly || match ? \" clickable\" : \"\"),\n        style: style,\n        onClick: (e)=>{\n            e.stopPropagation();\n            if (e.ctrlKey || e.metaKey || selectedNodes[0] === tag.id && selectedNodes.length === 1) {\n                // Toggle selection on ctrl/cmd click or when node is only selected node\n                e.stopPropagation();\n                dispatch({\n                    type: \"toggle-node-selected\",\n                    payload: {\n                        ids: [\n                            tag.id\n                        ]\n                    }\n                });\n            } else if (e.shiftKey && selectedNodes.length > 0) {\n                // Select range from last selected node to this one\n                const lastSelected = selectedNodes[selectedNodes.length - 1];\n                dispatch({\n                    type: \"select-range\",\n                    payload: {\n                        ids: [\n                            lastSelected,\n                            tag.id\n                        ]\n                    }\n                });\n            } else dispatch({\n                type: \"select-node\",\n                payload: {\n                    ids: [\n                        tag.id\n                    ]\n                }\n            });\n        }\n    }, isSelected ? moveText.flat() : children.map((child, i)=>$d6cf457c7790c03a$var$renderNode(child, dispatch, selectedNodes, isSelected, matchLinks, viewOnly)));\n    if (viewOnly && match) return $d6cf457c7790c03a$var$h((0, $h8ona$Popover), {\n        content: $d6cf457c7790c03a$var$h(\"div.match-link\", $d6cf457c7790c03a$var$h((0, $jlqgz.MatchTag), {\n            data: match,\n            matchLinks: matchLinks\n        })),\n        interactionKind: \"hover\"\n    }, tagComponent);\n    return tagComponent;\n}\nfunction $d6cf457c7790c03a$export$190465bec6b893be(props) {\n    const { text: text, allTags: allTags = [], dispatch: dispatch, selectedNodes: selectedNodes, allowOverlap: allowOverlap, matchLinks: matchLinks, viewOnly: viewOnly } = props;\n    const tree = $d6cf457c7790c03a$var$nestHighlights(text, allTags);\n    const spanRef = (0, $h8ona$useRef)(null);\n    (0, $h8ona$useEffect)(()=>{\n        const handleMouseUp = ()=>{\n            const tag = $d6cf457c7790c03a$var$createTagFromSelection({\n                container: spanRef.current\n            });\n            if (!tag) return;\n            $d6cf457c7790c03a$var$addTag({\n                tag: tag,\n                dispatch: dispatch,\n                text: text,\n                allTags: allTags,\n                allowOverlap: allowOverlap\n            });\n        };\n        document.addEventListener(\"mouseup\", handleMouseUp);\n        return ()=>{\n            document.removeEventListener(\"mouseup\", handleMouseUp);\n        };\n    }, [\n        text,\n        allTags,\n        dispatch,\n        allowOverlap\n    ]);\n    return $d6cf457c7790c03a$var$h(\"span\", {\n        ref: spanRef\n    }, tree.children.map((child, i)=>$d6cf457c7790c03a$var$renderNode(child, dispatch, selectedNodes, false, matchLinks, viewOnly)));\n}\n\n\nexport {$d6cf457c7790c03a$export$6e107db9091b8219 as FeedbackText, $d6cf457c7790c03a$export$190465bec6b893be as HighlightedText};\n//# sourceMappingURL=feedback-components.ddd11fe8.js.map\n","import { AnnotateBlendTag } from \"react-text-annotate-blend\";\nimport { InternalEntity } from \"./types\";\nimport { TreeDispatch } from \"./edit-state\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\nimport { buildHighlights, getTagStyle } from \"../extractions\";\nimport { Highlight } from \"../extractions/types\";\nimport { useEffect, useRef } from \"react\";\nimport { Popover } from \"@blueprintjs/core\";\nimport { MatchTag } from \"./matches\";\nimport { data } from \"packages/feedback-components/stories/test-data\";\n\nconst h = hyper.styled(styles);\n\nexport interface FeedbackTextProps {\n  text: string;\n  selectedNodes: number[];\n  nodes: InternalEntity[];\n  updateNodes: (nodes: string[]) => void;\n  dispatch: TreeDispatch;\n  lineHeight: string;\n  allowOverlap?: boolean;\n  matchLinks?: {\n    lithology: string;\n    strat_name: string;\n    lith_att: string;\n  };\n  viewOnly?: boolean;\n}\n\nfunction buildTags(\n  highlights: Highlight[],\n  selectedNodes: number[],\n): AnnotateBlendTag[] {\n  let tags: AnnotateBlendTag[] = [];\n  // If entity ID has already been seen, don't add it again\n  const entities = new Set<number>();\n\n  for (const highlight of highlights) {\n    // Don't add multiply-linked entities multiple times\n    if (entities.has(highlight.id)) continue;\n\n    const highlighted = isHighlighted(highlight, selectedNodes);\n    const active = isActive(highlight, selectedNodes);\n    const tagStyle = getTagStyle(highlight.backgroundColor, {\n      highlighted,\n      active,\n    });\n\n    const tag = {\n      color: tagStyle.color,\n      tagStyle: {\n        display: \"none\",\n      },\n      markStyle: {\n        backgroundColor: tagStyle.backgroundColor,\n      },\n      ...highlight,\n      backgroundColor: tagStyle.backgroundColor,\n    };\n\n    tags.push(tag);\n\n    entities.add(highlight.id);\n  }\n\n  return tags;\n}\n\nfunction isActive(tag: Highlight, selectedNodes: number[]) {\n  return selectedNodes.includes(tag.id);\n}\n\nfunction isHighlighted(tag: Highlight, selectedNodes: number[]) {\n  if (selectedNodes.length === 0) return true;\n  return (\n    (selectedNodes.includes(tag.id) ||\n      tag.parents?.some((d) => selectedNodes.includes(d))) ??\n    false\n  );\n}\n\nexport function FeedbackText(props: FeedbackTextProps) {\n  // Convert input to tags\n  const {\n    text,\n    selectedNodes,\n    nodes,\n    dispatch,\n    allowOverlap,\n    matchLinks,\n    viewOnly,\n  } = props;\n  const allTags: AnnotateBlendTag[] = buildTags(\n    buildHighlights(nodes, null),\n    selectedNodes,\n  );\n\n  return h(\n    \"div.feedback-text-wrapper\",\n    {\n      tabIndex: 0,\n      onKeyDown: (e) => {\n        if (e.key === \"Backspace\") {\n          dispatch({\n            type: \"delete-node\",\n            payload: { ids: selectedNodes },\n          });\n        }\n      },\n    },\n    h(HighlightedText, {\n      text,\n      allTags,\n      allowOverlap,\n      dispatch,\n      selectedNodes,\n      viewOnly,\n      matchLinks,\n    }),\n  );\n}\n\nfunction createTagFromSelection({\n  container,\n}: {\n  container: HTMLElement | null;\n}) {\n  const selection = window.getSelection();\n  if (\n    !selection ||\n    selection.isCollapsed ||\n    selection.rangeCount === 0 ||\n    !container\n  )\n    return null;\n\n  const range = selection.getRangeAt(0);\n\n  if (\n    !container.contains(range.startContainer) ||\n    !container.contains(range.endContainer)\n  ) {\n    return null;\n  }\n\n  const preRange = document.createRange();\n  preRange.setStart(container, 0);\n  preRange.setEnd(range.startContainer, range.startOffset);\n  const start = preRange.toString().length;\n\n  const selectedText = range.toString();\n  const end = start + selectedText.length;\n\n  return {\n    start,\n    end,\n    text: selectedText,\n  };\n}\n\nfunction addTag({ tag, dispatch, text, allTags, allowOverlap }) {\n  let { start, end } = tag;\n  // snap to text\n  if (text[end - 1] != \" \") {\n    // double clicking word overselects by one, shouldn't increase to next word\n    while (start > 0 && /\\w/.test(text[start - 1])) {\n      start--;\n    }\n    while (end < text.length && /\\w/.test(text[end])) {\n      end++;\n    }\n  }\n\n  let payload = { start, end, text: text.slice(start, end) };\n\n  if (payload.text.trim() === \"\") {\n    console.log(\"Blank tag found, ignoring\");\n    return;\n  }\n\n  const duplicate = allTags.find(\n    (t) =>\n      t.start === payload.start &&\n      (t.end === payload.end || t.end === payload.end - 1),\n  );\n\n  if (duplicate) {\n    console.log(\"Duplicate tag found, ignoring\");\n    return;\n  }\n\n  if (payload.text.endsWith(\" \")) {\n    payload.text = payload.text.slice(0, -1);\n    payload.end -= 1;\n  }\n\n  const inside = allTags.some(\n    (t) => t.start <= payload.start && t.end >= payload.end,\n  );\n\n  const overlap = allTags.some(\n    (t) => t.start < payload.end && t.end > payload.start,\n  );\n\n  if ((inside || overlap) && !allowOverlap) {\n    console.log(\"Tag is inside another tag, ignoring\");\n    return;\n  }\n\n  dispatch({ type: \"create-node\", payload });\n}\n\nfunction nestHighlights(text: string, tags: AnnotateBlendTag[]) {\n  const events: Array<{\n    pos: number;\n    type: \"start\" | \"end\";\n    tag: AnnotateBlendTag;\n  }> = [];\n\n  for (const tag of tags) {\n    events.push({ pos: tag.start, type: \"start\", tag });\n    events.push({ pos: tag.end, type: \"end\", tag });\n  }\n\n  events.sort((a, b) => {\n    if (a.pos !== b.pos) return a.pos - b.pos;\n    if (a.type === \"end\" && b.type === \"start\") return -1;\n    if (a.type === \"start\" && b.type === \"end\") return 1;\n    return 0;\n  });\n\n  const root = { children: [], textStart: 0 };\n  const stack = [root];\n  let lastPos = 0;\n\n  for (const { pos, type, tag } of events) {\n    const parent = stack[stack.length - 1];\n\n    if (pos > lastPos) {\n      const slice = text.slice(lastPos, pos);\n      parent.children.push(slice);\n    }\n\n    if (type === \"start\") {\n      const newNode = { tag, children: [], textStart: pos };\n      parent.children.push(newNode);\n      stack.push(newNode);\n    } else {\n      stack.pop();\n    }\n\n    lastPos = pos;\n  }\n\n  if (lastPos < text.length) {\n    stack[stack.length - 1].children.push(text.slice(lastPos));\n  }\n\n  return root;\n}\n\nfunction renderNode(\n  node: any,\n  dispatch: TreeDispatch,\n  selectedNodes: number[],\n  parentSelected: boolean,\n  matchLinks?: {\n    lithology: string;\n    strat_name: string;\n    lith_att: string;\n  },\n  viewOnly?: boolean,\n): any {\n  if (typeof node === \"string\") return node;\n\n  const { tag, children } = node;\n  const isSelected = selectedNodes?.includes(tag.id);\n  const showBorder = selectedNodes.length === 0 || isSelected;\n  const match = tag.match;\n\n  const style = {\n    ...tag,\n    zIndex: parentSelected ? -1 : 1,\n    border:\n      \"1px solid \" +\n      (match != undefined && matchLinks\n        ? \"orange\"\n        : showBorder\n          ? tag.color\n          : \"transparent\"),\n    margin: \"-1px\",\n  };\n\n  let moveText = [];\n  if (isSelected) {\n    for (const key in children) {\n      if (Object.prototype.hasOwnProperty.call(children, key)) {\n        const child = children[key];\n        if (child?.tag) {\n          moveText.push(child.children[0]);\n        } else {\n          moveText.push(child);\n        }\n      }\n    }\n  }\n\n  const tagComponent = h(\n    \"span\",\n    {\n      onMouseEnter: (e: MouseEvent) => {\n        e.stopPropagation();\n      },\n      className: \"highlight\" + (!viewOnly || match ? \" clickable\" : \"\"),\n      style,\n      onClick: (e: MouseEvent) => {\n        e.stopPropagation();\n        if (\n          e.ctrlKey ||\n          e.metaKey ||\n          (selectedNodes[0] === tag.id && selectedNodes.length === 1)\n        ) {\n          // Toggle selection on ctrl/cmd click or when node is only selected node\n          e.stopPropagation();\n          dispatch({\n            type: \"toggle-node-selected\",\n            payload: { ids: [tag.id] },\n          });\n        } else if (e.shiftKey && selectedNodes.length > 0) {\n          // Select range from last selected node to this one\n          const lastSelected = selectedNodes[selectedNodes.length - 1];\n\n          dispatch({\n            type: \"select-range\",\n            payload: { ids: [lastSelected, tag.id] },\n          });\n        } else {\n          dispatch({\n            type: \"select-node\",\n            payload: { ids: [tag.id] },\n          });\n        }\n      },\n    },\n    isSelected\n      ? moveText.flat()\n      : children.map((child: any, i: number) =>\n          renderNode(\n            child,\n            dispatch,\n            selectedNodes,\n            isSelected,\n            matchLinks,\n            viewOnly,\n          ),\n        ),\n  );\n\n  if (viewOnly && match) {\n    return h(\n      Popover,\n      {\n        content: h(\"div.match-link\", h(MatchTag, { data: match, matchLinks })),\n        interactionKind: \"hover\",\n      },\n      tagComponent,\n    );\n  }\n\n  return tagComponent;\n}\n\nexport function HighlightedText(props: {\n  text: string;\n  allTags: AnnotateBlendTag[];\n  lineHeight: string;\n  allowOverlap?: boolean;\n  dispatch: TreeDispatch;\n  selectedNodes: number[];\n  matchLinks?: {\n    lithology: string;\n    strat_name: string;\n    lith_att: string;\n  };\n  viewOnly?: boolean;\n}) {\n  const {\n    text,\n    allTags = [],\n    dispatch,\n    selectedNodes,\n    allowOverlap,\n    matchLinks,\n    viewOnly,\n  } = props;\n\n  const tree = nestHighlights(text, allTags);\n\n  const spanRef = useRef<HTMLSpanElement>(null);\n\n  useEffect(() => {\n    const handleMouseUp = () => {\n      const tag = createTagFromSelection({ container: spanRef.current });\n      if (!tag) return;\n      addTag({ tag, dispatch, text, allTags, allowOverlap });\n    };\n\n    document.addEventListener(\"mouseup\", handleMouseUp);\n    return () => {\n      document.removeEventListener(\"mouseup\", handleMouseUp);\n    };\n  }, [text, allTags, dispatch, allowOverlap]);\n\n  return h(\n    \"span\",\n    { ref: spanRef },\n    tree.children.map((child: any, i: number) =>\n      renderNode(child, dispatch, selectedNodes, false, matchLinks, viewOnly),\n    ),\n  );\n}\n"],"names":["$h8ona$macrostrathyper","useRef","$h8ona$useRef","useEffect","$h8ona$useEffect","Popover","$h8ona$Popover","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$9wFEx","$edvRb","$jlqgz","$d6cf457c7790c03a$var$h","styled","a","__esModule","default","$d6cf457c7790c03a$export$6e107db9091b8219","props","text","selectedNodes","nodes","dispatch","allowOverlap","matchLinks","viewOnly","tabIndex","onKeyDown","e","key","type","payload","ids","$d6cf457c7790c03a$export$190465bec6b893be","allTags","$d6cf457c7790c03a$var$buildTags","highlights","tags","entities","Set","highlight","tag","has","highlighted","$d6cf457c7790c03a$var$isHighlighted","length","includes","parents","some","d","active","tagStyle","getTagStyle","backgroundColor","color","display","markStyle","push","add","buildHighlights","tree","$d6cf457c7790c03a$var$nestHighlights","events","pos","start","end","sort","b","root","children","textStart","stack","lastPos","parent","slice","newNode","pop","spanRef","handleMouseUp","$d6cf457c7790c03a$var$createTagFromSelection","container","selection","window","getSelection","isCollapsed","rangeCount","range","getRangeAt","contains","startContainer","endContainer","preRange","document","createRange","setStart","setEnd","startOffset","toString","selectedText","current","$d6cf457c7790c03a$var$addTag","test","trim","console","log","find","t","endsWith","inside","overlap","addEventListener","removeEventListener","ref","map","child","i","$d6cf457c7790c03a$var$renderNode","node","parentSelected","isSelected","showBorder","match","style","zIndex","border","undefined","margin","moveText","Object","prototype","hasOwnProperty","tagComponent","onMouseEnter","stopPropagation","className","onClick","ctrlKey","metaKey","shiftKey","flat","content","MatchTag","data","interactionKind","FeedbackText","HighlightedText"],"version":3,"file":"feedback-components.ddd11fe8.js.map","sourceRoot":"../../../../"}

package/dist/node/feedback-components.e59a061f.js

@@ -0,0 +1,2 @@
+import"./feedback-components.db72d0e1.js";import"./feedback-components.dc76072c.js";import"./feedback-components.c84ff10e.js";import e from"@macrostrat/hyper";var t=globalThis,r={},a={},o=t.parcelRequirea149;null==o&&((o=function(e){if(e in r)return r[e].exports;if(e in a){var t=a[e];delete a[e];var o={id:e,exports:{}};return r[e]=o,t.call(o.exports,o,o.exports),o.exports}var n=Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}).register=function(e,t){a[e]=t},t.parcelRequirea149=o),o.register;var n=o("edvRb"),d=o("eedTh"),l=o("9wFEx");let i=e.styled(l&&l.__esModule?l.default:l);var c=function({node:e,style:t,dragHandle:r,tree:a,matchComponent:o,viewOnly:l}){let c=function e(t,r){if(0==r.selectedNodes.length)return!0;for(let e of r.selectedNodes){var a,o;if(a=t.data,o=e.data,a.id==o.id)return!0}return!!(null!=t.parent&&e(t.parent,r))}(e,a),s=function(e,t){for(let o of t.selectedNodes){var r,a;if(r=e.data,a=o.data,r.id==a.id)return!0}return!1}(e,a);console.log("viewOnly",l);let f=(0,d.useTreeDispatch)();return e.data?.type||(e.data.type={name:"lith",color:"rgb(107, 255, 91)"}),i("div.node"+(l?"":".clickable"),{style:t,ref:r},i(n.EntityTag,{data:e.data,active:!l&&s,highlighted:!!l||c,matchComponent:o,onClickType(){f({type:"toggle-entity-type-selector"})}}))};export{c as default};
+//# sourceMappingURL=feedback-components.e59a061f.js.map

package/dist/node/feedback-components.e59a061f.js.map

@@ -0,0 +1 @@
+{"mappings":"A,M,oD,A,O,oD,A,O,oD,A,Q,M,mB,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,E,S,E,E,S,E,E,SCOA,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAsEvB,IAAA,EAlCA,SAAc,CAAA,KACZ,CAAI,CAAA,MACJ,CAAK,CAAA,WACL,CAAU,CAAA,KACV,CAAI,CAAA,eACJ,CAAc,CAAA,SACd,CAAQ,CACJ,EACJ,IAAI,EAAuB,AArC7B,SAAS,EAAkB,CAAuB,CAAE,CAAuB,EAEzE,GAAI,AAA6B,GAA7B,EAAK,aAAa,CAAC,MAAM,CAC3B,MAAO,CAAA,EAGT,IAAK,IAAM,KAAgB,EAAK,aAAa,CAC3C,KAZgB,EAAsB,EAYtC,GAZgB,EAYD,EAAK,IAAI,CAZc,EAYZ,EAAa,IAAI,CAXtC,EAAW,EAAE,EAAI,EAAS,EAAE,CAY/B,MAAO,CAAA,CADT,SAME,CAAA,AAAe,MAAf,EAAK,MAAM,EAAY,EAAkB,EAAK,MAAM,CAAE,EAAA,CAK5D,EAmB+C,EAAM,GAC/C,EAAkB,AAlBxB,SAAsB,CAAuB,CAAE,CAAuB,EACpE,IAAK,IAAM,KAAgB,EAAK,aAAa,CAC3C,KA3BgB,EAAsB,EA2BtC,GA3BgB,EA2BD,EAAK,IAAI,CA3Bc,EA2BZ,EAAa,IAAI,CA1BtC,EAAW,EAAE,EAAI,EAAS,EAAE,CA2B/B,MAAO,CAAA,CADT,CAIF,MAAO,CAAA,CACT,EAWqC,EAAM,GAEzC,QAAQ,GAAG,CAAC,WAAY,GAExB,IAAM,EAAW,AAAA,CAAA,EAAA,EAAA,eAAc,AAAd,IAMjB,OAJI,AAAC,EAAK,IAAI,EAAE,MACd,CAAA,EAAK,IAAI,CAAC,IAAI,CAAG,CAAE,KAAM,OAAQ,MAAO,mBAAoB,CAAA,EAGvD,EACL,WAAc,CAAA,AAAC,EAA0B,GAAf,YAAe,EACzC,CAAE,MAAA,EAAO,IAAK,CAAW,EACzB,EAAE,EAAA,SAAQ,CAAG,CACX,KAAM,EAAK,IAAI,CACf,OAAQ,CAAA,GAAmB,EAC3B,YAAa,EAAA,GAAkB,EAC/B,eAAA,EACA,cACE,EAAS,CAAE,KAAM,6BAA8B,EACjD,CACF,GAEJ,S,K,O","sources":["<anon>","packages/feedback-components/src/feedback/node.ts"],"sourcesContent":["import \"./feedback-components.db72d0e1.js\";\nimport \"./feedback-components.dc76072c.js\";\nimport \"./feedback-components.c84ff10e.js\";\nimport $hPIF3$macrostrathyper from \"@macrostrat/hyper\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\nvar $edvRb = parcelRequire(\"edvRb\");\n\nvar $eedTh = parcelRequire(\"eedTh\");\n\nvar $9wFEx = parcelRequire(\"9wFEx\");\n\nconst $2e9ede27ff2a3eea$var$h = (0, $hPIF3$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($9wFEx))));\nfunction $2e9ede27ff2a3eea$var$isSelected(searchNode, treeNode) {\n    return searchNode.id == treeNode.id;\n// We could also select children of the search node here if we wanted to\n}\nfunction $2e9ede27ff2a3eea$var$isNodeHighlighted(node, tree) {\n    // We treat no selection as all nodes being active. We may add some nuance later\n    if (tree.selectedNodes.length == 0) return true;\n    for (const selectedNode of tree.selectedNodes){\n        if ($2e9ede27ff2a3eea$var$isSelected(node.data, selectedNode.data)) return true;\n    }\n    // Check if the parent node is highlighted\n    if (node.parent != null && $2e9ede27ff2a3eea$var$isNodeHighlighted(node.parent, tree)) return true;\n    return false;\n}\nfunction $2e9ede27ff2a3eea$var$isNodeActive(node, tree) {\n    for (const selectedNode of tree.selectedNodes){\n        if ($2e9ede27ff2a3eea$var$isSelected(node.data, selectedNode.data)) return true;\n    }\n    return false;\n}\nfunction $2e9ede27ff2a3eea$var$Node({ node: node, style: style, dragHandle: dragHandle, tree: tree, matchComponent: matchComponent, viewOnly: viewOnly }) {\n    let highlighted = $2e9ede27ff2a3eea$var$isNodeHighlighted(node, tree);\n    let active = $2e9ede27ff2a3eea$var$isNodeActive(node, tree);\n    console.log(\"viewOnly\", viewOnly);\n    const dispatch = (0, $eedTh.useTreeDispatch)();\n    if (!node.data?.type) node.data.type = {\n        name: \"lith\",\n        color: \"rgb(107, 255, 91)\"\n    };\n    return $2e9ede27ff2a3eea$var$h(\"div.node\" + (!viewOnly ? \".clickable\" : \"\"), {\n        style: style,\n        ref: dragHandle\n    }, $2e9ede27ff2a3eea$var$h((0, $edvRb.EntityTag), {\n        data: node.data,\n        active: viewOnly ? false : active,\n        highlighted: viewOnly ? true : highlighted,\n        matchComponent: matchComponent,\n        onClickType () {\n            dispatch({\n                type: \"toggle-entity-type-selector\"\n            });\n        }\n    }));\n}\nvar $2e9ede27ff2a3eea$export$2e2bcd8739ae039 = $2e9ede27ff2a3eea$var$Node;\n\n\nexport {$2e9ede27ff2a3eea$export$2e2bcd8739ae039 as default};\n//# sourceMappingURL=feedback-components.e59a061f.js.map\n","import { NodeApi, TreeApi } from \"react-arborist\";\nimport { TreeData } from \"./types\";\nimport { EntityTag } from \"../extractions\";\nimport { useTreeDispatch } from \"./edit-state\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\n\nconst h = hyper.styled(styles);\n\nfunction isSelected(searchNode: TreeData, treeNode: TreeData) {\n  return searchNode.id == treeNode.id;\n  // We could also select children of the search node here if we wanted to\n}\n\nfunction isNodeHighlighted(node: NodeApi<TreeData>, tree: TreeApi<TreeData>) {\n  // We treat no selection as all nodes being active. We may add some nuance later\n  if (tree.selectedNodes.length == 0) {\n    return true;\n  }\n\n  for (const selectedNode of tree.selectedNodes) {\n    if (isSelected(node.data, selectedNode.data)) {\n      return true;\n    }\n  }\n\n  // Check if the parent node is highlighted\n  if (node.parent != null && isNodeHighlighted(node.parent, tree)) {\n    return true;\n  }\n\n  return false;\n}\n\nfunction isNodeActive(node: NodeApi<TreeData>, tree: TreeApi<TreeData>) {\n  for (const selectedNode of tree.selectedNodes) {\n    if (isSelected(node.data, selectedNode.data)) {\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction Node({\n  node,\n  style,\n  dragHandle,\n  tree,\n  matchComponent,\n  viewOnly,\n}: any) {\n  let highlighted: boolean = isNodeHighlighted(node, tree);\n  let active: boolean = isNodeActive(node, tree);\n\n  console.log(\"viewOnly\", viewOnly);\n\n  const dispatch = useTreeDispatch();\n\n  if (!node.data?.type) {\n    node.data.type = { name: \"lith\", color: \"rgb(107, 255, 91)\" };\n  }\n\n  return h(\n    \"div.node\" + (!viewOnly ? \".clickable\" : \"\"),\n    { style, ref: dragHandle },\n    h(EntityTag, {\n      data: node.data,\n      active: viewOnly ? false : active,\n      highlighted: viewOnly ? true : highlighted,\n      matchComponent,\n      onClickType() {\n        dispatch({ type: \"toggle-entity-type-selector\" });\n      },\n    }),\n  );\n}\n\nexport default Node;\n"],"names":["$hPIF3$macrostrathyper","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$edvRb","$eedTh","$9wFEx","$2e9ede27ff2a3eea$var$h","styled","a","__esModule","default","$2e9ede27ff2a3eea$export$2e2bcd8739ae039","node","style","dragHandle","tree","matchComponent","viewOnly","highlighted","$2e9ede27ff2a3eea$var$isNodeHighlighted","selectedNodes","length","selectedNode","searchNode","treeNode","data","parent","active","$2e9ede27ff2a3eea$var$isNodeActive","console","log","dispatch","useTreeDispatch","type","name","color","ref","EntityTag","onClickType"],"version":3,"file":"feedback-components.e59a061f.js.map","sourceRoot":"../../../../"}

package/dist/node/{feedback-components.ad3ad94e.js → feedback-components.feab0bd0.js}

@@ -1,2 +1,2 @@
-import"./feedback-components.e1fe112f.js";import{Divider as a,Switch as t,Icon as e,Overlay2 as i}from"@blueprintjs/core";import{Select as n}from"@blueprintjs/select";import o from"@macrostrat/hyper";import{useState as r}from"react";import{useAPIResult as c,SaveButton as l,DataField as d,JSONView as s}from"@macrostrat/ui-components";import{LithologyTag as m}from"@macrostrat/data-components";var p=globalThis,h={},u={},v=p.parcelRequirea149;null==v&&((v=function(a){if(a in h)return h[a].exports;if(a in u){var t=u[a];delete u[a];var e={id:a,exports:{}};return h[a]=e,t.call(e.exports,e,e.exports),e.exports}var i=Error("Cannot find module '"+a+"'");throw i.code="MODULE_NOT_FOUND",i}).register=function(a,t){u[a]=t},p.parcelRequirea149=v),v.register;var _=v("9wFEx");let f=o.styled(_&&_.__esModule?_.default:_);function y({match:i,setMatchLinks:n,matchLinks:o,selectedNodes:c,tree:l,dispatch:d}){var s,m;let p,[h,u]=r(!1),v=null;return 1===c.length&&(s=l,m=c[0],p=null,s.forEach(function a(t){if(t.id===m)return p=t,!0;if(Array.isArray(t.children)){for(let e of t.children)if(a(e))return!0}return!1}),v=p),f.if(o)("div",[f(a),f(t,{label:"Match mode",checked:void 0!==i,onChange:a=>{n(void 0===i?o||{}:void 0),d({type:"toggle-match-mode"})}}),f.if(v&&i)(b,{data:v?.match,matchLinks:o,dispatch:d,nodeId:v?.id}),f.if(1==c.length&&!v?.match&&i)("div.add-match-container",[f("div.add-type",{onClick:()=>{u(!0)}},[f("p.add-match-text","Add match"),f(e,{icon:"plus"})]),f(k,{isOpen:h,setOverlayOpen:u,nodeMatch:v,dispatch:d})])])}function k({isOpen:a,setOverlayOpen:t,nodeMatch:o,dispatch:d}){let[s,m]=r(o?.name||""),[p,h]=r(f("div","Select a match")),[u,v]=r(!0),[_,y]=r({}),k=c("https://dev.macrostrat.org/api/pg/type_lookup?name=ilike.*"+s+"*"),b=k?.map(a=>f(g,{data:a,setPayload:y}));return f(i,{isOpen:a},f("div.overlay-container",f("div.add-type-overlay",[f("h2.title",["Add match with "+o.name,f(e,{icon:"cross",className:"close-icon",onClick:()=>{t(!1)},style:{cursor:"pointer",color:"red"}})]),f("div.form-group",[f(n,{items:b||[],itemRenderer:(a,{handleClick:t})=>f("div.match-item",{onClick:t},a),onItemSelect:a=>{v(!1),h(a)},onQueryChange:a=>m(a),popoverProps:{minimal:!0},query:s,placeholder:"Enter match name"},p)]),f(l,{className:"save-btn",small:!0,onClick:()=>{d({type:"add-match",payload:{id:o.id,payload:_}}),t(!1)},disabled:u},"Save changes")])))}function b({data:a,matchLinks:t,dispatch:i,nodeId:n}){return f.if(a)("div.match-container",[g({data:a,matchLinks:t}),f(e,{icon:"cross",color:"red",className:"close-btn",onClick:()=>{i({type:"remove-match",payload:{id:n}})}})])}function g({data:a,matchLinks:t,setPayload:e}){if(a&&0!==Object.keys(a).length)return a.lith_id||a?.type==="lith"?f("div",{onClick:()=>{"lith"===a.type&&e({lith_id:a.id,name:a.name})}},f(d,{className:"match-item",label:"Stratigraphic name",value:f(m,{data:{name:a.name,id:a.id,color:a.color},onClick:()=>window.open(t.strat_name+"/"+a.strat_name_id,"_blank")})})):a.strat_name_id||a?.type==="strat_name"?f("div",{onClick:()=>{"strat_name"===a.type&&e({strat_name_id:a.id,name:a.name})}},f(d,{className:"match-item",label:"Stratigraphic name",value:f(m,{data:{name:a.name,id:a.id,color:a.color},onClick:()=>window.open(t.strat_name+"/"+a.strat_name_id,"_blank")})})):a.lith_att_id||a?.type==="lith_att"?f("div",{onClick:()=>{"lith_att"===a.type&&e({lith_att_id:a.id,name:a.name})}},f(d,{className:"match-item",label:"Lithology attribute",value:f(m,{data:{name:a.name,id:a.lith_att_id},onClick:()=>window.open(t.lith_att+"/"+a.lith_att_id,"_blank")})})):a.int_id||a?.type==="interval"?f("div",{onClick:()=>{"interval"===a.type&&e({int_id:a.id,name:a.name})}},f(d,{label:"Interval",className:"match-item",value:f(m,{data:{name:a.name,id:a.id},onClick:()=>window.open(t.interval+"/"+a.int_id,"_blank")})})):f(s,{data:a})}export{y as Matches,g as MatchTag};
-//# sourceMappingURL=feedback-components.ad3ad94e.js.map
+import"./feedback-components.c84ff10e.js";import{Divider as a,Switch as t,Icon as e,Overlay2 as i}from"@blueprintjs/core";import{Select as n}from"@blueprintjs/select";import o from"@macrostrat/hyper";import{useState as r}from"react";import{useAPIResult as c,SaveButton as l,DataField as d,JSONView as s}from"@macrostrat/ui-components";import{LithologyTag as m}from"@macrostrat/data-components";var p=globalThis,h={},u={},v=p.parcelRequirea149;null==v&&((v=function(a){if(a in h)return h[a].exports;if(a in u){var t=u[a];delete u[a];var e={id:a,exports:{}};return h[a]=e,t.call(e.exports,e,e.exports),e.exports}var i=Error("Cannot find module '"+a+"'");throw i.code="MODULE_NOT_FOUND",i}).register=function(a,t){u[a]=t},p.parcelRequirea149=v),v.register;var _=v("9wFEx");let f=o.styled(_&&_.__esModule?_.default:_);function y({match:i,setMatchLinks:n,matchLinks:o,selectedNodes:c,tree:l,dispatch:d}){var s,m;let p,[h,u]=r(!1),v=null;return 1===c.length&&(s=l,m=c[0],p=null,s.forEach(function a(t){if(t.id===m)return p=t,!0;if(Array.isArray(t.children)){for(let e of t.children)if(a(e))return!0}return!1}),v=p),f.if(o)("div",[f(a),f(t,{label:"Match mode",checked:void 0!==i,onChange:a=>{n(void 0===i?o||{}:void 0),d({type:"toggle-match-mode"})}}),f.if(v&&i)(b,{data:v?.match,matchLinks:o,dispatch:d,nodeId:v?.id}),f.if(1==c.length&&!v?.match&&i)("div.add-match-container",[f("div.add-type",{onClick:()=>{u(!0)}},[f("p.add-match-text","Add match"),f(e,{icon:"plus"})]),f(k,{isOpen:h,setOverlayOpen:u,nodeMatch:v,dispatch:d})])])}function k({isOpen:a,setOverlayOpen:t,nodeMatch:o,dispatch:d}){let[s,m]=r(o?.name||""),[p,h]=r(f("div","Select a match")),[u,v]=r(!0),[_,y]=r({}),k=c("https://dev.macrostrat.org/api/pg/type_lookup?name=ilike.*"+s+"*"),b=k?.map(a=>f(g,{data:a,setPayload:y}));return f(i,{isOpen:a},f("div.overlay-container",f("div.add-type-overlay",[f("h2.title",["Add match with "+o.name,f(e,{icon:"cross",className:"close-icon",onClick:()=>{t(!1)},style:{cursor:"pointer",color:"red"}})]),f("div.form-group",[f(n,{items:b||[],itemRenderer:(a,{handleClick:t})=>f("div.match-item",{onClick:t},a),onItemSelect:a=>{v(!1),h(a)},onQueryChange:a=>m(a),popoverProps:{minimal:!0},query:s,placeholder:"Enter match name"},p)]),f(l,{className:"save-btn",small:!0,onClick:()=>{d({type:"add-match",payload:{id:o.id,payload:_}}),t(!1)},disabled:u},"Save changes")])))}function b({data:a,matchLinks:t,dispatch:i,nodeId:n}){return f.if(a)("div.match-container",[g({data:a,matchLinks:t}),f(e,{icon:"cross",color:"red",className:"close-btn",onClick:()=>{i({type:"remove-match",payload:{id:n}})}})])}function g({data:a,matchLinks:t,setPayload:e}){if(a&&0!==Object.keys(a).length)return a.lith_id||a?.type==="lith"?f("div",{onClick:()=>{"lith"===a.type&&e({lith_id:a.id,name:a.name})}},f(d,{className:"match-item",label:"Stratigraphic name",value:f(m,{data:{name:a.name,id:a.id,color:a.color},onClick:()=>window.open(t.strat_name+"/"+a.strat_name_id,"_blank")})})):a.strat_name_id||a?.type==="strat_name"?f("div",{onClick:()=>{"strat_name"===a.type&&e({strat_name_id:a.id,name:a.name})}},f(d,{className:"match-item",label:"Stratigraphic name",value:f(m,{data:{name:a.name,id:a.id,color:a.color},onClick:()=>window.open(t.strat_name+"/"+a.strat_name_id,"_blank")})})):a.lith_att_id||a?.type==="lith_att"?f("div",{onClick:()=>{"lith_att"===a.type&&e({lith_att_id:a.id,name:a.name})}},f(d,{className:"match-item",label:"Lithology attribute",value:f(m,{data:{name:a.name,id:a.lith_att_id},onClick:()=>window.open(t.lith_att+"/"+a.lith_att_id,"_blank")})})):a.int_id||a?.type==="interval"?f("div",{onClick:()=>{"interval"===a.type&&e({int_id:a.id,name:a.name})}},f(d,{label:"Interval",className:"match-item",value:f(m,{data:{name:a.name,id:a.id},onClick:()=>window.open(t.interval+"/"+a.int_id,"_blank")})})):f(s,{data:a})}export{y as Matches,g as MatchTag};
+//# sourceMappingURL=feedback-components.feab0bd0.js.map

package/dist/node/{feedback-components.ad3ad94e.js.map → feedback-components.feab0bd0.js.map}

@@ -1 +1 @@
-{"mappings":"A,M,oD,A,Q,W,C,C,U,C,C,Q,C,C,Y,C,K,mB,A,Q,U,C,K,qB,A,Q,M,mB,A,Q,Y,C,K,O,A,Q,gB,C,C,c,C,C,a,C,C,Y,C,K,2B,A,Q,gB,C,K,6B,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,E,SCUA,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAEhB,SAAS,EAAQ,CAAA,MACtB,CAAK,CAAA,cACL,CAAa,CAAA,WACb,CAAU,CAAA,cACV,CAAa,CAAA,KACb,CAAI,CAAA,SACJ,CAAQ,CACT,MA+CyB,EAAM,EA9C9B,IA+CI,EA/CE,CAAC,EAAa,EAAe,CAAG,AAAA,EAAS,CAAA,GAE3C,EAAY,KAKhB,OAJI,AAAyB,IAAzB,EAAc,MAAM,GA2CA,EA1CO,EA0CD,EA1CO,CAAa,CAAC,EAAE,CA2CjD,EAAQ,KAeZ,EAAK,OAAO,CAbZ,SAAS,EAAS,CAAI,EACpB,GAAI,EAAK,EAAE,GAAK,EAEd,OADA,EAAQ,EACD,CAAA,EAET,GAAI,MAAM,OAAO,CAAC,EAAK,QAAQ,EAC7B,CAAA,IAAK,IAAM,KAAS,EAAK,QAAQ,CAC/B,GAAI,EAAS,GAAQ,MAAO,CAAA,CAC9B,CAEF,MAAO,CAAA,CACT,GAxDE,EA2DK,GAxDA,EAAE,EAAE,CAAC,GAAY,MAAO,CAC7B,EAAE,GACF,EAAE,EAAQ,CACR,MAAO,aACP,QAAS,AAAU,KAAA,IAAV,EACT,SAAU,AAAC,IACT,EAAc,AAAU,KAAA,IAAV,EAAsB,GAAc,CAAC,EAAI,KAAA,GACvD,EAAS,CAAE,KAAM,mBAAoB,EACvC,CACF,GACA,EAAE,EAAE,CAAC,GAAa,GAAO,EAAO,CAC9B,KAAM,GAAW,MACjB,WAAY,EACZ,SAAA,EACA,OAAQ,GAAW,EAC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","sources":["<anon>","packages/feedback-components/src/feedback/matches.ts"],"sourcesContent":["import \"./feedback-components.e1fe112f.js\";\nimport {Divider as $locXJ$Divider, Switch as $locXJ$Switch, Icon as $locXJ$Icon, Overlay2 as $locXJ$Overlay2} from \"@blueprintjs/core\";\nimport {Select as $locXJ$Select} from \"@blueprintjs/select\";\nimport $locXJ$macrostrathyper from \"@macrostrat/hyper\";\nimport {useState as $locXJ$useState} from \"react\";\nimport {useAPIResult as $locXJ$useAPIResult, SaveButton as $locXJ$SaveButton, DataField as $locXJ$DataField, JSONView as $locXJ$JSONView} from \"@macrostrat/ui-components\";\nimport {LithologyTag as $locXJ$LithologyTag} from \"@macrostrat/data-components\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n\n\nvar $9wFEx = parcelRequire(\"9wFEx\");\n\n\n\n\nconst $7accc8160d3205c1$var$h = (0, $locXJ$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($9wFEx))));\nfunction $7accc8160d3205c1$export$6479cfcac2b87c0({ match: match, setMatchLinks: setMatchLinks, matchLinks: matchLinks, selectedNodes: selectedNodes, tree: tree, dispatch: dispatch }) {\n    const [overlayOpen, setOverlayOpen] = (0, $locXJ$useState)(false);\n    let nodeMatch = null;\n    if (selectedNodes.length === 1) nodeMatch = $7accc8160d3205c1$var$findMatchingNode(tree, selectedNodes[0]);\n    return $7accc8160d3205c1$var$h.if(matchLinks)(\"div\", [\n        $7accc8160d3205c1$var$h((0, $locXJ$Divider)),\n        $7accc8160d3205c1$var$h((0, $locXJ$Switch), {\n            label: \"Match mode\",\n            checked: match !== undefined,\n            onChange: (e)=>{\n                setMatchLinks(match === undefined ? matchLinks || {} : undefined);\n                dispatch({\n                    type: \"toggle-match-mode\"\n                });\n            }\n        }),\n        $7accc8160d3205c1$var$h.if(nodeMatch && match)($7accc8160d3205c1$var$Match, {\n            data: nodeMatch?.match,\n            matchLinks: matchLinks,\n            dispatch: dispatch,\n            nodeId: nodeMatch?.id\n        }),\n        $7accc8160d3205c1$var$h.if(selectedNodes.length == 1 && !nodeMatch?.match && match)(\"div.add-match-container\", [\n            $7accc8160d3205c1$var$h(\"div.add-type\", {\n                onClick: ()=>{\n                    setOverlayOpen(true);\n                }\n            }, [\n                $7accc8160d3205c1$var$h(\"p.add-match-text\", \"Add match\"),\n                $7accc8160d3205c1$var$h((0, $locXJ$Icon), {\n                    icon: \"plus\"\n                })\n            ]),\n            $7accc8160d3205c1$var$h($7accc8160d3205c1$var$MatchOverlay, {\n                isOpen: overlayOpen,\n                setOverlayOpen: setOverlayOpen,\n                nodeMatch: nodeMatch,\n                dispatch: dispatch\n            })\n        ])\n    ]);\n}\nfunction $7accc8160d3205c1$var$findMatchingNode(tree, nodeId) {\n    let match = null;\n    function traverse(node) {\n        if (node.id === nodeId) {\n            match = node;\n            return true;\n        }\n        if (Array.isArray(node.children)) for (const child of node.children){\n            if (traverse(child)) return true;\n        }\n        return false;\n    }\n    tree.forEach(traverse);\n    return match;\n}\nfunction $7accc8160d3205c1$var$MatchOverlay({ isOpen: isOpen, setOverlayOpen: setOverlayOpen, nodeMatch: nodeMatch, dispatch: dispatch }) {\n    const [inputValue, setInputValue] = (0, $locXJ$useState)(nodeMatch?.name || \"\");\n    const [selectedItem, setSelectedItem] = (0, $locXJ$useState)($7accc8160d3205c1$var$h(\"div\", \"Select a match\"));\n    const [disabled, setDisabled] = (0, $locXJ$useState)(true);\n    const [payload, setPayload] = (0, $locXJ$useState)({});\n    const data = (0, $locXJ$useAPIResult)(\"https://dev.macrostrat.org/api/pg/type_lookup?name=ilike.*\" + inputValue + \"*\");\n    const items = data?.map((data)=>$7accc8160d3205c1$var$h($7accc8160d3205c1$export$5eeb3456842e9e5f, {\n            data: data,\n            setPayload: setPayload\n        }));\n    return $7accc8160d3205c1$var$h((0, $locXJ$Overlay2), {\n        isOpen: isOpen\n    }, $7accc8160d3205c1$var$h(\"div.overlay-container\", $7accc8160d3205c1$var$h(\"div.add-type-overlay\", [\n        $7accc8160d3205c1$var$h(\"h2.title\", [\n            \"Add match with \" + nodeMatch.name,\n            $7accc8160d3205c1$var$h((0, $locXJ$Icon), {\n                icon: \"cross\",\n                className: \"close-icon\",\n                onClick: ()=>{\n                    setOverlayOpen(false);\n                },\n                style: {\n                    cursor: \"pointer\",\n                    color: \"red\"\n                }\n            })\n        ]),\n        $7accc8160d3205c1$var$h(\"div.form-group\", [\n            $7accc8160d3205c1$var$h((0, $locXJ$Select), {\n                items: items || [],\n                itemRenderer: (item, { handleClick: handleClick })=>{\n                    return $7accc8160d3205c1$var$h(\"div.match-item\", {\n                        onClick: handleClick\n                    }, item);\n                },\n                onItemSelect: (item)=>{\n                    setDisabled(false);\n                    setSelectedItem(item);\n                },\n                onQueryChange: (query)=>setInputValue(query),\n                popoverProps: {\n                    minimal: true\n                },\n                query: inputValue,\n                placeholder: \"Enter match name\"\n            }, selectedItem)\n        ]),\n        $7accc8160d3205c1$var$h((0, $locXJ$SaveButton), {\n            className: \"save-btn\",\n            small: true,\n            onClick: ()=>{\n                // Handle save changes\n                dispatch({\n                    type: \"add-match\",\n                    payload: {\n                        id: nodeMatch.id,\n                        payload: payload\n                    }\n                });\n                setOverlayOpen(false);\n            },\n            disabled: disabled\n        }, \"Save changes\")\n    ])));\n}\nfunction $7accc8160d3205c1$var$Match({ data: data, matchLinks: matchLinks, dispatch: dispatch, nodeId: nodeId }) {\n    return $7accc8160d3205c1$var$h.if(data)(\"div.match-container\", [\n        $7accc8160d3205c1$export$5eeb3456842e9e5f({\n            data: data,\n            matchLinks: matchLinks\n        }),\n        $7accc8160d3205c1$var$h((0, $locXJ$Icon), {\n            icon: \"cross\",\n            color: \"red\",\n            className: \"close-btn\",\n            onClick: ()=>{\n                dispatch({\n                    type: \"remove-match\",\n                    payload: {\n                        id: nodeId\n                    }\n                });\n            }\n        })\n    ]);\n}\nfunction $7accc8160d3205c1$export$5eeb3456842e9e5f({ data: data, matchLinks: matchLinks, setPayload: setPayload }) {\n    if (!data || Object.keys(data).length === 0) return;\n    if (data.lith_id || data?.type === \"lith\") return $7accc8160d3205c1$var$h(\"div\", {\n        onClick: ()=>{\n            data.type === \"lith\" && setPayload({\n                lith_id: data.id,\n                name: data.name\n            });\n        }\n    }, $7accc8160d3205c1$var$h((0, $locXJ$DataField), {\n        className: \"match-item\",\n        label: \"Stratigraphic name\",\n        value: $7accc8160d3205c1$var$h((0, $locXJ$LithologyTag), {\n            data: {\n                name: data.name,\n                id: data.id,\n                color: data.color\n            },\n            onClick: ()=>window.open(matchLinks.strat_name + \"/\" + data.strat_name_id, \"_blank\")\n        })\n    }));\n    if (data.strat_name_id || data?.type === \"strat_name\") return $7accc8160d3205c1$var$h(\"div\", {\n        onClick: ()=>{\n            data.type === \"strat_name\" && setPayload({\n                strat_name_id: data.id,\n                name: data.name\n            });\n        }\n    }, $7accc8160d3205c1$var$h((0, $locXJ$DataField), {\n        className: \"match-item\",\n        label: \"Stratigraphic name\",\n        value: $7accc8160d3205c1$var$h((0, $locXJ$LithologyTag), {\n            data: {\n                name: data.name,\n                id: data.id,\n                color: data.color\n            },\n            onClick: ()=>window.open(matchLinks.strat_name + \"/\" + data.strat_name_id, \"_blank\")\n        })\n    }));\n    if (data.lith_att_id || data?.type === \"lith_att\") return $7accc8160d3205c1$var$h(\"div\", {\n        onClick: ()=>{\n            data.type === \"lith_att\" && setPayload({\n                lith_att_id: data.id,\n                name: data.name\n            });\n        }\n    }, $7accc8160d3205c1$var$h((0, $locXJ$DataField), {\n        className: \"match-item\",\n        label: \"Lithology attribute\",\n        value: $7accc8160d3205c1$var$h((0, $locXJ$LithologyTag), {\n            data: {\n                name: data.name,\n                id: data.lith_att_id\n            },\n            onClick: ()=>window.open(matchLinks.lith_att + \"/\" + data.lith_att_id, \"_blank\")\n        })\n    }));\n    if (data.int_id || data?.type === \"interval\") return $7accc8160d3205c1$var$h(\"div\", {\n        onClick: ()=>{\n            data.type === \"interval\" && setPayload({\n                int_id: data.id,\n                name: data.name\n            });\n        }\n    }, $7accc8160d3205c1$var$h((0, $locXJ$DataField), {\n        label: \"Interval\",\n        className: \"match-item\",\n        value: $7accc8160d3205c1$var$h((0, $locXJ$LithologyTag), {\n            data: {\n                name: data.name,\n                id: data.id\n            },\n            onClick: ()=>window.open(matchLinks.interval + \"/\" + data.int_id, \"_blank\")\n        })\n    }));\n    return $7accc8160d3205c1$var$h((0, $locXJ$JSONView), {\n        data: data\n    });\n}\n\n\nexport {$7accc8160d3205c1$export$6479cfcac2b87c0 as Matches, $7accc8160d3205c1$export$5eeb3456842e9e5f as MatchTag};\n//# sourceMappingURL=feedback-components.ad3ad94e.js.map\n","import { Switch } from \"@blueprintjs/core\";\nimport { Select } from \"@blueprintjs/select\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\nimport { useState } from \"react\";\nimport { Icon, Divider, Overlay2 } from \"@blueprintjs/core\";\nimport { JSONView, SaveButton } from \"@macrostrat/ui-components\";\nimport { useAPIResult, DataField } from \"@macrostrat/ui-components\";\nimport { LithologyTag } from \"@macrostrat/data-components\";\n\nconst h = hyper.styled(styles);\n\nexport function Matches({\n  match,\n  setMatchLinks,\n  matchLinks,\n  selectedNodes,\n  tree,\n  dispatch,\n}) {\n  const [overlayOpen, setOverlayOpen] = useState(false);\n\n  let nodeMatch = null;\n  if (selectedNodes.length === 1) {\n    nodeMatch = findMatchingNode(tree, selectedNodes[0]);\n  }\n\n  return h.if(matchLinks)(\"div\", [\n    h(Divider),\n    h(Switch, {\n      label: \"Match mode\",\n      checked: match !== undefined,\n      onChange: (e) => {\n        setMatchLinks(match === undefined ? matchLinks || {} : undefined);\n        dispatch({ type: \"toggle-match-mode\" });\n      },\n    }),\n    h.if(nodeMatch && match)(Match, {\n      data: nodeMatch?.match,\n      matchLinks: matchLinks,\n      dispatch,\n      nodeId: nodeMatch?.id,\n    }),\n    h.if(selectedNodes.length == 1 && !nodeMatch?.match && match)(\n      \"div.add-match-container\",\n      [\n        h(\n          \"div.add-type\",\n          {\n            onClick: () => {\n              setOverlayOpen(true);\n            },\n          },\n          [h(\"p.add-match-text\", \"Add match\"), h(Icon, { icon: \"plus\" })],\n        ),\n        h(MatchOverlay, {\n          isOpen: overlayOpen,\n          setOverlayOpen,\n          nodeMatch,\n          dispatch,\n        }),\n      ],\n    ),\n  ]);\n}\n\nfunction findMatchingNode(tree, nodeId) {\n  let match = null;\n\n  function traverse(node) {\n    if (node.id === nodeId) {\n      match = node;\n      return true;\n    }\n    if (Array.isArray(node.children)) {\n      for (const child of node.children) {\n        if (traverse(child)) return true;\n      }\n    }\n    return false;\n  }\n\n  tree.forEach(traverse);\n  return match;\n}\n\nfunction MatchOverlay({ isOpen, setOverlayOpen, nodeMatch, dispatch }) {\n  const [inputValue, setInputValue] = useState(nodeMatch?.name || \"\");\n  const [selectedItem, setSelectedItem] = useState(h(\"div\", \"Select a match\"));\n  const [disabled, setDisabled] = useState(true);\n  const [payload, setPayload] = useState({});\n\n  const data = useAPIResult(\n    \"https://dev.macrostrat.org/api/pg/type_lookup?name=ilike.*\" +\n      inputValue +\n      \"*\",\n  );\n  const items = data?.map((data) => h(MatchTag, { data, setPayload }));\n\n  return h(\n    Overlay2,\n    {\n      isOpen,\n    },\n    h(\n      \"div.overlay-container\",\n      h(\"div.add-type-overlay\", [\n        h(\"h2.title\", [\n          \"Add match with \" + nodeMatch.name,\n          h(Icon, {\n            icon: \"cross\",\n            className: \"close-icon\",\n            onClick: () => {\n              setOverlayOpen(false);\n            },\n            style: { cursor: \"pointer\", color: \"red\" },\n          }),\n        ]),\n        h(\"div.form-group\", [\n          h(\n            Select,\n            {\n              items: items || [],\n              itemRenderer: (item, { handleClick }) => {\n                return h(\"div.match-item\", { onClick: handleClick }, item);\n              },\n              onItemSelect: (item) => {\n                setDisabled(false);\n                setSelectedItem(item);\n              },\n              onQueryChange: (query) => setInputValue(query),\n              popoverProps: { minimal: true },\n              query: inputValue,\n              placeholder: \"Enter match name\",\n            },\n            selectedItem,\n          ),\n        ]),\n        h(\n          SaveButton,\n          {\n            className: \"save-btn\",\n            small: true,\n            onClick: () => {\n              // Handle save changes\n              dispatch({\n                type: \"add-match\",\n                payload: { id: nodeMatch.id, payload },\n              });\n              setOverlayOpen(false);\n            },\n            disabled,\n          },\n          \"Save changes\",\n        ),\n      ]),\n    ),\n  );\n}\n\nfunction Match({ data, matchLinks, dispatch, nodeId }) {\n  return h.if(data)(\"div.match-container\", [\n    MatchTag({ data, matchLinks }),\n    h(Icon, {\n      icon: \"cross\",\n      color: \"red\",\n      className: \"close-btn\",\n      onClick: () => {\n        dispatch({ type: \"remove-match\", payload: { id: nodeId } });\n      },\n    }),\n  ]);\n}\n\ninterface MatchTagProps {\n  data: any;\n  matchLinks?: Record<string, string>;\n  setPayload?: (payload: Record<string, any>) => void;\n}\n\nexport function MatchTag({ data, matchLinks, setPayload }: MatchTagProps) {\n  if (!data || Object.keys(data).length === 0) return;\n\n  if (data.lith_id || data?.type === \"lith\") {\n    return h(\n      \"div\",\n      {\n        onClick: () => {\n          data.type === \"lith\"\n            ? setPayload({ lith_id: data.id, name: data.name })\n            : null;\n        },\n      },\n      h(DataField, {\n        className: \"match-item\",\n        label: \"Stratigraphic name\",\n        value: h(LithologyTag, {\n          data: { name: data.name, id: data.id, color: data.color },\n          onClick: () =>\n            window.open(\n              matchLinks.strat_name + \"/\" + data.strat_name_id,\n              \"_blank\",\n            ),\n        }),\n      }),\n    );\n  }\n\n  if (data.strat_name_id || data?.type === \"strat_name\") {\n    return h(\n      \"div\",\n      {\n        onClick: () => {\n          data.type === \"strat_name\"\n            ? setPayload({ strat_name_id: data.id, name: data.name })\n            : null;\n        },\n      },\n      h(DataField, {\n        className: \"match-item\",\n        label: \"Stratigraphic name\",\n        value: h(LithologyTag, {\n          data: { name: data.name, id: data.id, color: data.color },\n          onClick: () =>\n            window.open(\n              matchLinks.strat_name + \"/\" + data.strat_name_id,\n              \"_blank\",\n            ),\n        }),\n      }),\n    );\n  }\n\n  if (data.lith_att_id || data?.type === \"lith_att\") {\n    return h(\n      \"div\",\n      {\n        onClick: () => {\n          data.type === \"lith_att\"\n            ? setPayload({ lith_att_id: data.id, name: data.name })\n            : null;\n        },\n      },\n      h(DataField, {\n        className: \"match-item\",\n        label: \"Lithology attribute\",\n        value: h(LithologyTag, {\n          data: { name: data.name, id: data.lith_att_id },\n          onClick: () =>\n            window.open(matchLinks.lith_att + \"/\" + data.lith_att_id, \"_blank\"),\n        }),\n      }),\n    );\n  }\n\n  if (data.int_id || data?.type === \"interval\") {\n    return h(\n      \"div\",\n      {\n        onClick: () => {\n          data.type === \"interval\"\n            ? setPayload({ int_id: data.id, name: data.name })\n            : null;\n        },\n      },\n      h(DataField, {\n        label: \"Interval\",\n        className: \"match-item\",\n        value: h(LithologyTag, {\n          data: { name: data.name, id: data.id },\n          onClick: () =>\n            window.open(matchLinks.interval + \"/\" + data.int_id, \"_blank\"),\n        }),\n      }),\n    );\n  }\n\n  return h(JSONView, { data });\n}\n"],"names":["Divider","$locXJ$Divider","Switch","$locXJ$Switch","Icon","$locXJ$Icon","Overlay2","$locXJ$Overlay2","Select","$locXJ$Select","$locXJ$macrostrathyper","useState","$locXJ$useState","useAPIResult","$locXJ$useAPIResult","SaveButton","$locXJ$SaveButton","DataField","$locXJ$DataField","JSONView","$locXJ$JSONView","LithologyTag","$locXJ$LithologyTag","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$9wFEx","$7accc8160d3205c1$var$h","styled","a","__esModule","default","$7accc8160d3205c1$export$6479cfcac2b87c0","match","setMatchLinks","matchLinks","selectedNodes","tree","dispatch","nodeId","overlayOpen","setOverlayOpen","nodeMatch","length","forEach","traverse","node","Array","isArray","children","child","if","label","checked","undefined","onChange","e","type","$7accc8160d3205c1$var$Match","data","onClick","icon","$7accc8160d3205c1$var$MatchOverlay","isOpen","inputValue","setInputValue","name","selectedItem","setSelectedItem","disabled","setDisabled","payload","setPayload","items","map","$7accc8160d3205c1$export$5eeb3456842e9e5f","className","style","cursor","color","itemRenderer","item","handleClick","onItemSelect","onQueryChange","query","popoverProps","minimal","placeholder","small","Object","keys","lith_id","value","window","open","strat_name","strat_name_id","lith_att_id","lith_att","int_id","interval","Matches","MatchTag"],"version":3,"file":"feedback-components.ad3ad94e.js.map","sourceRoot":"../../../../"}
+{"mappings":"A,M,oD,A,Q,W,C,C,U,C,C,Q,C,C,Y,C,K,mB,A,Q,U,C,K,qB,A,Q,M,mB,A,Q,Y,C,K,O,A,Q,gB,C,C,c,C,C,a,C,C,Y,C,K,2B,A,Q,gB,C,K,6B,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,E,SCUA,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAEhB,SAAS,EAAQ,CAAA,MACtB,CAAK,CAAA,cACL,CAAa,CAAA,WACb,CAAU,CAAA,cACV,CAAa,CAAA,KACb,CAAI,CAAA,SACJ,CAAQ,CACT,MA+CyB,EAAM,EA9C9B,IA+CI,EA/CE,CAAC,EAAa,EAAe,CAAG,AAAA,EAAS,CAAA,GAE3C,EAAY,KAKhB,OAJI,AAAyB,IAAzB,EAAc,MAAM,GA2CA,EA1CO,EA0CD,EA1CO,CAAa,CAAC,EAAE,CA2CjD,EAAQ,KAeZ,EAAK,OAAO,CAbZ,SAAS,EAAS,CAAI,EACpB,GAAI,EAAK,EAAE,GAAK,EAEd,OADA,EAAQ,EACD,CAAA,EAET,GAAI,MAAM,OAAO,CAAC,EAAK,QAAQ,EAC7B,CAAA,IAAK,IAAM,KAAS,EAAK,QAAQ,CAC/B,GAAI,EAAS,GAAQ,MAAO,CAAA,CAC9B,CAEF,MAAO,CAAA,CACT,GAxDE,EA2DK,GAxDA,EAAE,EAAE,CAAC,GAAY,MAAO,CAC7B,EAAE,GACF,EAAE,EAAQ,CACR,MAAO,aACP,QAAS,AAAU,KAAA,IAAV,EACT,SAAU,AAAC,IACT,EAAc,AAAU,KAAA,IAAV,EAAsB,GAAc,CAAC,EAAI,KAAA,GACvD,EAAS,CAAE,KAAM,mBAAoB,EACvC,CACF,GACA,EAAE,EAAE,CAAC,GAAa,GAAO,EAAO,CAC9B,KAAM,GAAW,MACjB,WAAY,EACZ,SAAA,EACA,OAAQ,GAAW,EAC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","sources":["<anon>","packages/feedback-components/src/feedback/matches.ts"],"sourcesContent":["import \"./feedback-components.c84ff10e.js\";\nimport {Divider as $locXJ$Divider, Switch as $locXJ$Switch, Icon as $locXJ$Icon, Overlay2 as $locXJ$Overlay2} from \"@blueprintjs/core\";\nimport {Select as $locXJ$Select} from \"@blueprintjs/select\";\nimport $locXJ$macrostrathyper from \"@macrostrat/hyper\";\nimport {useState as $locXJ$useState} from \"react\";\nimport {useAPIResult as $locXJ$useAPIResult, SaveButton as $locXJ$SaveButton, DataField as $locXJ$DataField, JSONView as $locXJ$JSONView} from \"@macrostrat/ui-components\";\nimport {LithologyTag as $locXJ$LithologyTag} from \"@macrostrat/data-components\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n\n\nvar $9wFEx = parcelRequire(\"9wFEx\");\n\n\n\n\nconst $7accc8160d3205c1$var$h = (0, $locXJ$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($9wFEx))));\nfunction $7accc8160d3205c1$export$6479cfcac2b87c0({ match: match, setMatchLinks: setMatchLinks, matchLinks: matchLinks, selectedNodes: selectedNodes, tree: tree, dispatch: dispatch }) {\n    const [overlayOpen, setOverlayOpen] = (0, $locXJ$useState)(false);\n    let nodeMatch = null;\n    if (selectedNodes.length === 1) nodeMatch = $7accc8160d3205c1$var$findMatchingNode(tree, selectedNodes[0]);\n    return $7accc8160d3205c1$var$h.if(matchLinks)(\"div\", [\n        $7accc8160d3205c1$var$h((0, $locXJ$Divider)),\n        $7accc8160d3205c1$var$h((0, $locXJ$Switch), {\n            label: \"Match mode\",\n            checked: match !== undefined,\n            onChange: (e)=>{\n                setMatchLinks(match === undefined ? matchLinks || {} : undefined);\n                dispatch({\n                    type: \"toggle-match-mode\"\n                });\n            }\n        }),\n        $7accc8160d3205c1$var$h.if(nodeMatch && match)($7accc8160d3205c1$var$Match, {\n            data: nodeMatch?.match,\n            matchLinks: matchLinks,\n            dispatch: dispatch,\n            nodeId: nodeMatch?.id\n        }),\n        $7accc8160d3205c1$var$h.if(selectedNodes.length == 1 && !nodeMatch?.match && match)(\"div.add-match-container\", [\n            $7accc8160d3205c1$var$h(\"div.add-type\", {\n                onClick: ()=>{\n                    setOverlayOpen(true);\n                }\n            }, [\n                $7accc8160d3205c1$var$h(\"p.add-match-text\", \"Add match\"),\n                $7accc8160d3205c1$var$h((0, $locXJ$Icon), {\n                    icon: \"plus\"\n                })\n            ]),\n            $7accc8160d3205c1$var$h($7accc8160d3205c1$var$MatchOverlay, {\n                isOpen: overlayOpen,\n                setOverlayOpen: setOverlayOpen,\n                nodeMatch: nodeMatch,\n                dispatch: dispatch\n            })\n        ])\n    ]);\n}\nfunction $7accc8160d3205c1$var$findMatchingNode(tree, nodeId) {\n    let match = null;\n    function traverse(node) {\n        if (node.id === nodeId) {\n            match = node;\n            return true;\n        }\n        if (Array.isArray(node.children)) for (const child of node.children){\n            if (traverse(child)) return true;\n        }\n        return false;\n    }\n    tree.forEach(traverse);\n    return match;\n}\nfunction $7accc8160d3205c1$var$MatchOverlay({ isOpen: isOpen, setOverlayOpen: setOverlayOpen, nodeMatch: nodeMatch, dispatch: dispatch }) {\n    const [inputValue, setInputValue] = (0, $locXJ$useState)(nodeMatch?.name || \"\");\n    const [selectedItem, setSelectedItem] = (0, $locXJ$useState)($7accc8160d3205c1$var$h(\"div\", \"Select a match\"));\n    const [disabled, setDisabled] = (0, $locXJ$useState)(true);\n    const [payload, setPayload] = (0, $locXJ$useState)({});\n    const data = (0, $locXJ$useAPIResult)(\"https://dev.macrostrat.org/api/pg/type_lookup?name=ilike.*\" + inputValue + \"*\");\n    const items = data?.map((data)=>$7accc8160d3205c1$var$h($7accc8160d3205c1$export$5eeb3456842e9e5f, {\n            data: data,\n            setPayload: setPayload\n        }));\n    return $7accc8160d3205c1$var$h((0, $locXJ$Overlay2), {\n        isOpen: isOpen\n    }, $7accc8160d3205c1$var$h(\"div.overlay-container\", $7accc8160d3205c1$var$h(\"div.add-type-overlay\", [\n        $7accc8160d3205c1$var$h(\"h2.title\", [\n            \"Add match with \" + nodeMatch.name,\n            $7accc8160d3205c1$var$h((0, $locXJ$Icon), {\n                icon: \"cross\",\n                className: \"close-icon\",\n                onClick: ()=>{\n                    setOverlayOpen(false);\n                },\n                style: {\n                    cursor: \"pointer\",\n                    color: \"red\"\n                }\n            })\n        ]),\n        $7accc8160d3205c1$var$h(\"div.form-group\", [\n            $7accc8160d3205c1$var$h((0, $locXJ$Select), {\n                items: items || [],\n                itemRenderer: (item, { handleClick: handleClick })=>{\n                    return $7accc8160d3205c1$var$h(\"div.match-item\", {\n                        onClick: handleClick\n                    }, item);\n                },\n                onItemSelect: (item)=>{\n                    setDisabled(false);\n                    setSelectedItem(item);\n                },\n                onQueryChange: (query)=>setInputValue(query),\n                popoverProps: {\n                    minimal: true\n                },\n                query: inputValue,\n                placeholder: \"Enter match name\"\n            }, selectedItem)\n        ]),\n        $7accc8160d3205c1$var$h((0, $locXJ$SaveButton), {\n            className: \"save-btn\",\n            small: true,\n            onClick: ()=>{\n                // Handle save changes\n                dispatch({\n                    type: \"add-match\",\n                    payload: {\n                        id: nodeMatch.id,\n                        payload: payload\n                    }\n                });\n                setOverlayOpen(false);\n            },\n            disabled: disabled\n        }, \"Save changes\")\n    ])));\n}\nfunction $7accc8160d3205c1$var$Match({ data: data, matchLinks: matchLinks, dispatch: dispatch, nodeId: nodeId }) {\n    return $7accc8160d3205c1$var$h.if(data)(\"div.match-container\", [\n        $7accc8160d3205c1$export$5eeb3456842e9e5f({\n            data: data,\n            matchLinks: matchLinks\n        }),\n        $7accc8160d3205c1$var$h((0, $locXJ$Icon), {\n            icon: \"cross\",\n            color: \"red\",\n            className: \"close-btn\",\n            onClick: ()=>{\n                dispatch({\n                    type: \"remove-match\",\n                    payload: {\n                        id: nodeId\n                    }\n                });\n            }\n        })\n    ]);\n}\nfunction $7accc8160d3205c1$export$5eeb3456842e9e5f({ data: data, matchLinks: matchLinks, setPayload: setPayload }) {\n    if (!data || Object.keys(data).length === 0) return;\n    if (data.lith_id || data?.type === \"lith\") return $7accc8160d3205c1$var$h(\"div\", {\n        onClick: ()=>{\n            data.type === \"lith\" && setPayload({\n                lith_id: data.id,\n                name: data.name\n            });\n        }\n    }, $7accc8160d3205c1$var$h((0, $locXJ$DataField), {\n        className: \"match-item\",\n        label: \"Stratigraphic name\",\n        value: $7accc8160d3205c1$var$h((0, $locXJ$LithologyTag), {\n            data: {\n                name: data.name,\n                id: data.id,\n                color: data.color\n            },\n            onClick: ()=>window.open(matchLinks.strat_name + \"/\" + data.strat_name_id, \"_blank\")\n        })\n    }));\n    if (data.strat_name_id || data?.type === \"strat_name\") return $7accc8160d3205c1$var$h(\"div\", {\n        onClick: ()=>{\n            data.type === \"strat_name\" && setPayload({\n                strat_name_id: data.id,\n                name: data.name\n            });\n        }\n    }, $7accc8160d3205c1$var$h((0, $locXJ$DataField), {\n        className: \"match-item\",\n        label: \"Stratigraphic name\",\n        value: $7accc8160d3205c1$var$h((0, $locXJ$LithologyTag), {\n            data: {\n                name: data.name,\n                id: data.id,\n                color: data.color\n            },\n            onClick: ()=>window.open(matchLinks.strat_name + \"/\" + data.strat_name_id, \"_blank\")\n        })\n    }));\n    if (data.lith_att_id || data?.type === \"lith_att\") return $7accc8160d3205c1$var$h(\"div\", {\n        onClick: ()=>{\n            data.type === \"lith_att\" && setPayload({\n                lith_att_id: data.id,\n                name: data.name\n            });\n        }\n    }, $7accc8160d3205c1$var$h((0, $locXJ$DataField), {\n        className: \"match-item\",\n        label: \"Lithology attribute\",\n        value: $7accc8160d3205c1$var$h((0, $locXJ$LithologyTag), {\n            data: {\n                name: data.name,\n                id: data.lith_att_id\n            },\n            onClick: ()=>window.open(matchLinks.lith_att + \"/\" + data.lith_att_id, \"_blank\")\n        })\n    }));\n    if (data.int_id || data?.type === \"interval\") return $7accc8160d3205c1$var$h(\"div\", {\n        onClick: ()=>{\n            data.type === \"interval\" && setPayload({\n                int_id: data.id,\n                name: data.name\n            });\n        }\n    }, $7accc8160d3205c1$var$h((0, $locXJ$DataField), {\n        label: \"Interval\",\n        className: \"match-item\",\n        value: $7accc8160d3205c1$var$h((0, $locXJ$LithologyTag), {\n            data: {\n                name: data.name,\n                id: data.id\n            },\n            onClick: ()=>window.open(matchLinks.interval + \"/\" + data.int_id, \"_blank\")\n        })\n    }));\n    return $7accc8160d3205c1$var$h((0, $locXJ$JSONView), {\n        data: data\n    });\n}\n\n\nexport {$7accc8160d3205c1$export$6479cfcac2b87c0 as Matches, $7accc8160d3205c1$export$5eeb3456842e9e5f as MatchTag};\n//# sourceMappingURL=feedback-components.feab0bd0.js.map\n","import { Switch } from \"@blueprintjs/core\";\nimport { Select } from \"@blueprintjs/select\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\nimport { useState } from \"react\";\nimport { Icon, Divider, Overlay2 } from \"@blueprintjs/core\";\nimport { JSONView, SaveButton } from \"@macrostrat/ui-components\";\nimport { useAPIResult, DataField } from \"@macrostrat/ui-components\";\nimport { LithologyTag } from \"@macrostrat/data-components\";\n\nconst h = hyper.styled(styles);\n\nexport function Matches({\n  match,\n  setMatchLinks,\n  matchLinks,\n  selectedNodes,\n  tree,\n  dispatch,\n}) {\n  const [overlayOpen, setOverlayOpen] = useState(false);\n\n  let nodeMatch = null;\n  if (selectedNodes.length === 1) {\n    nodeMatch = findMatchingNode(tree, selectedNodes[0]);\n  }\n\n  return h.if(matchLinks)(\"div\", [\n    h(Divider),\n    h(Switch, {\n      label: \"Match mode\",\n      checked: match !== undefined,\n      onChange: (e) => {\n        setMatchLinks(match === undefined ? matchLinks || {} : undefined);\n        dispatch({ type: \"toggle-match-mode\" });\n      },\n    }),\n    h.if(nodeMatch && match)(Match, {\n      data: nodeMatch?.match,\n      matchLinks: matchLinks,\n      dispatch,\n      nodeId: nodeMatch?.id,\n    }),\n    h.if(selectedNodes.length == 1 && !nodeMatch?.match && match)(\n      \"div.add-match-container\",\n      [\n        h(\n          \"div.add-type\",\n          {\n            onClick: () => {\n              setOverlayOpen(true);\n            },\n          },\n          [h(\"p.add-match-text\", \"Add match\"), h(Icon, { icon: \"plus\" })],\n        ),\n        h(MatchOverlay, {\n          isOpen: overlayOpen,\n          setOverlayOpen,\n          nodeMatch,\n          dispatch,\n        }),\n      ],\n    ),\n  ]);\n}\n\nfunction findMatchingNode(tree, nodeId) {\n  let match = null;\n\n  function traverse(node) {\n    if (node.id === nodeId) {\n      match = node;\n      return true;\n    }\n    if (Array.isArray(node.children)) {\n      for (const child of node.children) {\n        if (traverse(child)) return true;\n      }\n    }\n    return false;\n  }\n\n  tree.forEach(traverse);\n  return match;\n}\n\nfunction MatchOverlay({ isOpen, setOverlayOpen, nodeMatch, dispatch }) {\n  const [inputValue, setInputValue] = useState(nodeMatch?.name || \"\");\n  const [selectedItem, setSelectedItem] = useState(h(\"div\", \"Select a match\"));\n  const [disabled, setDisabled] = useState(true);\n  const [payload, setPayload] = useState({});\n\n  const data = useAPIResult(\n    \"https://dev.macrostrat.org/api/pg/type_lookup?name=ilike.*\" +\n      inputValue +\n      \"*\",\n  );\n  const items = data?.map((data) => h(MatchTag, { data, setPayload }));\n\n  return h(\n    Overlay2,\n    {\n      isOpen,\n    },\n    h(\n      \"div.overlay-container\",\n      h(\"div.add-type-overlay\", [\n        h(\"h2.title\", [\n          \"Add match with \" + nodeMatch.name,\n          h(Icon, {\n            icon: \"cross\",\n            className: \"close-icon\",\n            onClick: () => {\n              setOverlayOpen(false);\n            },\n            style: { cursor: \"pointer\", color: \"red\" },\n          }),\n        ]),\n        h(\"div.form-group\", [\n          h(\n            Select,\n            {\n              items: items || [],\n              itemRenderer: (item, { handleClick }) => {\n                return h(\"div.match-item\", { onClick: handleClick }, item);\n              },\n              onItemSelect: (item) => {\n                setDisabled(false);\n                setSelectedItem(item);\n              },\n              onQueryChange: (query) => setInputValue(query),\n              popoverProps: { minimal: true },\n              query: inputValue,\n              placeholder: \"Enter match name\",\n            },\n            selectedItem,\n          ),\n        ]),\n        h(\n          SaveButton,\n          {\n            className: \"save-btn\",\n            small: true,\n            onClick: () => {\n              // Handle save changes\n              dispatch({\n                type: \"add-match\",\n                payload: { id: nodeMatch.id, payload },\n              });\n              setOverlayOpen(false);\n            },\n            disabled,\n          },\n          \"Save changes\",\n        ),\n      ]),\n    ),\n  );\n}\n\nfunction Match({ data, matchLinks, dispatch, nodeId }) {\n  return h.if(data)(\"div.match-container\", [\n    MatchTag({ data, matchLinks }),\n    h(Icon, {\n      icon: \"cross\",\n      color: \"red\",\n      className: \"close-btn\",\n      onClick: () => {\n        dispatch({ type: \"remove-match\", payload: { id: nodeId } });\n      },\n    }),\n  ]);\n}\n\ninterface MatchTagProps {\n  data: any;\n  matchLinks?: Record<string, string>;\n  setPayload?: (payload: Record<string, any>) => void;\n}\n\nexport function MatchTag({ data, matchLinks, setPayload }: MatchTagProps) {\n  if (!data || Object.keys(data).length === 0) return;\n\n  if (data.lith_id || data?.type === \"lith\") {\n    return h(\n      \"div\",\n      {\n        onClick: () => {\n          data.type === \"lith\"\n            ? setPayload({ lith_id: data.id, name: data.name })\n            : null;\n        },\n      },\n      h(DataField, {\n        className: \"match-item\",\n        label: \"Stratigraphic name\",\n        value: h(LithologyTag, {\n          data: { name: data.name, id: data.id, color: data.color },\n          onClick: () =>\n            window.open(\n              matchLinks.strat_name + \"/\" + data.strat_name_id,\n              \"_blank\",\n            ),\n        }),\n      }),\n    );\n  }\n\n  if (data.strat_name_id || data?.type === \"strat_name\") {\n    return h(\n      \"div\",\n      {\n        onClick: () => {\n          data.type === \"strat_name\"\n            ? setPayload({ strat_name_id: data.id, name: data.name })\n            : null;\n        },\n      },\n      h(DataField, {\n        className: \"match-item\",\n        label: \"Stratigraphic name\",\n        value: h(LithologyTag, {\n          data: { name: data.name, id: data.id, color: data.color },\n          onClick: () =>\n            window.open(\n              matchLinks.strat_name + \"/\" + data.strat_name_id,\n              \"_blank\",\n            ),\n        }),\n      }),\n    );\n  }\n\n  if (data.lith_att_id || data?.type === \"lith_att\") {\n    return h(\n      \"div\",\n      {\n        onClick: () => {\n          data.type === \"lith_att\"\n            ? setPayload({ lith_att_id: data.id, name: data.name })\n            : null;\n        },\n      },\n      h(DataField, {\n        className: \"match-item\",\n        label: \"Lithology attribute\",\n        value: h(LithologyTag, {\n          data: { name: data.name, id: data.lith_att_id },\n          onClick: () =>\n            window.open(matchLinks.lith_att + \"/\" + data.lith_att_id, \"_blank\"),\n        }),\n      }),\n    );\n  }\n\n  if (data.int_id || data?.type === \"interval\") {\n    return h(\n      \"div\",\n      {\n        onClick: () => {\n          data.type === \"interval\"\n            ? setPayload({ int_id: data.id, name: data.name })\n            : null;\n        },\n      },\n      h(DataField, {\n        label: \"Interval\",\n        className: \"match-item\",\n        value: h(LithologyTag, {\n          data: { name: data.name, id: data.id },\n          onClick: () =>\n            window.open(matchLinks.interval + \"/\" + data.int_id, \"_blank\"),\n        }),\n      }),\n    );\n  }\n\n  return h(JSONView, { data });\n}\n"],"names":["Divider","$locXJ$Divider","Switch","$locXJ$Switch","Icon","$locXJ$Icon","Overlay2","$locXJ$Overlay2","Select","$locXJ$Select","$locXJ$macrostrathyper","useState","$locXJ$useState","useAPIResult","$locXJ$useAPIResult","SaveButton","$locXJ$SaveButton","DataField","$locXJ$DataField","JSONView","$locXJ$JSONView","LithologyTag","$locXJ$LithologyTag","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$9wFEx","$7accc8160d3205c1$var$h","styled","a","__esModule","default","$7accc8160d3205c1$export$6479cfcac2b87c0","match","setMatchLinks","matchLinks","selectedNodes","tree","dispatch","nodeId","overlayOpen","setOverlayOpen","nodeMatch","length","forEach","traverse","node","Array","isArray","children","child","if","label","checked","undefined","onChange","e","type","$7accc8160d3205c1$var$Match","data","onClick","icon","$7accc8160d3205c1$var$MatchOverlay","isOpen","inputValue","setInputValue","name","selectedItem","setSelectedItem","disabled","setDisabled","payload","setPayload","items","map","$7accc8160d3205c1$export$5eeb3456842e9e5f","className","style","cursor","color","itemRenderer","item","handleClick","onItemSelect","onQueryChange","query","popoverProps","minimal","placeholder","small","Object","keys","lith_id","value","window","open","strat_name","strat_name_id","lith_att_id","lith_att","int_id","interval","Matches","MatchTag"],"version":3,"file":"feedback-components.feab0bd0.js.map","sourceRoot":"../../../../"}

package/dist/node/index.js

@@ -1,2 +1,2 @@
-import"./feedback-components.b22d37d1.js";import"./feedback-components.cf680c38.js";function e(e,a){return Object.keys(a).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return a[t]}})}),e}var a=globalThis,t={},r={},c=a.parcelRequirea149;null==c&&((c=function(e){if(e in t)return t[e].exports;if(e in r){var a=r[e];delete r[e];var c={id:e,exports:{}};return t[e]=c,a.call(c.exports,c,c.exports),c.exports}var o=Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}).register=function(e,a){r[e]=a},a.parcelRequirea149=c),c.register;var o={},n=c("edvRb"),d=c("aZPCw");e(o,n),e(o,d);export{$8c534c0378e15a46$export$c4b91360064ad200 as buildHighlights,$8c534c0378e15a46$export$d60b563f571177d as enhanceData,$8c534c0378e15a46$export$35baa338324d8550 as getTagStyle,$8c534c0378e15a46$export$2b07158757c249e0 as ExtractionContext,$8c534c0378e15a46$export$4eb2a0ce903ce967 as ModelInfo,$8c534c0378e15a46$export$117e56c71b172cde as EntityTag,$2c86488f2f3c1edd$export$a90600c9da52b40c as FeedbackComponent,$330ae695507d96f5$export$8d9dbb7a64bf2a5e as treeToGraph};
+import"./feedback-components.db72d0e1.js";import"./feedback-components.70780da4.js";function e(e,a){return Object.keys(a).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return a[t]}})}),e}var a=globalThis,t={},r={},c=a.parcelRequirea149;null==c&&((c=function(e){if(e in t)return t[e].exports;if(e in r){var a=r[e];delete r[e];var c={id:e,exports:{}};return t[e]=c,a.call(c.exports,c,c.exports),c.exports}var o=Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}).register=function(e,a){r[e]=a},a.parcelRequirea149=c),c.register;var o={},n=c("edvRb"),d=c("aZPCw");e(o,n),e(o,d);export{$8c534c0378e15a46$export$c4b91360064ad200 as buildHighlights,$8c534c0378e15a46$export$d60b563f571177d as enhanceData,$8c534c0378e15a46$export$35baa338324d8550 as getTagStyle,$8c534c0378e15a46$export$2b07158757c249e0 as ExtractionContext,$8c534c0378e15a46$export$4eb2a0ce903ce967 as ModelInfo,$8c534c0378e15a46$export$117e56c71b172cde as EntityTag,$2c86488f2f3c1edd$export$a90600c9da52b40c as FeedbackComponent,$330ae695507d96f5$export$8d9dbb7a64bf2a5e as treeToGraph};
 //# sourceMappingURL=index.js.map

package/dist/node/index.js.map

@@ -1 +1 @@
-{"mappings":"A,M,oD,A,O,oD,C,S,E,C,C,C,E,O,O,I,C,G,O,C,S,C,E,Y,G,A,e,G,O,S,C,c,C,I,C,E,I,O,c,C,E,E,C,W,C,E,I,W,O,C,C,E,A,C,E,G,C,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,C,E,E,E,S,E,E,S,E,E,G,E,E,U,6C,e,C,4C,W,C,6C,W,C,6C,iB,C,6C,S,C,6C,S,C,6C,iB,C,6C,W","sources":["<anon>","packages/feedback-components/src/index.ts"],"sourcesContent":["import \"./feedback-components.b22d37d1.js\";\nimport \"./feedback-components.cf680c38.js\";\n\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      }\n    });\n  });\n\n  return dest;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $c688386f08592f9c$exports = {};\n\nvar $edvRb = parcelRequire(\"edvRb\");\n\nvar $aZPCw = parcelRequire(\"aZPCw\");\n$parcel$exportWildcard($c688386f08592f9c$exports, $edvRb);\n$parcel$exportWildcard($c688386f08592f9c$exports, $aZPCw);\n\n\nexport {$8c534c0378e15a46$export$c4b91360064ad200 as buildHighlights, $8c534c0378e15a46$export$d60b563f571177d as enhanceData, $8c534c0378e15a46$export$35baa338324d8550 as getTagStyle, $8c534c0378e15a46$export$2b07158757c249e0 as ExtractionContext, $8c534c0378e15a46$export$4eb2a0ce903ce967 as ModelInfo, $8c534c0378e15a46$export$117e56c71b172cde as EntityTag, $2c86488f2f3c1edd$export$a90600c9da52b40c as FeedbackComponent, $330ae695507d96f5$export$8d9dbb7a64bf2a5e as treeToGraph};\n//# sourceMappingURL=index.js.map\n","export * from \"./extractions\";\nexport * from \"./feedback\";\n"],"names":["$parcel$exportWildcard","dest","source","Object","keys","forEach","key","prototype","hasOwnProperty","call","defineProperty","enumerable","get","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","err","Error","code","register","$c688386f08592f9c$exports","$edvRb","$aZPCw","$8c534c0378e15a46$export$c4b91360064ad200","buildHighlights","$8c534c0378e15a46$export$d60b563f571177d","enhanceData","$8c534c0378e15a46$export$35baa338324d8550","getTagStyle","$8c534c0378e15a46$export$2b07158757c249e0","ExtractionContext","$8c534c0378e15a46$export$4eb2a0ce903ce967","ModelInfo","$8c534c0378e15a46$export$117e56c71b172cde","EntityTag","$2c86488f2f3c1edd$export$a90600c9da52b40c","FeedbackComponent","$330ae695507d96f5$export$8d9dbb7a64bf2a5e","treeToGraph"],"version":3,"file":"index.js.map","sourceRoot":"../../../../"}
+{"mappings":"A,M,oD,A,O,oD,C,S,E,C,C,C,E,O,O,I,C,G,O,C,S,C,E,Y,G,A,e,G,O,S,C,c,C,I,C,E,I,O,c,C,E,E,C,W,C,E,I,W,O,C,C,E,A,C,E,G,C,C,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,C,E,E,E,S,E,E,S,E,E,G,E,E,U,6C,e,C,4C,W,C,6C,W,C,6C,iB,C,6C,S,C,6C,S,C,6C,iB,C,6C,W","sources":["<anon>","packages/feedback-components/src/index.ts"],"sourcesContent":["import \"./feedback-components.db72d0e1.js\";\nimport \"./feedback-components.70780da4.js\";\n\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      }\n    });\n  });\n\n  return dest;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\nvar $c688386f08592f9c$exports = {};\n\nvar $edvRb = parcelRequire(\"edvRb\");\n\nvar $aZPCw = parcelRequire(\"aZPCw\");\n$parcel$exportWildcard($c688386f08592f9c$exports, $edvRb);\n$parcel$exportWildcard($c688386f08592f9c$exports, $aZPCw);\n\n\nexport {$8c534c0378e15a46$export$c4b91360064ad200 as buildHighlights, $8c534c0378e15a46$export$d60b563f571177d as enhanceData, $8c534c0378e15a46$export$35baa338324d8550 as getTagStyle, $8c534c0378e15a46$export$2b07158757c249e0 as ExtractionContext, $8c534c0378e15a46$export$4eb2a0ce903ce967 as ModelInfo, $8c534c0378e15a46$export$117e56c71b172cde as EntityTag, $2c86488f2f3c1edd$export$a90600c9da52b40c as FeedbackComponent, $330ae695507d96f5$export$8d9dbb7a64bf2a5e as treeToGraph};\n//# sourceMappingURL=index.js.map\n","export * from \"./extractions\";\nexport * from \"./feedback\";\n"],"names":["$parcel$exportWildcard","dest","source","Object","keys","forEach","key","prototype","hasOwnProperty","call","defineProperty","enumerable","get","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","err","Error","code","register","$c688386f08592f9c$exports","$edvRb","$aZPCw","$8c534c0378e15a46$export$c4b91360064ad200","buildHighlights","$8c534c0378e15a46$export$d60b563f571177d","enhanceData","$8c534c0378e15a46$export$35baa338324d8550","getTagStyle","$8c534c0378e15a46$export$2b07158757c249e0","ExtractionContext","$8c534c0378e15a46$export$4eb2a0ce903ce967","ModelInfo","$8c534c0378e15a46$export$117e56c71b172cde","EntityTag","$2c86488f2f3c1edd$export$a90600c9da52b40c","FeedbackComponent","$330ae695507d96f5$export$8d9dbb7a64bf2a5e","treeToGraph"],"version":3,"file":"index.js.map","sourceRoot":"../../../../"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@macrostrat/feedback-components",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "description": "",
   "source": "src/index.ts",
   "type": "module",
@@ -39,7 +39,7 @@
     "@macrostrat/data-components": "^0.2.0",
     "@macrostrat/data-sheet": "^2.1.1",
     "@macrostrat/hyper": "^3.0.6",
-    "@macrostrat/ui-components": "^4.4.4",
+    "@macrostrat/ui-components": "^4.4.6",
     "@xyflow/react": "^12.3.6",
     "classnames": "^2.5.1",
     "d3-force": "^3.0.0",

package/src/extractions/index.ts

@@ -140,6 +140,7 @@ export function ExtractionContext({
 }
 
 export function ModelInfo({ data }) {
+  if (!data) return null;
   return h("p.model-name", ["Model: ", h("code.bp5-code", data.name)]);
 }
 

package/src/feedback/edit-state.ts

@@ -63,15 +63,27 @@ export function useUpdatableTree(
   entityTypes: Map<number, EntityType>,
   viewOnly: boolean,
   matchMode: boolean,
+  autoSelect: string[] = [],
 ): [TreeState, TreeDispatch] {
   // Get the first entity type
   // issue: grabs second entity instead of selected one
   const type = entityTypes.values().next().value;
 
+  let selectedNodes = [];
+  autoSelect = autoSelect.map((name) => name.toLowerCase());
+
+  if (autoSelect.length > 0) {
+    // If autoSelect is provided, find the nodes with the matching names
+    selectedNodes = initialTree
+      .flatMap((node) => node.children ?? [])
+      .filter((node) => autoSelect.includes(node.name.toLowerCase()))
+      .map((node) => node.id);
+  }
+
   return useReducer(treeReducer, {
     initialTree,
     tree: initialTree,
-    selectedNodes: [],
+    selectedNodes,
     entityTypesMap: entityTypes,
     selectedEntityType: type,
     lastInternalId: 0,
@@ -98,7 +110,7 @@ function treeReducer(state: TreeState, action: TreeAction) {
   }
 
   if (action.type === "toggle-view-only") {
-    return { ...state, viewOnly: !state.viewOnly };
+    return { ...state, viewOnly: !state.viewOnly, selectedNodes: [] };
   }
 
   if (state.viewOnly) return viewMode(state, action);

package/src/feedback/feedback.module.sass

@@ -27,9 +27,6 @@
   & > svg
     width: 800px
 
-.node
-  cursor: pointer
-
 circle
   border: 1px solid black
 

package/src/feedback/index.ts

@@ -57,6 +57,7 @@ export function FeedbackComponent({
   allowOverlap,
   matchLinks,
   view = false,
+  autoSelect = [],
 }) {
   const [viewOnly, setViewOnly] = useState(view);
   const [match, setMatchLinks] = useState(matchLinks);
@@ -68,6 +69,7 @@ export function FeedbackComponent({
     entityTypes,
     viewOnly,
     matchMode,
+    autoSelect,
   );
 
   const {
@@ -321,8 +323,8 @@ function ManagedSelectionTree(props) {
   const clickedRef = useRef(false);
 
   const _Node = useCallback(
-    (props) => h(Node, { ...props, matchComponent }),
-    [matchComponent],
+    (props) => h(Node, { ...props, matchComponent, viewOnly }),
+    [matchComponent, viewOnly],
   );
 
   // Update Tree selection when selectedNodes change
@@ -410,7 +412,6 @@ function ManagedSelectionTree(props) {
       onSelect: handleSelect,
       children: _Node,
       idAccessor(d) {
-        if (viewOnly) return -1;
         return d.id.toString();
       },
     }),

package/src/feedback/node.ts

@@ -41,25 +41,32 @@ function isNodeActive(node: NodeApi<TreeData>, tree: TreeApi<TreeData>) {
   return false;
 }
 
-function Node({ node, style, dragHandle, tree, matchComponent }: any) {
+function Node({
+  node,
+  style,
+  dragHandle,
+  tree,
+  matchComponent,
+  viewOnly,
+}: any) {
   let highlighted: boolean = isNodeHighlighted(node, tree);
   let active: boolean = isNodeActive(node, tree);
 
-  const dispatch = useTreeDispatch();
+  console.log("viewOnly", viewOnly);
 
-  // console.log("Node render", node.data, highlighted, active);
+  const dispatch = useTreeDispatch();
 
   if (!node.data?.type) {
     node.data.type = { name: "lith", color: "rgb(107, 255, 91)" };
   }
 
   return h(
-    "div.node",
+    "div.node" + (!viewOnly ? ".clickable" : ""),
     { style, ref: dragHandle },
     h(EntityTag, {
       data: node.data,
-      active,
-      highlighted,
+      active: viewOnly ? false : active,
+      highlighted: viewOnly ? true : highlighted,
       matchComponent,
       onClickType() {
         dispatch({ type: "toggle-entity-type-selector" });

package/dist/esm/feedback-components.263bc4a5.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;AAOA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,8EAAK;AAE5B,SAAS,iCAAW,UAAoB,EAAE,QAAkB;IAC1D,OAAO,WAAW,EAAE,IAAI,SAAS,EAAE;AACnC,wEAAwE;AAC1E;AAEA,SAAS,wCAAkB,IAAuB,EAAE,IAAuB;IACzE,gFAAgF;IAChF,IAAI,KAAK,aAAa,CAAC,MAAM,IAAI,GAC/B,OAAO;IAGT,KAAK,MAAM,gBAAgB,KAAK,aAAa,CAAE;QAC7C,IAAI,iCAAW,KAAK,IAAI,EAAE,aAAa,IAAI,GACzC,OAAO;IAEX;IAEA,0CAA0C;IAC1C,IAAI,KAAK,MAAM,IAAI,QAAQ,wCAAkB,KAAK,MAAM,EAAE,OACxD,OAAO;IAGT,OAAO;AACT;AAEA,SAAS,mCAAa,IAAuB,EAAE,IAAuB;IACpE,KAAK,MAAM,gBAAgB,KAAK,aAAa,CAAE;QAC7C,IAAI,iCAAW,KAAK,IAAI,EAAE,aAAa,IAAI,GACzC,OAAO;IAEX;IACA,OAAO;AACT;AAEA,SAAS,2BAAK,QAAE,IAAI,SAAE,KAAK,cAAE,UAAU,QAAE,IAAI,kBAAE,cAAc,EAAO;IAClE,IAAI,cAAuB,wCAAkB,MAAM;IACnD,IAAI,SAAkB,mCAAa,MAAM;IAEzC,MAAM,WAAW,CAAA,GAAA,yCAAc;IAE/B,8DAA8D;IAE9D,IAAI,CAAC,KAAK,IAAI,EAAE,MACd,KAAK,IAAI,CAAC,IAAI,GAAG;QAAE,MAAM;QAAQ,OAAO;IAAoB;IAG9D,OAAO,wBACL,YACA;eAAE;QAAO,KAAK;IAAW,GACzB,wBAAE,CAAA,GAAA,yCAAQ,GAAG;QACX,MAAM,KAAK,IAAI;gBACf;qBACA;wBACA;QACA;YACE,SAAS;gBAAE,MAAM;YAA8B;QACjD;IACF;AAEJ;IAEA,2CAAe","sources":["packages/feedback-components/src/feedback/node.ts"],"sourcesContent":["import { NodeApi, TreeApi } from \"react-arborist\";\nimport { TreeData } from \"./types\";\nimport { EntityTag } from \"../extractions\";\nimport { useTreeDispatch } from \"./edit-state\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\n\nconst h = hyper.styled(styles);\n\nfunction isSelected(searchNode: TreeData, treeNode: TreeData) {\n  return searchNode.id == treeNode.id;\n  // We could also select children of the search node here if we wanted to\n}\n\nfunction isNodeHighlighted(node: NodeApi<TreeData>, tree: TreeApi<TreeData>) {\n  // We treat no selection as all nodes being active. We may add some nuance later\n  if (tree.selectedNodes.length == 0) {\n    return true;\n  }\n\n  for (const selectedNode of tree.selectedNodes) {\n    if (isSelected(node.data, selectedNode.data)) {\n      return true;\n    }\n  }\n\n  // Check if the parent node is highlighted\n  if (node.parent != null && isNodeHighlighted(node.parent, tree)) {\n    return true;\n  }\n\n  return false;\n}\n\nfunction isNodeActive(node: NodeApi<TreeData>, tree: TreeApi<TreeData>) {\n  for (const selectedNode of tree.selectedNodes) {\n    if (isSelected(node.data, selectedNode.data)) {\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction Node({ node, style, dragHandle, tree, matchComponent }: any) {\n  let highlighted: boolean = isNodeHighlighted(node, tree);\n  let active: boolean = isNodeActive(node, tree);\n\n  const dispatch = useTreeDispatch();\n\n  // console.log(\"Node render\", node.data, highlighted, active);\n\n  if (!node.data?.type) {\n    node.data.type = { name: \"lith\", color: \"rgb(107, 255, 91)\" };\n  }\n\n  return h(\n    \"div.node\",\n    { style, ref: dragHandle },\n    h(EntityTag, {\n      data: node.data,\n      active,\n      highlighted,\n      matchComponent,\n      onClickType() {\n        dispatch({ type: \"toggle-entity-type-selector\" });\n      },\n    }),\n  );\n}\n\nexport default Node;\n"],"names":[],"version":3,"file":"feedback-components.263bc4a5.js.map"}

package/dist/esm/feedback-components.3c6291c9.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;;AAIA;;;;;;;;AAOA;;;;AAGA;;;;;AAIA;;;;;AAIA;;;;;AAIE;;;;AAGF;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;;;;;;;;;AAYA;;;;;AAIA;;;;;;;AAME;;;;;AAIF;;;;;AAIA;;;;;;AAKA;;;;AAGA;;;;;;;AAMA;;;;AAGA;;;;;;;AAMA;;;;;;;AAMA;;;;;;;;AAOE;;;;AAGF;;;;;;;;AAOE;;;;;;;;;AAQE;;;;;;AAKA;;;;AAGA;;;;;AAIE;;;;;;AAKN;;;;;AAIA;;;;;;AAKA;;;;;;;;AAOE;;;;;AAIF;;;;;;AAKE;;;;AAGF","sources":["packages/feedback-components/src/feedback/feedback.module.sass"],"sourcesContent":[":root\n  --text-line-height: 3em\n  --main-extra-width: 200px\n\n.page-wrapper\n  display: flex\n  flex-direction: row\n  position: relative\n  gap: 2em\n  align-items: flex-start // makes control-content lose stick\n\n.feedback-container\n  flex: 4\n\n.control-panel\n  flex: 1\n  height: auto\n\n.control-content\n  position: sticky\n  top: 0\n\n.feedback-component\n  position: relative\n  width: 800px\n\n  & > svg\n    width: 800px\n\n.node\n  cursor: pointer\n\ncircle\n  border: 1px solid black\n\n.selected\n  border: 1px solid white\n  \n.feedback-text\n  margin-bottom: 2em\n\n.entity-panel\n  position: relative\n  max-height: 600px\n  width: calc(100% - 2em)\n  flex: 1\n  min-height: 100px\n  padding: 1em\n  background: var(--panel-secondary-background-color)\n  border-radius: 4px\n  // Inset box shadow\n  box-shadow: 0 0 0 1px var(--panel-border-color) inset\n\n.selection-tree\n  margin: -1em 0\n  padding: 1em 0\n  \n.type-list\n  display: grid\n  grid-auto-flow: column\n  grid-template-rows: repeat(10, auto)\n  gap: 0.2em\n\n  .type-tag\n    padding: .2em .5em\n    border-radius: .2em\n\n.description\n  max-width: 300px\n  padding: .5em\n\nmark\n  border-radius: .2em\n  cursor: pointer\n  color: black !important\n\n[role=\"treeitem\"]\n  width: auto !important\n\n.highlight\n  padding: .2em 0\n  border-radius: .2em\n  position: relative\n  zIndex: 10\n\n.clickable\n  cursor: pointer\n\n.feedback-text-wrapper \n  position: relative\n  z-index: 0\n  overflow: visible\n  line-height: var(--text-line-height)\n\n.type-container\n  display: flex\n  justify-content: space-between\n  align-items: center\n  column-gap: 1em\n\n.add-type\n  cursor: pointer\n  display: flex\n  justify-content: space-between\n  padding: 0 .5em\n  align-items: center\n\n  p\n    margin: 0\n\n.overlay-container\n  height: 80vh\n  width: 100vw\n  display: flex\n  justify-content: center\n  align-items: center\n\n  .add-type-overlay\n    background-color: var(--tertiary-background)\n    padding: .5em 1em\n    display: flex\n    flex-direction: column\n    gap: 1em\n    border-radius: .2em\n\n    .title\n      display: flex\n      justify-content: space-between\n      align-items: center\n\n    h2\n      margin: 0\n\n    .form-group\n      display: flex\n      gap: 3em\n\n      .text-inputs\n        display: flex\n        flex-direction: column\n        gap: 1em\n\n.icons\n  display: flex\n  gap: .25em\n\n.node-label\n  fill: var(--text-emphasized-color)\n  fontSize: 10px\n  pointerEvents: none\n\n.match-item\n  color: var(--text-emphasized-color)\n  padding: .1em .2em\n  border-radius: .2em\n  margin-bottom: 4px\n  cursor: pointer\n  \n  .match-label\n    margin: 0\n    color: var(--text-color)\n\n.match-container\n  display: flex\n  justify-content: space-between\n  align-items: center\n\n  .close-btn\n    cursor: pointer\n\n.match-link\n  padding: .5em"],"names":[],"version":3,"file":"feedback-components.3c6291c9.css.map"}