@macrostrat/feedback-components 1.1.10 → 2.0.0

package/dist/node/feedback-components.1bd49bf0.js.map

@@ -1 +0,0 @@
-{"mappings":"A,M,oD,A,O,oD,A,O,oD,A,Q,M,mB,A,Q,mB,C,C,a,C,C,iB,C,C,e,C,C,gB,C,K,U,A,Q,Y,C,C,a,C,K,O,A,Q,W,C,C,U,C,K,mB,A,Q,iB,C,K,2B,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,SCkBA,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAEhB,SAAS,EAAU,CAOzB,EAGC,GAAM,CAAA,KAAE,CAAI,CAAA,MAAE,CAAK,CAAA,OAAE,CAAM,CAAA,SAAE,CAAQ,CAAA,cAAE,CAAa,CAAA,SAAE,CAAQ,CAAE,CAAG,EAE7D,CAAC,EAAO,EAAS,CAAG,AAAA,EAAgC,MACpD,CAAC,EAAO,EAAS,CAAG,AAAA,EAAgC,MACpD,CAAC,EAAY,EAAc,CAAG,AAAA,EAAS,CAAA,SAsC7C,CApCA,AAAA,EAAU,KACR,GAAM,CAAA,MAAE,CAAK,CAAA,MAAE,CAAK,CAAE,CAAG,AAAA,CAAA,EAAA,EAAA,WAAU,AAAV,EAAY,GAE/B,EAAW,IAAI,IACnB,EAAM,GAAG,CAAC,AAAC,GAAM,CAAC,EAAE,EAAE,CAAE,EAAE,GAGtB,EAAQ,EAAM,GAAG,CAAC,AAAC,GAChB,CAAA,CACL,OAAQ,EAAS,GAAG,CAAC,EAAE,MAAM,EAC7B,OAAQ,EAAS,GAAG,CAAC,EAAE,IAAI,EAC3B,SAAU,CACZ,CAAA,GAGI,EAAa,AAAA,EAAgB,GAChC,KAAK,CAAC,OAAQ,AAAA,EAAU,IACxB,KAAK,CAAC,SAAU,AAAA,IAAgB,QAAQ,CAAC,MACzC,KAAK,CAAC,SAAU,AAAA,EAAY,EAAQ,EAAG,EAAS,IAChD,KAAK,CAAC,UAAW,AAAA,IAAe,MAAM,CAAC,KACvC,EAAE,CAAC,OAAQ,KAGV,QAAQ,GAAG,CAAC,kBACd,GACC,EAAE,CAAC,MAAO,KAET,EAAS,GACT,EAAS,EACX,GAEF,MAAO,KACL,EAAW,IAAI,EACjB,CACF,EAAG,CAAC,EAAM,EAAO,EAAO,EAEpB,AAAS,MAAT,GAAiB,AAAS,MAAT,GACZ,EAAE,IAGX,QAAQ,GAAG,CAAC,QAAS,EAAO,EAAO,GAE5B,EACL,EACA,CACE,YAAa,mDACf,EACA,EAAE,iBAAkB,CAAE,MAAO,CAAE,MAAA,EAAO,OAAA,CAAO,CAAE,EAAG,CAChD,EAAE,EAAQ,CACR,UAAW,qBACX,MAAO,cACP,QAAS,EACT,SAAU,AAAC,GAAM,EAAc,EAAE,MAAM,CAAC,OAAO,CACjD,GACA,EAAE,MAAO,CAAE,MAAA,EAAO,OAAA,CAAO,EAAG,CAC1B,EACE,UACA,EAAM,GAAG,CAAC,AAAC,GACF,EAAE,OAAQ,CACf,GAAI,EAAE,MAAM,CAAC,CAAC,CACd,GAAI,EAAE,MAAM,CAAC,CAAC,CACd,GAAI,EAAE,MAAM,CAAC,CAAC,CACd,GAAI,EAAE,MAAM,CAAC,CAAC,CACd,OAAQ,OACV,KAGJ,EACE,UACA,EAAM,GAAG,CAAC,AAAC,QAwDE,EAAY,EAAyB,EAvDhD,IAAM,EAAS,EAAc,QAAQ,CAAC,EAAE,EAAE,EAEpC,GAqDK,EArDuB,EAAE,EAAE,CAqDf,EArDiB,EAqDQ,EArDO,EAsDjE,AAA6B,IAAzB,EAAc,MAAM,EAEtB,EAAc,QAAQ,CAAC,IACvB,EAAM,IAAI,CACR,AAAC,GACC,EAAc,QAAQ,CAAC,EAAK,EAAE,GAC9B,EAAK,QAAQ,CAAC,IAAI,CAAC,AAAC,GAAU,EAAM,EAAE,GAAK,KA3DjC,EAAQ,AAAA,CAAA,EAAA,EAAA,WAAU,AAAV,EAAY,EAAE,KAAK,CAAE,CAAE,YAAA,EAAa,OAAA,CAAO,GAEzD,OAAO,EAAE,IAAK,CACZ,EAAE,SAAU,CACV,GAAI,EAAE,CAAC,CACP,GAAI,EAAE,CAAC,CACP,EAAG,EACH,KAAM,EAAM,eAAe,EAAI,OAC/B,QAAS,AAAC,IACR,EAAE,eAAe,GAEf,EAAE,OAAO,EACT,EAAE,OAAO,EACR,CAAa,CAAC,EAAE,GAAK,EAAE,EAAE,EAAI,AAAyB,IAAzB,EAAc,MAAM,EAGlD,EAAE,eAAe,GACjB,EAAS,CACP,KAAM,uBACN,QAAS,CAAE,IAAK,CAAC,EAAE,EAAE,CAAC,AAAC,CACzB,IAEA,EAAS,CACP,KAAM,cACN,QAAS,CAAE,IAAK,CAAC,EAAE,EAAE,CAAC,AAAC,CACzB,EAEJ,EACA,UAAW,EACP,WACM,EAAW,GAAK,aAC1B,OAjCW,EAAS,QAAU,QAkC9B,YAAa,CACf,GACA,EAAE,EAAE,CAAC,GACH,OACA,CACE,EAAG,EAAE,CAAC,CAAG,GACT,EAAG,EAAE,CAAC,CAAG,EACT,UAAW,YACb,EACA,EAAE,IAAI,EAAI,CAAC,KAAK,EAAE,EAAE,EAAE,CAAA,CAAE,EAE1B,EAAE,EAAE,CAAC,CAAC,GAAY,QAAS,EAAE,IAAI,EAAI,CAAC,KAAK,EAAE,EAAE,EAAE,CAAA,CAAE,EACpD,CACH,IAEH,EACF,GAEL,Q,K,S","sources":["<anon>","packages/feedback-components/src/feedback/graph.ts"],"sourcesContent":["import \"./feedback-components.dc76072c.js\";\nimport \"./feedback-components.c84ff10e.js\";\nimport \"./feedback-components.db72d0e1.js\";\nimport $9bqpz$macrostrathyper from \"@macrostrat/hyper\";\nimport {forceSimulation as $9bqpz$forceSimulation, forceLink as $9bqpz$forceLink, forceManyBody as $9bqpz$forceManyBody, forceCenter as $9bqpz$forceCenter, forceCollide as $9bqpz$forceCollide} from \"d3-force\";\nimport {useState as $9bqpz$useState, useEffect as $9bqpz$useEffect} from \"react\";\nimport {Spinner as $9bqpz$Spinner, Switch as $9bqpz$Switch} from \"@blueprintjs/core\";\nimport {ErrorBoundary as $9bqpz$ErrorBoundary} from \"@macrostrat/ui-components\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\nvar $eedTh = parcelRequire(\"eedTh\");\n\nvar $9wFEx = parcelRequire(\"9wFEx\");\n\n\n\n\n\n\nvar $edvRb = parcelRequire(\"edvRb\");\nconst $8732cb0ae0ae3dfd$var$h = (0, $9bqpz$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($9wFEx))));\nfunction $8732cb0ae0ae3dfd$export$6a7fe3ef90e8d566(props) {\n    // A graph view with react-flow\n    // Get positions of nodes using force simulation\n    const { tree: tree, width: width, height: height, dispatch: dispatch, selectedNodes: selectedNodes, viewOnly: viewOnly } = props;\n    const [nodes, setNodes] = (0, $9bqpz$useState)(null);\n    const [links, setLinks] = (0, $9bqpz$useState)(null);\n    const [showLabels, setShowLabels] = (0, $9bqpz$useState)(false);\n    (0, $9bqpz$useEffect)(()=>{\n        const { nodes: nodes, edges: edges } = (0, $eedTh.treeToGraph)(tree);\n        const nodesMap = new Map(nodes.map((d)=>[\n                d.id,\n                d\n            ]));\n        const links = edges.map((d)=>{\n            return {\n                source: nodesMap.get(d.source),\n                target: nodesMap.get(d.dest),\n                strength: 1\n            };\n        });\n        const simulation = (0, $9bqpz$forceSimulation)(nodes).force(\"link\", (0, $9bqpz$forceLink)(links)).force(\"charge\", (0, $9bqpz$forceManyBody)().strength(-50)).force(\"center\", (0, $9bqpz$forceCenter)(width / 2, height / 2)).force(\"collide\", (0, $9bqpz$forceCollide)().radius(20)).on(\"tick\", ()=>{\n            // Update the positions of the nodes\n            // setNodes(nodes);\n            console.log(\"Simulation tick\");\n        }).on(\"end\", ()=>{\n            // Update the positions of the nodes\n            setNodes(nodes);\n            setLinks(links);\n        });\n        return ()=>{\n            simulation.stop();\n        };\n    }, [\n        tree,\n        width,\n        height\n    ]);\n    if (nodes == null || links == null) return $8732cb0ae0ae3dfd$var$h((0, $9bqpz$Spinner));\n    console.log(\"Graph\", nodes, links, selectedNodes);\n    return $8732cb0ae0ae3dfd$var$h((0, $9bqpz$ErrorBoundary), {\n        description: \"An error occurred while rendering the graph view.\"\n    }, $8732cb0ae0ae3dfd$var$h(\"div.graph-view\", {\n        style: {\n            width: width,\n            height: height\n        }\n    }, [\n        $8732cb0ae0ae3dfd$var$h((0, $9bqpz$Switch), {\n            className: \"show-labels-switch\",\n            label: \"Show Labels\",\n            checked: showLabels,\n            onChange: (e)=>setShowLabels(e.target.checked)\n        }),\n        $8732cb0ae0ae3dfd$var$h(\"svg\", {\n            width: width,\n            height: height\n        }, [\n            $8732cb0ae0ae3dfd$var$h(\"g.links\", links.map((d)=>{\n                return $8732cb0ae0ae3dfd$var$h(\"line\", {\n                    x1: d.source.x,\n                    y1: d.source.y,\n                    x2: d.target.x,\n                    y2: d.target.y,\n                    stroke: \"black\"\n                });\n            })),\n            $8732cb0ae0ae3dfd$var$h(\"g.nodes\", nodes.map((d)=>{\n                const active = selectedNodes.includes(d.id);\n                const stroke = active ? \"white\" : \"black\";\n                const highlighted = $8732cb0ae0ae3dfd$var$isHighlighted(d.id, selectedNodes, nodes);\n                const style = (0, $edvRb.getTagStyle)(d.color, {\n                    highlighted: highlighted,\n                    active: active\n                });\n                return $8732cb0ae0ae3dfd$var$h(\"g\", [\n                    $8732cb0ae0ae3dfd$var$h(\"circle\", {\n                        cx: d.x,\n                        cy: d.y,\n                        r: 8,\n                        fill: style.backgroundColor || \"blue\",\n                        onClick: (e)=>{\n                            e.stopPropagation();\n                            if (e.ctrlKey || e.metaKey || selectedNodes[0] === d.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                                            d.id\n                                        ]\n                                    }\n                                });\n                            } else dispatch({\n                                type: \"select-node\",\n                                payload: {\n                                    ids: [\n                                        d.id\n                                    ]\n                                }\n                            });\n                        },\n                        className: active ? \"selected\" : \"\" + (viewOnly ? \"\" : \" clickable\"),\n                        stroke: stroke,\n                        strokeWidth: 2\n                    }),\n                    $8732cb0ae0ae3dfd$var$h.if(showLabels)(\"text\", {\n                        x: d.x + 10,\n                        y: d.y + 4,\n                        className: \"node-label\"\n                    }, d.name || `Node ${d.id}`),\n                    $8732cb0ae0ae3dfd$var$h.if(!showLabels)(\"title\", d.name || `Node ${d.id}`)\n                ]);\n            }))\n        ])\n    ]));\n}\nfunction $8732cb0ae0ae3dfd$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 {$8732cb0ae0ae3dfd$export$6a7fe3ef90e8d566 as GraphView};\n//# sourceMappingURL=feedback-components.1bd49bf0.js.map\n","import { TreeData } from \"./types\";\nimport { treeToGraph } from \"./edit-state\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\nimport {\n  forceSimulation,\n  SimulationNodeDatum,\n  SimulationLinkDatum,\n  forceCenter,\n  forceLink,\n  forceManyBody,\n  forceCollide,\n} from \"d3-force\";\nimport { useEffect, useState } from \"react\";\nimport { Spinner, Switch } from \"@blueprintjs/core\";\nimport { ErrorBoundary } from \"@macrostrat/ui-components\";\nimport { getTagStyle } from \"../extractions\";\n\nconst h = hyper.styled(styles);\n\nexport function GraphView(props: {\n  tree: TreeData[];\n  width: number;\n  height: number;\n  dispatch: (action: any) => void;\n  selectedNodes: number[];\n  viewOnly?: boolean;\n}) {\n  // A graph view with react-flow\n  // Get positions of nodes using force simulation\n  const { tree, width, height, dispatch, selectedNodes, viewOnly } = props;\n\n  const [nodes, setNodes] = useState<SimulationNodeDatum[]>(null);\n  const [links, setLinks] = useState<SimulationLinkDatum[]>(null);\n  const [showLabels, setShowLabels] = useState(false);\n\n  useEffect(() => {\n    const { nodes, edges } = treeToGraph(tree);\n\n    const nodesMap = new Map<number, SimulationNodeDatum>(\n      nodes.map((d) => [d.id, d]),\n    );\n\n    const links = edges.map((d) => {\n      return {\n        source: nodesMap.get(d.source),\n        target: nodesMap.get(d.dest),\n        strength: 1,\n      };\n    });\n\n    const simulation = forceSimulation(nodes)\n      .force(\"link\", forceLink(links))\n      .force(\"charge\", forceManyBody().strength(-50))\n      .force(\"center\", forceCenter(width / 2, height / 2))\n      .force(\"collide\", forceCollide().radius(20))\n      .on(\"tick\", () => {\n        // Update the positions of the nodes\n        // setNodes(nodes);\n        console.log(\"Simulation tick\");\n      })\n      .on(\"end\", () => {\n        // Update the positions of the nodes\n        setNodes(nodes);\n        setLinks(links);\n      });\n\n    return () => {\n      simulation.stop();\n    };\n  }, [tree, width, height]);\n\n  if (nodes == null || links == null) {\n    return h(Spinner);\n  }\n\n  console.log(\"Graph\", nodes, links, selectedNodes);\n\n  return h(\n    ErrorBoundary,\n    {\n      description: \"An error occurred while rendering the graph view.\",\n    },\n    h(\"div.graph-view\", { style: { width, height } }, [\n      h(Switch, {\n        className: \"show-labels-switch\",\n        label: \"Show Labels\",\n        checked: showLabels,\n        onChange: (e) => setShowLabels(e.target.checked),\n      }),\n      h(\"svg\", { width, height }, [\n        h(\n          \"g.links\",\n          links.map((d) => {\n            return h(\"line\", {\n              x1: d.source.x,\n              y1: d.source.y,\n              x2: d.target.x,\n              y2: d.target.y,\n              stroke: \"black\",\n            });\n          }),\n        ),\n        h(\n          \"g.nodes\",\n          nodes.map((d) => {\n            const active = selectedNodes.includes(d.id);\n            const stroke = active ? \"white\" : \"black\";\n            const highlighted = isHighlighted(d.id, selectedNodes, nodes);\n            const style = getTagStyle(d.color, { highlighted, active });\n\n            return h(\"g\", [\n              h(\"circle\", {\n                cx: d.x,\n                cy: d.y,\n                r: 8,\n                fill: style.backgroundColor || \"blue\",\n                onClick: (e) => {\n                  e.stopPropagation();\n                  if (\n                    e.ctrlKey ||\n                    e.metaKey ||\n                    (selectedNodes[0] === d.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: [d.id] },\n                    });\n                  } else {\n                    dispatch({\n                      type: \"select-node\",\n                      payload: { ids: [d.id] },\n                    });\n                  }\n                },\n                className: active\n                  ? \"selected\"\n                  : \"\" + (viewOnly ? \"\" : \" clickable\"),\n                stroke,\n                strokeWidth: 2,\n              }),\n              h.if(showLabels)(\n                \"text\",\n                {\n                  x: d.x + 10,\n                  y: d.y + 4,\n                  className: \"node-label\",\n                },\n                d.name || `Node ${d.id}`,\n              ),\n              h.if(!showLabels)(\"title\", d.name || `Node ${d.id}`),\n            ]);\n          }),\n        ),\n      ]),\n    ]),\n  );\n}\n\nfunction isHighlighted(id: number, selectedNodes: number[], nodes: TreeData[]) {\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":["$9bqpz$macrostrathyper","forceSimulation","$9bqpz$forceSimulation","forceLink","$9bqpz$forceLink","forceManyBody","$9bqpz$forceManyBody","forceCenter","$9bqpz$forceCenter","forceCollide","$9bqpz$forceCollide","useState","$9bqpz$useState","useEffect","$9bqpz$useEffect","Spinner","$9bqpz$Spinner","Switch","$9bqpz$Switch","ErrorBoundary","$9bqpz$ErrorBoundary","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$eedTh","$9wFEx","$edvRb","$8732cb0ae0ae3dfd$var$h","styled","a","__esModule","default","$8732cb0ae0ae3dfd$export$6a7fe3ef90e8d566","props","tree","width","height","dispatch","selectedNodes","viewOnly","nodes","setNodes","links","setLinks","showLabels","setShowLabels","edges","treeToGraph","nodesMap","Map","map","d","source","get","target","dest","strength","simulation","force","radius","on","console","log","stop","description","style","className","label","checked","onChange","e","x1","x","y1","y","x2","y2","stroke","active","includes","highlighted","length","some","node","children","child","getTagStyle","color","cx","cy","r","fill","backgroundColor","onClick","stopPropagation","ctrlKey","metaKey","type","payload","ids","strokeWidth","if","name","GraphView"],"version":3,"file":"feedback-components.1bd49bf0.js.map","sourceRoot":"../../../../"}

package/dist/node/feedback-components.2f391fa4.js

@@ -1,2 +0,0 @@
-function e(e,t,a,o){Object.defineProperty(e,t,{get:a,set:o,enumerable:!0,configurable:!0})}var t,a,o,c={};e(c,"item-container",()=>t,e=>t=e),e(c,"selected",()=>a,e=>a=e),e(c,"swatch",()=>o,e=>o=e),t="WofFTa_item-container",a="WofFTa_selected",o="WofFTa_swatch";export{c as default};
-//# sourceMappingURL=feedback-components.2f391fa4.js.map

package/dist/node/feedback-components.2f391fa4.js.map

@@ -1 +0,0 @@
-{"mappings":"A,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,ICAA,EACA,EACA,E,E,C,E,E,E,iB,I,E,A,G,E,G,E,E,W,I,E,A,G,E,G,E,E,S,I,E,A,G,E,GAFA,EAAmC,wBACnC,EAA6B,kBAC7B,EAA2B,uB,K,O","sources":["<anon>","packages/feedback-components/src/feedback/type-selector/main.module.sass"],"sourcesContent":["\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\nvar $f57561eafb1aa284$exports = {};\n\n$parcel$export($f57561eafb1aa284$exports, \"item-container\", () => $f57561eafb1aa284$export$68a2d1df2d976de8, (v) => $f57561eafb1aa284$export$68a2d1df2d976de8 = v);\n$parcel$export($f57561eafb1aa284$exports, \"selected\", () => $f57561eafb1aa284$export$d90250155de6d7e7, (v) => $f57561eafb1aa284$export$d90250155de6d7e7 = v);\n$parcel$export($f57561eafb1aa284$exports, \"swatch\", () => $f57561eafb1aa284$export$c672d9950c40fe0a, (v) => $f57561eafb1aa284$export$c672d9950c40fe0a = v);\nvar $f57561eafb1aa284$export$68a2d1df2d976de8;\nvar $f57561eafb1aa284$export$d90250155de6d7e7;\nvar $f57561eafb1aa284$export$c672d9950c40fe0a;\n$f57561eafb1aa284$export$68a2d1df2d976de8 = `WofFTa_item-container`;\n$f57561eafb1aa284$export$d90250155de6d7e7 = `WofFTa_selected`;\n$f57561eafb1aa284$export$c672d9950c40fe0a = `WofFTa_swatch`;\n\n\nexport {$f57561eafb1aa284$exports as default};\n//# sourceMappingURL=feedback-components.2f391fa4.js.map\n",null],"names":["$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$f57561eafb1aa284$export$68a2d1df2d976de8","$f57561eafb1aa284$export$d90250155de6d7e7","$f57561eafb1aa284$export$c672d9950c40fe0a","$f57561eafb1aa284$exports","default"],"version":3,"file":"feedback-components.2f391fa4.js.map","sourceRoot":"../../../../"}

package/dist/node/feedback-components.6a4a1290.js

@@ -1,2 +0,0 @@
-import"./feedback-components.c84ff10e.js";import"./feedback-components.db72d0e1.js";import e from"@macrostrat/hyper";import{useState as t}from"react";import{Icon as o,Overlay2 as i,Popover as l}from"@blueprintjs/core";import{useInDarkMode as d,SaveButton as a}from"@macrostrat/ui-components";import{ColorPicker as r}from"@macrostrat/data-sheet";var n=globalThis,s={},p={},c=n.parcelRequirea149;null==c&&((c=function(e){if(e in s)return s[e].exports;if(e in p){var t=p[e];delete p[e];var o={id:e,exports:{}};return s[e]=o,t.call(o.exports,o,o.exports),o.exports}var i=Error("Cannot find module '"+e+"'");throw i.code="MODULE_NOT_FOUND",i}).register=function(e,t){p[e]=t},n.parcelRequirea149=c),c.register;var y=c("9wFEx"),u=c("edvRb");let v=e.styled(y&&y.__esModule?y.default:y);function m({types:e,selected:o,dispatch:i,selectedNodes:l,tree:a,viewOnly:r}){let[n,s]=t(null),p=l.length>0,c=d()?.9:.4;return v("div.type-list-container",[v("div.type-list-header",p&&!n?"Change selected nodes to:":"Entity Types"),v("div.type-list",Array.from(e.values()).map(e=>v(O,{type:e,luminance:c,selectedType:n,setSelectedType:s,dispatch:i,viewOnly:r,tree:a,selectedNodes:l,selected:o,isSelectedNodes:p}))),v.if(!r)(g,{dispatch:i})])}function f(e,t){let o=[];return e.forEach(function e(i){i.type.id===t&&o.push(i.id),Array.isArray(i.children)&&i.children.forEach(e)}),o}function g({dispatch:e}){let[i,l]=t(!1);return v("div.add-type-container",[v("div.add-type",{onClick:()=>l(!0)},[v("p.add-type-text","Add new type"),v(o,{icon:"plus"})]),v(b,{setOverlayOpen:l,overlayOpen:i,title:"Add New Type",saveHandler:t=>{e({type:"add-entity-type",payload:t}),l(!1)}})])}function h({dispatch:e,type:i}){let[l,d]=t(!1);return v("div.edit-type",[v(o,{icon:"edit",className:"edit-icon",onClick:e=>{e.stopPropagation(),d(!0)}}),v(b,{setOverlayOpen:d,overlayOpen:l,originalType:i,title:"Edit Type",saveHandler:t=>{e({type:"update-entity-type",payload:t}),d(!1)}})])}function b({setOverlayOpen:e,overlayOpen:l,originalType:d,title:n,saveHandler:s}){let{name:p,description:c,color:y,id:u}=d||{},[m,f]=t(p||""),[g,h]=t(c||""),[b,O]=t(y||"#fff");return v(i,{isOpen:l},v("div.overlay-container",v("div.add-type-overlay",[v("h2.title",[n,v(o,{icon:"cross",className:"close-icon",onClick:()=>{e(!1)},style:{cursor:"pointer",color:"red"}})]),v("div.form-group",[v("div.text-inputs",[v("div.form-field.name",[v("p.label","Name"),v("input",{type:"text",placeholder:"Enter type name",onChange:e=>f(e.target.value),value:m})]),v("div.form-field.form-description",[v("p.label","Description"),v("input",{type:"text",placeholder:"Enter type description",onChange:e=>h(e.target.value),value:g})])]),v("div.form-field.color",[v("p.label","Color"),v(r,{value:b,onChange:e=>O(e),style:{width:"100%"}})])]),v(a,{className:"save-btn",small:!0,onClick:()=>s({name:m,description:g,color:b,id:u})},"Save changes")])))}function O({type:e,luminance:t,selectedType:i,setSelectedType:a,dispatch:r,tree:n,selectedNodes:s,selected:p,isSelectedNodes:c,viewOnly:y}){let{color:m,name:g,id:b,description:O}=e;d();let x=b===p?.id&&s.length>0,N=(0,u.getTagStyle)(m,{active:x,highlighted:0===s.length}),T={id:b,name:g,color:m,description:O},k=f(n,b);return v(l,{autoFocus:!1,content:v("div.description",O||"No description available"),interactionKind:"hover"},v("div.type-tag",{onClick:()=>{c||null!==i?c&&null===i?b===p?.id&&s.length>0?r({type:"toggle-node-selected",payload:{ids:s}}):r({type:"select-entity-type",payload:T}):c&&i.id===b?(a(null),r({type:"toggle-node-selected",payload:{ids:k}})):c&&i.id!==b?k.length>0&&(a(e),r({type:"toggle-node-selected",payload:{ids:f(n,i.id)}}),r({type:"toggle-node-selected",payload:{ids:k}})):console.warn("Unexpected state in TypeTag click handler",{isSelectedNodes:c,selectedType:i,selectedNodes:s,ids:k,id:b,selected:p}):k.length>0&&(a(e),r({type:"toggle-node-selected",payload:{ids:k}}))},style:{cursor:(k.length>0||c&&!i)&&!y?"pointer":"",color:"black",backgroundColor:N.backgroundColor,border:x?"1px solid var(--text-emphasized-color)":"1px solid var(--background-color)"}},v("div.type-container",[v("div.type-name",g),v.if(!y)("div.icons",[v(h,{dispatch:r,type:e}),v(o,{icon:"cross",className:"delete-type-icon",style:{color:"red",cursor:"pointer"},onClick:e=>{e.stopPropagation(),r({type:"delete-entity-type",payload:{id:b}})}})])])))}export{m as TypeList};
-//# sourceMappingURL=feedback-components.6a4a1290.js.map

package/dist/node/feedback-components.6a4a1290.js.map

@@ -1 +0,0 @@
-{"mappings":"A,M,oD,A,O,oD,A,Q,M,mB,A,Q,Y,C,K,O,A,Q,Q,C,C,Y,C,C,W,C,K,mB,A,Q,iB,C,C,c,C,K,2B,A,Q,e,C,K,wB,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,SCUA,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAEhB,SAAS,EAAS,CAAA,MACvB,CAAK,CAAA,SACL,CAAQ,CAAA,SACR,CAAQ,CAAA,cACR,CAAa,CAAA,KACb,CAAI,CAAA,SACJ,CAAQ,CACT,EACC,GAAM,CAAC,EAAc,EAAgB,CAAG,AAAA,EAAS,MAC3C,EAAkB,EAAc,MAAM,CAAG,EAEzC,EAAY,AADD,AAAA,IACY,GAAM,GAEnC,OAAO,EAAE,0BAA2B,CAClC,EACE,uBACA,GAAmB,CAAC,EAChB,4BACA,gBAEN,EACE,gBACA,MAAM,IAAI,CAAC,EAAM,MAAM,IAAI,GAAG,CAAC,AAAC,GAC9B,EAAE,EAAS,CACT,KAAA,EACA,UAAA,EACA,aAAA,EACA,gBAAA,EACA,SAAA,EACA,SAAA,EACA,KAAA,EACA,cAAA,EACA,SAAA,EACA,gBAAA,CACF,KAGJ,EAAE,EAAE,CAAC,CAAC,GAAU,EAAS,CAAE,SAAA,CAAS,GACrC,CACH,CAEA,SAAS,EAAmB,CAAI,CAAE,CAAE,EAClC,IAAM,EAAM,EAAE,CAYd,OADA,EAAK,OAAO,CATZ,SAAS,EAAS,CAAI,EAChB,EAAK,IAAI,CAAC,EAAE,GAAK,GACnB,EAAI,IAAI,CAAC,EAAK,EAAE,EAEd,MAAM,OAAO,CAAC,EAAK,QAAQ,GAC7B,EAAK,QAAQ,CAAC,OAAO,CAAC,EAE1B,GAGO,CACT,CAEA,SAAS,EAAQ,CAAA,SAAE,CAAQ,CAAE,EAC3B,GAAM,CAAC,EAA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","sources":["<anon>","packages/feedback-components/src/feedback/typelist.ts"],"sourcesContent":["import \"./feedback-components.c84ff10e.js\";\nimport \"./feedback-components.db72d0e1.js\";\nimport $a9pfJ$macrostrathyper from \"@macrostrat/hyper\";\nimport {useState as $a9pfJ$useState} from \"react\";\nimport {Icon as $a9pfJ$Icon, Overlay2 as $a9pfJ$Overlay2, Popover as $a9pfJ$Popover} from \"@blueprintjs/core\";\nimport {useInDarkMode as $a9pfJ$useInDarkMode, SaveButton as $a9pfJ$SaveButton} from \"@macrostrat/ui-components\";\nimport {ColorPicker as $a9pfJ$ColorPicker} from \"@macrostrat/data-sheet\";\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\n\nconst $7f564edd0e07f138$var$h = (0, $a9pfJ$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($9wFEx))));\nfunction $7f564edd0e07f138$export$9ebd91d75ddb6a8b({ types: types, selected: selected, dispatch: dispatch, selectedNodes: selectedNodes, tree: tree, viewOnly: viewOnly }) {\n    const [selectedType, setSelectedType] = (0, $a9pfJ$useState)(null);\n    const isSelectedNodes = selectedNodes.length > 0;\n    const darkMode = (0, $a9pfJ$useInDarkMode)();\n    const luminance = darkMode ? 0.9 : 0.4;\n    return $7f564edd0e07f138$var$h(\"div.type-list-container\", [\n        $7f564edd0e07f138$var$h(\"div.type-list-header\", isSelectedNodes && !selectedType ? \"Change selected nodes to:\" : \"Entity Types\"),\n        $7f564edd0e07f138$var$h(\"div.type-list\", Array.from(types.values()).map((type)=>$7f564edd0e07f138$var$h($7f564edd0e07f138$var$TypeTag, {\n                type: type,\n                luminance: luminance,\n                selectedType: selectedType,\n                setSelectedType: setSelectedType,\n                dispatch: dispatch,\n                viewOnly: viewOnly,\n                tree: tree,\n                selectedNodes: selectedNodes,\n                selected: selected,\n                isSelectedNodes: isSelectedNodes\n            }))),\n        $7f564edd0e07f138$var$h.if(!viewOnly)($7f564edd0e07f138$var$AddType, {\n            dispatch: dispatch\n        })\n    ]);\n}\nfunction $7f564edd0e07f138$var$collectMatchingIds(tree, id) {\n    const ids = [];\n    function traverse(node) {\n        if (node.type.id === id) ids.push(node.id);\n        if (Array.isArray(node.children)) node.children.forEach(traverse);\n    }\n    tree.forEach(traverse);\n    return ids;\n}\nfunction $7f564edd0e07f138$var$AddType({ dispatch: dispatch }) {\n    const [overlayOpen, setOverlayOpen] = (0, $a9pfJ$useState)(false);\n    const saveHandler = (payload)=>{\n        dispatch({\n            type: \"add-entity-type\",\n            payload: payload\n        });\n        setOverlayOpen(false);\n    };\n    return $7f564edd0e07f138$var$h(\"div.add-type-container\", [\n        $7f564edd0e07f138$var$h(\"div.add-type\", {\n            onClick: ()=>setOverlayOpen(true)\n        }, [\n            $7f564edd0e07f138$var$h(\"p.add-type-text\", \"Add new type\"),\n            $7f564edd0e07f138$var$h((0, $a9pfJ$Icon), {\n                icon: \"plus\"\n            })\n        ]),\n        $7f564edd0e07f138$var$h($7f564edd0e07f138$var$TypeOverlay, {\n            setOverlayOpen: setOverlayOpen,\n            overlayOpen: overlayOpen,\n            title: \"Add New Type\",\n            saveHandler: saveHandler\n        })\n    ]);\n}\nfunction $7f564edd0e07f138$var$EditType({ dispatch: dispatch, type: type }) {\n    const [editorOpen, setEditorOpen] = (0, $a9pfJ$useState)(false);\n    const saveHandler = (payload)=>{\n        dispatch({\n            type: \"update-entity-type\",\n            payload: payload\n        });\n        setEditorOpen(false);\n    };\n    return $7f564edd0e07f138$var$h(\"div.edit-type\", [\n        $7f564edd0e07f138$var$h((0, $a9pfJ$Icon), {\n            icon: \"edit\",\n            className: \"edit-icon\",\n            onClick: (e)=>{\n                e.stopPropagation();\n                setEditorOpen(true);\n            }\n        }),\n        $7f564edd0e07f138$var$h($7f564edd0e07f138$var$TypeOverlay, {\n            setOverlayOpen: setEditorOpen,\n            overlayOpen: editorOpen,\n            originalType: type,\n            title: \"Edit Type\",\n            saveHandler: saveHandler\n        })\n    ]);\n}\nfunction $7f564edd0e07f138$var$TypeOverlay({ setOverlayOpen: setOverlayOpen, overlayOpen: overlayOpen, originalType: originalType, title: title, saveHandler: saveHandler }) {\n    const { name: name, description: description, color: color, id: id } = originalType || {};\n    const [nameInput, setNameInput] = (0, $a9pfJ$useState)(name || \"\");\n    const [descriptionInput, setDescriptionInput] = (0, $a9pfJ$useState)(description || \"\");\n    const [colorInput, setColorInput] = (0, $a9pfJ$useState)(color || \"#fff\");\n    return $7f564edd0e07f138$var$h((0, $a9pfJ$Overlay2), {\n        isOpen: overlayOpen\n    }, $7f564edd0e07f138$var$h(\"div.overlay-container\", $7f564edd0e07f138$var$h(\"div.add-type-overlay\", [\n        $7f564edd0e07f138$var$h(\"h2.title\", [\n            title,\n            $7f564edd0e07f138$var$h((0, $a9pfJ$Icon), {\n                icon: \"cross\",\n                className: \"close-icon\",\n                onClick: ()=>{\n                    setOverlayOpen(false);\n                },\n                style: {\n                    cursor: \"pointer\",\n                    color: \"red\"\n                }\n            })\n        ]),\n        $7f564edd0e07f138$var$h(\"div.form-group\", [\n            $7f564edd0e07f138$var$h(\"div.text-inputs\", [\n                $7f564edd0e07f138$var$h(\"div.form-field.name\", [\n                    $7f564edd0e07f138$var$h(\"p.label\", \"Name\"),\n                    $7f564edd0e07f138$var$h(\"input\", {\n                        type: \"text\",\n                        placeholder: \"Enter type name\",\n                        onChange: (e)=>setNameInput(e.target.value),\n                        value: nameInput\n                    })\n                ]),\n                $7f564edd0e07f138$var$h(\"div.form-field.form-description\", [\n                    $7f564edd0e07f138$var$h(\"p.label\", \"Description\"),\n                    $7f564edd0e07f138$var$h(\"input\", {\n                        type: \"text\",\n                        placeholder: \"Enter type description\",\n                        onChange: (e)=>setDescriptionInput(e.target.value),\n                        value: descriptionInput\n                    })\n                ])\n            ]),\n            $7f564edd0e07f138$var$h(\"div.form-field.color\", [\n                $7f564edd0e07f138$var$h(\"p.label\", \"Color\"),\n                $7f564edd0e07f138$var$h((0, $a9pfJ$ColorPicker), {\n                    value: colorInput,\n                    onChange: (color)=>setColorInput(color),\n                    style: {\n                        width: \"100%\"\n                    }\n                })\n            ])\n        ]),\n        $7f564edd0e07f138$var$h((0, $a9pfJ$SaveButton), {\n            className: \"save-btn\",\n            small: true,\n            onClick: ()=>saveHandler({\n                    name: nameInput,\n                    description: descriptionInput,\n                    color: colorInput,\n                    id: id\n                })\n        }, \"Save changes\")\n    ])));\n}\nfunction $7f564edd0e07f138$var$TypeTag({ type: type, luminance: luminance, selectedType: selectedType, setSelectedType: setSelectedType, dispatch: dispatch, tree: tree, selectedNodes: selectedNodes, selected: selected, isSelectedNodes: isSelectedNodes, viewOnly: viewOnly }) {\n    const { color: color, name: name, id: id, description: description } = type;\n    const darkMode = (0, $a9pfJ$useInDarkMode)();\n    const isSelected = id === selected?.id && selectedNodes.length > 0;\n    const style = (0, $edvRb.getTagStyle)(color, {\n        active: isSelected,\n        highlighted: selectedNodes.length === 0\n    });\n    const payload = {\n        id: id,\n        name: name,\n        color: color,\n        description: description\n    };\n    const ids = $7f564edd0e07f138$var$collectMatchingIds(tree, id);\n    const handleTagClick = ()=>{\n        if (!isSelectedNodes && selectedType === null) {\n            if (ids.length > 0) {\n                setSelectedType(type);\n                dispatch({\n                    type: \"toggle-node-selected\",\n                    payload: {\n                        ids: ids\n                    }\n                });\n            }\n        } else if (isSelectedNodes && selectedType === null) {\n            if (id === selected?.id && selectedNodes.length > 0) dispatch({\n                type: \"toggle-node-selected\",\n                payload: {\n                    ids: selectedNodes\n                }\n            });\n            else dispatch({\n                type: \"select-entity-type\",\n                payload: payload\n            });\n        } else if (isSelectedNodes && selectedType.id === id) {\n            setSelectedType(null);\n            dispatch({\n                type: \"toggle-node-selected\",\n                payload: {\n                    ids: ids\n                }\n            });\n        } else if (isSelectedNodes && selectedType.id !== id) {\n            if (ids.length > 0) {\n                setSelectedType(type);\n                const oldIds = $7f564edd0e07f138$var$collectMatchingIds(tree, selectedType.id);\n                dispatch({\n                    type: \"toggle-node-selected\",\n                    payload: {\n                        ids: oldIds\n                    }\n                });\n                dispatch({\n                    type: \"toggle-node-selected\",\n                    payload: {\n                        ids: ids\n                    }\n                });\n            }\n        } else console.warn(\"Unexpected state in TypeTag click handler\", {\n            isSelectedNodes: isSelectedNodes,\n            selectedType: selectedType,\n            selectedNodes: selectedNodes,\n            ids: ids,\n            id: id,\n            selected: selected\n        });\n    };\n    return $7f564edd0e07f138$var$h((0, $a9pfJ$Popover), {\n        autoFocus: false,\n        content: $7f564edd0e07f138$var$h(\"div.description\", description || \"No description available\"),\n        interactionKind: \"hover\"\n    }, $7f564edd0e07f138$var$h(\"div.type-tag\", {\n        onClick: handleTagClick,\n        style: {\n            cursor: (ids.length > 0 || isSelectedNodes && !selectedType) && !viewOnly ? \"pointer\" : \"\",\n            color: \"black\",\n            backgroundColor: style.backgroundColor,\n            border: isSelected ? `1px solid var(--text-emphasized-color)` : `1px solid var(--background-color)`\n        }\n    }, $7f564edd0e07f138$var$h(\"div.type-container\", [\n        $7f564edd0e07f138$var$h(\"div.type-name\", name),\n        $7f564edd0e07f138$var$h.if(!viewOnly)(\"div.icons\", [\n            $7f564edd0e07f138$var$h($7f564edd0e07f138$var$EditType, {\n                dispatch: dispatch,\n                type: type\n            }),\n            $7f564edd0e07f138$var$h((0, $a9pfJ$Icon), {\n                icon: \"cross\",\n                className: \"delete-type-icon\",\n                style: {\n                    color: \"red\",\n                    cursor: \"pointer\"\n                },\n                onClick: (e)=>{\n                    e.stopPropagation();\n                    dispatch({\n                        type: \"delete-entity-type\",\n                        payload: {\n                            id: id\n                        }\n                    });\n                }\n            })\n        ])\n    ])));\n}\n\n\nexport {$7f564edd0e07f138$export$9ebd91d75ddb6a8b as TypeList};\n//# sourceMappingURL=feedback-components.6a4a1290.js.map\n","import styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\n\nimport { getTagStyle } from \"../extractions\";\nimport { useState } from \"react\";\nimport { Icon, Popover, Overlay2 } from \"@blueprintjs/core\";\nimport { SaveButton } from \"@macrostrat/ui-components\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport { ColorPicker } from \"@macrostrat/data-sheet\";\n\nconst h = hyper.styled(styles);\n\nexport function TypeList({\n  types,\n  selected,\n  dispatch,\n  selectedNodes,\n  tree,\n  viewOnly,\n}) {\n  const [selectedType, setSelectedType] = useState(null);\n  const isSelectedNodes = selectedNodes.length > 0;\n  const darkMode = useInDarkMode();\n  const luminance = darkMode ? 0.9 : 0.4;\n\n  return h(\"div.type-list-container\", [\n    h(\n      \"div.type-list-header\",\n      isSelectedNodes && !selectedType\n        ? \"Change selected nodes to:\"\n        : \"Entity Types\",\n    ),\n    h(\n      \"div.type-list\",\n      Array.from(types.values()).map((type) =>\n        h(TypeTag, {\n          type,\n          luminance,\n          selectedType,\n          setSelectedType,\n          dispatch,\n          viewOnly,\n          tree,\n          selectedNodes,\n          selected,\n          isSelectedNodes,\n        }),\n      ),\n    ),\n    h.if(!viewOnly)(AddType, { dispatch }),\n  ]);\n}\n\nfunction collectMatchingIds(tree, id) {\n  const ids = [];\n\n  function traverse(node) {\n    if (node.type.id === id) {\n      ids.push(node.id);\n    }\n    if (Array.isArray(node.children)) {\n      node.children.forEach(traverse);\n    }\n  }\n\n  tree.forEach(traverse);\n  return ids;\n}\n\nfunction AddType({ dispatch }) {\n  const [overlayOpen, setOverlayOpen] = useState(false);\n\n  const saveHandler = (payload) => {\n    dispatch({\n      type: \"add-entity-type\",\n      payload,\n    });\n    setOverlayOpen(false);\n  };\n\n  return h(\"div.add-type-container\", [\n    h(\"div.add-type\", { onClick: () => setOverlayOpen(true) }, [\n      h(\"p.add-type-text\", \"Add new type\"),\n      h(Icon, { icon: \"plus\" }),\n    ]),\n    h(TypeOverlay, {\n      setOverlayOpen,\n      overlayOpen,\n      title: \"Add New Type\",\n      saveHandler,\n    }),\n  ]);\n}\n\nfunction EditType({ dispatch, type }) {\n  const [editorOpen, setEditorOpen] = useState(false);\n\n  const saveHandler = (payload) => {\n    dispatch({\n      type: \"update-entity-type\",\n      payload,\n    });\n    setEditorOpen(false);\n  };\n\n  return h(\"div.edit-type\", [\n    h(Icon, {\n      icon: \"edit\",\n      className: \"edit-icon\",\n      onClick: (e) => {\n        e.stopPropagation();\n        setEditorOpen(true);\n      },\n    }),\n    h(TypeOverlay, {\n      setOverlayOpen: setEditorOpen,\n      overlayOpen: editorOpen,\n      originalType: type,\n      title: \"Edit Type\",\n      saveHandler,\n    }),\n  ]);\n}\n\nfunction TypeOverlay({\n  setOverlayOpen,\n  overlayOpen,\n  originalType,\n  title,\n  saveHandler,\n}) {\n  const { name, description, color, id } = originalType || {};\n\n  const [nameInput, setNameInput] = useState(name || \"\");\n  const [descriptionInput, setDescriptionInput] = useState(description || \"\");\n  const [colorInput, setColorInput] = useState(color || \"#fff\");\n\n  return h(\n    Overlay2,\n    {\n      isOpen: overlayOpen,\n    },\n    h(\n      \"div.overlay-container\",\n      h(\"div.add-type-overlay\", [\n        h(\"h2.title\", [\n          title,\n          h(Icon, {\n            icon: \"cross\",\n            className: \"close-icon\",\n            onClick: () => {\n              setOverlayOpen(false);\n            },\n            style: { cursor: \"pointer\", color: \"red\" },\n          }),\n        ]),\n        h(\"div.form-group\", [\n          h(\"div.text-inputs\", [\n            h(\"div.form-field.name\", [\n              h(\"p.label\", \"Name\"),\n              h(\"input\", {\n                type: \"text\",\n                placeholder: \"Enter type name\",\n                onChange: (e) => setNameInput(e.target.value),\n                value: nameInput,\n              }),\n            ]),\n            h(\"div.form-field.form-description\", [\n              h(\"p.label\", \"Description\"),\n              h(\"input\", {\n                type: \"text\",\n                placeholder: \"Enter type description\",\n                onChange: (e) => setDescriptionInput(e.target.value),\n                value: descriptionInput,\n              }),\n            ]),\n          ]),\n          h(\"div.form-field.color\", [\n            h(\"p.label\", \"Color\"),\n            h(ColorPicker, {\n              value: colorInput,\n              onChange: (color) => setColorInput(color),\n              style: { width: \"100%\" },\n            }),\n          ]),\n        ]),\n        h(\n          SaveButton,\n          {\n            className: \"save-btn\",\n            small: true,\n            onClick: () =>\n              saveHandler({\n                name: nameInput,\n                description: descriptionInput,\n                color: colorInput,\n                id,\n              }),\n          },\n          \"Save changes\",\n        ),\n      ]),\n    ),\n  );\n}\n\nfunction TypeTag({\n  type,\n  luminance,\n  selectedType,\n  setSelectedType,\n  dispatch,\n  tree,\n  selectedNodes,\n  selected,\n  isSelectedNodes,\n  viewOnly,\n}) {\n  const { color, name, id, description } = type;\n  const darkMode = useInDarkMode();\n  const isSelected = id === selected?.id && selectedNodes.length > 0;\n\n  const style = getTagStyle(color, {\n    active: isSelected,\n    highlighted: selectedNodes.length === 0,\n  });\n\n  const payload = {\n    id,\n    name,\n    color,\n    description,\n  };\n\n  const ids = collectMatchingIds(tree, id);\n\n  const handleTagClick = () => {\n    if (!isSelectedNodes && selectedType === null) {\n      if (ids.length > 0) {\n        setSelectedType(type);\n        dispatch({ type: \"toggle-node-selected\", payload: { ids } });\n      }\n    } else if (isSelectedNodes && selectedType === null) {\n      if (id === selected?.id && selectedNodes.length > 0) {\n        dispatch({\n          type: \"toggle-node-selected\",\n          payload: { ids: selectedNodes },\n        });\n      } else {\n        dispatch({ type: \"select-entity-type\", payload });\n      }\n    } else if (isSelectedNodes && selectedType.id === id) {\n      setSelectedType(null);\n      dispatch({ type: \"toggle-node-selected\", payload: { ids } });\n    } else if (isSelectedNodes && selectedType.id !== id) {\n      if (ids.length > 0) {\n        setSelectedType(type);\n        const oldIds = collectMatchingIds(tree, selectedType.id);\n\n        dispatch({ type: \"toggle-node-selected\", payload: { ids: oldIds } });\n        dispatch({ type: \"toggle-node-selected\", payload: { ids } });\n      }\n    } else {\n      console.warn(\"Unexpected state in TypeTag click handler\", {\n        isSelectedNodes,\n        selectedType,\n        selectedNodes,\n        ids,\n        id,\n        selected,\n      });\n    }\n  };\n\n  return h(\n    Popover,\n    {\n      autoFocus: false,\n      content: h(\"div.description\", description || \"No description available\"),\n      interactionKind: \"hover\",\n    },\n    h(\n      \"div.type-tag\",\n      {\n        onClick: handleTagClick,\n        style: {\n          cursor:\n            (ids.length > 0 || (isSelectedNodes && !selectedType)) && !viewOnly\n              ? \"pointer\"\n              : \"\",\n          color: \"black\",\n          backgroundColor: style.backgroundColor,\n          border: isSelected\n            ? `1px solid var(--text-emphasized-color)`\n            : `1px solid var(--background-color)`,\n        },\n      },\n      h(\"div.type-container\", [\n        h(\"div.type-name\", name),\n        h.if(!viewOnly)(\"div.icons\", [\n          h(EditType, {\n            dispatch,\n            type,\n          }),\n          h(Icon, {\n            icon: \"cross\",\n            className: \"delete-type-icon\",\n            style: { color: \"red\", cursor: \"pointer\" },\n            onClick: (e) => {\n              e.stopPropagation();\n              dispatch({\n                type: \"delete-entity-type\",\n                payload: { id },\n              });\n            },\n          }),\n        ]),\n      ]),\n    ),\n  );\n}\n"],"names":["$a9pfJ$macrostrathyper","useState","$a9pfJ$useState","Icon","$a9pfJ$Icon","Overlay2","$a9pfJ$Overlay2","Popover","$a9pfJ$Popover","useInDarkMode","$a9pfJ$useInDarkMode","SaveButton","$a9pfJ$SaveButton","ColorPicker","$a9pfJ$ColorPicker","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$9wFEx","$edvRb","$7f564edd0e07f138$var$h","styled","a","__esModule","default","$7f564edd0e07f138$export$9ebd91d75ddb6a8b","types","selected","dispatch","selectedNodes","tree","viewOnly","selectedType","setSelectedType","isSelectedNodes","length","luminance","darkMode","Array","from","values","map","type","$7f564edd0e07f138$var$TypeTag","if","$7f564edd0e07f138$var$AddType","$7f564edd0e07f138$var$collectMatchingIds","ids","forEach","traverse","node","push","isArray","children","overlayOpen","setOverlayOpen","onClick","icon","$7f564edd0e07f138$var$TypeOverlay","title","saveHandler","payload","$7f564edd0e07f138$var$EditType","editorOpen","setEditorOpen","className","e","stopPropagation","originalType","name","description","color","nameInput","setNameInput","descriptionInput","setDescriptionInput","colorInput","setColorInput","isOpen","style","cursor","placeholder","onChange","target","value","width","small","isSelected","getTagStyle","active","highlighted","autoFocus","content","interactionKind","console","warn","backgroundColor","border","TypeList"],"version":3,"file":"feedback-components.6a4a1290.js.map","sourceRoot":"../../../../"}

package/dist/node/feedback-components.70780da4.js

@@ -1,2 +0,0 @@
-import"./feedback-components.c84ff10e.js";import"./feedback-components.e59a061f.js";import"./feedback-components.ddd11fe8.js";import"./feedback-components.db72d0e1.js";import"./feedback-components.dc76072c.js";import"./feedback-components.acac789b.js";import"./feedback-components.1bd49bf0.js";import"./feedback-components.feab0bd0.js";import"./feedback-components.6a4a1290.js";import e from"@macrostrat/hyper";import{Tree as t}from"react-arborist";import{useState as n,useRef as o,useCallback as r,useEffect as a}from"react";import{SegmentedControl as i,Card as s,ButtonGroup as d,Divider as l}from"@blueprintjs/core";import{ErrorBoundary as c,FlexRow as p,CancelButton as m,SaveButton as u}from"@macrostrat/ui-components";import f from"use-element-dimensions";function h(e,t,n,o){Object.defineProperty(e,t,{get:n,set:o,enumerable:!0,configurable:!0})}var y=globalThis,v={},b={},w=y.parcelRequirea149;null==w&&((w=function(e){if(e in v)return v[e].exports;if(e in b){var t=b[e];delete b[e];var n={id:e,exports:{}};return v[e]=n,t.call(n.exports,n,n.exports),n.exports}var o=Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}).register=function(e,t){b[e]=t},y.parcelRequirea149=w),w.register;var g={};h(g,"FeedbackComponent",()=>F),h(g,"treeToGraph",()=>w("eedTh").treeToGraph);var k=w("9wFEx"),S=w("bQY4Q"),_=w("3OP12"),C=w("edvRb"),O=w("eedTh"),T=w("iKZjQ"),E=w("bK9Of"),x=w("jlqgz"),H=w("aWecs");let R=e.styled(k&&k.__esModule?k.default:k);function F({entities:e=[],text:t,model:o,entityTypes:r,matchComponent:a,onSave:h,allowOverlap:y,matchLinks:v,view:b=!1,autoSelect:w=[]}){let[g,k]=n(b),[S,T]=n(v),H=void 0!==S,[F,A]=(0,O.useUpdatableTree)(e.map(j),r,g,H,w),{selectedNodes:L,tree:M,selectedEntityType:D,isSelectingEntityType:G,entityTypesMap:$}=F,[{width:B,height:K},P]=f();return R("div.page-wrapper",[R("div.feedback-container",R(O.TreeDispatchContext.Provider,{value:A},[R.if(!b)(i,{options:[{label:"View",value:"view"},{label:"Edit",value:"edit"}],value:g?"view":"edit",small:!0,onValueChange(){k(!g),A({type:"toggle-view-only"})},role:"toolbar"}),R(c,{description:"An error occurred while rendering the feedback text component."},R(_.FeedbackText,{text:t,dispatch:A,nodes:M,selectedNodes:L,allowOverlap:y,matchLinks:S,viewOnly:g})),R(p,{alignItems:"baseline",justifyContent:"space-between"},[R(C.ModelInfo,{data:o}),R(i,{options:[{label:"Tree",value:"tree"},{label:"Graph",value:"graph"}],value:F.viewMode,small:!0,onValueChange(e){console.log("Setting view mode",e),A({type:"set-view-mode",payload:e})}})]),R("div.entity-panel",{ref:P},[R.if("tree"==F.viewMode)(N,{selectedNodes:L,dispatch:A,tree:M,width:B,height:K,matchComponent:a,viewOnly:g}),R.if("graph"==F.viewMode)(E.GraphView,{tree:M,width:B,height:K,dispatch:A,selectedNodes:L,viewOnly:g})])])),R(s,{className:"control-panel"},[R("div.control-content",[R.if(!g)(d,{vertical:!0,fill:!0,minimal:!0,alignText:"left"},[R(m,{icon:"trash",disabled:F.initialTree==F.tree,onClick(){A({type:"reset"})}},"Reset"),R(u,{onClick(){h(F.tree)},disabled:F.initialTree==F.tree},"Save")]),R.if(!g)(x.Matches,{match:S,setMatchLinks:T,matchLinks:v,selectedNodes:L,tree:M,dispatch:A}),R.if(!g)(l),R(I,{entityTypes:$,selected:D,onChange(e){A({type:"select-entity-type",payload:e})},dispatch:A,tree:M,selectedNodes:L,isOpen:G,setOpen:e=>A({type:"toggle-entity-type-selector",payload:e}),viewOnly:g,matchMode:H})])])])}function j(e){return{...e,term_type:e.type.name,txt_range:[e.indices],children:e.children?.map(j)??[]}}function I({entityTypes:e,selected:t,isOpen:o,setOpen:r,onChange:a,tree:i,dispatch:s,selectedNodes:d=[],viewOnly:l,matchMode:c}){let p=null!=t?t:void 0,[m,u]=n(""),f=Array.from(e.values()),h=""!==m?f.filter(e=>e.name.toLowerCase().includes(m.toLowerCase())):f;return R("div.entity-type-selector",[R(H.TypeList,{types:e,selected:p,dispatch:s,selectedNodes:d,tree:i,viewOnly:l||c}),R(T.OmniboxSelector,{isOpen:o,items:h,selectedItem:p,onSelectItem(e){r(!1),a(e)},onQueryChange(e){u(e)},onClose(){r(!1)}})])}function N(e){let{selectedNodes:n,dispatch:i,tree:s,height:d,width:l,matchComponent:c,viewOnly:p}=e,m=o(),u=o(!1),f=r(e=>R(S.default,{...e,matchComponent:c,viewOnly:p}),[c,p]);a(()=>{if(null!=m.current)!function(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}(new Set(n.map(e=>e.toString())),m.current.selectedIds)&&m.current.setSelection({ids:n.map(e=>e.toString()),anchor:null,mostRecent:null})},[n]);let h=o(!1);return a(()=>{let e=e=>{(e.ctrlKey||e.metaKey)&&(h.current=!0)},t=()=>h.current=!1;return window.addEventListener("keydown",e),window.addEventListener("keyup",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("keyup",t)}},[]),R("div.selection-tree-wrapper",{onPointerDown:function(){u.current=!0}},R(t,{className:"selection-tree",height:d,width:l,ref:m,data:s,onMove({dragIds:e,parentId:t,index:n}){i({type:"move-node",payload:{dragIds:e.map(e=>parseInt(e)),parentId:t?parseInt(t):null,index:n}})},onDelete({ids:e}){i({type:"delete-node",payload:{ids:e.map(e=>parseInt(e))}})},onSelect:r(e=>{if(!u.current)return;u.current=!1;let t=h.current,o=e.map(e=>parseInt(e.id));t?i({type:"toggle-node-selected",payload:{ids:o}}):(1===o.length&&o[0]===n[0]&&(o=[]),i({type:"select-node",payload:{ids:o}}))},[n,i]),children:f,idAccessor:e=>e.id.toString()}))}export{F as FeedbackComponent,$330ae695507d96f5$export$8d9dbb7a64bf2a5e as treeToGraph};
-//# sourceMappingURL=feedback-components.70780da4.js.map

package/dist/node/feedback-components.70780da4.js.map

@@ -1 +0,0 @@
-{"mappings":"A,M,oD,A,O,oD,A,O,oD,A,O,oD,A,O,oD,A,O,oD,A,O,oD,A,O,oD,A,O,oD,A,Q,M,mB,A,Q,Q,C,K,gB,A,Q,Y,C,C,U,C,C,e,C,C,a,C,K,O,A,Q,oB,C,C,Q,C,C,e,C,C,W,C,K,mB,A,Q,iB,C,C,W,C,C,gB,C,C,c,C,K,2B,A,Q,M,wB,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,oB,I,G,E,E,c,I,A,E,S,W,E,I,E,E,S,E,E,S,E,E,S,E,E,S,E,E,S,E,E,S,E,E,S,E,E,S,E,E,SCuCA,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAUhB,SAAS,EAAkB,CAAA,SAChC,EAAW,EAAE,CAAA,KACb,CAAI,CAAA,MACJ,CAAK,CAAA,YACL,CAAW,CAAA,eACX,CAAc,CAAA,OACd,CAAM,CAAA,aACN,CAAY,CAAA,WACZ,CAAU,CAAA,KACV,EAAO,CAAA,CAAA,CAAA,WACP,EAAa,EAAE,CAChB,EACC,GAAM,CAAC,EAAU,EAAY,CAAG,AAAA,EAAS,GACnC,CAAC,EAAO,EAAc,CAAG,AAAA,EAAS,GAClC,EAAY,AAAU,KAAA,IAAV,EAGZ,CAAC,EAAO,EAAS,CAAG,AAAA,CAAA,EAAA,EAAA,gBAAe,AAAf,EACxB,EAAS,GAAG,CAAC,GACb,EACA,EACA,EACA,GAGI,CAAA,cACJ,CAAa,CAAA,KACb,CAAI,CAAA,mBACJ,CAAkB,CAAA,sBAClB,CAAqB,CAAA,eACrB,CAAc,CACf,CAAG,EAEE,CAAC,CAAA,MAAE,CAAK,CAAA,OAAE,CAAM,CAAE,CAAE,EAAI,CAAG,AAAA,IAEjC,OAAO,EAAE,mBA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","sources":["<anon>","packages/feedback-components/src/feedback/index.ts"],"sourcesContent":["import \"./feedback-components.c84ff10e.js\";\nimport \"./feedback-components.e59a061f.js\";\nimport \"./feedback-components.ddd11fe8.js\";\nimport \"./feedback-components.db72d0e1.js\";\nimport \"./feedback-components.dc76072c.js\";\nimport \"./feedback-components.acac789b.js\";\nimport \"./feedback-components.1bd49bf0.js\";\nimport \"./feedback-components.feab0bd0.js\";\nimport \"./feedback-components.6a4a1290.js\";\nimport $ajJMX$macrostrathyper from \"@macrostrat/hyper\";\nimport {Tree as $ajJMX$Tree} from \"react-arborist\";\nimport {useState as $ajJMX$useState, useRef as $ajJMX$useRef, useCallback as $ajJMX$useCallback, useEffect as $ajJMX$useEffect} from \"react\";\nimport {SegmentedControl as $ajJMX$SegmentedControl, Card as $ajJMX$Card, ButtonGroup as $ajJMX$ButtonGroup, Divider as $ajJMX$Divider} from \"@blueprintjs/core\";\nimport {ErrorBoundary as $ajJMX$ErrorBoundary, FlexRow as $ajJMX$FlexRow, CancelButton as $ajJMX$CancelButton, SaveButton as $ajJMX$SaveButton} from \"@macrostrat/ui-components\";\nimport $ajJMX$useelementdimensions from \"use-element-dimensions\";\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 $2c86488f2f3c1edd$exports = {};\n\n$parcel$export($2c86488f2f3c1edd$exports, \"FeedbackComponent\", () => $2c86488f2f3c1edd$export$a90600c9da52b40c);\n$parcel$export($2c86488f2f3c1edd$exports, \"treeToGraph\", () => (parcelRequire(\"eedTh\")).treeToGraph);\n\nvar $9wFEx = parcelRequire(\"9wFEx\");\n\n\n\nvar $bQY4Q = parcelRequire(\"bQY4Q\");\n\nvar $3OP12 = parcelRequire(\"3OP12\");\n\nvar $edvRb = parcelRequire(\"edvRb\");\n\nvar $eedTh = parcelRequire(\"eedTh\");\n\n\n\nvar $iKZjQ = parcelRequire(\"iKZjQ\");\n\n\n\nvar $bK9Of = parcelRequire(\"bK9Of\");\n\nvar $jlqgz = parcelRequire(\"jlqgz\");\n\nvar $aWecs = parcelRequire(\"aWecs\");\nconst $2c86488f2f3c1edd$var$h = (0, $ajJMX$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($9wFEx))));\nfunction $2c86488f2f3c1edd$var$setsAreTheSame(a, b) {\n    if (a.size !== b.size) return false;\n    for (const item of a){\n        if (!b.has(item)) return false;\n    }\n    return true;\n}\nfunction $2c86488f2f3c1edd$export$a90600c9da52b40c({ entities: entities = [], text: text, model: model, entityTypes: entityTypes, matchComponent: matchComponent, onSave: onSave, allowOverlap: allowOverlap, matchLinks: matchLinks, view: view = false, autoSelect: autoSelect = [] }) {\n    const [viewOnly, setViewOnly] = (0, $ajJMX$useState)(view);\n    const [match, setMatchLinks] = (0, $ajJMX$useState)(matchLinks);\n    const matchMode = match !== undefined;\n    // Get the input arguments\n    const [state, dispatch] = (0, $eedTh.useUpdatableTree)(entities.map($2c86488f2f3c1edd$var$processEntity), entityTypes, viewOnly, matchMode, autoSelect);\n    const { selectedNodes: selectedNodes, tree: tree, selectedEntityType: selectedEntityType, isSelectingEntityType: isSelectingEntityType, entityTypesMap: entityTypesMap } = state;\n    const [{ width: width, height: height }, ref] = (0, $ajJMX$useelementdimensions)();\n    return $2c86488f2f3c1edd$var$h(\"div.page-wrapper\", [\n        $2c86488f2f3c1edd$var$h(\"div.feedback-container\", $2c86488f2f3c1edd$var$h((0, $eedTh.TreeDispatchContext).Provider, {\n            value: dispatch\n        }, [\n            $2c86488f2f3c1edd$var$h.if(!view)((0, $ajJMX$SegmentedControl), {\n                options: [\n                    {\n                        label: \"View\",\n                        value: \"view\"\n                    },\n                    {\n                        label: \"Edit\",\n                        value: \"edit\"\n                    }\n                ],\n                value: viewOnly ? \"view\" : \"edit\",\n                small: true,\n                onValueChange () {\n                    setViewOnly(!viewOnly);\n                    dispatch({\n                        type: \"toggle-view-only\"\n                    });\n                },\n                role: \"toolbar\"\n            }),\n            $2c86488f2f3c1edd$var$h((0, $ajJMX$ErrorBoundary), {\n                description: \"An error occurred while rendering the feedback text component.\"\n            }, $2c86488f2f3c1edd$var$h((0, $3OP12.FeedbackText), {\n                text: text,\n                dispatch: dispatch,\n                // @ts-ignore\n                nodes: tree,\n                selectedNodes: selectedNodes,\n                allowOverlap: allowOverlap,\n                matchLinks: match,\n                viewOnly: viewOnly\n            })),\n            $2c86488f2f3c1edd$var$h((0, $ajJMX$FlexRow), {\n                alignItems: \"baseline\",\n                justifyContent: \"space-between\"\n            }, [\n                $2c86488f2f3c1edd$var$h((0, $edvRb.ModelInfo), {\n                    data: model\n                }),\n                $2c86488f2f3c1edd$var$h((0, $ajJMX$SegmentedControl), {\n                    options: [\n                        {\n                            label: \"Tree\",\n                            value: \"tree\"\n                        },\n                        {\n                            label: \"Graph\",\n                            value: \"graph\"\n                        }\n                    ],\n                    value: state.viewMode,\n                    small: true,\n                    onValueChange (value) {\n                        console.log(\"Setting view mode\", value);\n                        dispatch({\n                            type: \"set-view-mode\",\n                            payload: value\n                        });\n                    }\n                })\n            ]),\n            $2c86488f2f3c1edd$var$h(\"div.entity-panel\", {\n                ref: ref\n            }, [\n                $2c86488f2f3c1edd$var$h.if(state.viewMode == \"tree\")($2c86488f2f3c1edd$var$ManagedSelectionTree, {\n                    selectedNodes: selectedNodes,\n                    dispatch: dispatch,\n                    tree: tree,\n                    width: width,\n                    height: height,\n                    matchComponent: matchComponent,\n                    viewOnly: viewOnly\n                }),\n                $2c86488f2f3c1edd$var$h.if(state.viewMode == \"graph\")((0, $bK9Of.GraphView), {\n                    tree: tree,\n                    width: width,\n                    height: height,\n                    dispatch: dispatch,\n                    selectedNodes: selectedNodes,\n                    viewOnly: viewOnly\n                })\n            ])\n        ])),\n        $2c86488f2f3c1edd$var$h((0, $ajJMX$Card), {\n            className: \"control-panel\"\n        }, [\n            $2c86488f2f3c1edd$var$h(\"div.control-content\", [\n                $2c86488f2f3c1edd$var$h.if(!viewOnly)((0, $ajJMX$ButtonGroup), {\n                    vertical: true,\n                    fill: true,\n                    minimal: true,\n                    alignText: \"left\"\n                }, [\n                    $2c86488f2f3c1edd$var$h((0, $ajJMX$CancelButton), {\n                        icon: \"trash\",\n                        disabled: state.initialTree == state.tree,\n                        onClick () {\n                            dispatch({\n                                type: \"reset\"\n                            });\n                        }\n                    }, \"Reset\"),\n                    $2c86488f2f3c1edd$var$h((0, $ajJMX$SaveButton), {\n                        onClick () {\n                            onSave(state.tree);\n                        },\n                        disabled: state.initialTree == state.tree\n                    }, \"Save\")\n                ]),\n                $2c86488f2f3c1edd$var$h.if(!viewOnly)((0, $jlqgz.Matches), {\n                    match: match,\n                    setMatchLinks: setMatchLinks,\n                    matchLinks: matchLinks,\n                    selectedNodes: selectedNodes,\n                    tree: tree,\n                    dispatch: dispatch\n                }),\n                $2c86488f2f3c1edd$var$h.if(!viewOnly)((0, $ajJMX$Divider)),\n                $2c86488f2f3c1edd$var$h($2c86488f2f3c1edd$var$EntityTypeSelector, {\n                    entityTypes: entityTypesMap,\n                    selected: selectedEntityType,\n                    onChange (payload) {\n                        dispatch({\n                            type: \"select-entity-type\",\n                            payload: payload\n                        });\n                    },\n                    dispatch: dispatch,\n                    tree: tree,\n                    selectedNodes: selectedNodes,\n                    isOpen: isSelectingEntityType,\n                    setOpen: (isOpen)=>dispatch({\n                            type: \"toggle-entity-type-selector\",\n                            payload: isOpen\n                        }),\n                    viewOnly: viewOnly,\n                    matchMode: matchMode\n                })\n            ])\n        ])\n    ]);\n}\nfunction $2c86488f2f3c1edd$var$processEntity(entity) {\n    // @ts-ignore\n    return {\n        ...entity,\n        // @ts-ignore\n        term_type: entity.type.name,\n        txt_range: [\n            entity.indices\n        ],\n        children: entity.children?.map($2c86488f2f3c1edd$var$processEntity) ?? []\n    };\n}\nfunction $2c86488f2f3c1edd$var$EntityTypeSelector({ entityTypes: entityTypes, selected: selected, isOpen: isOpen, setOpen: setOpen, onChange: onChange, tree: tree, dispatch: dispatch, selectedNodes: selectedNodes = [], viewOnly: viewOnly, matchMode: matchMode }) {\n    // Show all entity types when selected is null\n    const _selected = selected != null ? selected : undefined;\n    const [inputValue, setInputValue] = (0, $ajJMX$useState)(\"\");\n    const types = Array.from(entityTypes.values());\n    const items = inputValue !== \"\" ? types.filter((d)=>d.name.toLowerCase().includes(inputValue.toLowerCase())) : types;\n    return $2c86488f2f3c1edd$var$h(\"div.entity-type-selector\", [\n        $2c86488f2f3c1edd$var$h((0, $aWecs.TypeList), {\n            types: entityTypes,\n            selected: _selected,\n            dispatch: dispatch,\n            selectedNodes: selectedNodes,\n            tree: tree,\n            viewOnly: viewOnly || matchMode\n        }),\n        $2c86488f2f3c1edd$var$h((0, $iKZjQ.OmniboxSelector), {\n            isOpen: isOpen,\n            items: items,\n            selectedItem: _selected,\n            onSelectItem (item) {\n                setOpen(false);\n                onChange(item);\n            },\n            onQueryChange (query) {\n                setInputValue(query);\n            },\n            onClose () {\n                setOpen(false);\n            }\n        })\n    ]);\n}\nfunction $2c86488f2f3c1edd$var$countNodes(tree) {\n    if (!tree) return 0;\n    let count = 0;\n    function recurse(nodes) {\n        for (const node of nodes){\n            count++;\n            if (node.children && Array.isArray(node.children)) recurse(node.children);\n        }\n    }\n    recurse(tree);\n    return count;\n}\nfunction $2c86488f2f3c1edd$var$ManagedSelectionTree(props) {\n    const { selectedNodes: selectedNodes, dispatch: dispatch, tree: tree, height: height, width: width, matchComponent: matchComponent, viewOnly: viewOnly } = props;\n    const ref = (0, $ajJMX$useRef)();\n    // Use a ref to track clicks (won't cause rerender)\n    const clickedRef = (0, $ajJMX$useRef)(false);\n    const _Node = (0, $ajJMX$useCallback)((props)=>$2c86488f2f3c1edd$var$h((0, $bQY4Q.default), {\n            ...props,\n            matchComponent: matchComponent,\n            viewOnly: viewOnly\n        }), [\n        matchComponent,\n        viewOnly\n    ]);\n    // Update Tree selection when selectedNodes change\n    (0, $ajJMX$useEffect)(()=>{\n        if (ref.current == null) return;\n        const selection = new Set(selectedNodes.map((d)=>d.toString()));\n        const currentSelection = ref.current.selectedIds;\n        if ($2c86488f2f3c1edd$var$setsAreTheSame(selection, currentSelection)) return;\n        ref.current.setSelection({\n            ids: selectedNodes.map((d)=>d.toString()),\n            anchor: null,\n            mostRecent: null\n        });\n    }, [\n        selectedNodes\n    ]);\n    // Mark clicked when user clicks inside the tree container\n    function handleClick() {\n        clickedRef.current = true;\n    }\n    const ctrlPressedRef = (0, $ajJMX$useRef)(false);\n    (0, $ajJMX$useEffect)(()=>{\n        const down = (e)=>{\n            if (e.ctrlKey || e.metaKey) ctrlPressedRef.current = true;\n        };\n        const up = ()=>ctrlPressedRef.current = false;\n        window.addEventListener(\"keydown\", down);\n        window.addEventListener(\"keyup\", up);\n        return ()=>{\n            window.removeEventListener(\"keydown\", down);\n            window.removeEventListener(\"keyup\", up);\n        };\n    }, []);\n    const handleSelect = (0, $ajJMX$useCallback)((nodes)=>{\n        if (!clickedRef.current) return;\n        clickedRef.current = false;\n        const isMultiSelect = ctrlPressedRef.current;\n        let ids = nodes.map((d)=>parseInt(d.id));\n        if (isMultiSelect) dispatch({\n            type: \"toggle-node-selected\",\n            payload: {\n                ids: ids\n            }\n        });\n        else {\n            if (ids.length === 1 && ids[0] === selectedNodes[0]) ids = [];\n            dispatch({\n                type: \"select-node\",\n                payload: {\n                    ids: ids\n                }\n            });\n        }\n    }, [\n        selectedNodes,\n        dispatch\n    ]);\n    return $2c86488f2f3c1edd$var$h(\"div.selection-tree-wrapper\", {\n        onPointerDown: handleClick\n    }, $2c86488f2f3c1edd$var$h((0, $ajJMX$Tree), {\n        className: \"selection-tree\",\n        height: height,\n        width: width,\n        ref: ref,\n        data: tree,\n        onMove ({ dragIds: dragIds, parentId: parentId, index: index }) {\n            dispatch({\n                type: \"move-node\",\n                payload: {\n                    dragIds: dragIds.map((d)=>parseInt(d)),\n                    parentId: parentId ? parseInt(parentId) : null,\n                    index: index\n                }\n            });\n        },\n        onDelete ({ ids: ids }) {\n            dispatch({\n                type: \"delete-node\",\n                payload: {\n                    ids: ids.map((d)=>parseInt(d))\n                }\n            });\n        },\n        onSelect: handleSelect,\n        children: _Node,\n        idAccessor (d) {\n            return d.id.toString();\n        }\n    }));\n}\n\n\nexport {$2c86488f2f3c1edd$export$a90600c9da52b40c as FeedbackComponent, $330ae695507d96f5$export$8d9dbb7a64bf2a5e as treeToGraph};\n//# sourceMappingURL=feedback-components.70780da4.js.map\n","import styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\n\nimport { Tree, TreeApi } from \"react-arborist\";\nimport Node from \"./node\";\nimport { FeedbackText } from \"./text-visualizer\";\nimport type { InternalEntity, TreeData } from \"./types\";\nimport type { Entity } from \"../extractions\";\nimport { getTagStyle, ModelInfo } from \"../extractions\";\nimport {\n  TreeDispatchContext,\n  treeToGraph,\n  useUpdatableTree,\n  ViewMode,\n} from \"./edit-state\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n  ButtonGroup,\n  Card,\n  SegmentedControl,\n  Divider,\n} from \"@blueprintjs/core\";\nimport { OmniboxSelector } from \"./type-selector\";\nimport {\n  CancelButton,\n  ErrorBoundary,\n  FlexRow,\n  SaveButton,\n} from \"@macrostrat/ui-components\";\nimport useElementDimensions from \"use-element-dimensions\";\nimport { GraphView } from \"./graph\";\n\nimport { Matches } from \"./matches\";\nimport { TypeList } from \"./typelist\";\n\nexport type { GraphData } from \"./edit-state\";\nexport { treeToGraph } from \"./edit-state\";\nexport type { TreeData } from \"./types\";\n\nconst h = hyper.styled(styles);\n\nfunction setsAreTheSame<T>(a: Set<T>, b: Set<T>) {\n  if (a.size !== b.size) return false;\n  for (const item of a) {\n    if (!b.has(item)) return false;\n  }\n  return true;\n}\n\nexport function FeedbackComponent({\n  entities = [],\n  text,\n  model,\n  entityTypes,\n  matchComponent,\n  onSave,\n  allowOverlap,\n  matchLinks,\n  view = false,\n  autoSelect = [],\n}) {\n  const [viewOnly, setViewOnly] = useState(view);\n  const [match, setMatchLinks] = useState(matchLinks);\n  const matchMode = match !== undefined;\n\n  // Get the input arguments\n  const [state, dispatch] = useUpdatableTree(\n    entities.map(processEntity) as any,\n    entityTypes,\n    viewOnly,\n    matchMode,\n    autoSelect,\n  );\n\n  const {\n    selectedNodes,\n    tree,\n    selectedEntityType,\n    isSelectingEntityType,\n    entityTypesMap,\n  } = state;\n\n  const [{ width, height }, ref] = useElementDimensions();\n\n  return h(\"div.page-wrapper\", [\n    h(\n      \"div.feedback-container\",\n      h(TreeDispatchContext.Provider, { value: dispatch }, [\n        h.if(!view)(SegmentedControl, {\n          options: [\n            { label: \"View\", value: \"view\" },\n            { label: \"Edit\", value: \"edit\" },\n          ],\n          value: viewOnly ? \"view\" : \"edit\",\n          small: true,\n          onValueChange() {\n            setViewOnly(!viewOnly);\n            dispatch({ type: \"toggle-view-only\" });\n          },\n          role: \"toolbar\",\n        }),\n        h(\n          ErrorBoundary,\n          {\n            description:\n              \"An error occurred while rendering the feedback text component.\",\n          },\n          h(FeedbackText, {\n            text,\n            dispatch,\n            // @ts-ignore\n            nodes: tree,\n            selectedNodes,\n            allowOverlap,\n            matchLinks: match,\n            viewOnly,\n          }),\n        ),\n        h(\n          FlexRow,\n          { alignItems: \"baseline\", justifyContent: \"space-between\" },\n          [\n            h(ModelInfo, { data: model }),\n            h(SegmentedControl, {\n              options: [\n                { label: \"Tree\", value: \"tree\" },\n                { label: \"Graph\", value: \"graph\" },\n              ],\n              value: state.viewMode,\n              small: true,\n              onValueChange(value: ViewMode) {\n                console.log(\"Setting view mode\", value);\n                dispatch({ type: \"set-view-mode\", payload: value });\n              },\n            }),\n          ],\n        ),\n        h(\n          \"div.entity-panel\",\n          {\n            ref,\n          },\n          [\n            h.if(state.viewMode == \"tree\")(ManagedSelectionTree, {\n              selectedNodes,\n              dispatch,\n              tree,\n              width,\n              height,\n              matchComponent,\n              viewOnly,\n            }),\n            h.if(state.viewMode == \"graph\")(GraphView, {\n              tree,\n              width,\n              height,\n              dispatch,\n              selectedNodes,\n              viewOnly,\n            }),\n          ],\n        ),\n      ]),\n    ),\n    h(Card, { className: \"control-panel\" }, [\n      h(\"div.control-content\", [\n        h.if(!viewOnly)(\n          ButtonGroup,\n          {\n            vertical: true,\n            fill: true,\n            minimal: true,\n            alignText: \"left\",\n          },\n          [\n            h(\n              CancelButton,\n              {\n                icon: \"trash\",\n                disabled: state.initialTree == state.tree,\n                onClick() {\n                  dispatch({ type: \"reset\" });\n                },\n              },\n              \"Reset\",\n            ),\n            h(\n              SaveButton,\n              {\n                onClick() {\n                  onSave(state.tree);\n                },\n                disabled: state.initialTree == state.tree,\n              },\n              \"Save\",\n            ),\n          ],\n        ),\n        h.if(!viewOnly)(Matches, {\n          match,\n          setMatchLinks,\n          matchLinks,\n          selectedNodes,\n          tree,\n          dispatch,\n        }),\n        h.if(!viewOnly)(Divider),\n        h(EntityTypeSelector, {\n          entityTypes: entityTypesMap,\n          selected: selectedEntityType,\n          onChange(payload) {\n            dispatch({ type: \"select-entity-type\", payload });\n          },\n          dispatch,\n          tree,\n          selectedNodes,\n          isOpen: isSelectingEntityType,\n          setOpen: (isOpen: boolean) =>\n            dispatch({\n              type: \"toggle-entity-type-selector\",\n              payload: isOpen,\n            }),\n          viewOnly,\n          matchMode,\n        }),\n      ]),\n    ]),\n  ]);\n}\n\nfunction processEntity(entity: Entity): InternalEntity {\n  // @ts-ignore\n  return {\n    ...entity,\n    // @ts-ignore\n    term_type: entity.type.name,\n    txt_range: [entity.indices],\n    children: entity.children?.map(processEntity) ?? [],\n  };\n}\n\nfunction EntityTypeSelector({\n  entityTypes,\n  selected,\n  isOpen,\n  setOpen,\n  onChange,\n  tree,\n  dispatch,\n  selectedNodes = [],\n  viewOnly,\n  matchMode,\n}) {\n  // Show all entity types when selected is null\n  const _selected = selected != null ? selected : undefined;\n  const [inputValue, setInputValue] = useState(\"\");\n  const types = Array.from(entityTypes.values());\n\n  const items =\n    inputValue !== \"\"\n      ? types.filter((d) =>\n          d.name.toLowerCase().includes(inputValue.toLowerCase()),\n        )\n      : types;\n\n  return h(\"div.entity-type-selector\", [\n    h(TypeList, {\n      types: entityTypes,\n      selected: _selected,\n      dispatch,\n      selectedNodes,\n      tree,\n      viewOnly: viewOnly || matchMode,\n    }),\n    h(OmniboxSelector, {\n      isOpen,\n      items,\n      selectedItem: _selected,\n      onSelectItem(item) {\n        setOpen(false);\n        onChange(item);\n      },\n      onQueryChange(query) {\n        setInputValue(query);\n      },\n      onClose() {\n        setOpen(false);\n      },\n    }),\n  ]);\n}\n\nfunction countNodes(tree) {\n  if (!tree) return 0;\n  let count = 0;\n\n  function recurse(nodes) {\n    for (const node of nodes) {\n      count++;\n      if (node.children && Array.isArray(node.children)) {\n        recurse(node.children);\n      }\n    }\n  }\n\n  recurse(tree);\n  return count;\n}\n\nfunction ManagedSelectionTree(props) {\n  const {\n    selectedNodes,\n    dispatch,\n    tree,\n    height,\n    width,\n    matchComponent,\n    viewOnly,\n  } = props;\n\n  const ref = useRef<TreeApi<TreeData>>();\n  // Use a ref to track clicks (won't cause rerender)\n  const clickedRef = useRef(false);\n\n  const _Node = useCallback(\n    (props) => h(Node, { ...props, matchComponent, viewOnly }),\n    [matchComponent, viewOnly],\n  );\n\n  // Update Tree selection when selectedNodes change\n  useEffect(() => {\n    if (ref.current == null) return;\n\n    const selection = new Set(selectedNodes.map((d) => d.toString()));\n    const currentSelection = ref.current.selectedIds;\n    if (setsAreTheSame(selection, currentSelection)) return;\n\n    ref.current.setSelection({\n      ids: selectedNodes.map((d) => d.toString()),\n      anchor: null,\n      mostRecent: null,\n    });\n  }, [selectedNodes]);\n\n  // Mark clicked when user clicks inside the tree container\n  function handleClick() {\n    clickedRef.current = true;\n  }\n\n  const ctrlPressedRef = useRef(false);\n\n  useEffect(() => {\n    const down = (e) => {\n      if (e.ctrlKey || e.metaKey) ctrlPressedRef.current = true;\n    };\n    const up = () => (ctrlPressedRef.current = false);\n\n    window.addEventListener(\"keydown\", down);\n    window.addEventListener(\"keyup\", up);\n    return () => {\n      window.removeEventListener(\"keydown\", down);\n      window.removeEventListener(\"keyup\", up);\n    };\n  }, []);\n\n  const handleSelect = useCallback(\n    (nodes) => {\n      if (!clickedRef.current) return;\n      clickedRef.current = false;\n      const isMultiSelect = ctrlPressedRef.current;\n\n      let ids = nodes.map((d) => parseInt(d.id));\n\n      if (isMultiSelect) {\n        dispatch({ type: \"toggle-node-selected\", payload: { ids } });\n      } else {\n        if (ids.length === 1 && ids[0] === selectedNodes[0]) {\n          ids = [];\n        }\n\n        dispatch({ type: \"select-node\", payload: { ids } });\n      }\n    },\n    [selectedNodes, dispatch],\n  );\n\n  return h(\n    \"div.selection-tree-wrapper\",\n    { onPointerDown: handleClick },\n    h(Tree, {\n      className: \"selection-tree\",\n      height,\n      width,\n      ref,\n      data: tree,\n      onMove({ dragIds, parentId, index }) {\n        dispatch({\n          type: \"move-node\",\n          payload: {\n            dragIds: dragIds.map((d) => parseInt(d)),\n            parentId: parentId ? parseInt(parentId) : null,\n            index,\n          },\n        });\n      },\n      onDelete({ ids }) {\n        dispatch({\n          type: \"delete-node\",\n          payload: { ids: ids.map((d) => parseInt(d)) },\n        });\n      },\n      onSelect: handleSelect,\n      children: _Node,\n      idAccessor(d) {\n        return d.id.toString();\n      },\n    }),\n  );\n}\n"],"names":["$ajJMX$macrostrathyper","Tree","$ajJMX$Tree","useState","$ajJMX$useState","useRef","$ajJMX$useRef","useCallback","$ajJMX$useCallback","useEffect","$ajJMX$useEffect","SegmentedControl","$ajJMX$SegmentedControl","Card","$ajJMX$Card","ButtonGroup","$ajJMX$ButtonGroup","Divider","$ajJMX$Divider","ErrorBoundary","$ajJMX$ErrorBoundary","FlexRow","$ajJMX$FlexRow","CancelButton","$ajJMX$CancelButton","SaveButton","$ajJMX$SaveButton","$ajJMX$useelementdimensions","$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","$2c86488f2f3c1edd$exports","$2c86488f2f3c1edd$export$a90600c9da52b40c","treeToGraph","$9wFEx","$bQY4Q","$3OP12","$edvRb","$eedTh","$iKZjQ","$bK9Of","$jlqgz","$aWecs","$2c86488f2f3c1edd$var$h","styled","a","__esModule","default","entities","text","model","entityTypes","matchComponent","onSave","allowOverlap","matchLinks","view","autoSelect","viewOnly","setViewOnly","match","setMatchLinks","matchMode","undefined","state","dispatch","useUpdatableTree","map","$2c86488f2f3c1edd$var$processEntity","selectedNodes","tree","selectedEntityType","isSelectingEntityType","entityTypesMap","width","height","ref","TreeDispatchContext","Provider","value","if","options","label","small","onValueChange","type","role","description","FeedbackText","nodes","alignItems","justifyContent","ModelInfo","data","viewMode","console","log","payload","$2c86488f2f3c1edd$var$ManagedSelectionTree","GraphView","className","vertical","fill","minimal","alignText","icon","disabled","initialTree","onClick","Matches","$2c86488f2f3c1edd$var$EntityTypeSelector","selected","onChange","isOpen","setOpen","entity","term_type","name","txt_range","indices","children","_selected","inputValue","setInputValue","types","Array","from","values","items","filter","d","toLowerCase","includes","TypeList","OmniboxSelector","selectedItem","onSelectItem","item","onQueryChange","query","onClose","props","clickedRef","_Node","current","$2c86488f2f3c1edd$var$setsAreTheSame","b","size","has","Set","toString","selectedIds","setSelection","ids","anchor","mostRecent","ctrlPressedRef","down","ctrlKey","metaKey","up","window","addEventListener","removeEventListener","onPointerDown","onMove","dragIds","parentId","index","parseInt","onDelete","onSelect","isMultiSelect","length","idAccessor","FeedbackComponent","$330ae695507d96f5$export$8d9dbb7a64bf2a5e"],"version":3,"file":"feedback-components.70780da4.js.map","sourceRoot":"../../../../"}

package/dist/node/feedback-components.794f429b.js

@@ -1,2 +0,0 @@
-function e(e,t,i,n){Object.defineProperty(e,t,{get:i,set:n,enumerable:!0,configurable:!0})}var t,i,n={};e(n,"entities",()=>t,e=>t=e),e(n,"entity",()=>i,e=>i=e),t="UZr1Jq_entities",i="UZr1Jq_entity";export{n as default};
-//# sourceMappingURL=feedback-components.794f429b.js.map

package/dist/node/feedback-components.794f429b.js.map

@@ -1 +0,0 @@
-{"mappings":"A,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,ICAA,EACA,E,E,C,E,E,E,W,I,E,A,G,E,G,E,E,S,I,E,A,G,E,GADA,EAA6B,kBAC7B,EAA2B,uB,K,O","sources":["<anon>","packages/feedback-components/src/extractions/main.module.sass"],"sourcesContent":["\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\nvar $1c152ab3b3d783a7$exports = {};\n\n$parcel$export($1c152ab3b3d783a7$exports, \"entities\", () => $1c152ab3b3d783a7$export$5345fd892b40e1f6, (v) => $1c152ab3b3d783a7$export$5345fd892b40e1f6 = v);\n$parcel$export($1c152ab3b3d783a7$exports, \"entity\", () => $1c152ab3b3d783a7$export$4b5127edceda427d, (v) => $1c152ab3b3d783a7$export$4b5127edceda427d = v);\nvar $1c152ab3b3d783a7$export$5345fd892b40e1f6;\nvar $1c152ab3b3d783a7$export$4b5127edceda427d;\n$1c152ab3b3d783a7$export$5345fd892b40e1f6 = `UZr1Jq_entities`;\n$1c152ab3b3d783a7$export$4b5127edceda427d = `UZr1Jq_entity`;\n\n\nexport {$1c152ab3b3d783a7$exports as default};\n//# sourceMappingURL=feedback-components.794f429b.js.map\n",null],"names":["$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$1c152ab3b3d783a7$export$5345fd892b40e1f6","$1c152ab3b3d783a7$export$4b5127edceda427d","$1c152ab3b3d783a7$exports","default"],"version":3,"file":"feedback-components.794f429b.js.map","sourceRoot":"../../../../"}

package/dist/node/feedback-components.83c21466.css

@@ -1,2 +0,0 @@
-.UZr1Jq_entities{padding-left:0;list-style:none}.UZr1Jq_entities .UZr1Jq_entities ul{list-style:none}.UZr1Jq_entity{margin:.2em 0 .5em;padding-right:3px}
-/*# sourceMappingURL=feedback-components.83c21466.css.map */

package/dist/node/feedback-components.83c21466.css.map

@@ -1 +0,0 @@
-{"mappings":"ACAA,gDAIE,qDAGF","sources":["feedback-components.83c21466.css","packages/feedback-components/src/extractions/main.module.sass"],"sourcesContent":[".UZr1Jq_entities {\n  padding-left: 0;\n  list-style: none;\n}\n\n.UZr1Jq_entities .UZr1Jq_entities ul {\n  list-style: none;\n}\n\n.UZr1Jq_entity {\n  margin: .2em 0 .5em;\n  padding-right: 3px;\n}\n/*# sourceMappingURL=feedback-components.83c21466.css.map */\n",".entities\n  list-style: none\n  padding-left: 0\n\n  .entities ul\n    list-style: none\n\n.entity\n  margin: 0.2em 0 0.5em\n  padding-right: 3px\n"],"names":[],"version":3,"file":"feedback-components.83c21466.css.map","sourceRoot":"../../../../"}

package/dist/node/feedback-components.97518e90.css

@@ -1,2 +0,0 @@
-:root{--text-line-height:3em;--main-extra-width:200px}.QoX8-W_page-wrapper{flex-direction:row;align-items:flex-start;gap:2em;display:flex;position:relative}.QoX8-W_feedback-container{flex:4}.QoX8-W_control-panel{flex:1;height:auto}.QoX8-W_control-content{position:sticky;top:0}.QoX8-W_feedback-component{width:800px;position:relative}.QoX8-W_feedback-component>svg{width:800px}circle{border:1px solid #000}.QoX8-W_selected{border:1px solid #fff}.QoX8-W_feedback-text{margin-bottom:2em}.QoX8-W_entity-panel{background:var(--panel-secondary-background-color);width:calc(100% - 2em);min-height:100px;max-height:600px;box-shadow:0 0 0 1px var(--panel-border-color)inset;border-radius:4px;flex:1;padding:1em;position:relative}.QoX8-W_selection-tree{margin:-1em 0;padding:1em 0}.QoX8-W_type-list{grid-template-rows:repeat(10,auto);grid-auto-flow:column;gap:.2em;display:grid}.QoX8-W_type-list .QoX8-W_type-tag{border-radius:.2em;padding:.2em .5em}.QoX8-W_description{max-width:300px;padding:.5em}mark{cursor:pointer;border-radius:.2em;color:#000!important}[role=treeitem]{width:auto!important}.QoX8-W_highlight{zIndex:10;border-radius:.2em;padding:.2em 0;position:relative}.QoX8-W_clickable{cursor:pointer}.QoX8-W_feedback-text-wrapper{z-index:0;line-height:var(--text-line-height);position:relative;overflow:visible}.QoX8-W_type-container{justify-content:space-between;align-items:center;column-gap:1em;display:flex}.QoX8-W_add-type{cursor:pointer;justify-content:space-between;align-items:center;padding:0 .5em;display:flex}.QoX8-W_add-type p{margin:0}.QoX8-W_overlay-container{justify-content:center;align-items:center;width:100vw;height:80vh;display:flex}.QoX8-W_overlay-container .QoX8-W_add-type-overlay{background-color:var(--tertiary-background);border-radius:.2em;flex-direction:column;gap:1em;padding:.5em 1em;display:flex}.QoX8-W_overlay-container .QoX8-W_add-type-overlay .QoX8-W_title{justify-content:space-between;align-items:center;display:flex}.QoX8-W_overlay-container .QoX8-W_add-type-overlay h2{margin:0}.QoX8-W_overlay-container .QoX8-W_add-type-overlay .QoX8-W_form-group{gap:3em;display:flex}.QoX8-W_overlay-container .QoX8-W_add-type-overlay .QoX8-W_form-group .QoX8-W_text-inputs{flex-direction:column;gap:1em;display:flex}.QoX8-W_icons{gap:.25em;display:flex}.QoX8-W_node-label{fill:var(--text-emphasized-color);fontSize:10px;pointerEvents:none}.QoX8-W_match-item{color:var(--text-emphasized-color);cursor:pointer;border-radius:.2em;margin-bottom:4px;padding:.1em .2em}.QoX8-W_match-item .QoX8-W_match-label{color:var(--text-color);margin:0}.QoX8-W_match-container{justify-content:space-between;align-items:center;display:flex}.QoX8-W_match-container .QoX8-W_close-btn{cursor:pointer}.QoX8-W_match-link{padding:.5em}
-/*# sourceMappingURL=feedback-components.97518e90.css.map */

package/dist/node/feedback-components.97518e90.css.map

@@ -1 +0,0 @@
-{"mappings":"ACAA,sDAIA,sGAOA,kCAGA,yCAIA,8CAIA,yDAIE,2CAGF,6BAGA,uCAGA,wCAGA,4OAYA,mDAIA,iGAME,wEAIF,iDAIA,4DAKA,qCAGA,gFAMA,iCAGA,+GAMA,oGAMA,6GAOE,4BAGF,yGAOE,8KAQE,+HAKA,+DAGA,2FAIE,qIAKN,qCAIA,sFAKA,4HAOE,wEAIF,sFAKE,yDAGF","sources":["feedback-components.97518e90.css","packages/feedback-components/src/feedback/feedback.module.sass"],"sourcesContent":[":root {\n  --text-line-height: 3em;\n  --main-extra-width: 200px;\n}\n\n.QoX8-W_page-wrapper {\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 2em;\n  display: flex;\n  position: relative;\n}\n\n.QoX8-W_feedback-container {\n  flex: 4;\n}\n\n.QoX8-W_control-panel {\n  flex: 1;\n  height: auto;\n}\n\n.QoX8-W_control-content {\n  position: sticky;\n  top: 0;\n}\n\n.QoX8-W_feedback-component {\n  width: 800px;\n  position: relative;\n}\n\n.QoX8-W_feedback-component > svg {\n  width: 800px;\n}\n\ncircle {\n  border: 1px solid #000;\n}\n\n.QoX8-W_selected {\n  border: 1px solid #fff;\n}\n\n.QoX8-W_feedback-text {\n  margin-bottom: 2em;\n}\n\n.QoX8-W_entity-panel {\n  background: var(--panel-secondary-background-color);\n  width: calc(100% - 2em);\n  min-height: 100px;\n  max-height: 600px;\n  box-shadow: 0 0 0 1px var(--panel-border-color) inset;\n  border-radius: 4px;\n  flex: 1;\n  padding: 1em;\n  position: relative;\n}\n\n.QoX8-W_selection-tree {\n  margin: -1em 0;\n  padding: 1em 0;\n}\n\n.QoX8-W_type-list {\n  grid-template-rows: repeat(10, auto);\n  grid-auto-flow: column;\n  gap: .2em;\n  display: grid;\n}\n\n.QoX8-W_type-list .QoX8-W_type-tag {\n  border-radius: .2em;\n  padding: .2em .5em;\n}\n\n.QoX8-W_description {\n  max-width: 300px;\n  padding: .5em;\n}\n\nmark {\n  cursor: pointer;\n  border-radius: .2em;\n  color: #000 !important;\n}\n\n[role=\"treeitem\"] {\n  width: auto !important;\n}\n\n.QoX8-W_highlight {\n  zIndex: 10;\n  border-radius: .2em;\n  padding: .2em 0;\n  position: relative;\n}\n\n.QoX8-W_clickable {\n  cursor: pointer;\n}\n\n.QoX8-W_feedback-text-wrapper {\n  z-index: 0;\n  line-height: var(--text-line-height);\n  position: relative;\n  overflow: visible;\n}\n\n.QoX8-W_type-container {\n  justify-content: space-between;\n  align-items: center;\n  column-gap: 1em;\n  display: flex;\n}\n\n.QoX8-W_add-type {\n  cursor: pointer;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 .5em;\n  display: flex;\n}\n\n.QoX8-W_add-type p {\n  margin: 0;\n}\n\n.QoX8-W_overlay-container {\n  justify-content: center;\n  align-items: center;\n  width: 100vw;\n  height: 80vh;\n  display: flex;\n}\n\n.QoX8-W_overlay-container .QoX8-W_add-type-overlay {\n  background-color: var(--tertiary-background);\n  border-radius: .2em;\n  flex-direction: column;\n  gap: 1em;\n  padding: .5em 1em;\n  display: flex;\n}\n\n.QoX8-W_overlay-container .QoX8-W_add-type-overlay .QoX8-W_title {\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n\n.QoX8-W_overlay-container .QoX8-W_add-type-overlay h2 {\n  margin: 0;\n}\n\n.QoX8-W_overlay-container .QoX8-W_add-type-overlay .QoX8-W_form-group {\n  gap: 3em;\n  display: flex;\n}\n\n.QoX8-W_overlay-container .QoX8-W_add-type-overlay .QoX8-W_form-group .QoX8-W_text-inputs {\n  flex-direction: column;\n  gap: 1em;\n  display: flex;\n}\n\n.QoX8-W_icons {\n  gap: .25em;\n  display: flex;\n}\n\n.QoX8-W_node-label {\n  fill: var(--text-emphasized-color);\n  fontSize: 10px;\n  pointerEvents: none;\n}\n\n.QoX8-W_match-item {\n  color: var(--text-emphasized-color);\n  cursor: pointer;\n  border-radius: .2em;\n  margin-bottom: 4px;\n  padding: .1em .2em;\n}\n\n.QoX8-W_match-item .QoX8-W_match-label {\n  color: var(--text-color);\n  margin: 0;\n}\n\n.QoX8-W_match-container {\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n\n.QoX8-W_match-container .QoX8-W_close-btn {\n  cursor: pointer;\n}\n\n.QoX8-W_match-link {\n  padding: .5em;\n}\n/*# sourceMappingURL=feedback-components.97518e90.css.map */\n",":root\n  --text-line-height: 3em\n  --main-extra-width: 200px\n\n.page-wrapper\n  display: flex\n  flex-direction: row\n  position: relative\n  gap: 2em\n  align-items: flex-start // makes control-content lose stick\n\n.feedback-container\n  flex: 4\n\n.control-panel\n  flex: 1\n  height: auto\n\n.control-content\n  position: sticky\n  top: 0\n\n.feedback-component\n  position: relative\n  width: 800px\n\n  & > svg\n    width: 800px\n\ncircle\n  border: 1px solid black\n\n.selected\n  border: 1px solid white\n  \n.feedback-text\n  margin-bottom: 2em\n\n.entity-panel\n  position: relative\n  max-height: 600px\n  width: calc(100% - 2em)\n  flex: 1\n  min-height: 100px\n  padding: 1em\n  background: var(--panel-secondary-background-color)\n  border-radius: 4px\n  // Inset box shadow\n  box-shadow: 0 0 0 1px var(--panel-border-color) inset\n\n.selection-tree\n  margin: -1em 0\n  padding: 1em 0\n  \n.type-list\n  display: grid\n  grid-auto-flow: column\n  grid-template-rows: repeat(10, auto)\n  gap: 0.2em\n\n  .type-tag\n    padding: .2em .5em\n    border-radius: .2em\n\n.description\n  max-width: 300px\n  padding: .5em\n\nmark\n  border-radius: .2em\n  cursor: pointer\n  color: black !important\n\n[role=\"treeitem\"]\n  width: auto !important\n\n.highlight\n  padding: .2em 0\n  border-radius: .2em\n  position: relative\n  zIndex: 10\n\n.clickable\n  cursor: pointer\n\n.feedback-text-wrapper \n  position: relative\n  z-index: 0\n  overflow: visible\n  line-height: var(--text-line-height)\n\n.type-container\n  display: flex\n  justify-content: space-between\n  align-items: center\n  column-gap: 1em\n\n.add-type\n  cursor: pointer\n  display: flex\n  justify-content: space-between\n  padding: 0 .5em\n  align-items: center\n\n  p\n    margin: 0\n\n.overlay-container\n  height: 80vh\n  width: 100vw\n  display: flex\n  justify-content: center\n  align-items: center\n\n  .add-type-overlay\n    background-color: var(--tertiary-background)\n    padding: .5em 1em\n    display: flex\n    flex-direction: column\n    gap: 1em\n    border-radius: .2em\n\n    .title\n      display: flex\n      justify-content: space-between\n      align-items: center\n\n    h2\n      margin: 0\n\n    .form-group\n      display: flex\n      gap: 3em\n\n      .text-inputs\n        display: flex\n        flex-direction: column\n        gap: 1em\n\n.icons\n  display: flex\n  gap: .25em\n\n.node-label\n  fill: var(--text-emphasized-color)\n  fontSize: 10px\n  pointerEvents: none\n\n.match-item\n  color: var(--text-emphasized-color)\n  padding: .1em .2em\n  border-radius: .2em\n  margin-bottom: 4px\n  cursor: pointer\n  \n  .match-label\n    margin: 0\n    color: var(--text-color)\n\n.match-container\n  display: flex\n  justify-content: space-between\n  align-items: center\n\n  .close-btn\n    cursor: pointer\n\n.match-link\n  padding: .5em"],"names":[],"version":3,"file":"feedback-components.97518e90.css.map","sourceRoot":"../../../../"}

package/dist/node/feedback-components.9eb1d41a.css

@@ -1,2 +0,0 @@
-.WofFTa_item-container{align-items:center;gap:1em;min-height:40px;display:flex}.WofFTa_item-container.WofFTa_selected{background-color:var(--panel-background-color)}.WofFTa_swatch{border-radius:4px;width:30px;height:30px}
-/*# sourceMappingURL=feedback-components.9eb1d41a.css.map */

package/dist/node/feedback-components.9eb1d41a.css.map

@@ -1 +0,0 @@
-{"mappings":"ACAA,+EAME,sFAGF","sources":["feedback-components.9eb1d41a.css","packages/feedback-components/src/feedback/type-selector/main.module.sass"],"sourcesContent":[".WofFTa_item-container {\n  align-items: center;\n  gap: 1em;\n  min-height: 40px;\n  display: flex;\n}\n\n.WofFTa_item-container.WofFTa_selected {\n  background-color: var(--panel-background-color);\n}\n\n.WofFTa_swatch {\n  border-radius: 4px;\n  width: 30px;\n  height: 30px;\n}\n/*# sourceMappingURL=feedback-components.9eb1d41a.css.map */\n",".item-container\n  min-height: 40px\n  display: flex\n  align-items: center\n  gap: 1em\n\n  &.selected\n    background-color: var(--panel-background-color)\n\n.swatch\n  width: 30px\n  height: 30px\n  border-radius: 4px\n"],"names":[],"version":3,"file":"feedback-components.9eb1d41a.css.map","sourceRoot":"../../../../"}

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

@@ -1,2 +0,0 @@
-import"./feedback-components.2f391fa4.js";import e from"@macrostrat/hyper";import t from"classnames";import{Omnibar as r}from"@blueprintjs/select";import"@blueprintjs/select/lib/css/blueprint-select.css";var i=globalThis,o={},l={},n=i.parcelRequirea149;null==n&&((n=function(e){if(e in o)return o[e].exports;if(e in l){var t=l[e];delete l[e];var r={id:e,exports:{}};return o[e]=r,t.call(r.exports,r,r.exports),r.exports}var i=Error("Cannot find module '"+e+"'");throw i.code="MODULE_NOT_FOUND",i}).register=function(e,t){l[e]=t},i.parcelRequirea149=n),n.register;var s=n("l4zkY");let c=e.styled(s&&s.__esModule?s.default:s),a=e=>{let{active:r,selected:i,className:o,onSelect:l,item:n,children:s}=e;return o=t({active:r,selected:i},o),c("div.item-container",{key:n.id,className:o,onClick:()=>l(n)},[c("div.swatch",{style:{backgroundColor:n.color}}),c("div.item",{},n.name)])};function d(e){let{onSelectItem:t,items:i,isOpen:o,onClose:l,onQueryChange:n}=e;return c(r,{onItemSelect:t,items:i,onQueryChange:n,resetOnSelect:!1,isOpen:o,onClose:l,itemRenderer:(e,{handleClick:t,modifiers:r})=>c(a,{key:e.id,item:e,onSelect:t,active:r.active,selected:r.active})})}export{d as OmniboxSelector};
-//# sourceMappingURL=feedback-components.acac789b.js.map

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

@@ -1 +0,0 @@
-{"mappings":"A,M,oD,A,Q,M,mB,A,Q,M,Y,A,Q,W,C,K,qB,A,O,kD,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,CCEC,IAAA,EAAA,EAAA,SAUD,IAAM,EAAI,AAAA,EAAM,MAAM,C,AAAC,G,AAAA,E,U,C,AAAA,E,O,CAAA,GAajB,EAAoD,AAAC,IAEzD,GAAI,CAAA,OAAE,CAAM,CAAA,SAAE,CAAQ,CAAA,UAAE,CAAS,CAAA,SAAE,CAAQ,CAAA,KAAE,CAAI,CAAA,SAAE,CAAQ,CAAE,CAAG,SAChE,EAAY,AAAA,EAAW,CAAE,OAAA,EAAQ,SAAA,CAAS,EAAG,GAGtC,EACL,qBACA,CACE,IAAK,EAAK,EAAE,CACZ,UAAA,EACA,QAPY,IAAM,EAAS,EAQ7B,EACA,CACE,EAAE,aAAc,CAAE,MAAO,CAAE,gBAAiB,EAAK,KAAK,AAAC,CAAE,GACzD,EAAE,WAAY,CAAC,EAAG,EAAK,IAAI,EAC5B,CAEL,EAYO,SAAS,EAAmB,CAAsB,EAEvD,GAAM,CAAA,aAAE,CAAY,CAAA,MAAE,CAAK,CAAA,OAAE,CAAM,CAAA,QAAE,CAAO,CAAA,cAAE,CAAa,CAAE,CAAG,EAEhE,OAAO,EAAE,EAAS,CAChB,aAAc,EACd,MAAA,EACA,cAAA,EACA,cAAe,CAAA,EACf,OAAA,EACA,QAAA,EACA,aAAA,CAAa,EAAS,CAAA,YAAE,CAAW,CAAA,UAAE,CAAS,CAAE,GACvC,EAAE,EAAa,CACpB,IAAK,EAAK,EAAE,CACZ,KAAA,EACA,SAAU,EACV,OAAQ,EAAU,MAAM,CACxB,SAAU,EAAU,MAAM,AAC5B,EAEJ,EACF,Q,K,e","sources":["<anon>","packages/feedback-components/src/feedback/type-selector/index.ts"],"sourcesContent":["import \"./feedback-components.2f391fa4.js\";\nimport $16Zb4$macrostrathyper from \"@macrostrat/hyper\";\nimport $16Zb4$classnames from \"classnames\";\nimport {Omnibar as $16Zb4$Omnibar} from \"@blueprintjs/select\";\nimport \"@blueprintjs/select/lib/css/blueprint-select.css\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n      var $parcel$global = globalThis;\n    \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequirea149\"];\n\nif (parcelRequire == null) {\n  parcelRequire = function(id) {\n    if (id in $parcel$modules) {\n      return $parcel$modules[id].exports;\n    }\n    if (id in $parcel$inits) {\n      var init = $parcel$inits[id];\n      delete $parcel$inits[id];\n      var module = {id: id, exports: {}};\n      $parcel$modules[id] = module;\n      init.call(module.exports, module, module.exports);\n      return module.exports;\n    }\n    var err = new Error(\"Cannot find module '\" + id + \"'\");\n    err.code = 'MODULE_NOT_FOUND';\n    throw err;\n  };\n\n  parcelRequire.register = function register(id, init) {\n    $parcel$inits[id] = init;\n  };\n\n  $parcel$global[\"parcelRequirea149\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n/**\n * Entity type selector\n */ \nvar $l4zkY = parcelRequire(\"l4zkY\");\n\n\n\n\nconst $48d99b99dde7627d$var$h = (0, $16Zb4$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($l4zkY))));\nconst $48d99b99dde7627d$var$TagListItem = (props)=>{\n    /** Render a tag for the omnibox list */ let { active: active, selected: selected, className: className, onSelect: onSelect, item: item, children: children } = props;\n    className = (0, $16Zb4$classnames)({\n        active: active,\n        selected: selected\n    }, className);\n    const onClick = ()=>onSelect(item);\n    return $48d99b99dde7627d$var$h(\"div.item-container\", {\n        key: item.id,\n        className: className,\n        onClick: onClick\n    }, [\n        $48d99b99dde7627d$var$h(\"div.swatch\", {\n            style: {\n                backgroundColor: item.color\n            }\n        }),\n        $48d99b99dde7627d$var$h(\"div.item\", {}, item.name)\n    ]);\n};\nfunction $48d99b99dde7627d$export$d8660660a589068c(props) {\n    /** A general omnibox for annotation types */ const { onSelectItem: onSelectItem, items: items, isOpen: isOpen, onClose: onClose, onQueryChange: onQueryChange } = props;\n    return $48d99b99dde7627d$var$h((0, $16Zb4$Omnibar), {\n        onItemSelect: onSelectItem,\n        items: items,\n        onQueryChange: onQueryChange,\n        resetOnSelect: false,\n        isOpen: isOpen,\n        onClose: onClose,\n        itemRenderer (item, { handleClick: handleClick, modifiers: modifiers }) {\n            return $48d99b99dde7627d$var$h($48d99b99dde7627d$var$TagListItem, {\n                key: item.id,\n                item: item,\n                onSelect: handleClick,\n                active: modifiers.active,\n                selected: modifiers.active\n            });\n        }\n    });\n}\n\n\nexport {$48d99b99dde7627d$export$d8660660a589068c as OmniboxSelector};\n//# sourceMappingURL=feedback-components.acac789b.js.map\n","/**\n * Entity type selector\n */\n\nimport styles from \"./main.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\n\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport { Omnibar, OmnibarProps } from \"@blueprintjs/select\";\nimport \"@blueprintjs/select/lib/css/blueprint-select.css\";\n\nconst h = hyper.styled(styles);\n\ninterface TagItemProps<T> {\n  selected: boolean;\n  active: boolean;\n  className?: string;\n  item: T;\n\n  onSelect(t: T): void;\n\n  children?: React.ReactElement;\n}\n\nconst TagListItem: React.ComponentType<TagItemProps<T>> = (props) => {\n  /** Render a tag for the omnibox list */\n  let { active, selected, className, onSelect, item, children } = props;\n  className = classNames({ active, selected }, className);\n  const onClick = () => onSelect(item);\n\n  return h(\n    \"div.item-container\",\n    {\n      key: item.id,\n      className,\n      onClick,\n    },\n    [\n      h(\"div.swatch\", { style: { backgroundColor: item.color } }),\n      h(\"div.item\", {}, item.name),\n    ],\n  );\n};\n\ntype BoxLifecycleProps<T> = Pick<OmnibarProps<T>, \"onClose\" | \"isOpen\">;\n\ninterface OmniboxProps<T> extends BoxLifecycleProps<T> {\n  items: T[];\n  selectedItem: T;\n  onSelectItem: (t: T) => void;\n  onQueryChange: (query: string) => void;\n  listItemComponent?: React.ComponentType<TagItemProps<T>>;\n}\n\nexport function OmniboxSelector<T>(props: OmniboxProps<T>) {\n  /** A general omnibox for annotation types */\n  const { onSelectItem, items, isOpen, onClose, onQueryChange } = props;\n\n  return h(Omnibar, {\n    onItemSelect: onSelectItem,\n    items,\n    onQueryChange,\n    resetOnSelect: false,\n    isOpen,\n    onClose,\n    itemRenderer(item: T, { handleClick, modifiers }) {\n      return h(TagListItem, {\n        key: item.id,\n        item,\n        onSelect: handleClick,\n        active: modifiers.active,\n        selected: modifiers.active,\n      });\n    },\n  });\n}\n"],"names":["$16Zb4$macrostrathyper","$16Zb4$classnames","Omnibar","$16Zb4$Omnibar","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$l4zkY","$48d99b99dde7627d$var$h","styled","a","__esModule","default","$48d99b99dde7627d$var$TagListItem","props","active","selected","className","onSelect","item","children","key","onClick","style","backgroundColor","color","name","$48d99b99dde7627d$export$d8660660a589068c","onSelectItem","items","isOpen","onClose","onQueryChange","onItemSelect","resetOnSelect","itemRenderer","handleClick","modifiers","OmniboxSelector"],"version":3,"file":"feedback-components.acac789b.js.map","sourceRoot":"../../../../"}

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

@@ -1,2 +0,0 @@
-function e(e,t,o,a){Object.defineProperty(e,t,{get:o,set:a,enumerable:!0,configurable:!0})}var t,o,a,n,c,l,r,i,p,Q,W,X,_,d,b,s,y,f,m,h,g,k,u,x,v,w,$,j,O,P={};e(P,"add-type",()=>t,e=>t=e),e(P,"add-type-overlay",()=>o,e=>o=e),e(P,"clickable",()=>a,e=>a=e),e(P,"close-btn",()=>n,e=>n=e),e(P,"control-content",()=>c,e=>c=e),e(P,"control-panel",()=>l,e=>l=e),e(P,"description",()=>r,e=>r=e),e(P,"entity-panel",()=>i,e=>i=e),e(P,"feedback-component",()=>p,e=>p=e),e(P,"feedback-container",()=>Q,e=>Q=e),e(P,"feedback-text",()=>W,e=>W=e),e(P,"feedback-text-wrapper",()=>X,e=>X=e),e(P,"form-group",()=>_,e=>_=e),e(P,"highlight",()=>d,e=>d=e),e(P,"icons",()=>b,e=>b=e),e(P,"match-container",()=>s,e=>s=e),e(P,"match-item",()=>y,e=>y=e),e(P,"match-label",()=>f,e=>f=e),e(P,"match-link",()=>m,e=>m=e),e(P,"node-label",()=>h,e=>h=e),e(P,"overlay-container",()=>g,e=>g=e),e(P,"page-wrapper",()=>k,e=>k=e),e(P,"selected",()=>u,e=>u=e),e(P,"selection-tree",()=>x,e=>x=e),e(P,"text-inputs",()=>v,e=>v=e),e(P,"title",()=>w,e=>w=e),e(P,"type-container",()=>$,e=>$=e),e(P,"type-list",()=>j,e=>j=e),e(P,"type-tag",()=>O,e=>O=e),t="QoX8-W_add-type",o="QoX8-W_add-type-overlay",a="QoX8-W_clickable",n="QoX8-W_close-btn",c="QoX8-W_control-content",l="QoX8-W_control-panel",r="QoX8-W_description",i="QoX8-W_entity-panel",p="QoX8-W_feedback-component",Q="QoX8-W_feedback-container",W="QoX8-W_feedback-text",X="QoX8-W_feedback-text-wrapper",_="QoX8-W_form-group",d="QoX8-W_highlight",b="QoX8-W_icons",s="QoX8-W_match-container",y="QoX8-W_match-item",f="QoX8-W_match-label",m="QoX8-W_match-link",h="QoX8-W_node-label",g="QoX8-W_overlay-container",k="QoX8-W_page-wrapper",u="QoX8-W_selected",x="QoX8-W_selection-tree",v="QoX8-W_text-inputs",w="QoX8-W_title",$="QoX8-W_type-container",j="QoX8-W_type-list",O="QoX8-W_type-tag";export{P as default};
-//# sourceMappingURL=feedback-components.c84ff10e.js.map

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

@@ -1 +0,0 @@
-{"mappings":"A,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,ICAA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,E,E,C,E,E,E,W,I,E,A,G,E,G,E,E,mB,I,E,A,G,E,G,E,E,Y,I,E,A,G,E,G,E,E,Y,I,E,A,G,E,G,E,E,kB,I,E,A,G,E,G,E,E,gB,I,E,A,G,E,G,E,E,c,I,E,A,G,E,G,E,E,e,I,E,A,G,E,G,E,E,qB,I,E,A,G,E,G,E,E,qB,I,E,A,G,E,G,E,E,gB,I,E,A,G,E,G,E,E,wB,I,E,A,G,E,G,E,E,a,I,E,A,G,E,G,E,E,Y,I,E,A,G,E,G,E,E,Q,I,E,A,G,E,G,E,E,kB,I,E,A,G,E,G,E,E,a,I,E,A,G,E,G,E,E,c,I,E,A,G,E,G,E,E,a,I,E,A,G,E,G,E,E,a,I,E,A,G,E,G,E,E,oB,I,E,A,G,E,G,E,E,e,I,E,A,G,E,G,E,E,W,I,E,A,G,E,G,E,E,iB,I,E,A,G,E,G,E,E,c,I,E,A,G,E,G,E,E,Q,I,E,A,G,E,G,E,E,iB,I,E,A,G,E,G,E,E,Y,I,E,A,G,E,G,E,E,W,I,E,A,G,E,GA5BA,EAA6B,kBAC7B,EAAqC,0BACrC,EAA8B,mBAC9B,EAA8B,mBAC9B,EAAoC,yBACpC,EAAkC,uBAClC,EAAgC,qBAChC,EAAiC,sBACjC,EAAuC,4BACvC,EAAuC,4BACvC,EAAkC,uBAClC,EAA0C,+BAC1C,EAA+B,oBAC/B,EAA8B,mBAC9B,EAA0B,eAC1B,EAAoC,yBACpC,EAA+B,oBAC/B,EAAgC,qBAChC,EAA+B,oBAC/B,EAA+B,oBAC/B,EAAsC,2BACtC,EAAiC,sBACjC,EAA6B,kBAC7B,EAAmC,wBACnC,EAAgC,qBAChC,EAA0B,eAC1B,EAAmC,wBACnC,EAA8B,mBAC9B,EAA6B,yB,K,O","sources":["<anon>","packages/feedback-components/src/feedback/feedback.module.sass"],"sourcesContent":["\nfunction $parcel$export(e, n, v, s) {\n  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\nvar $01ca2f1f49a3a114$exports = {};\n\n$parcel$export($01ca2f1f49a3a114$exports, \"add-type\", () => $01ca2f1f49a3a114$export$cb889aaddfa2926c, (v) => $01ca2f1f49a3a114$export$cb889aaddfa2926c = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"add-type-overlay\", () => $01ca2f1f49a3a114$export$5f8f750fd71deeed, (v) => $01ca2f1f49a3a114$export$5f8f750fd71deeed = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"clickable\", () => $01ca2f1f49a3a114$export$60d5655c6babb2a0, (v) => $01ca2f1f49a3a114$export$60d5655c6babb2a0 = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"close-btn\", () => $01ca2f1f49a3a114$export$f5032a039312e50b, (v) => $01ca2f1f49a3a114$export$f5032a039312e50b = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"control-content\", () => $01ca2f1f49a3a114$export$42e8b5293e69631e, (v) => $01ca2f1f49a3a114$export$42e8b5293e69631e = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"control-panel\", () => $01ca2f1f49a3a114$export$a0a23f31d5562853, (v) => $01ca2f1f49a3a114$export$a0a23f31d5562853 = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"description\", () => $01ca2f1f49a3a114$export$6d59db4903f20f7d, (v) => $01ca2f1f49a3a114$export$6d59db4903f20f7d = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"entity-panel\", () => $01ca2f1f49a3a114$export$38f2cd12e45697e, (v) => $01ca2f1f49a3a114$export$38f2cd12e45697e = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"feedback-component\", () => $01ca2f1f49a3a114$export$579bd45c78bf5510, (v) => $01ca2f1f49a3a114$export$579bd45c78bf5510 = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"feedback-container\", () => $01ca2f1f49a3a114$export$23889d205b405f6e, (v) => $01ca2f1f49a3a114$export$23889d205b405f6e = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"feedback-text\", () => $01ca2f1f49a3a114$export$890489be1870bed5, (v) => $01ca2f1f49a3a114$export$890489be1870bed5 = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"feedback-text-wrapper\", () => $01ca2f1f49a3a114$export$6bd0fd0a746c88f, (v) => $01ca2f1f49a3a114$export$6bd0fd0a746c88f = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"form-group\", () => $01ca2f1f49a3a114$export$55a1f87a143fb302, (v) => $01ca2f1f49a3a114$export$55a1f87a143fb302 = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"highlight\", () => $01ca2f1f49a3a114$export$e4043f67d36cbb26, (v) => $01ca2f1f49a3a114$export$e4043f67d36cbb26 = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"icons\", () => $01ca2f1f49a3a114$export$df03f54e09e486fa, (v) => $01ca2f1f49a3a114$export$df03f54e09e486fa = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"match-container\", () => $01ca2f1f49a3a114$export$864d1dadc1dd3f57, (v) => $01ca2f1f49a3a114$export$864d1dadc1dd3f57 = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"match-item\", () => $01ca2f1f49a3a114$export$a7bcc8ced81f8d07, (v) => $01ca2f1f49a3a114$export$a7bcc8ced81f8d07 = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"match-label\", () => $01ca2f1f49a3a114$export$be49c8f7a120829f, (v) => $01ca2f1f49a3a114$export$be49c8f7a120829f = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"match-link\", () => $01ca2f1f49a3a114$export$f308f5f3e77e2c87, (v) => $01ca2f1f49a3a114$export$f308f5f3e77e2c87 = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"node-label\", () => $01ca2f1f49a3a114$export$75d14899fb692bb6, (v) => $01ca2f1f49a3a114$export$75d14899fb692bb6 = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"overlay-container\", () => $01ca2f1f49a3a114$export$6a1093e41947f68e, (v) => $01ca2f1f49a3a114$export$6a1093e41947f68e = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"page-wrapper\", () => $01ca2f1f49a3a114$export$7c414e944018fb15, (v) => $01ca2f1f49a3a114$export$7c414e944018fb15 = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"selected\", () => $01ca2f1f49a3a114$export$d90250155de6d7e7, (v) => $01ca2f1f49a3a114$export$d90250155de6d7e7 = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"selection-tree\", () => $01ca2f1f49a3a114$export$3ae1b51693c80a9c, (v) => $01ca2f1f49a3a114$export$3ae1b51693c80a9c = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"text-inputs\", () => $01ca2f1f49a3a114$export$bc7581b048bdc9d, (v) => $01ca2f1f49a3a114$export$bc7581b048bdc9d = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"title\", () => $01ca2f1f49a3a114$export$fb184b623420d9be, (v) => $01ca2f1f49a3a114$export$fb184b623420d9be = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"type-container\", () => $01ca2f1f49a3a114$export$b2d17fca990bb66c, (v) => $01ca2f1f49a3a114$export$b2d17fca990bb66c = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"type-list\", () => $01ca2f1f49a3a114$export$915fe2ca68846e4c, (v) => $01ca2f1f49a3a114$export$915fe2ca68846e4c = v);\n$parcel$export($01ca2f1f49a3a114$exports, \"type-tag\", () => $01ca2f1f49a3a114$export$5e5acbc770fb0e4, (v) => $01ca2f1f49a3a114$export$5e5acbc770fb0e4 = v);\nvar $01ca2f1f49a3a114$export$cb889aaddfa2926c;\nvar $01ca2f1f49a3a114$export$5f8f750fd71deeed;\nvar $01ca2f1f49a3a114$export$60d5655c6babb2a0;\nvar $01ca2f1f49a3a114$export$f5032a039312e50b;\nvar $01ca2f1f49a3a114$export$42e8b5293e69631e;\nvar $01ca2f1f49a3a114$export$a0a23f31d5562853;\nvar $01ca2f1f49a3a114$export$6d59db4903f20f7d;\nvar $01ca2f1f49a3a114$export$38f2cd12e45697e;\nvar $01ca2f1f49a3a114$export$579bd45c78bf5510;\nvar $01ca2f1f49a3a114$export$23889d205b405f6e;\nvar $01ca2f1f49a3a114$export$890489be1870bed5;\nvar $01ca2f1f49a3a114$export$6bd0fd0a746c88f;\nvar $01ca2f1f49a3a114$export$55a1f87a143fb302;\nvar $01ca2f1f49a3a114$export$e4043f67d36cbb26;\nvar $01ca2f1f49a3a114$export$df03f54e09e486fa;\nvar $01ca2f1f49a3a114$export$864d1dadc1dd3f57;\nvar $01ca2f1f49a3a114$export$a7bcc8ced81f8d07;\nvar $01ca2f1f49a3a114$export$be49c8f7a120829f;\nvar $01ca2f1f49a3a114$export$f308f5f3e77e2c87;\nvar $01ca2f1f49a3a114$export$75d14899fb692bb6;\nvar $01ca2f1f49a3a114$export$6a1093e41947f68e;\nvar $01ca2f1f49a3a114$export$7c414e944018fb15;\nvar $01ca2f1f49a3a114$export$d90250155de6d7e7;\nvar $01ca2f1f49a3a114$export$3ae1b51693c80a9c;\nvar $01ca2f1f49a3a114$export$bc7581b048bdc9d;\nvar $01ca2f1f49a3a114$export$fb184b623420d9be;\nvar $01ca2f1f49a3a114$export$b2d17fca990bb66c;\nvar $01ca2f1f49a3a114$export$915fe2ca68846e4c;\nvar $01ca2f1f49a3a114$export$5e5acbc770fb0e4;\n$01ca2f1f49a3a114$export$cb889aaddfa2926c = `QoX8-W_add-type`;\n$01ca2f1f49a3a114$export$5f8f750fd71deeed = `QoX8-W_add-type-overlay`;\n$01ca2f1f49a3a114$export$60d5655c6babb2a0 = `QoX8-W_clickable`;\n$01ca2f1f49a3a114$export$f5032a039312e50b = `QoX8-W_close-btn`;\n$01ca2f1f49a3a114$export$42e8b5293e69631e = `QoX8-W_control-content`;\n$01ca2f1f49a3a114$export$a0a23f31d5562853 = `QoX8-W_control-panel`;\n$01ca2f1f49a3a114$export$6d59db4903f20f7d = `QoX8-W_description`;\n$01ca2f1f49a3a114$export$38f2cd12e45697e = `QoX8-W_entity-panel`;\n$01ca2f1f49a3a114$export$579bd45c78bf5510 = `QoX8-W_feedback-component`;\n$01ca2f1f49a3a114$export$23889d205b405f6e = `QoX8-W_feedback-container`;\n$01ca2f1f49a3a114$export$890489be1870bed5 = `QoX8-W_feedback-text`;\n$01ca2f1f49a3a114$export$6bd0fd0a746c88f = `QoX8-W_feedback-text-wrapper`;\n$01ca2f1f49a3a114$export$55a1f87a143fb302 = `QoX8-W_form-group`;\n$01ca2f1f49a3a114$export$e4043f67d36cbb26 = `QoX8-W_highlight`;\n$01ca2f1f49a3a114$export$df03f54e09e486fa = `QoX8-W_icons`;\n$01ca2f1f49a3a114$export$864d1dadc1dd3f57 = `QoX8-W_match-container`;\n$01ca2f1f49a3a114$export$a7bcc8ced81f8d07 = `QoX8-W_match-item`;\n$01ca2f1f49a3a114$export$be49c8f7a120829f = `QoX8-W_match-label`;\n$01ca2f1f49a3a114$export$f308f5f3e77e2c87 = `QoX8-W_match-link`;\n$01ca2f1f49a3a114$export$75d14899fb692bb6 = `QoX8-W_node-label`;\n$01ca2f1f49a3a114$export$6a1093e41947f68e = `QoX8-W_overlay-container`;\n$01ca2f1f49a3a114$export$7c414e944018fb15 = `QoX8-W_page-wrapper`;\n$01ca2f1f49a3a114$export$d90250155de6d7e7 = `QoX8-W_selected`;\n$01ca2f1f49a3a114$export$3ae1b51693c80a9c = `QoX8-W_selection-tree`;\n$01ca2f1f49a3a114$export$bc7581b048bdc9d = `QoX8-W_text-inputs`;\n$01ca2f1f49a3a114$export$fb184b623420d9be = `QoX8-W_title`;\n$01ca2f1f49a3a114$export$b2d17fca990bb66c = `QoX8-W_type-container`;\n$01ca2f1f49a3a114$export$915fe2ca68846e4c = `QoX8-W_type-list`;\n$01ca2f1f49a3a114$export$5e5acbc770fb0e4 = `QoX8-W_type-tag`;\n\n\nexport {$01ca2f1f49a3a114$exports as default};\n//# sourceMappingURL=feedback-components.c84ff10e.js.map\n",null],"names":["$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","$01ca2f1f49a3a114$export$cb889aaddfa2926c","$01ca2f1f49a3a114$export$5f8f750fd71deeed","$01ca2f1f49a3a114$export$60d5655c6babb2a0","$01ca2f1f49a3a114$export$f5032a039312e50b","$01ca2f1f49a3a114$export$42e8b5293e69631e","$01ca2f1f49a3a114$export$a0a23f31d5562853","$01ca2f1f49a3a114$export$6d59db4903f20f7d","$01ca2f1f49a3a114$export$38f2cd12e45697e","$01ca2f1f49a3a114$export$579bd45c78bf5510","$01ca2f1f49a3a114$export$23889d205b405f6e","$01ca2f1f49a3a114$export$890489be1870bed5","$01ca2f1f49a3a114$export$6bd0fd0a746c88f","$01ca2f1f49a3a114$export$55a1f87a143fb302","$01ca2f1f49a3a114$export$e4043f67d36cbb26","$01ca2f1f49a3a114$export$df03f54e09e486fa","$01ca2f1f49a3a114$export$864d1dadc1dd3f57","$01ca2f1f49a3a114$export$a7bcc8ced81f8d07","$01ca2f1f49a3a114$export$be49c8f7a120829f","$01ca2f1f49a3a114$export$f308f5f3e77e2c87","$01ca2f1f49a3a114$export$75d14899fb692bb6","$01ca2f1f49a3a114$export$6a1093e41947f68e","$01ca2f1f49a3a114$export$7c414e944018fb15","$01ca2f1f49a3a114$export$d90250155de6d7e7","$01ca2f1f49a3a114$export$3ae1b51693c80a9c","$01ca2f1f49a3a114$export$bc7581b048bdc9d","$01ca2f1f49a3a114$export$fb184b623420d9be","$01ca2f1f49a3a114$export$b2d17fca990bb66c","$01ca2f1f49a3a114$export$915fe2ca68846e4c","$01ca2f1f49a3a114$export$5e5acbc770fb0e4","$01ca2f1f49a3a114$exports","default"],"version":3,"file":"feedback-components.c84ff10e.js.map","sourceRoot":"../../../../"}

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

@@ -1,2 +0,0 @@
-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",()=>h),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 u=a.styled(d&&d.__esModule?d.default:d);function h(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(...h(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(),u=o?a.mix(p,c/1.1).hex():"transparent",h=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),u=p(a,c),h=p(o,s);return"#"+d.toString(16).padStart(2,"0")+u.toString(16).padStart(2,"0")+h.toString(16).padStart(2,"0")}(a.alpha(s).hex());return i||"#ffffff"!==h||(h="#f0f0f0"),{color:d,backgroundColor:h,boxSizing:"border-box",borderStyle:"solid",borderColor:u,borderWidth:"1.5px",fontWeight:l?"bold":"normal",fontSize:"0.9em"}}function g({data:t,entityTypes:e,matchComponent:n}){let a=h(t.entities,null);return u("div",[u("p",u($,{text:t.paragraph_text,highlights:a})),u(b,{data:t.model}),u("ul.entities",t.entities.map(t=>u(y,{data:t,matchComponent:n})))])}function b({data:t}){return t?u("p.model-name",["Model: ",u("code.bp5-code",t.name)]):null}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}),h=null;return null!=s&&null!=i&&(h=u(i,{data:s})),u(e,{style:d,className:p},[u("span.entity-name",l)," ",u("code.entity-type.bp5-code",{onClick(t){r&&null!=o&&(o(c),t.stopPropagation())}},[c?.name,h])])}function y({data:t,matchComponent:e=null}){let n=t.children??[];return u("li.entity-row",[u(x,{data:t,matchComponent:e}),u.if(n.length>0)([u("ul.children",n.map(t=>u(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(u("span.highlight",{style:i},e.slice(n,o))),r=o}return a.push(e.slice(r)),u("span",a)}export{h as buildHighlights,f as enhanceData,m as getTagStyle,g as ExtractionContext,b as ModelInfo,x as EntityTag};
-//# sourceMappingURL=feedback-components.db72d0e1.js.map

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

@@ -1 +0,0 @@
-{"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    if (!data) return null;\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.db72d0e1.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  if (!data) return null;\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.db72d0e1.js.map","sourceRoot":"../../../../"}

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

@@ -1,2 +0,0 @@
-import{useReducer as e,createContext as t,useContext as n}from"react";import l from"immutability-helper";var r,d=((r={}).Tree="tree",r.Graph="graph",r);function i(t,n,l,r,d=[]){let a=n.values().next().value,o=[];return(d=d.map(e=>e.toLowerCase())).length>0&&(o=t.flatMap(e=>e.children??[]).filter(e=>d.includes(e.name.toLowerCase())).map(e=>e.id)),e(s,{initialTree:t,tree:t,selectedNodes:o,entityTypesMap:n,selectedEntityType:a,lastInternalId:0,isSelectingEntityType:!1,viewMode:"tree",viewOnly:l,matchMode:r})}let a=t(null);function o(){let e=n(a);if(null==e)throw Error("No dispatch context available");return e}function s(e,t){if("toggle-match-mode"===t.type)return{...e,matchMode:!e.matchMode};if("toggle-view-only"===t.type)return{...e,viewOnly:!e.viewOnly,selectedNodes:[]};if(e.viewOnly){var n,r;return n=e,"set-view-mode"===(r=t).type?{...n,viewMode:r.payload}:n}if(e.matchMode)return function(e,t){if("select-node"===t.type||"toggle-node-selected"===t.type){let{ids:n}=t.payload;if(1!=n.length)return e;if(1===e.selectedNodes.length&&n[0]===e.selectedNodes[0])return{...e,selectedNodes:[]};let l=t.payload.ids.length>0?f(e.tree,n[0])?.type:null;return{...e,selectedNodes:n,selectedEntityType:l}}if("add-match"===t.type){let{id:n}=t.payload,r=p(e.tree,n);if(!r)return console.warn(`Node with id ${n} not found`),e;let d=c(r,{match:{$set:t.payload.payload}}),i=l(e.tree,d);return{...e,tree:i}}if("remove-match"===t.type){let{id:n}=t.payload;console.log("Removing match for node with id:",n);let r=p(e.tree,n);if(!r)return console.warn(`Node with id ${n} not found`),e;let d=c(r,{match:{$set:null}}),i=l(e.tree,d);return{...e,tree:i}}return e}(e,t);switch(t.type){case"add-entity-type":{let{name:n,description:l,color:r}=t.payload,d=e.lastInternalId-1,i={id:d,name:n,description:""===l?null:l,color:r},a=new Map(e.entityTypesMap);return a.set(d,i),{...e,entityTypesMap:a,selectedEntityType:i,lastInternalId:d}}case"update-entity-type":{let{id:n,name:l,description:r,color:d}=t.payload,i=new Map(e.entityTypesMap),a=i.get(n);if(!a)return console.warn(`Entity type with id ${n} not found`),e;let o={...a,name:l,description:""===r?null:r,color:d};i.set(n,o);let s=h(e.tree,a,o);return{...e,tree:s,entityTypesMap:i,selectedEntityType:o}}case"select-range":let d=t.payload.ids,i=d[0],a=d[1],o=function(e){let t=[];return!function e(n){for(let l of n)t.push(l),Array.isArray(l.children)&&l.children.length>0&&e(l.children)}(e),t.sort((e,t)=>e.indices[0]-t.indices[0])}(e.tree),s=o.findIndex(e=>e.id===i),u=o.findIndex(e=>e.id===a),g=o.slice(s,u+1);return console.log("Selecting range:",g),{...e,selectedNodes:g.map(e=>e.id)};case"move-node":let[m,w]=y(e.tree,t.payload.dragIds),T=[];t.payload.parentId&&(T=p(m,t.payload.parentId)).push("children");let $=c(T,{$splice:[[t.payload.index,0,...w]]});return{...e,tree:l(m,$)};case"delete-node":let[N,M]=y(e.tree,t.payload.ids),v=M.flatMap(e=>e.children??[]).filter(e=>!function e(t,n){for(let l of t)if(l.id==n)return!0;else if(l.children&&e(l.children,n))return!0;return!1}(N,e.id));return{...e,tree:[...N,...v],selectedNodes:e.selectedNodes.filter(e=>!t.payload.ids.includes(e))};case"select-node":let{ids:x}=t.payload,I=t.payload.ids.length>0?f(e.tree,x[0])?.type:null;return{...e,selectedNodes:x,selectedEntityType:I};case"toggle-node-selected":let E=t.payload.ids.filter(t=>!e.selectedNodes.includes(t)),b=e.selectedNodes.filter(e=>!t.payload.ids.includes(e)),C=t.payload.ids.length>0?f(e.tree,t.payload.ids[0])?.type:null;return{...e,selectedNodes:[...b,...E],selectedEntityType:C};case"create-node":let O=e.lastInternalId-1,{text:S,start:A,end:D}=t.payload,G={id:O,name:S,children:[],indices:[A,D],type:e.selectedEntityType};return{...e,tree:[...e.tree,G],selectedNodes:[O],lastInternalId:O};case"delete-entity-type":{let{id:n}=t.payload,l=new Map(e.entityTypesMap),r=l.get(n);l.delete(n);let d=l.values().next().value,i=h(e.tree,r,d);return{...e,tree:i,entityTypesMap:l,selectedNodes:[]}}case"toggle-entity-type-selector":return{...e,isSelectingEntityType:t.payload??!e.isSelectingEntityType};case"select-entity-type":{let n=e.tree;for(let r of e.selectedNodes)n=l(n,c(p(e.tree,r),{type:{$set:t.payload}}));return{...e,tree:n,selectedEntityType:t.payload}}case"deselect":return{...e,selectedNodes:[]};case"reset":return{...e,tree:e.initialTree,selectedNodes:[]};case"set-view-mode":return{...e,viewMode:t.payload}}}function c(e,t){let n=t;for(let t=e.length-1;t>=0;t--)n={[e[t]]:n};return n}function p(e,t){for(let n=0;n<e.length;n++)if(e[n].id==t)return[n];else if(e[n].children){let l=p(e[n].children,t);if(null!=l)return[n,"children",...l]}return null}function y(e,t){let n=[],l=[];for(let r of e)if(t.includes(r.id))l.push(r);else{if(r.children){let[e,n]=y(r.children,t);r={...r,children:e},l.push(...n)}n.push(r)}return[n,l]}function u(e){let t=[],n=[],l=new Map;for(let r of e){if(l.has(r.id))continue;let{indices:e,id:d,name:i,type:a,children:o}=r,s={id:d,type:a.id,color:a.color,name:i,txt_range:[e],reasoning:null,match:r.match,children:o};if(l.set(r.id,r),t.push(s),r.children){for(let e of r.children)n.push({source:r.id,dest:e.id});let{nodes:e,edges:l}=u(r.children);t.push(...e),n.push(...l)}}return{nodes:t,edges:n}}function f(e,t){for(let n of e){if(n.id===t)return n;if(n.children){let e=f(n.children,t);if(e)return e}}return null}function h(e,t,n){return e.map(e=>(function(e,t,n){let l=e.type.id===t.id?n:e.type;return{...e,type:l,children:e.children?h(e.children,t,n):[]}})(e,t,n))}export{d as ViewMode,i as useUpdatableTree,a as TreeDispatchContext,o as useTreeDispatch,f as findNodeById,u as treeToGraph};
-//# sourceMappingURL=feedback-components.dc76072c.js.map