@macrostrat/feedback-components 1.1.7 → 1.1.8

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

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

package/dist/node/index.js

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

package/dist/node/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@macrostrat/feedback-components",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "",
   "source": "src/index.ts",
   "type": "module",

package/src/feedback/edit-state.ts

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

package/src/feedback/feedback.module.sass

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

package/src/feedback/index.ts

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

package/src/feedback/node.ts

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

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

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

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

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

package/dist/esm/feedback-components.3d7fd2df.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/feedback-components/src/feedback/edit-state.ts"],"sourcesContent":["import { TreeData } from \"./types\";\nimport { createContext, Dispatch, useContext, useReducer } from \"react\";\nimport update, { Spec } from \"immutability-helper\";\nimport { EntityType } from \"../extractions/types\";\n\nexport enum ViewMode {\n  Tree = \"tree\",\n  Graph = \"graph\",\n}\n\ninterface TreeState {\n  initialTree: TreeData[];\n  tree: TreeData[];\n  selectedNodes: number[];\n  entityTypesMap: Map<number, EntityType>;\n  selectedEntityType: EntityType;\n  lastInternalId: number;\n  isSelectingEntityType: boolean;\n  viewMode: ViewMode;\n  viewOnly: boolean;\n  matchMode: boolean;\n}\n\ntype TextRange = {\n  start: number;\n  end: number;\n  text: string;\n};\n\ntype TreeAction =\n  | {\n      type: \"move-node\";\n      payload: { dragIds: number[]; parentId: number; index: number };\n    }\n  | { type: \"delete-node\"; payload: { ids: number[] } }\n  | { type: \"select-node\"; payload: { ids: number[] } }\n  | { type: \"toggle-node-selected\"; payload: { ids: number[] } }\n  | { type: \"set-view-mode\"; payload: ViewMode }\n  | { type: \"create-node\"; payload: TextRange }\n  | { type: \"select-entity-type\"; payload: EntityType }\n  | { type: \"toggle-entity-type-selector\"; payload?: boolean | null }\n  | { type: \"deselect\" }\n  | { type: \"reset\" }\n  | { type: \"delete-entity-type\"; payload: { id: number } }\n  | {\n      type: \"add-entity-type\";\n      payload: { name: string; description: string; color: string };\n    }\n  | {\n      type: \"update-entity-type\";\n      payload: { id: number; name: string; description: string; color: string };\n    }\n  | { type: \"select-range\"; payload: { ids: number[] } }\n  | { type: \"add-match\"; payload: { id: number; payload: any } }\n  | { type: \"remove-match\"; payload: { id: number } }\n  | { type: \"toggle-match-mode\" }\n  | { type: \"toggle-view-only\" };\n\nexport type TreeDispatch = Dispatch<TreeAction>;\n\nexport function useUpdatableTree(\n  initialTree: TreeData[],\n  entityTypes: Map<number, EntityType>,\n  viewOnly: boolean,\n  matchMode: boolean,\n): [TreeState, TreeDispatch] {\n  // Get the first entity type\n  // issue: grabs second entity instead of selected one\n  const type = entityTypes.values().next().value;\n\n  return useReducer(treeReducer, {\n    initialTree,\n    tree: initialTree,\n    selectedNodes: [],\n    entityTypesMap: entityTypes,\n    selectedEntityType: type,\n    lastInternalId: 0,\n    isSelectingEntityType: false,\n    viewMode: ViewMode.Tree,\n    viewOnly,\n    matchMode,\n  });\n}\n\nexport const TreeDispatchContext = createContext<TreeDispatch | null>(null);\n\nexport function useTreeDispatch() {\n  const dispatch = useContext(TreeDispatchContext);\n  if (dispatch == null) {\n    throw new Error(\"No dispatch context available\");\n  }\n  return dispatch;\n}\n\nfunction treeReducer(state: TreeState, action: TreeAction) {\n  if (action.type === \"toggle-match-mode\") {\n    return { ...state, matchMode: !state.matchMode };\n  }\n\n  if (action.type === \"toggle-view-only\") {\n    return { ...state, viewOnly: !state.viewOnly };\n  }\n\n  if (state.viewOnly) return viewMode(state, action);\n\n  if (state.matchMode) return matchMode(state, action);\n\n  switch (action.type) {\n    case \"add-entity-type\": {\n      // Add a new entity type to the map\n      const { name, description, color } = action.payload;\n      const newId = state.lastInternalId - 1;\n      const newType: EntityType = {\n        id: newId,\n        name,\n        description: description === \"\" ? null : description,\n        color,\n      };\n\n      const newEntityTypesMap = new Map(state.entityTypesMap);\n      newEntityTypesMap.set(newId, newType);\n\n      return {\n        ...state,\n        entityTypesMap: newEntityTypesMap,\n        selectedEntityType: newType,\n        lastInternalId: newId,\n      };\n    }\n    case \"update-entity-type\": {\n      // Update an existing entity type in the map\n      const { id, name, description, color } = action.payload;\n      const newEntityTypesMap = new Map(state.entityTypesMap);\n      const oldType = newEntityTypesMap.get(id);\n\n      if (!oldType) {\n        console.warn(`Entity type with id ${id} not found`);\n        return state;\n      }\n\n      const updatedType: EntityType = {\n        ...oldType,\n        name,\n        description: description === \"\" ? null : description,\n        color,\n      };\n\n      newEntityTypesMap.set(id, updatedType);\n\n      // Update the tree to reflect the new type\n      const newTree = updateTreeTypes(state.tree, oldType, updatedType);\n\n      return {\n        ...state,\n        tree: newTree,\n        entityTypesMap: newEntityTypesMap,\n        selectedEntityType: updatedType,\n      };\n    }\n    case \"select-range\":\n      // Select a range of nodes by their IDs\n      const payloadIds = action.payload.ids;\n      const node1 = payloadIds[0];\n      const node2 = payloadIds[1];\n\n      // make list of nodes in order\n      const allNodes = flattenAndSort(state.tree);\n\n      // select all nodes between node1 and node2\n      const startIndex = allNodes.findIndex((node) => node.id === node1);\n      const endIndex = allNodes.findIndex((node) => node.id === node2);\n\n      const selectedNodes = allNodes.slice(startIndex, endIndex + 1);\n\n      console.log(\"Selecting range:\", selectedNodes);\n      return {\n        ...state,\n        selectedNodes: selectedNodes.map((node) => node.id),\n      };\n\n    case \"move-node\":\n      // For each node in the tree, if the node is in the dragIds, remove it from the tree and collect it\n      const [newTree, removedNodes] = removeNodes(\n        state.tree,\n        action.payload.dragIds,\n      );\n\n      let keyPath: (number | \"children\")[] = [];\n      if (action.payload.parentId) {\n        keyPath = findNode(newTree, action.payload.parentId);\n        keyPath.push(\"children\");\n      }\n\n      // Add removed nodes to the new tree at the correct location\n      let updateSpec = buildNestedSpec(keyPath, {\n        $splice: [[action.payload.index, 0, ...removedNodes]],\n      });\n\n      return { ...state, tree: update(newTree, updateSpec) };\n    case \"delete-node\":\n      // For each node in the tree, if the node is in the ids, remove it from the tree\n      const [newTree2, _removedNodes] = removeNodes(\n        state.tree,\n        action.payload.ids,\n      );\n      // Get children of the removed nodes\n      // If children are not present elsewhere in the tree, insert them\n\n      const children = _removedNodes\n        .flatMap((node) => node.children ?? [])\n        .filter((child) => !nodeIsInTree(newTree2, child.id));\n\n      // Reset the selection\n\n      return {\n        ...state,\n        tree: [...newTree2, ...children],\n        selectedNodes: state.selectedNodes.filter(\n          (id) => !action.payload.ids.includes(id),\n        ),\n      };\n    case \"select-node\":\n      const { ids } = action.payload;\n\n      const type =\n        action.payload.ids.length > 0\n          ? findNodeById(state.tree, ids[0])?.type\n          : null;\n\n      return { ...state, selectedNodes: ids, selectedEntityType: type };\n    // otherwise fall through to toggle-node-selected for a single ID\n    case \"toggle-node-selected\":\n      const nodesToAdd = action.payload.ids.filter(\n        (id) => !state.selectedNodes.includes(id),\n      );\n      const nodesToKeep = state.selectedNodes.filter(\n        (id) => !action.payload.ids.includes(id),\n      );\n\n      const newType =\n        action.payload.ids.length > 0\n          ? findNodeById(state.tree, action.payload.ids[0])?.type\n          : null;\n\n      return {\n        ...state,\n        selectedNodes: [...nodesToKeep, ...nodesToAdd],\n        selectedEntityType: newType,\n      };\n\n    case \"create-node\":\n      const newId = state.lastInternalId - 1;\n      const { text, start, end } = action.payload;\n      const node: TreeData = {\n        id: newId,\n        name: text,\n        children: [],\n        indices: [start, end],\n        type: state.selectedEntityType,\n      };\n\n      return {\n        ...state,\n        tree: [...state.tree, node],\n        selectedNodes: [newId],\n        lastInternalId: newId,\n      };\n\n    case \"delete-entity-type\": {\n      // Remove the entity type from the map\n      const { id } = action.payload;\n      const newEntityTypesMap = new Map(state.entityTypesMap);\n      const oldType = newEntityTypesMap.get(id);\n      newEntityTypesMap.delete(id);\n\n      const defaultType = newEntityTypesMap.values().next().value;\n      const newTree = updateTreeTypes(state.tree, oldType, defaultType);\n\n      return {\n        ...state,\n        tree: newTree,\n        entityTypesMap: newEntityTypesMap,\n        selectedNodes: [],\n      };\n    }\n\n    /** Entity type selection */\n    case \"toggle-entity-type-selector\":\n      return {\n        ...state,\n        isSelectingEntityType: action.payload ?? !state.isSelectingEntityType,\n      };\n    case \"select-entity-type\": {\n      // For each selected node, update the type\n      let newTree2 = state.tree;\n      for (let id of state.selectedNodes) {\n        const keyPath = findNode(state.tree, id);\n        const nestedSpec = buildNestedSpec(keyPath, {\n          type: { $set: action.payload },\n        });\n        newTree2 = update(newTree2, nestedSpec);\n      }\n\n      return {\n        ...state,\n        tree: newTree2,\n        selectedEntityType: action.payload,\n      };\n    }\n    case \"deselect\":\n      return { ...state, selectedNodes: [] };\n    case \"reset\":\n      return {\n        ...state,\n        tree: state.initialTree,\n        selectedNodes: [],\n      };\n    case \"set-view-mode\":\n      return { ...state, viewMode: action.payload };\n  }\n}\n\nfunction nodeIsInTree(tree: TreeData[], id: number): boolean {\n  for (let node of tree) {\n    if (node.id == id) {\n      return true;\n    } else if (node.children) {\n      if (nodeIsInTree(node.children, id)) {\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\nfunction buildNestedSpec(\n  keyPath: (number | \"children\")[],\n  innerSpec: Spec<any>,\n): Spec<TreeData[]> {\n  // Build a nested object from a key path\n\n  let spec = innerSpec;\n  for (let i = keyPath.length - 1; i >= 0; i--) {\n    spec = { [keyPath[i]]: spec };\n  }\n  return spec as any;\n  // Since we don't have a \"children\" key at the root, we make the top-level spec an array\n}\n\nfunction findNode(\n  tree: TreeData[],\n  id: number,\n): (number | \"children\")[] | null {\n  // Find the index of the node with the given id in the tree, returning the key path\n  for (let i = 0; i < tree.length; i++) {\n    if (tree[i].id == id) {\n      return [i];\n    } else if (tree[i].children) {\n      let path = findNode(tree[i].children, id);\n      if (path != null) {\n        return [i, \"children\", ...path];\n      }\n    }\n  }\n  return null;\n}\n\nfunction removeNodes(\n  tree: TreeData[],\n  ids: number[],\n): [TreeData[], TreeData[]] {\n  /** Remove nodes with the given ids from the tree and return the new tree and the removed nodes */\n  let newTree: TreeData[] = [];\n  let removedNodes: TreeData[] = [];\n\n  for (let node of tree) {\n    if (ids.includes(node.id)) {\n      removedNodes.push(node);\n    } else {\n      // Recurse into children\n      if (node.children) {\n        let [newChildren, removedChildren] = removeNodes(node.children, ids);\n        node = { ...node, children: newChildren };\n        removedNodes.push(...removedChildren);\n      }\n      newTree.push(node);\n    }\n  }\n\n  return [newTree, removedNodes];\n}\n\nexport interface EntityOutput {\n  id: number;\n  type: number | null;\n  txt_range: number[][];\n  name: string;\n  match: any | null;\n  reasoning: string | null;\n  color: string | null;\n  children: any[] | null;\n}\n\nexport interface GraphData {\n  nodes: EntityOutput[];\n  edges: { source: number; dest: number }[];\n}\n\nexport function treeToGraph(tree: TreeData[]): GraphData {\n  // Convert the tree to a graph\n  let nodes: EntityOutput[] = [];\n  let edges: { source: number; dest: number }[] = [];\n  const nodeMap = new Map<number, TreeData>();\n\n  for (let node of tree) {\n    // If we've already found an instance of this node, we don't need to record\n    // it again\n    if (nodeMap.has(node.id)) {\n      continue;\n    }\n\n    const { indices, id, name, type, children } = node;\n\n    const nodeData: EntityOutput = {\n      id,\n      type: type.id,\n      color: type.color,\n      name,\n      txt_range: [indices],\n      reasoning: null,\n      match: node.match,\n      children,\n    };\n\n    nodeMap.set(node.id, node);\n    nodes.push(nodeData);\n\n    if (node.children) {\n      for (let child of node.children) {\n        edges.push({ source: node.id, dest: child.id });\n      }\n\n      // Now process the children\n      const { nodes: childNodes, edges: childEdges } = treeToGraph(\n        node.children,\n      );\n      nodes.push(...childNodes);\n      edges.push(...childEdges);\n    }\n  }\n\n  return { nodes, edges };\n}\n\nexport function findNodeById(tree, id) {\n  for (const node of tree) {\n    if (node.id === id) {\n      return node;\n    }\n    if (node.children) {\n      const found = findNodeById(node.children, id);\n      if (found) return found;\n    }\n  }\n  return null;\n}\n\nfunction updateTreeTypes(tree, oldType, defaultType) {\n  return tree.map((node) => updateNodeType(node, oldType, defaultType));\n}\n\nfunction updateNodeType(node, oldType, defaultType) {\n  const type = node.type.id === oldType.id ? defaultType : node.type;\n\n  return {\n    ...node,\n    type,\n    children: node.children\n      ? updateTreeTypes(node.children, oldType, defaultType)\n      : [],\n  };\n}\n\nfunction flattenAndSort(nodes) {\n  const result = [];\n\n  function traverse(nodeList) {\n    for (const node of nodeList) {\n      result.push(node);\n      if (Array.isArray(node.children) && node.children.length > 0) {\n        traverse(node.children);\n      }\n    }\n  }\n\n  traverse(nodes);\n\n  // sort by start\n  return result.sort((a, b) => a.indices[0] - b.indices[0]);\n}\n\nfunction matchMode(state, action) {\n  if (action.type === \"select-node\" || action.type === \"toggle-node-selected\") {\n    const { ids } = action.payload;\n\n    if (ids.length != 1) return state;\n\n    if (state.selectedNodes.length === 1) {\n      if (ids[0] === state.selectedNodes[0]) {\n        // If the selected node is the same as the current selection, deselect it\n        return { ...state, selectedNodes: [] };\n      }\n    }\n\n    const type =\n      action.payload.ids.length > 0\n        ? findNodeById(state.tree, ids[0])?.type\n        : null;\n\n    return { ...state, selectedNodes: ids, selectedEntityType: type };\n  }\n\n  if (action.type === \"add-match\") {\n    const { id } = action.payload;\n\n    // Find the node path\n    const keyPath = findNode(state.tree, id);\n    if (!keyPath) {\n      console.warn(`Node with id ${id} not found`);\n      return state;\n    }\n\n    // Build update spec to set the `match` property\n    const matchUpdateSpec = buildNestedSpec(keyPath, {\n      match: { $set: action.payload.payload },\n    });\n\n    const updatedTree = update(state.tree, matchUpdateSpec);\n\n    return {\n      ...state,\n      tree: updatedTree,\n    };\n  }\n\n  if (action.type === \"remove-match\") {\n    const { id } = action.payload;\n\n    console.log(\"Removing match for node with id:\", id);\n\n    // Find the node path\n    const keyPath = findNode(state.tree, id);\n    if (!keyPath) {\n      console.warn(`Node with id ${id} not found`);\n      return state;\n    }\n\n    // Build update spec to unset the `match` property\n    const matchUpdateSpec = buildNestedSpec(keyPath, {\n      match: { $set: null },\n    });\n\n    const updatedTree = update(state.tree, matchUpdateSpec);\n\n    return {\n      ...state,\n      tree: updatedTree,\n    };\n  }\n\n  return state;\n}\n\nfunction viewMode(state, action) {\n  if (action.type === \"set-view-mode\") {\n    return { ...state, viewMode: action.payload };\n  }\n\n  return state;\n}\n"],"names":[],"version":3,"file":"feedback-components.3d7fd2df.js.map"}

