@macrostrat/feedback-components 1.1.8 → 1.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/dist/esm/{feedback-components.a68566c0.js → feedback-components.2364179b.js} +2 -2
- package/dist/esm/{feedback-components.a68566c0.js.map → feedback-components.2364179b.js.map} +1 -1
- package/dist/esm/{feedback-components.00ee63d8.js → feedback-components.7f72e5e9.js} +2 -2
- package/dist/esm/{feedback-components.00ee63d8.js.map → feedback-components.7f72e5e9.js.map} +1 -1
- package/dist/esm/{feedback-components.707e3490.js → feedback-components.ba79c0ef.js} +2 -1
- package/dist/esm/feedback-components.ba79c0ef.js.map +1 -0
- package/dist/esm/{feedback-components.e60ed31b.js → feedback-components.c6e2c296.js} +2 -2
- package/dist/esm/{feedback-components.e60ed31b.js.map → feedback-components.c6e2c296.js.map} +1 -1
- package/dist/esm/{feedback-components.7056256c.js → feedback-components.ca78c2d4.js} +2 -2
- package/dist/esm/{feedback-components.7056256c.js.map → feedback-components.ca78c2d4.js.map} +1 -1
- package/dist/esm/{feedback-components.49750f16.js → feedback-components.edc606bb.js} +6 -6
- package/dist/esm/{feedback-components.49750f16.js.map → feedback-components.edc606bb.js.map} +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/node/{feedback-components.43ebd847.js → feedback-components.1bd49bf0.js} +2 -2
- package/dist/node/{feedback-components.43ebd847.js.map → feedback-components.1bd49bf0.js.map} +1 -1
- package/dist/node/{feedback-components.5d0cbb0e.js → feedback-components.6a4a1290.js} +2 -2
- package/dist/node/{feedback-components.5d0cbb0e.js.map → feedback-components.6a4a1290.js.map} +1 -1
- package/dist/node/{feedback-components.f00697d0.js → feedback-components.70780da4.js} +2 -2
- package/dist/node/{feedback-components.f00697d0.js.map → feedback-components.70780da4.js.map} +1 -1
- package/dist/node/feedback-components.db72d0e1.js +2 -0
- package/dist/node/feedback-components.db72d0e1.js.map +1 -0
- package/dist/node/{feedback-components.af47a628.js → feedback-components.ddd11fe8.js} +2 -2
- package/dist/node/{feedback-components.af47a628.js.map → feedback-components.ddd11fe8.js.map} +1 -1
- package/dist/node/{feedback-components.d3a83264.js → feedback-components.e59a061f.js} +2 -2
- package/dist/node/{feedback-components.d3a83264.js.map → feedback-components.e59a061f.js.map} +1 -1
- package/dist/node/index.js +1 -1
- package/dist/node/index.js.map +1 -1
- package/package.json +2 -2
- package/src/extractions/index.ts +1 -0
- package/dist/esm/feedback-components.707e3490.js.map +0 -1
- package/dist/node/feedback-components.b22d37d1.js +0 -2
- package/dist/node/feedback-components.b22d37d1.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"./feedback-components.c84ff10e.js";import"./feedback-components.
|
|
2
|
-
//# sourceMappingURL=feedback-components.
|
|
1
|
+
import"./feedback-components.c84ff10e.js";import"./feedback-components.db72d0e1.js";import"./feedback-components.feab0bd0.js";import e from"@macrostrat/hyper";import{useRef as t,useEffect as n}from"react";import{Popover as r}from"@blueprintjs/core";var o=globalThis,a={},l={},i=o.parcelRequirea149;null==i&&((i=function(e){if(e in a)return a[e].exports;if(e in l){var t=l[e];delete l[e];var n={id:e,exports:{}};return a[e]=n,t.call(n.exports,n,n.exports),n.exports}var r=Error("Cannot find module '"+e+"'");throw r.code="MODULE_NOT_FOUND",r}).register=function(e,t){l[e]=t},o.parcelRequirea149=i),i.register;var s=i("9wFEx"),d=i("edvRb"),c=i("jlqgz");let p=e.styled(s&&s.__esModule?s.default:s);function g(e){let{text:t,selectedNodes:n,nodes:r,dispatch:o,allowOverlap:a,matchLinks:l,viewOnly:i}=e;return p("div.feedback-text-wrapper",{tabIndex:0,onKeyDown:e=>{"Backspace"===e.key&&o({type:"delete-node",payload:{ids:n}})}},p(u,{text:t,allTags:function(e,t){let n=[],r=new Set;for(let a of e){var o;if(r.has(a.id))continue;let e=function(e,t){return 0===t.length||((t.includes(e.id)||e.parents?.some(e=>t.includes(e)))??!1)}(a,t),l=(o=a,t.includes(o.id)),i=(0,d.getTagStyle)(a.backgroundColor,{highlighted:e,active:l}),s={color:i.color,tagStyle:{display:"none"},markStyle:{backgroundColor:i.backgroundColor},...a,backgroundColor:i.backgroundColor};n.push(s),r.add(a.id)}return n}((0,d.buildHighlights)(r,null),n),allowOverlap:a,dispatch:o,selectedNodes:n,viewOnly:i,matchLinks:l}))}function u(e){let{text:o,allTags:a=[],dispatch:l,selectedNodes:i,allowOverlap:s,matchLinks:d,viewOnly:g}=e,u=function(e,t){let n=[];for(let e of t)n.push({pos:e.start,type:"start",tag:e}),n.push({pos:e.end,type:"end",tag:e});n.sort((e,t)=>e.pos!==t.pos?e.pos-t.pos:"end"===e.type&&"start"===t.type?-1:+("start"===e.type&&"end"===t.type));let r={children:[],textStart:0},o=[r],a=0;for(let{pos:t,type:r,tag:l}of n){let n=o[o.length-1];if(t>a){let r=e.slice(a,t);n.children.push(r)}if("start"===r){let e={tag:l,children:[],textStart:t};n.children.push(e),o.push(e)}else o.pop();a=t}return a<e.length&&o[o.length-1].children.push(e.slice(a)),r}(o,a),f=t(null);return n(()=>{let e=()=>{let e=function({container:e}){let t=window.getSelection();if(!t||t.isCollapsed||0===t.rangeCount||!e)return null;let n=t.getRangeAt(0);if(!e.contains(n.startContainer)||!e.contains(n.endContainer))return null;let r=document.createRange();r.setStart(e,0),r.setEnd(n.startContainer,n.startOffset);let o=r.toString().length,a=n.toString(),l=o+a.length;return{start:o,end:l,text:a}}({container:f.current});e&&function({tag:e,dispatch:t,text:n,allTags:r,allowOverlap:o}){let{start:a,end:l}=e;if(" "!=n[l-1]){for(;a>0&&/\w/.test(n[a-1]);)a--;for(;l<n.length&&/\w/.test(n[l]);)l++}let i={start:a,end:l,text:n.slice(a,l)};if(""===i.text.trim())return console.log("Blank tag found, ignoring");if(r.find(e=>e.start===i.start&&(e.end===i.end||e.end===i.end-1)))return console.log("Duplicate tag found, ignoring");i.text.endsWith(" ")&&(i.text=i.text.slice(0,-1),i.end-=1);let s=r.some(e=>e.start<=i.start&&e.end>=i.end),d=r.some(e=>e.start<i.end&&e.end>i.start);if((s||d)&&!o)return console.log("Tag is inside another tag, ignoring");t({type:"create-node",payload:i})}({tag:e,dispatch:l,text:o,allTags:a,allowOverlap:s})};return document.addEventListener("mouseup",e),()=>{document.removeEventListener("mouseup",e)}},[o,a,l,s]),p("span",{ref:f},u.children.map((e,t)=>(function e(t,n,o,a,l,i){if("string"==typeof t)return t;let{tag:s,children:d}=t,g=o?.includes(s.id),u=0===o.length||g,f=s.match,h={...s,zIndex:a?-1:1,border:"1px solid "+(void 0!=f&&l?"orange":u?s.color:"transparent"),margin:"-1px"},m=[];if(g){for(let e in d)if(Object.prototype.hasOwnProperty.call(d,e)){let t=d[e];t?.tag?m.push(t.children[0]):m.push(t)}}let y=p("span",{onMouseEnter:e=>{e.stopPropagation()},className:"highlight"+(!i||f?" clickable":""),style:h,onClick:e=>{e.stopPropagation(),e.ctrlKey||e.metaKey||o[0]===s.id&&1===o.length?(e.stopPropagation(),n({type:"toggle-node-selected",payload:{ids:[s.id]}})):e.shiftKey&&o.length>0?n({type:"select-range",payload:{ids:[o[o.length-1],s.id]}}):n({type:"select-node",payload:{ids:[s.id]}})}},g?m.flat():d.map((t,r)=>e(t,n,o,g,l,i)));return i&&f?p(r,{content:p("div.match-link",p(c.MatchTag,{data:f,matchLinks:l})),interactionKind:"hover"},y):y})(e,l,i,!1,d,g)))}export{g as FeedbackText,u as HighlightedText};
|
|
2
|
+
//# sourceMappingURL=feedback-components.ddd11fe8.js.map
|
package/dist/node/{feedback-components.af47a628.js.map → feedback-components.ddd11fe8.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["<anon>","packages/feedback-components/src/feedback/text-visualizer.ts"],"sourcesContent":["import \"./feedback-components.c84ff10e.js\";\nimport \"./feedback-components.b22d37d1.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.af47a628.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.af47a628.js.map","sourceRoot":"../../../../"}
|
|
1
|
+
{"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":"../../../../"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"./feedback-components.
|
|
2
|
-
//# sourceMappingURL=feedback-components.
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=feedback-components.e59a061f.js.map
|
package/dist/node/{feedback-components.d3a83264.js.map → feedback-components.e59a061f.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
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.
|
|
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/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"./feedback-components.
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/node/index.js.map
CHANGED
|
@@ -1 +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.
|
|
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.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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@macrostrat/feedback-components",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.9",
|
|
4
4
|
"description": "",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"type": "module",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"@macrostrat/data-components": "^0.2.0",
|
|
40
40
|
"@macrostrat/data-sheet": "^2.1.1",
|
|
41
41
|
"@macrostrat/hyper": "^3.0.6",
|
|
42
|
-
"@macrostrat/ui-components": "^4.4.
|
|
42
|
+
"@macrostrat/ui-components": "^4.4.6",
|
|
43
43
|
"@xyflow/react": "^12.3.6",
|
|
44
44
|
"classnames": "^2.5.1",
|
|
45
45
|
"d3-force": "^3.0.0",
|
package/src/extractions/index.ts
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/feedback-components/src/extractions/index.ts"],"sourcesContent":["import styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { Tag } from \"@blueprintjs/core\";\nimport type { Entity, EntityExt, Highlight, EntityType } from \"./types\";\nimport { CSSProperties } from \"react\";\nimport { asChromaColor } from \"@macrostrat/color-utils\";\nimport hyper from \"@macrostrat/hyper\";\nimport { useDarkMode } from \"@macrostrat/ui-components\";\n\nexport type { Entity, EntityExt };\n\nconst h = hyper.styled(styles);\n\nexport function buildHighlights(\n entities: EntityExt[],\n parent: EntityExt | null,\n): Highlight[] {\n let highlights = [];\n let parents = [];\n if (parent != null) {\n parents = [parent.id, ...(parent.parents ?? [])];\n }\n\n for (const entity of entities) {\n highlights.push({\n start: entity.indices[0],\n end: entity.indices[1],\n text: entity.name,\n backgroundColor: entity.type?.color,\n tag: entity.type?.name ?? \"lith\",\n id: entity.id,\n parents,\n match: entity.match,\n });\n highlights.push(...buildHighlights(entity.children ?? [], entity));\n }\n return highlights;\n}\n\nexport function enhanceData(extractionData, models, entityTypes) {\n return {\n ...extractionData,\n model: models.get(extractionData.model_id),\n entities: extractionData.entities?.map((d) =>\n enhanceEntity(d, entityTypes),\n ),\n };\n}\n\nexport function getTagStyle(\n baseColor: string,\n options: {\n highlighted?: boolean;\n inDarkMode?: boolean;\n active?: boolean;\n showMatches?: boolean;\n } = {},\n): CSSProperties {\n const _baseColor = asChromaColor(baseColor ?? \"#fff\");\n const {\n highlighted = true,\n inDarkMode = useDarkMode().isEnabled,\n active = false,\n } = options;\n\n let mixAmount = highlighted ? 0.8 : 0.5;\n let backgroundAlpha = highlighted ? 0.8 : 0.2;\n\n if (active) {\n mixAmount = 1;\n backgroundAlpha = 1;\n }\n\n const mixTarget = \"black\";\n\n const color = active ? \"#000\" : _baseColor.mix(mixTarget, mixAmount).hex();\n const borderColor = highlighted\n ? _baseColor.mix(mixTarget, mixAmount / 1.1).hex()\n : \"transparent\";\n\n let backgroundColor = active\n ? _baseColor.alpha(backgroundAlpha).hex()\n : normalizeColor(_baseColor.alpha(backgroundAlpha).hex());\n\n // handle white backgrounds in light mode\n if (!inDarkMode && backgroundColor === \"#ffffff\") {\n backgroundColor = \"#f0f0f0\";\n }\n\n return {\n color,\n backgroundColor,\n boxSizing: \"border-box\",\n borderStyle: \"solid\",\n borderColor,\n borderWidth: \"1.5px\",\n fontWeight: active ? \"bold\" : \"normal\",\n fontSize: \"0.9em\",\n };\n}\n\nfunction enhanceEntity(\n entity: Entity,\n entityTypes: Map<number, EntityType>,\n): EntityExt {\n return {\n ...entity,\n type: addColor(entityTypes.get(entity.type), entity.match != null),\n children: entity.children?.map((d) => enhanceEntity(d, entityTypes)),\n };\n}\n\nfunction addColor(entityType: EntityType, match = false) {\n const color = asChromaColor(entityType.color ?? \"#fff\").brighten(\n match ? 1 : 2,\n );\n\n return { ...entityType, color: color.css() };\n}\n\nexport function ExtractionContext({\n data,\n entityTypes,\n matchComponent,\n}: {\n data: any;\n entityTypes: Map<number, EntityType>;\n matchComponent: MatchComponent;\n}) {\n const highlights = buildHighlights(data.entities, null);\n\n return h(\"div\", [\n h(\"p\", h(HighlightedText, { text: data.paragraph_text, highlights })),\n h(ModelInfo, { data: data.model }),\n h(\n \"ul.entities\",\n data.entities.map((d) => h(ExtractionInfo, { data: d, matchComponent })),\n ),\n ]);\n}\n\nexport function ModelInfo({ data }) {\n return h(\"p.model-name\", [\"Model: \", h(\"code.bp5-code\", data.name)]);\n}\n\nexport type MatchComponent = (props: { data: any }) => any;\n\ntype EntityTagProps = {\n data: EntityExt;\n highlighted?: boolean;\n active?: boolean;\n onClickType?: (type: EntityType) => void;\n matchComponent?: MatchComponent;\n};\n\nexport function EntityTag({\n data,\n highlighted = true,\n active = false,\n onClickType,\n matchComponent = null,\n}: EntityTagProps) {\n const { name, type, match } = data;\n\n const className = classNames(\n {\n matched: match != null,\n type: data.type?.name ?? \"lith\",\n },\n \"entity\",\n );\n\n const style = getTagStyle(type?.color, { highlighted, active });\n\n let _matchLink = null;\n if (match != null && matchComponent != null) {\n _matchLink = h(matchComponent, { data: match });\n }\n\n return h(Tag, { style, className }, [\n h(\"span.entity-name\", name),\n \" \",\n h(\n \"code.entity-type.bp5-code\",\n {\n onClick(evt) {\n if (active && onClickType != null) {\n onClickType(type);\n evt.stopPropagation();\n }\n },\n },\n [type?.name, _matchLink],\n ),\n ]);\n}\n\nfunction ExtractionInfo({\n data,\n matchComponent = null,\n}: {\n data: EntityExt;\n matchComponent: MatchComponent;\n}) {\n const children = data.children ?? [];\n\n return h(\"li.entity-row\", [\n h(EntityTag, { data, matchComponent }),\n h.if(children.length > 0)([\n h(\n \"ul.children\",\n children.map((d) => h(ExtractionInfo, { data: d, matchComponent })),\n ),\n ]),\n ]);\n}\n\nfunction HighlightedText(props: { text: string; highlights: Highlight[] }) {\n const { text, highlights = [] } = props;\n const parts = [];\n let start = 0;\n\n const sortedHighlights = highlights.sort((a, b) => a.start - b.start);\n const deconflictedHighlights = sortedHighlights.map((highlight, i) => {\n if (i === 0) return highlight;\n const prev = sortedHighlights[i - 1];\n if (highlight.start < prev.end) {\n highlight.start = prev.end;\n }\n return highlight;\n });\n\n for (const highlight of deconflictedHighlights) {\n const { start: s, end, ...rest } = highlight;\n parts.push(text.slice(start, s));\n parts.push(h(\"span.highlight\", { style: rest }, text.slice(s, end)));\n start = end;\n }\n parts.push(text.slice(start));\n return h(\"span\", parts);\n}\n\nfunction normalizeColor(hex8) {\n const background = useDarkMode().isEnabled ? \"#000000\" : \"#ffffff\";\n\n const r = parseInt(hex8.slice(1, 3), 16);\n const g = parseInt(hex8.slice(3, 5), 16);\n const b = parseInt(hex8.slice(5, 7), 16);\n const a = parseInt(hex8.slice(7, 9), 16) / 255;\n\n const bgR = parseInt(background.slice(1, 3), 16);\n const bgG = parseInt(background.slice(3, 5), 16);\n const bgB = parseInt(background.slice(5, 7), 16);\n\n const blend = (fg, bg) => Math.round((1 - a) * bg + a * fg);\n\n const blendedR = blend(r, bgR);\n const blendedG = blend(g, bgG);\n const blendedB = blend(b, bgB);\n\n return (\n \"#\" +\n blendedR.toString(16).padStart(2, \"0\") +\n blendedG.toString(16).padStart(2, \"0\") +\n blendedB.toString(16).padStart(2, \"0\")\n );\n}\n\nfunction isHighlighted(id: number, selectedNodes: number[], nodes: any[]) {\n if (selectedNodes?.length === 0) return true;\n return (\n selectedNodes?.includes(id) ||\n nodes?.some(\n (node) =>\n selectedNodes?.includes(node.id) &&\n node.children.some((child) => child.id === id),\n )\n );\n}\n"],"names":[],"version":3,"file":"feedback-components.707e3490.js.map"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import"./feedback-components.794f429b.js";import t from"classnames";import{Tag as e}from"@blueprintjs/core";import{asChromaColor as n}from"@macrostrat/color-utils";import a from"@macrostrat/hyper";import{useDarkMode as r}from"@macrostrat/ui-components";function o(t,e,n,a){Object.defineProperty(t,e,{get:n,set:a,enumerable:!0,configurable:!0})}var i=globalThis,l={},c={},s=i.parcelRequirea149;null==s&&((s=function(t){if(t in l)return l[t].exports;if(t in c){var e=c[t];delete c[t];var n={id:t,exports:{}};return l[t]=n,e.call(n.exports,n,n.exports),n.exports}var a=Error("Cannot find module '"+t+"'");throw a.code="MODULE_NOT_FOUND",a}).register=function(t,e){c[t]=e},i.parcelRequirea149=s),s.register;var p={};o(p,"buildHighlights",()=>u),o(p,"enhanceData",()=>f),o(p,"getTagStyle",()=>m),o(p,"ExtractionContext",()=>g),o(p,"ModelInfo",()=>b),o(p,"EntityTag",()=>x);var d=s("2ptYq");let h=a.styled(d&&d.__esModule?d.default:d);function u(t,e){let n=[],a=[];for(let r of(null!=e&&(a=[e.id,...e.parents??[]]),t))n.push({start:r.indices[0],end:r.indices[1],text:r.name,backgroundColor:r.type?.color,tag:r.type?.name??"lith",id:r.id,parents:a,match:r.match}),n.push(...u(r.children??[],r));return n}function f(t,e,a){return{...t,model:e.get(t.model_id),entities:t.entities?.map(t=>(function t(e,a){return{...e,type:function(t,e=!1){let a=n(t.color??"#fff").brighten(e?1:2);return{...t,color:a.css()}}(a.get(e.type),null!=e.match),children:e.children?.map(e=>t(e,a))}})(t,a))}}function m(t,e={}){let a=n(t??"#fff"),{highlighted:o=!0,inDarkMode:i=r().isEnabled,active:l=!1}=e,c=o?.8:.5,s=o?.8:.2;l&&(c=1,s=1);let p="black",d=l?"#000":a.mix(p,c).hex(),h=o?a.mix(p,c/1.1).hex():"transparent",u=l?a.alpha(s).hex():function(t){let e=r().isEnabled?"#000000":"#ffffff",n=parseInt(t.slice(1,3),16),a=parseInt(t.slice(3,5),16),o=parseInt(t.slice(5,7),16),i=parseInt(t.slice(7,9),16)/255,l=parseInt(e.slice(1,3),16),c=parseInt(e.slice(3,5),16),s=parseInt(e.slice(5,7),16),p=(t,e)=>Math.round((1-i)*e+i*t),d=p(n,l),h=p(a,c),u=p(o,s);return"#"+d.toString(16).padStart(2,"0")+h.toString(16).padStart(2,"0")+u.toString(16).padStart(2,"0")}(a.alpha(s).hex());return i||"#ffffff"!==u||(u="#f0f0f0"),{color:d,backgroundColor:u,boxSizing:"border-box",borderStyle:"solid",borderColor:h,borderWidth:"1.5px",fontWeight:l?"bold":"normal",fontSize:"0.9em"}}function g({data:t,entityTypes:e,matchComponent:n}){let a=u(t.entities,null);return h("div",[h("p",h($,{text:t.paragraph_text,highlights:a})),h(b,{data:t.model}),h("ul.entities",t.entities.map(t=>h(y,{data:t,matchComponent:n})))])}function b({data:t}){return h("p.model-name",["Model: ",h("code.bp5-code",t.name)])}function x({data:n,highlighted:a=!0,active:r=!1,onClickType:o,matchComponent:i=null}){let{name:l,type:c,match:s}=n,p=t({matched:null!=s,type:n.type?.name??"lith"},"entity"),d=m(c?.color,{highlighted:a,active:r}),u=null;return null!=s&&null!=i&&(u=h(i,{data:s})),h(e,{style:d,className:p},[h("span.entity-name",l)," ",h("code.entity-type.bp5-code",{onClick(t){r&&null!=o&&(o(c),t.stopPropagation())}},[c?.name,u])])}function y({data:t,matchComponent:e=null}){let n=t.children??[];return h("li.entity-row",[h(x,{data:t,matchComponent:e}),h.if(n.length>0)([h("ul.children",n.map(t=>h(y,{data:t,matchComponent:e})))])])}function $(t){let{text:e,highlights:n=[]}=t,a=[],r=0,o=n.sort((t,e)=>t.start-e.start);for(let t of o.map((t,e)=>{if(0===e)return t;let n=o[e-1];return t.start<n.end&&(t.start=n.end),t})){let{start:n,end:o,...i}=t;a.push(e.slice(r,n)),a.push(h("span.highlight",{style:i},e.slice(n,o))),r=o}return a.push(e.slice(r)),h("span",a)}export{u as buildHighlights,f as enhanceData,m as getTagStyle,g as ExtractionContext,b as ModelInfo,x as EntityTag};
|
|
2
|
-
//# sourceMappingURL=feedback-components.b22d37d1.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"mappings":"A,M,oD,A,Q,M,Y,A,Q,O,C,K,mB,A,Q,iB,C,K,yB,A,Q,M,mB,A,Q,e,C,K,2B,C,S,E,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,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,kB,I,G,E,E,c,I,G,E,E,c,I,G,E,E,oB,I,G,E,E,Y,I,G,E,E,Y,I,G,I,E,E,SCWA,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAEhB,SAAS,EACd,CAAqB,CACrB,CAAwB,EAExB,IAAI,EAAa,EAAE,CACf,EAAU,EAAE,CAKhB,IAAK,IAAM,KAJP,AAAU,MAAV,GACF,CAAA,EAAU,CAAC,EAAO,EAAE,IAAM,EAAO,OAAO,EAAI,EAAE,CAAE,AAAA,EAG7B,GACnB,EAAW,IAAI,CAAC,CACd,MAAO,EAAO,OAAO,CAAC,EAAE,CACxB,IAAK,EAAO,OAAO,CAAC,EAAE,CACtB,KAAM,EAAO,IAAI,CACjB,gBAAiB,EAAO,IAAI,EAAE,MAC9B,IAAK,EAAO,IAAI,EAAE,MAAQ,OAC1B,GAAI,EAAO,EAAE,CACb,QAAA,EACA,MAAO,EAAO,KAAK,AACrB,GACA,EAAW,IAAI,IAAI,EAAgB,EAAO,QAAQ,EAAI,EAAE,CAAE,IAE5D,OAAO,CACT,CAEO,SAAS,EAAY,CAAc,CAAE,CAAM,CAAE,CAAW,EAC7D,MAAO,CACL,GAAG,CAAc,CACjB,MAAO,EAAO,GAAG,CAAC,EAAe,QAAQ,EACzC,SAAU,EAAe,QAAQ,EAAE,IAAI,AAAC,GACtC,AAyDN,CAAA,SAAS,EACP,CAAc,CACd,CAAoC,EAEpC,MAAO,CACL,GAAG,CAAM,CACT,KAAM,AAKV,SAAkB,CAAsB,CAAE,EAAQ,CAAA,CAAK,EA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","sources":["<anon>","packages/feedback-components/src/extractions/index.ts"],"sourcesContent":["import \"./feedback-components.794f429b.js\";\nimport $78C1X$classnames from \"classnames\";\nimport {Tag as $78C1X$Tag} from \"@blueprintjs/core\";\nimport {asChromaColor as $78C1X$asChromaColor} from \"@macrostrat/color-utils\";\nimport $78C1X$macrostrathyper from \"@macrostrat/hyper\";\nimport {useDarkMode as $78C1X$useDarkMode} from \"@macrostrat/ui-components\";\n\n\nfunction $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$export(e, n, v, s) {\n Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\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 $8c534c0378e15a46$exports = {};\n\n$parcel$export($8c534c0378e15a46$exports, \"buildHighlights\", () => $8c534c0378e15a46$export$c4b91360064ad200);\n$parcel$export($8c534c0378e15a46$exports, \"enhanceData\", () => $8c534c0378e15a46$export$d60b563f571177d);\n$parcel$export($8c534c0378e15a46$exports, \"getTagStyle\", () => $8c534c0378e15a46$export$35baa338324d8550);\n$parcel$export($8c534c0378e15a46$exports, \"ExtractionContext\", () => $8c534c0378e15a46$export$2b07158757c249e0);\n$parcel$export($8c534c0378e15a46$exports, \"ModelInfo\", () => $8c534c0378e15a46$export$4eb2a0ce903ce967);\n$parcel$export($8c534c0378e15a46$exports, \"EntityTag\", () => $8c534c0378e15a46$export$117e56c71b172cde);\n\nvar $2ptYq = parcelRequire(\"2ptYq\");\n\n\n\n\n\nconst $8c534c0378e15a46$var$h = (0, $78C1X$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($2ptYq))));\nfunction $8c534c0378e15a46$export$c4b91360064ad200(entities, parent) {\n let highlights = [];\n let parents = [];\n if (parent != null) parents = [\n parent.id,\n ...parent.parents ?? []\n ];\n for (const entity of entities){\n highlights.push({\n start: entity.indices[0],\n end: entity.indices[1],\n text: entity.name,\n backgroundColor: entity.type?.color,\n tag: entity.type?.name ?? \"lith\",\n id: entity.id,\n parents: parents,\n match: entity.match\n });\n highlights.push(...$8c534c0378e15a46$export$c4b91360064ad200(entity.children ?? [], entity));\n }\n return highlights;\n}\nfunction $8c534c0378e15a46$export$d60b563f571177d(extractionData, models, entityTypes) {\n return {\n ...extractionData,\n model: models.get(extractionData.model_id),\n entities: extractionData.entities?.map((d)=>$8c534c0378e15a46$var$enhanceEntity(d, entityTypes))\n };\n}\nfunction $8c534c0378e15a46$export$35baa338324d8550(baseColor, options = {}) {\n const _baseColor = (0, $78C1X$asChromaColor)(baseColor ?? \"#fff\");\n const { highlighted: highlighted = true, inDarkMode: inDarkMode = (0, $78C1X$useDarkMode)().isEnabled, active: active = false } = options;\n let mixAmount = highlighted ? 0.8 : 0.5;\n let backgroundAlpha = highlighted ? 0.8 : 0.2;\n if (active) {\n mixAmount = 1;\n backgroundAlpha = 1;\n }\n const mixTarget = \"black\";\n const color = active ? \"#000\" : _baseColor.mix(mixTarget, mixAmount).hex();\n const borderColor = highlighted ? _baseColor.mix(mixTarget, mixAmount / 1.1).hex() : \"transparent\";\n let backgroundColor = active ? _baseColor.alpha(backgroundAlpha).hex() : $8c534c0378e15a46$var$normalizeColor(_baseColor.alpha(backgroundAlpha).hex());\n // handle white backgrounds in light mode\n if (!inDarkMode && backgroundColor === \"#ffffff\") backgroundColor = \"#f0f0f0\";\n return {\n color: color,\n backgroundColor: backgroundColor,\n boxSizing: \"border-box\",\n borderStyle: \"solid\",\n borderColor: borderColor,\n borderWidth: \"1.5px\",\n fontWeight: active ? \"bold\" : \"normal\",\n fontSize: \"0.9em\"\n };\n}\nfunction $8c534c0378e15a46$var$enhanceEntity(entity, entityTypes) {\n return {\n ...entity,\n type: $8c534c0378e15a46$var$addColor(entityTypes.get(entity.type), entity.match != null),\n children: entity.children?.map((d)=>$8c534c0378e15a46$var$enhanceEntity(d, entityTypes))\n };\n}\nfunction $8c534c0378e15a46$var$addColor(entityType, match = false) {\n const color = (0, $78C1X$asChromaColor)(entityType.color ?? \"#fff\").brighten(match ? 1 : 2);\n return {\n ...entityType,\n color: color.css()\n };\n}\nfunction $8c534c0378e15a46$export$2b07158757c249e0({ data: data, entityTypes: entityTypes, matchComponent: matchComponent }) {\n const highlights = $8c534c0378e15a46$export$c4b91360064ad200(data.entities, null);\n return $8c534c0378e15a46$var$h(\"div\", [\n $8c534c0378e15a46$var$h(\"p\", $8c534c0378e15a46$var$h($8c534c0378e15a46$var$HighlightedText, {\n text: data.paragraph_text,\n highlights: highlights\n })),\n $8c534c0378e15a46$var$h($8c534c0378e15a46$export$4eb2a0ce903ce967, {\n data: data.model\n }),\n $8c534c0378e15a46$var$h(\"ul.entities\", data.entities.map((d)=>$8c534c0378e15a46$var$h($8c534c0378e15a46$var$ExtractionInfo, {\n data: d,\n matchComponent: matchComponent\n })))\n ]);\n}\nfunction $8c534c0378e15a46$export$4eb2a0ce903ce967({ data: data }) {\n return $8c534c0378e15a46$var$h(\"p.model-name\", [\n \"Model: \",\n $8c534c0378e15a46$var$h(\"code.bp5-code\", data.name)\n ]);\n}\nfunction $8c534c0378e15a46$export$117e56c71b172cde({ data: data, highlighted: highlighted = true, active: active = false, onClickType: onClickType, matchComponent: matchComponent = null }) {\n const { name: name, type: type, match: match } = data;\n const className = (0, $78C1X$classnames)({\n matched: match != null,\n type: data.type?.name ?? \"lith\"\n }, \"entity\");\n const style = $8c534c0378e15a46$export$35baa338324d8550(type?.color, {\n highlighted: highlighted,\n active: active\n });\n let _matchLink = null;\n if (match != null && matchComponent != null) _matchLink = $8c534c0378e15a46$var$h(matchComponent, {\n data: match\n });\n return $8c534c0378e15a46$var$h((0, $78C1X$Tag), {\n style: style,\n className: className\n }, [\n $8c534c0378e15a46$var$h(\"span.entity-name\", name),\n \" \",\n $8c534c0378e15a46$var$h(\"code.entity-type.bp5-code\", {\n onClick (evt) {\n if (active && onClickType != null) {\n onClickType(type);\n evt.stopPropagation();\n }\n }\n }, [\n type?.name,\n _matchLink\n ])\n ]);\n}\nfunction $8c534c0378e15a46$var$ExtractionInfo({ data: data, matchComponent: matchComponent = null }) {\n const children = data.children ?? [];\n return $8c534c0378e15a46$var$h(\"li.entity-row\", [\n $8c534c0378e15a46$var$h($8c534c0378e15a46$export$117e56c71b172cde, {\n data: data,\n matchComponent: matchComponent\n }),\n $8c534c0378e15a46$var$h.if(children.length > 0)([\n $8c534c0378e15a46$var$h(\"ul.children\", children.map((d)=>$8c534c0378e15a46$var$h($8c534c0378e15a46$var$ExtractionInfo, {\n data: d,\n matchComponent: matchComponent\n })))\n ])\n ]);\n}\nfunction $8c534c0378e15a46$var$HighlightedText(props) {\n const { text: text, highlights: highlights = [] } = props;\n const parts = [];\n let start = 0;\n const sortedHighlights = highlights.sort((a, b)=>a.start - b.start);\n const deconflictedHighlights = sortedHighlights.map((highlight, i)=>{\n if (i === 0) return highlight;\n const prev = sortedHighlights[i - 1];\n if (highlight.start < prev.end) highlight.start = prev.end;\n return highlight;\n });\n for (const highlight of deconflictedHighlights){\n const { start: s, end: end, ...rest } = highlight;\n parts.push(text.slice(start, s));\n parts.push($8c534c0378e15a46$var$h(\"span.highlight\", {\n style: rest\n }, text.slice(s, end)));\n start = end;\n }\n parts.push(text.slice(start));\n return $8c534c0378e15a46$var$h(\"span\", parts);\n}\nfunction $8c534c0378e15a46$var$normalizeColor(hex8) {\n const background = (0, $78C1X$useDarkMode)().isEnabled ? \"#000000\" : \"#ffffff\";\n const r = parseInt(hex8.slice(1, 3), 16);\n const g = parseInt(hex8.slice(3, 5), 16);\n const b = parseInt(hex8.slice(5, 7), 16);\n const a = parseInt(hex8.slice(7, 9), 16) / 255;\n const bgR = parseInt(background.slice(1, 3), 16);\n const bgG = parseInt(background.slice(3, 5), 16);\n const bgB = parseInt(background.slice(5, 7), 16);\n const blend = (fg, bg)=>Math.round((1 - a) * bg + a * fg);\n const blendedR = blend(r, bgR);\n const blendedG = blend(g, bgG);\n const blendedB = blend(b, bgB);\n return \"#\" + blendedR.toString(16).padStart(2, \"0\") + blendedG.toString(16).padStart(2, \"0\") + blendedB.toString(16).padStart(2, \"0\");\n}\nfunction $8c534c0378e15a46$var$isHighlighted(id, selectedNodes, nodes) {\n if (selectedNodes?.length === 0) return true;\n return selectedNodes?.includes(id) || nodes?.some((node)=>selectedNodes?.includes(node.id) && node.children.some((child)=>child.id === id));\n}\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};\n//# sourceMappingURL=feedback-components.b22d37d1.js.map\n","import styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { Tag } from \"@blueprintjs/core\";\nimport type { Entity, EntityExt, Highlight, EntityType } from \"./types\";\nimport { CSSProperties } from \"react\";\nimport { asChromaColor } from \"@macrostrat/color-utils\";\nimport hyper from \"@macrostrat/hyper\";\nimport { useDarkMode } from \"@macrostrat/ui-components\";\n\nexport type { Entity, EntityExt };\n\nconst h = hyper.styled(styles);\n\nexport function buildHighlights(\n entities: EntityExt[],\n parent: EntityExt | null,\n): Highlight[] {\n let highlights = [];\n let parents = [];\n if (parent != null) {\n parents = [parent.id, ...(parent.parents ?? [])];\n }\n\n for (const entity of entities) {\n highlights.push({\n start: entity.indices[0],\n end: entity.indices[1],\n text: entity.name,\n backgroundColor: entity.type?.color,\n tag: entity.type?.name ?? \"lith\",\n id: entity.id,\n parents,\n match: entity.match,\n });\n highlights.push(...buildHighlights(entity.children ?? [], entity));\n }\n return highlights;\n}\n\nexport function enhanceData(extractionData, models, entityTypes) {\n return {\n ...extractionData,\n model: models.get(extractionData.model_id),\n entities: extractionData.entities?.map((d) =>\n enhanceEntity(d, entityTypes),\n ),\n };\n}\n\nexport function getTagStyle(\n baseColor: string,\n options: {\n highlighted?: boolean;\n inDarkMode?: boolean;\n active?: boolean;\n showMatches?: boolean;\n } = {},\n): CSSProperties {\n const _baseColor = asChromaColor(baseColor ?? \"#fff\");\n const {\n highlighted = true,\n inDarkMode = useDarkMode().isEnabled,\n active = false,\n } = options;\n\n let mixAmount = highlighted ? 0.8 : 0.5;\n let backgroundAlpha = highlighted ? 0.8 : 0.2;\n\n if (active) {\n mixAmount = 1;\n backgroundAlpha = 1;\n }\n\n const mixTarget = \"black\";\n\n const color = active ? \"#000\" : _baseColor.mix(mixTarget, mixAmount).hex();\n const borderColor = highlighted\n ? _baseColor.mix(mixTarget, mixAmount / 1.1).hex()\n : \"transparent\";\n\n let backgroundColor = active\n ? _baseColor.alpha(backgroundAlpha).hex()\n : normalizeColor(_baseColor.alpha(backgroundAlpha).hex());\n\n // handle white backgrounds in light mode\n if (!inDarkMode && backgroundColor === \"#ffffff\") {\n backgroundColor = \"#f0f0f0\";\n }\n\n return {\n color,\n backgroundColor,\n boxSizing: \"border-box\",\n borderStyle: \"solid\",\n borderColor,\n borderWidth: \"1.5px\",\n fontWeight: active ? \"bold\" : \"normal\",\n fontSize: \"0.9em\",\n };\n}\n\nfunction enhanceEntity(\n entity: Entity,\n entityTypes: Map<number, EntityType>,\n): EntityExt {\n return {\n ...entity,\n type: addColor(entityTypes.get(entity.type), entity.match != null),\n children: entity.children?.map((d) => enhanceEntity(d, entityTypes)),\n };\n}\n\nfunction addColor(entityType: EntityType, match = false) {\n const color = asChromaColor(entityType.color ?? \"#fff\").brighten(\n match ? 1 : 2,\n );\n\n return { ...entityType, color: color.css() };\n}\n\nexport function ExtractionContext({\n data,\n entityTypes,\n matchComponent,\n}: {\n data: any;\n entityTypes: Map<number, EntityType>;\n matchComponent: MatchComponent;\n}) {\n const highlights = buildHighlights(data.entities, null);\n\n return h(\"div\", [\n h(\"p\", h(HighlightedText, { text: data.paragraph_text, highlights })),\n h(ModelInfo, { data: data.model }),\n h(\n \"ul.entities\",\n data.entities.map((d) => h(ExtractionInfo, { data: d, matchComponent })),\n ),\n ]);\n}\n\nexport function ModelInfo({ data }) {\n return h(\"p.model-name\", [\"Model: \", h(\"code.bp5-code\", data.name)]);\n}\n\nexport type MatchComponent = (props: { data: any }) => any;\n\ntype EntityTagProps = {\n data: EntityExt;\n highlighted?: boolean;\n active?: boolean;\n onClickType?: (type: EntityType) => void;\n matchComponent?: MatchComponent;\n};\n\nexport function EntityTag({\n data,\n highlighted = true,\n active = false,\n onClickType,\n matchComponent = null,\n}: EntityTagProps) {\n const { name, type, match } = data;\n\n const className = classNames(\n {\n matched: match != null,\n type: data.type?.name ?? \"lith\",\n },\n \"entity\",\n );\n\n const style = getTagStyle(type?.color, { highlighted, active });\n\n let _matchLink = null;\n if (match != null && matchComponent != null) {\n _matchLink = h(matchComponent, { data: match });\n }\n\n return h(Tag, { style, className }, [\n h(\"span.entity-name\", name),\n \" \",\n h(\n \"code.entity-type.bp5-code\",\n {\n onClick(evt) {\n if (active && onClickType != null) {\n onClickType(type);\n evt.stopPropagation();\n }\n },\n },\n [type?.name, _matchLink],\n ),\n ]);\n}\n\nfunction ExtractionInfo({\n data,\n matchComponent = null,\n}: {\n data: EntityExt;\n matchComponent: MatchComponent;\n}) {\n const children = data.children ?? [];\n\n return h(\"li.entity-row\", [\n h(EntityTag, { data, matchComponent }),\n h.if(children.length > 0)([\n h(\n \"ul.children\",\n children.map((d) => h(ExtractionInfo, { data: d, matchComponent })),\n ),\n ]),\n ]);\n}\n\nfunction HighlightedText(props: { text: string; highlights: Highlight[] }) {\n const { text, highlights = [] } = props;\n const parts = [];\n let start = 0;\n\n const sortedHighlights = highlights.sort((a, b) => a.start - b.start);\n const deconflictedHighlights = sortedHighlights.map((highlight, i) => {\n if (i === 0) return highlight;\n const prev = sortedHighlights[i - 1];\n if (highlight.start < prev.end) {\n highlight.start = prev.end;\n }\n return highlight;\n });\n\n for (const highlight of deconflictedHighlights) {\n const { start: s, end, ...rest } = highlight;\n parts.push(text.slice(start, s));\n parts.push(h(\"span.highlight\", { style: rest }, text.slice(s, end)));\n start = end;\n }\n parts.push(text.slice(start));\n return h(\"span\", parts);\n}\n\nfunction normalizeColor(hex8) {\n const background = useDarkMode().isEnabled ? \"#000000\" : \"#ffffff\";\n\n const r = parseInt(hex8.slice(1, 3), 16);\n const g = parseInt(hex8.slice(3, 5), 16);\n const b = parseInt(hex8.slice(5, 7), 16);\n const a = parseInt(hex8.slice(7, 9), 16) / 255;\n\n const bgR = parseInt(background.slice(1, 3), 16);\n const bgG = parseInt(background.slice(3, 5), 16);\n const bgB = parseInt(background.slice(5, 7), 16);\n\n const blend = (fg, bg) => Math.round((1 - a) * bg + a * fg);\n\n const blendedR = blend(r, bgR);\n const blendedG = blend(g, bgG);\n const blendedB = blend(b, bgB);\n\n return (\n \"#\" +\n blendedR.toString(16).padStart(2, \"0\") +\n blendedG.toString(16).padStart(2, \"0\") +\n blendedB.toString(16).padStart(2, \"0\")\n );\n}\n\nfunction isHighlighted(id: number, selectedNodes: number[], nodes: any[]) {\n if (selectedNodes?.length === 0) return true;\n return (\n selectedNodes?.includes(id) ||\n nodes?.some(\n (node) =>\n selectedNodes?.includes(node.id) &&\n node.children.some((child) => child.id === id),\n )\n );\n}\n"],"names":["$78C1X$classnames","Tag","$78C1X$Tag","asChromaColor","$78C1X$asChromaColor","$78C1X$macrostrathyper","useDarkMode","$78C1X$useDarkMode","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$8c534c0378e15a46$exports","$8c534c0378e15a46$export$c4b91360064ad200","$8c534c0378e15a46$export$d60b563f571177d","$8c534c0378e15a46$export$35baa338324d8550","$8c534c0378e15a46$export$2b07158757c249e0","$8c534c0378e15a46$export$4eb2a0ce903ce967","$8c534c0378e15a46$export$117e56c71b172cde","$2ptYq","$8c534c0378e15a46$var$h","styled","a","__esModule","default","entities","parent","highlights","parents","entity","push","start","indices","end","text","name","backgroundColor","type","color","tag","match","children","extractionData","models","entityTypes","model","model_id","map","d","$8c534c0378e15a46$var$enhanceEntity","$8c534c0378e15a46$var$addColor","entityType","brighten","css","baseColor","options","_baseColor","highlighted","inDarkMode","isEnabled","active","mixAmount","backgroundAlpha","mixTarget","mix","hex","borderColor","alpha","$8c534c0378e15a46$var$normalizeColor","hex8","background","r","parseInt","slice","g","b","bgR","bgG","bgB","blend","fg","bg","Math","round","blendedR","blendedG","blendedB","toString","padStart","boxSizing","borderStyle","borderWidth","fontWeight","fontSize","data","matchComponent","$8c534c0378e15a46$var$HighlightedText","paragraph_text","$8c534c0378e15a46$var$ExtractionInfo","onClickType","className","matched","style","_matchLink","onClick","evt","stopPropagation","if","length","props","parts","sortedHighlights","sort","highlight","i","prev","rest","buildHighlights","enhanceData","getTagStyle","ExtractionContext","ModelInfo","EntityTag"],"version":3,"file":"feedback-components.b22d37d1.js.map","sourceRoot":"../../../../"}
|