package/dist/esm/feedback-components.5242166d.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/feedback-components/src/feedback/index.ts"],"sourcesContent":["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}) {\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  );\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 }),\n    [matchComponent],\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        if (viewOnly) return -1;\n        return d.id.toString();\n      },\n    }),\n  );\n}\n"],"names":[],"version":3,"file":"feedback-components.5242166d.js.map"}

package/dist/esm/feedback-components.b7fe8db7.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AA7BA,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,2CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,2CAA0C,CAAC,4BAA4B,CAAC;AACxE,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,2CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,2CAA6B,CAAC,eAAe,CAAC","sources":["packages/feedback-components/src/feedback/feedback.module.sass"],"sourcesContent":[":root\n  --text-line-height: 3em\n  --main-extra-width: 200px\n\n.page-wrapper\n  display: flex\n  flex-direction: row\n  position: relative\n  gap: 2em\n  align-items: flex-start // makes control-content lose stick\n\n.feedback-container\n  flex: 4\n\n.control-panel\n  flex: 1\n  height: auto\n\n.control-content\n  position: sticky\n  top: 0\n\n.feedback-component\n  position: relative\n  width: 800px\n\n  & > svg\n    width: 800px\n\n.node\n  cursor: pointer\n\ncircle\n  border: 1px solid black\n\n.selected\n  border: 1px solid white\n  \n.feedback-text\n  margin-bottom: 2em\n\n.entity-panel\n  position: relative\n  max-height: 600px\n  width: calc(100% - 2em)\n  flex: 1\n  min-height: 100px\n  padding: 1em\n  background: var(--panel-secondary-background-color)\n  border-radius: 4px\n  // Inset box shadow\n  box-shadow: 0 0 0 1px var(--panel-border-color) inset\n\n.selection-tree\n  margin: -1em 0\n  padding: 1em 0\n  \n.type-list\n  display: grid\n  grid-auto-flow: column\n  grid-template-rows: repeat(10, auto)\n  gap: 0.2em\n\n  .type-tag\n    padding: .2em .5em\n    border-radius: .2em\n\n.description\n  max-width: 300px\n  padding: .5em\n\nmark\n  border-radius: .2em\n  cursor: pointer\n  color: black !important\n\n[role=\"treeitem\"]\n  width: auto !important\n\n.highlight\n  padding: .2em 0\n  border-radius: .2em\n  position: relative\n  zIndex: 10\n\n.clickable\n  cursor: pointer\n\n.feedback-text-wrapper \n  position: relative\n  z-index: 0\n  overflow: visible\n  line-height: var(--text-line-height)\n\n.type-container\n  display: flex\n  justify-content: space-between\n  align-items: center\n  column-gap: 1em\n\n.add-type\n  cursor: pointer\n  display: flex\n  justify-content: space-between\n  padding: 0 .5em\n  align-items: center\n\n  p\n    margin: 0\n\n.overlay-container\n  height: 80vh\n  width: 100vw\n  display: flex\n  justify-content: center\n  align-items: center\n\n  .add-type-overlay\n    background-color: var(--tertiary-background)\n    padding: .5em 1em\n    display: flex\n    flex-direction: column\n    gap: 1em\n    border-radius: .2em\n\n    .title\n      display: flex\n      justify-content: space-between\n      align-items: center\n\n    h2\n      margin: 0\n\n    .form-group\n      display: flex\n      gap: 3em\n\n      .text-inputs\n        display: flex\n        flex-direction: column\n        gap: 1em\n\n.icons\n  display: flex\n  gap: .25em\n\n.node-label\n  fill: var(--text-emphasized-color)\n  fontSize: 10px\n  pointerEvents: none\n\n.match-item\n  color: var(--text-emphasized-color)\n  padding: .1em .2em\n  border-radius: .2em\n  margin-bottom: 4px\n  cursor: pointer\n  \n  .match-label\n    margin: 0\n    color: var(--text-color)\n\n.match-container\n  display: flex\n  justify-content: space-between\n  align-items: center\n\n  .close-btn\n    cursor: pointer\n\n.match-link\n  padding: .5em"],"names":[],"version":3,"file":"feedback-components.b7fe8db7.js.map"}

package/dist/node/feedback-components.104b4099.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}.QoX8-W_node{cursor:pointer}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.104b4099.css.map */

package/dist/node/feedback-components.104b4099.css.map

@@ -1 +0,0 @@
-{"mappings":"ACAA,sDAIA,sGAOA,kCAGA,yCAIA,8CAIA,yDAIE,2CAGF,4BAGA,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.104b4099.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\n.QoX8-W_node {\n  cursor: pointer;\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.104b4099.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\n.node\n  cursor: pointer\n\ncircle\n  border: 1px solid black\n\n.selected\n  border: 1px solid white\n  \n.feedback-text\n  margin-bottom: 2em\n\n.entity-panel\n  position: relative\n  max-height: 600px\n  width: calc(100% - 2em)\n  flex: 1\n  min-height: 100px\n  padding: 1em\n  background: var(--panel-secondary-background-color)\n  border-radius: 4px\n  // Inset box shadow\n  box-shadow: 0 0 0 1px var(--panel-border-color) inset\n\n.selection-tree\n  margin: -1em 0\n  padding: 1em 0\n  \n.type-list\n  display: grid\n  grid-auto-flow: column\n  grid-template-rows: repeat(10, auto)\n  gap: 0.2em\n\n  .type-tag\n    padding: .2em .5em\n    border-radius: .2em\n\n.description\n  max-width: 300px\n  padding: .5em\n\nmark\n  border-radius: .2em\n  cursor: pointer\n  color: black !important\n\n[role=\"treeitem\"]\n  width: auto !important\n\n.highlight\n  padding: .2em 0\n  border-radius: .2em\n  position: relative\n  zIndex: 10\n\n.clickable\n  cursor: pointer\n\n.feedback-text-wrapper \n  position: relative\n  z-index: 0\n  overflow: visible\n  line-height: var(--text-line-height)\n\n.type-container\n  display: flex\n  justify-content: space-between\n  align-items: center\n  column-gap: 1em\n\n.add-type\n  cursor: pointer\n  display: flex\n  justify-content: space-between\n  padding: 0 .5em\n  align-items: center\n\n  p\n    margin: 0\n\n.overlay-container\n  height: 80vh\n  width: 100vw\n  display: flex\n  justify-content: center\n  align-items: center\n\n  .add-type-overlay\n    background-color: var(--tertiary-background)\n    padding: .5em 1em\n    display: flex\n    flex-direction: column\n    gap: 1em\n    border-radius: .2em\n\n    .title\n      display: flex\n      justify-content: space-between\n      align-items: center\n\n    h2\n      margin: 0\n\n    .form-group\n      display: flex\n      gap: 3em\n\n      .text-inputs\n        display: flex\n        flex-direction: column\n        gap: 1em\n\n.icons\n  display: flex\n  gap: .25em\n\n.node-label\n  fill: var(--text-emphasized-color)\n  fontSize: 10px\n  pointerEvents: none\n\n.match-item\n  color: var(--text-emphasized-color)\n  padding: .1em .2em\n  border-radius: .2em\n  margin-bottom: 4px\n  cursor: pointer\n  \n  .match-label\n    margin: 0\n    color: var(--text-color)\n\n.match-container\n  display: flex\n  justify-content: space-between\n  align-items: center\n\n  .close-btn\n    cursor: pointer\n\n.match-link\n  padding: .5em"],"names":[],"version":3,"file":"feedback-components.104b4099.css.map","sourceRoot":"../../../../"}

package/dist/node/feedback-components.4c09ec76.js

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

package/dist/node/feedback-components.4c09ec76.js.map

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

package/dist/node/feedback-components.8caef76e.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){let d=n.values().next().value;return e(s,{initialTree:t,tree:t,selectedNodes:[],entityTypesMap:n,selectedEntityType:d,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};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,T]=y(e.tree,t.payload.dragIds),$=[];t.payload.parentId&&($=p(m,t.payload.parentId)).push("children");let w=c($,{$splice:[[t.payload.index,0,...T]]});return{...e,tree:l(m,w)};case"delete-node":let[N,v]=y(e.tree,t.payload.ids),M=v.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,...M],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)),O=t.payload.ids.length>0?f(e.tree,t.payload.ids[0])?.type:null;return{...e,selectedNodes:[...b,...E],selectedEntityType:O};case"create-node":let S=e.lastInternalId-1,{text:C,start:A,end:D}=t.payload,G={id:S,name:C,children:[],indices:[A,D],type:e.selectedEntityType};return{...e,tree:[...e.tree,G],selectedNodes:[S],lastInternalId:S};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.8caef76e.js.map