@macrostrat/feedback-components 1.1.10 → 2.0.1

package/dist/esm/feedback-components.2364179b.js

@@ -1,287 +0,0 @@
-import "./feedback-components.d769ffa5.css";
-import $7mcWh$feedbackcomponentse702eecejs from "./feedback-components.e702eece.js";
-import {getTagStyle as $03d8811e9c9b360d$export$35baa338324d8550} from "./feedback-components.ba79c0ef.js";
-import $7mcWh$macrostrathyper from "@macrostrat/hyper";
-import {useState as $7mcWh$useState} from "react";
-import {Icon as $7mcWh$Icon, Overlay2 as $7mcWh$Overlay2, Popover as $7mcWh$Popover} from "@blueprintjs/core";
-import {useInDarkMode as $7mcWh$useInDarkMode, SaveButton as $7mcWh$SaveButton} from "@macrostrat/ui-components";
-import {ColorPicker as $7mcWh$ColorPicker} from "@macrostrat/data-sheet";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-
-const $18030469a9425911$var$h = (0, $7mcWh$macrostrathyper).styled((0, ($parcel$interopDefault($7mcWh$feedbackcomponentse702eecejs))));
-function $18030469a9425911$export$9ebd91d75ddb6a8b({ types: types, selected: selected, dispatch: dispatch, selectedNodes: selectedNodes, tree: tree, viewOnly: viewOnly }) {
-    const [selectedType, setSelectedType] = (0, $7mcWh$useState)(null);
-    const isSelectedNodes = selectedNodes.length > 0;
-    const darkMode = (0, $7mcWh$useInDarkMode)();
-    const luminance = darkMode ? 0.9 : 0.4;
-    return $18030469a9425911$var$h("div.type-list-container", [
-        $18030469a9425911$var$h("div.type-list-header", isSelectedNodes && !selectedType ? "Change selected nodes to:" : "Entity Types"),
-        $18030469a9425911$var$h("div.type-list", Array.from(types.values()).map((type)=>$18030469a9425911$var$h($18030469a9425911$var$TypeTag, {
-                type: type,
-                luminance: luminance,
-                selectedType: selectedType,
-                setSelectedType: setSelectedType,
-                dispatch: dispatch,
-                viewOnly: viewOnly,
-                tree: tree,
-                selectedNodes: selectedNodes,
-                selected: selected,
-                isSelectedNodes: isSelectedNodes
-            }))),
-        $18030469a9425911$var$h.if(!viewOnly)($18030469a9425911$var$AddType, {
-            dispatch: dispatch
-        })
-    ]);
-}
-function $18030469a9425911$var$collectMatchingIds(tree, id) {
-    const ids = [];
-    function traverse(node) {
-        if (node.type.id === id) ids.push(node.id);
-        if (Array.isArray(node.children)) node.children.forEach(traverse);
-    }
-    tree.forEach(traverse);
-    return ids;
-}
-function $18030469a9425911$var$AddType({ dispatch: dispatch }) {
-    const [overlayOpen, setOverlayOpen] = (0, $7mcWh$useState)(false);
-    const saveHandler = (payload)=>{
-        dispatch({
-            type: "add-entity-type",
-            payload: payload
-        });
-        setOverlayOpen(false);
-    };
-    return $18030469a9425911$var$h("div.add-type-container", [
-        $18030469a9425911$var$h("div.add-type", {
-            onClick: ()=>setOverlayOpen(true)
-        }, [
-            $18030469a9425911$var$h("p.add-type-text", "Add new type"),
-            $18030469a9425911$var$h((0, $7mcWh$Icon), {
-                icon: "plus"
-            })
-        ]),
-        $18030469a9425911$var$h($18030469a9425911$var$TypeOverlay, {
-            setOverlayOpen: setOverlayOpen,
-            overlayOpen: overlayOpen,
-            title: "Add New Type",
-            saveHandler: saveHandler
-        })
-    ]);
-}
-function $18030469a9425911$var$EditType({ dispatch: dispatch, type: type }) {
-    const [editorOpen, setEditorOpen] = (0, $7mcWh$useState)(false);
-    const saveHandler = (payload)=>{
-        dispatch({
-            type: "update-entity-type",
-            payload: payload
-        });
-        setEditorOpen(false);
-    };
-    return $18030469a9425911$var$h("div.edit-type", [
-        $18030469a9425911$var$h((0, $7mcWh$Icon), {
-            icon: "edit",
-            className: "edit-icon",
-            onClick: (e)=>{
-                e.stopPropagation();
-                setEditorOpen(true);
-            }
-        }),
-        $18030469a9425911$var$h($18030469a9425911$var$TypeOverlay, {
-            setOverlayOpen: setEditorOpen,
-            overlayOpen: editorOpen,
-            originalType: type,
-            title: "Edit Type",
-            saveHandler: saveHandler
-        })
-    ]);
-}
-function $18030469a9425911$var$TypeOverlay({ setOverlayOpen: setOverlayOpen, overlayOpen: overlayOpen, originalType: originalType, title: title, saveHandler: saveHandler }) {
-    const { name: name, description: description, color: color, id: id } = originalType || {};
-    const [nameInput, setNameInput] = (0, $7mcWh$useState)(name || "");
-    const [descriptionInput, setDescriptionInput] = (0, $7mcWh$useState)(description || "");
-    const [colorInput, setColorInput] = (0, $7mcWh$useState)(color || "#fff");
-    return $18030469a9425911$var$h((0, $7mcWh$Overlay2), {
-        isOpen: overlayOpen
-    }, $18030469a9425911$var$h("div.overlay-container", $18030469a9425911$var$h("div.add-type-overlay", [
-        $18030469a9425911$var$h("h2.title", [
-            title,
-            $18030469a9425911$var$h((0, $7mcWh$Icon), {
-                icon: "cross",
-                className: "close-icon",
-                onClick: ()=>{
-                    setOverlayOpen(false);
-                },
-                style: {
-                    cursor: "pointer",
-                    color: "red"
-                }
-            })
-        ]),
-        $18030469a9425911$var$h("div.form-group", [
-            $18030469a9425911$var$h("div.text-inputs", [
-                $18030469a9425911$var$h("div.form-field.name", [
-                    $18030469a9425911$var$h("p.label", "Name"),
-                    $18030469a9425911$var$h("input", {
-                        type: "text",
-                        placeholder: "Enter type name",
-                        onChange: (e)=>setNameInput(e.target.value),
-                        value: nameInput
-                    })
-                ]),
-                $18030469a9425911$var$h("div.form-field.form-description", [
-                    $18030469a9425911$var$h("p.label", "Description"),
-                    $18030469a9425911$var$h("input", {
-                        type: "text",
-                        placeholder: "Enter type description",
-                        onChange: (e)=>setDescriptionInput(e.target.value),
-                        value: descriptionInput
-                    })
-                ])
-            ]),
-            $18030469a9425911$var$h("div.form-field.color", [
-                $18030469a9425911$var$h("p.label", "Color"),
-                $18030469a9425911$var$h((0, $7mcWh$ColorPicker), {
-                    value: colorInput,
-                    onChange: (color)=>setColorInput(color),
-                    style: {
-                        width: "100%"
-                    }
-                })
-            ])
-        ]),
-        $18030469a9425911$var$h((0, $7mcWh$SaveButton), {
-            className: "save-btn",
-            small: true,
-            onClick: ()=>saveHandler({
-                    name: nameInput,
-                    description: descriptionInput,
-                    color: colorInput,
-                    id: id
-                })
-        }, "Save changes")
-    ])));
-}
-function $18030469a9425911$var$TypeTag({ type: type, luminance: luminance, selectedType: selectedType, setSelectedType: setSelectedType, dispatch: dispatch, tree: tree, selectedNodes: selectedNodes, selected: selected, isSelectedNodes: isSelectedNodes, viewOnly: viewOnly }) {
-    const { color: color, name: name, id: id, description: description } = type;
-    const darkMode = (0, $7mcWh$useInDarkMode)();
-    const isSelected = id === selected?.id && selectedNodes.length > 0;
-    const style = (0, $03d8811e9c9b360d$export$35baa338324d8550)(color, {
-        active: isSelected,
-        highlighted: selectedNodes.length === 0
-    });
-    const payload = {
-        id: id,
-        name: name,
-        color: color,
-        description: description
-    };
-    const ids = $18030469a9425911$var$collectMatchingIds(tree, id);
-    const handleTagClick = ()=>{
-        if (!isSelectedNodes && selectedType === null) {
-            if (ids.length > 0) {
-                setSelectedType(type);
-                dispatch({
-                    type: "toggle-node-selected",
-                    payload: {
-                        ids: ids
-                    }
-                });
-            }
-        } else if (isSelectedNodes && selectedType === null) {
-            if (id === selected?.id && selectedNodes.length > 0) dispatch({
-                type: "toggle-node-selected",
-                payload: {
-                    ids: selectedNodes
-                }
-            });
-            else dispatch({
-                type: "select-entity-type",
-                payload: payload
-            });
-        } else if (isSelectedNodes && selectedType.id === id) {
-            setSelectedType(null);
-            dispatch({
-                type: "toggle-node-selected",
-                payload: {
-                    ids: ids
-                }
-            });
-        } else if (isSelectedNodes && selectedType.id !== id) {
-            if (ids.length > 0) {
-                setSelectedType(type);
-                const oldIds = $18030469a9425911$var$collectMatchingIds(tree, selectedType.id);
-                dispatch({
-                    type: "toggle-node-selected",
-                    payload: {
-                        ids: oldIds
-                    }
-                });
-                dispatch({
-                    type: "toggle-node-selected",
-                    payload: {
-                        ids: ids
-                    }
-                });
-            }
-        } else console.warn("Unexpected state in TypeTag click handler", {
-            isSelectedNodes: isSelectedNodes,
-            selectedType: selectedType,
-            selectedNodes: selectedNodes,
-            ids: ids,
-            id: id,
-            selected: selected
-        });
-    };
-    return $18030469a9425911$var$h((0, $7mcWh$Popover), {
-        autoFocus: false,
-        content: $18030469a9425911$var$h("div.description", description || "No description available"),
-        interactionKind: "hover"
-    }, $18030469a9425911$var$h("div.type-tag", {
-        onClick: handleTagClick,
-        style: {
-            cursor: (ids.length > 0 || isSelectedNodes && !selectedType) && !viewOnly ? "pointer" : "",
-            color: "black",
-            backgroundColor: style.backgroundColor,
-            border: isSelected ? `1px solid var(--text-emphasized-color)` : `1px solid var(--background-color)`
-        }
-    }, $18030469a9425911$var$h("div.type-container", [
-        $18030469a9425911$var$h("div.type-name", name),
-        $18030469a9425911$var$h.if(!viewOnly)("div.icons", [
-            $18030469a9425911$var$h($18030469a9425911$var$EditType, {
-                dispatch: dispatch,
-                type: type
-            }),
-            $18030469a9425911$var$h((0, $7mcWh$Icon), {
-                icon: "cross",
-                className: "delete-type-icon",
-                style: {
-                    color: "red",
-                    cursor: "pointer"
-                },
-                onClick: (e)=>{
-                    e.stopPropagation();
-                    dispatch({
-                        type: "delete-entity-type",
-                        payload: {
-                            id: id
-                        }
-                    });
-                }
-            })
-        ])
-    ])));
-}
-
-
-export {$18030469a9425911$export$9ebd91d75ddb6a8b as TypeList};
-//# sourceMappingURL=feedback-components.2364179b.js.map

package/dist/esm/feedback-components.2364179b.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/feedback-components/src/feedback/typelist.ts"],"sourcesContent":["import styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\n\nimport { getTagStyle } from \"../extractions\";\nimport { useState } from \"react\";\nimport { Icon, Popover, Overlay2 } from \"@blueprintjs/core\";\nimport { SaveButton } from \"@macrostrat/ui-components\";\nimport { useInDarkMode } from \"@macrostrat/ui-components\";\nimport { ColorPicker } from \"@macrostrat/data-sheet\";\n\nconst h = hyper.styled(styles);\n\nexport function TypeList({\n  types,\n  selected,\n  dispatch,\n  selectedNodes,\n  tree,\n  viewOnly,\n}) {\n  const [selectedType, setSelectedType] = useState(null);\n  const isSelectedNodes = selectedNodes.length > 0;\n  const darkMode = useInDarkMode();\n  const luminance = darkMode ? 0.9 : 0.4;\n\n  return h(\"div.type-list-container\", [\n    h(\n      \"div.type-list-header\",\n      isSelectedNodes && !selectedType\n        ? \"Change selected nodes to:\"\n        : \"Entity Types\",\n    ),\n    h(\n      \"div.type-list\",\n      Array.from(types.values()).map((type) =>\n        h(TypeTag, {\n          type,\n          luminance,\n          selectedType,\n          setSelectedType,\n          dispatch,\n          viewOnly,\n          tree,\n          selectedNodes,\n          selected,\n          isSelectedNodes,\n        }),\n      ),\n    ),\n    h.if(!viewOnly)(AddType, { dispatch }),\n  ]);\n}\n\nfunction collectMatchingIds(tree, id) {\n  const ids = [];\n\n  function traverse(node) {\n    if (node.type.id === id) {\n      ids.push(node.id);\n    }\n    if (Array.isArray(node.children)) {\n      node.children.forEach(traverse);\n    }\n  }\n\n  tree.forEach(traverse);\n  return ids;\n}\n\nfunction AddType({ dispatch }) {\n  const [overlayOpen, setOverlayOpen] = useState(false);\n\n  const saveHandler = (payload) => {\n    dispatch({\n      type: \"add-entity-type\",\n      payload,\n    });\n    setOverlayOpen(false);\n  };\n\n  return h(\"div.add-type-container\", [\n    h(\"div.add-type\", { onClick: () => setOverlayOpen(true) }, [\n      h(\"p.add-type-text\", \"Add new type\"),\n      h(Icon, { icon: \"plus\" }),\n    ]),\n    h(TypeOverlay, {\n      setOverlayOpen,\n      overlayOpen,\n      title: \"Add New Type\",\n      saveHandler,\n    }),\n  ]);\n}\n\nfunction EditType({ dispatch, type }) {\n  const [editorOpen, setEditorOpen] = useState(false);\n\n  const saveHandler = (payload) => {\n    dispatch({\n      type: \"update-entity-type\",\n      payload,\n    });\n    setEditorOpen(false);\n  };\n\n  return h(\"div.edit-type\", [\n    h(Icon, {\n      icon: \"edit\",\n      className: \"edit-icon\",\n      onClick: (e) => {\n        e.stopPropagation();\n        setEditorOpen(true);\n      },\n    }),\n    h(TypeOverlay, {\n      setOverlayOpen: setEditorOpen,\n      overlayOpen: editorOpen,\n      originalType: type,\n      title: \"Edit Type\",\n      saveHandler,\n    }),\n  ]);\n}\n\nfunction TypeOverlay({\n  setOverlayOpen,\n  overlayOpen,\n  originalType,\n  title,\n  saveHandler,\n}) {\n  const { name, description, color, id } = originalType || {};\n\n  const [nameInput, setNameInput] = useState(name || \"\");\n  const [descriptionInput, setDescriptionInput] = useState(description || \"\");\n  const [colorInput, setColorInput] = useState(color || \"#fff\");\n\n  return h(\n    Overlay2,\n    {\n      isOpen: overlayOpen,\n    },\n    h(\n      \"div.overlay-container\",\n      h(\"div.add-type-overlay\", [\n        h(\"h2.title\", [\n          title,\n          h(Icon, {\n            icon: \"cross\",\n            className: \"close-icon\",\n            onClick: () => {\n              setOverlayOpen(false);\n            },\n            style: { cursor: \"pointer\", color: \"red\" },\n          }),\n        ]),\n        h(\"div.form-group\", [\n          h(\"div.text-inputs\", [\n            h(\"div.form-field.name\", [\n              h(\"p.label\", \"Name\"),\n              h(\"input\", {\n                type: \"text\",\n                placeholder: \"Enter type name\",\n                onChange: (e) => setNameInput(e.target.value),\n                value: nameInput,\n              }),\n            ]),\n            h(\"div.form-field.form-description\", [\n              h(\"p.label\", \"Description\"),\n              h(\"input\", {\n                type: \"text\",\n                placeholder: \"Enter type description\",\n                onChange: (e) => setDescriptionInput(e.target.value),\n                value: descriptionInput,\n              }),\n            ]),\n          ]),\n          h(\"div.form-field.color\", [\n            h(\"p.label\", \"Color\"),\n            h(ColorPicker, {\n              value: colorInput,\n              onChange: (color) => setColorInput(color),\n              style: { width: \"100%\" },\n            }),\n          ]),\n        ]),\n        h(\n          SaveButton,\n          {\n            className: \"save-btn\",\n            small: true,\n            onClick: () =>\n              saveHandler({\n                name: nameInput,\n                description: descriptionInput,\n                color: colorInput,\n                id,\n              }),\n          },\n          \"Save changes\",\n        ),\n      ]),\n    ),\n  );\n}\n\nfunction TypeTag({\n  type,\n  luminance,\n  selectedType,\n  setSelectedType,\n  dispatch,\n  tree,\n  selectedNodes,\n  selected,\n  isSelectedNodes,\n  viewOnly,\n}) {\n  const { color, name, id, description } = type;\n  const darkMode = useInDarkMode();\n  const isSelected = id === selected?.id && selectedNodes.length > 0;\n\n  const style = getTagStyle(color, {\n    active: isSelected,\n    highlighted: selectedNodes.length === 0,\n  });\n\n  const payload = {\n    id,\n    name,\n    color,\n    description,\n  };\n\n  const ids = collectMatchingIds(tree, id);\n\n  const handleTagClick = () => {\n    if (!isSelectedNodes && selectedType === null) {\n      if (ids.length > 0) {\n        setSelectedType(type);\n        dispatch({ type: \"toggle-node-selected\", payload: { ids } });\n      }\n    } else if (isSelectedNodes && selectedType === null) {\n      if (id === selected?.id && selectedNodes.length > 0) {\n        dispatch({\n          type: \"toggle-node-selected\",\n          payload: { ids: selectedNodes },\n        });\n      } else {\n        dispatch({ type: \"select-entity-type\", payload });\n      }\n    } else if (isSelectedNodes && selectedType.id === id) {\n      setSelectedType(null);\n      dispatch({ type: \"toggle-node-selected\", payload: { ids } });\n    } else if (isSelectedNodes && selectedType.id !== id) {\n      if (ids.length > 0) {\n        setSelectedType(type);\n        const oldIds = collectMatchingIds(tree, selectedType.id);\n\n        dispatch({ type: \"toggle-node-selected\", payload: { ids: oldIds } });\n        dispatch({ type: \"toggle-node-selected\", payload: { ids } });\n      }\n    } else {\n      console.warn(\"Unexpected state in TypeTag click handler\", {\n        isSelectedNodes,\n        selectedType,\n        selectedNodes,\n        ids,\n        id,\n        selected,\n      });\n    }\n  };\n\n  return h(\n    Popover,\n    {\n      autoFocus: false,\n      content: h(\"div.description\", description || \"No description available\"),\n      interactionKind: \"hover\",\n    },\n    h(\n      \"div.type-tag\",\n      {\n        onClick: handleTagClick,\n        style: {\n          cursor:\n            (ids.length > 0 || (isSelectedNodes && !selectedType)) && !viewOnly\n              ? \"pointer\"\n              : \"\",\n          color: \"black\",\n          backgroundColor: style.backgroundColor,\n          border: isSelected\n            ? `1px solid var(--text-emphasized-color)`\n            : `1px solid var(--background-color)`,\n        },\n      },\n      h(\"div.type-container\", [\n        h(\"div.type-name\", name),\n        h.if(!viewOnly)(\"div.icons\", [\n          h(EditType, {\n            dispatch,\n            type,\n          }),\n          h(Icon, {\n            icon: \"cross\",\n            className: \"delete-type-icon\",\n            style: { color: \"red\", cursor: \"pointer\" },\n            onClick: (e) => {\n              e.stopPropagation();\n              dispatch({\n                type: \"delete-entity-type\",\n                payload: { id },\n              });\n            },\n          }),\n        ]),\n      ]),\n    ),\n  );\n}\n"],"names":[],"version":3,"file":"feedback-components.2364179b.js.map"}

package/dist/esm/feedback-components.6d32ee91.js

@@ -1,16 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $83cb1ce4a2b71eef$exports = {};
-
-$parcel$export($83cb1ce4a2b71eef$exports, "entities", () => $83cb1ce4a2b71eef$export$5345fd892b40e1f6, (v) => $83cb1ce4a2b71eef$export$5345fd892b40e1f6 = v);
-$parcel$export($83cb1ce4a2b71eef$exports, "entity", () => $83cb1ce4a2b71eef$export$4b5127edceda427d, (v) => $83cb1ce4a2b71eef$export$4b5127edceda427d = v);
-var $83cb1ce4a2b71eef$export$5345fd892b40e1f6;
-var $83cb1ce4a2b71eef$export$4b5127edceda427d;
-$83cb1ce4a2b71eef$export$5345fd892b40e1f6 = `UZr1Jq_entities`;
-$83cb1ce4a2b71eef$export$4b5127edceda427d = `UZr1Jq_entity`;
-
-
-export {$83cb1ce4a2b71eef$exports as default};
-//# sourceMappingURL=feedback-components.6d32ee91.js.map

package/dist/esm/feedback-components.6d32ee91.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;AAAA,IAAA;AACA,IAAA;AADA,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/feedback-components/src/extractions/main.module.sass"],"sourcesContent":[".entities\n  list-style: none\n  padding-left: 0\n\n  .entities ul\n    list-style: none\n\n.entity\n  margin: 0.2em 0 0.5em\n  padding-right: 3px\n"],"names":[],"version":3,"file":"feedback-components.6d32ee91.js.map"}

package/dist/esm/feedback-components.7dd42a9f.js

@@ -1,248 +0,0 @@
-import "./feedback-components.d769ffa5.css";
-import $1RKp1$feedbackcomponentse702eecejs from "./feedback-components.e702eece.js";
-import {Divider as $1RKp1$Divider, Switch as $1RKp1$Switch, Icon as $1RKp1$Icon, Overlay2 as $1RKp1$Overlay2} from "@blueprintjs/core";
-import {Select as $1RKp1$Select} from "@blueprintjs/select";
-import $1RKp1$macrostrathyper from "@macrostrat/hyper";
-import {useState as $1RKp1$useState} from "react";
-import {useAPIResult as $1RKp1$useAPIResult, SaveButton as $1RKp1$SaveButton, DataField as $1RKp1$DataField, JSONView as $1RKp1$JSONView} from "@macrostrat/ui-components";
-import {LithologyTag as $1RKp1$LithologyTag} from "@macrostrat/data-components";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-
-const $a878a21b0c10bfdc$var$h = (0, $1RKp1$macrostrathyper).styled((0, ($parcel$interopDefault($1RKp1$feedbackcomponentse702eecejs))));
-function $a878a21b0c10bfdc$export$6479cfcac2b87c0({ match: match, setMatchLinks: setMatchLinks, matchLinks: matchLinks, selectedNodes: selectedNodes, tree: tree, dispatch: dispatch }) {
-    const [overlayOpen, setOverlayOpen] = (0, $1RKp1$useState)(false);
-    let nodeMatch = null;
-    if (selectedNodes.length === 1) nodeMatch = $a878a21b0c10bfdc$var$findMatchingNode(tree, selectedNodes[0]);
-    return $a878a21b0c10bfdc$var$h.if(matchLinks)("div", [
-        $a878a21b0c10bfdc$var$h((0, $1RKp1$Divider)),
-        $a878a21b0c10bfdc$var$h((0, $1RKp1$Switch), {
-            label: "Match mode",
-            checked: match !== undefined,
-            onChange: (e)=>{
-                setMatchLinks(match === undefined ? matchLinks || {} : undefined);
-                dispatch({
-                    type: "toggle-match-mode"
-                });
-            }
-        }),
-        $a878a21b0c10bfdc$var$h.if(nodeMatch && match)($a878a21b0c10bfdc$var$Match, {
-            data: nodeMatch?.match,
-            matchLinks: matchLinks,
-            dispatch: dispatch,
-            nodeId: nodeMatch?.id
-        }),
-        $a878a21b0c10bfdc$var$h.if(selectedNodes.length == 1 && !nodeMatch?.match && match)("div.add-match-container", [
-            $a878a21b0c10bfdc$var$h("div.add-type", {
-                onClick: ()=>{
-                    setOverlayOpen(true);
-                }
-            }, [
-                $a878a21b0c10bfdc$var$h("p.add-match-text", "Add match"),
-                $a878a21b0c10bfdc$var$h((0, $1RKp1$Icon), {
-                    icon: "plus"
-                })
-            ]),
-            $a878a21b0c10bfdc$var$h($a878a21b0c10bfdc$var$MatchOverlay, {
-                isOpen: overlayOpen,
-                setOverlayOpen: setOverlayOpen,
-                nodeMatch: nodeMatch,
-                dispatch: dispatch
-            })
-        ])
-    ]);
-}
-function $a878a21b0c10bfdc$var$findMatchingNode(tree, nodeId) {
-    let match = null;
-    function traverse(node) {
-        if (node.id === nodeId) {
-            match = node;
-            return true;
-        }
-        if (Array.isArray(node.children)) for (const child of node.children){
-            if (traverse(child)) return true;
-        }
-        return false;
-    }
-    tree.forEach(traverse);
-    return match;
-}
-function $a878a21b0c10bfdc$var$MatchOverlay({ isOpen: isOpen, setOverlayOpen: setOverlayOpen, nodeMatch: nodeMatch, dispatch: dispatch }) {
-    const [inputValue, setInputValue] = (0, $1RKp1$useState)(nodeMatch?.name || "");
-    const [selectedItem, setSelectedItem] = (0, $1RKp1$useState)($a878a21b0c10bfdc$var$h("div", "Select a match"));
-    const [disabled, setDisabled] = (0, $1RKp1$useState)(true);
-    const [payload, setPayload] = (0, $1RKp1$useState)({});
-    const data = (0, $1RKp1$useAPIResult)("https://dev.macrostrat.org/api/pg/type_lookup?name=ilike.*" + inputValue + "*");
-    const items = data?.map((data)=>$a878a21b0c10bfdc$var$h($a878a21b0c10bfdc$export$5eeb3456842e9e5f, {
-            data: data,
-            setPayload: setPayload
-        }));
-    return $a878a21b0c10bfdc$var$h((0, $1RKp1$Overlay2), {
-        isOpen: isOpen
-    }, $a878a21b0c10bfdc$var$h("div.overlay-container", $a878a21b0c10bfdc$var$h("div.add-type-overlay", [
-        $a878a21b0c10bfdc$var$h("h2.title", [
-            "Add match with " + nodeMatch.name,
-            $a878a21b0c10bfdc$var$h((0, $1RKp1$Icon), {
-                icon: "cross",
-                className: "close-icon",
-                onClick: ()=>{
-                    setOverlayOpen(false);
-                },
-                style: {
-                    cursor: "pointer",
-                    color: "red"
-                }
-            })
-        ]),
-        $a878a21b0c10bfdc$var$h("div.form-group", [
-            $a878a21b0c10bfdc$var$h((0, $1RKp1$Select), {
-                items: items || [],
-                itemRenderer: (item, { handleClick: handleClick })=>{
-                    return $a878a21b0c10bfdc$var$h("div.match-item", {
-                        onClick: handleClick
-                    }, item);
-                },
-                onItemSelect: (item)=>{
-                    setDisabled(false);
-                    setSelectedItem(item);
-                },
-                onQueryChange: (query)=>setInputValue(query),
-                popoverProps: {
-                    minimal: true
-                },
-                query: inputValue,
-                placeholder: "Enter match name"
-            }, selectedItem)
-        ]),
-        $a878a21b0c10bfdc$var$h((0, $1RKp1$SaveButton), {
-            className: "save-btn",
-            small: true,
-            onClick: ()=>{
-                // Handle save changes
-                dispatch({
-                    type: "add-match",
-                    payload: {
-                        id: nodeMatch.id,
-                        payload: payload
-                    }
-                });
-                setOverlayOpen(false);
-            },
-            disabled: disabled
-        }, "Save changes")
-    ])));
-}
-function $a878a21b0c10bfdc$var$Match({ data: data, matchLinks: matchLinks, dispatch: dispatch, nodeId: nodeId }) {
-    return $a878a21b0c10bfdc$var$h.if(data)("div.match-container", [
-        $a878a21b0c10bfdc$export$5eeb3456842e9e5f({
-            data: data,
-            matchLinks: matchLinks
-        }),
-        $a878a21b0c10bfdc$var$h((0, $1RKp1$Icon), {
-            icon: "cross",
-            color: "red",
-            className: "close-btn",
-            onClick: ()=>{
-                dispatch({
-                    type: "remove-match",
-                    payload: {
-                        id: nodeId
-                    }
-                });
-            }
-        })
-    ]);
-}
-function $a878a21b0c10bfdc$export$5eeb3456842e9e5f({ data: data, matchLinks: matchLinks, setPayload: setPayload }) {
-    if (!data || Object.keys(data).length === 0) return;
-    if (data.lith_id || data?.type === "lith") return $a878a21b0c10bfdc$var$h("div", {
-        onClick: ()=>{
-            data.type === "lith" && setPayload({
-                lith_id: data.id,
-                name: data.name
-            });
-        }
-    }, $a878a21b0c10bfdc$var$h((0, $1RKp1$DataField), {
-        className: "match-item",
-        label: "Stratigraphic name",
-        value: $a878a21b0c10bfdc$var$h((0, $1RKp1$LithologyTag), {
-            data: {
-                name: data.name,
-                id: data.id,
-                color: data.color
-            },
-            onClick: ()=>window.open(matchLinks.strat_name + "/" + data.strat_name_id, "_blank")
-        })
-    }));
-    if (data.strat_name_id || data?.type === "strat_name") return $a878a21b0c10bfdc$var$h("div", {
-        onClick: ()=>{
-            data.type === "strat_name" && setPayload({
-                strat_name_id: data.id,
-                name: data.name
-            });
-        }
-    }, $a878a21b0c10bfdc$var$h((0, $1RKp1$DataField), {
-        className: "match-item",
-        label: "Stratigraphic name",
-        value: $a878a21b0c10bfdc$var$h((0, $1RKp1$LithologyTag), {
-            data: {
-                name: data.name,
-                id: data.id,
-                color: data.color
-            },
-            onClick: ()=>window.open(matchLinks.strat_name + "/" + data.strat_name_id, "_blank")
-        })
-    }));
-    if (data.lith_att_id || data?.type === "lith_att") return $a878a21b0c10bfdc$var$h("div", {
-        onClick: ()=>{
-            data.type === "lith_att" && setPayload({
-                lith_att_id: data.id,
-                name: data.name
-            });
-        }
-    }, $a878a21b0c10bfdc$var$h((0, $1RKp1$DataField), {
-        className: "match-item",
-        label: "Lithology attribute",
-        value: $a878a21b0c10bfdc$var$h((0, $1RKp1$LithologyTag), {
-            data: {
-                name: data.name,
-                id: data.lith_att_id
-            },
-            onClick: ()=>window.open(matchLinks.lith_att + "/" + data.lith_att_id, "_blank")
-        })
-    }));
-    if (data.int_id || data?.type === "interval") return $a878a21b0c10bfdc$var$h("div", {
-        onClick: ()=>{
-            data.type === "interval" && setPayload({
-                int_id: data.id,
-                name: data.name
-            });
-        }
-    }, $a878a21b0c10bfdc$var$h((0, $1RKp1$DataField), {
-        label: "Interval",
-        className: "match-item",
-        value: $a878a21b0c10bfdc$var$h((0, $1RKp1$LithologyTag), {
-            data: {
-                name: data.name,
-                id: data.id
-            },
-            onClick: ()=>window.open(matchLinks.interval + "/" + data.int_id, "_blank")
-        })
-    }));
-    return $a878a21b0c10bfdc$var$h((0, $1RKp1$JSONView), {
-        data: data
-    });
-}
-
-
-export {$a878a21b0c10bfdc$export$6479cfcac2b87c0 as Matches, $a878a21b0c10bfdc$export$5eeb3456842e9e5f as MatchTag};
-//# sourceMappingURL=feedback-components.7dd42a9f.js.map

package/dist/esm/feedback-components.7dd42a9f.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,8EAAK;AAErB,SAAS,yCAAQ,SACtB,KAAK,iBACL,aAAa,cACb,UAAU,iBACV,aAAa,QACb,IAAI,YACJ,QAAQ,EACT;IACC,MAAM,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,eAAO,EAAE;IAE/C,IAAI,YAAY;IAChB,IAAI,cAAc,MAAM,KAAK,GAC3B,YAAY,uCAAiB,MAAM,aAAa,CAAC,EAAE;IAGrD,OAAO,wBAAE,EAAE,CAAC,YAAY,OAAO;QAC7B,wBAAE,CAAA,GAAA,cAAM;QACR,wBAAE,CAAA,GAAA,aAAK,GAAG;YACR,OAAO;YACP,SAAS,UAAU;YACnB,UAAU,CAAC;gBACT,cAAc,UAAU,YAAY,cAAc,CAAC,IAAI;gBACvD,SAAS;oBAAE,MAAM;gBAAoB;YACvC;QACF;QACA,wBAAE,EAAE,CAAC,aAAa,OAAO,6BAAO;YAC9B,MAAM,WAAW;YACjB,YAAY;sBACZ;YACA,QAAQ,WAAW;QACrB;QACA,wBAAE,EAAE,CAAC,cAAc,MAAM,IAAI,KAAK,CAAC,WAAW,SAAS,OACrD,2BACA;YACE,wBACE,gBACA;gBACE,SAAS;oBACP,eAAe;gBACjB;YACF,GACA;gBAAC,wBAAE,oBAAoB;gBAAc,wBAAE,CAAA,GAAA,WAAG,GAAG;oBAAE,MAAM;gBAAO;aAAG;YAEjE,wBAAE,oCAAc;gBACd,QAAQ;gCACR;2BACA;0BACA;YACF;SACD;KAEJ;AACH;AAEA,SAAS,uCAAiB,IAAI,EAAE,MAAM;IACpC,IAAI,QAAQ;IAEZ,SAAS,SAAS,IAAI;QACpB,IAAI,KAAK,EAAE,KAAK,QAAQ;YACtB,QAAQ;YACR,OAAO;QACT;QACA,IAAI,MAAM,OAAO,CAAC,KAAK,QAAQ,GAC7B,KAAK,MAAM,SAAS,KAAK,QAAQ,CAAE;YACjC,IAAI,SAAS,QAAQ,OAAO;QAC9B;QAEF,OAAO;IACT;IAEA,KAAK,OAAO,CAAC;IACb,OAAO;AACT;AAEA,SAAS,mCAAa,UAAE,MAAM,kBAAE,cAAc,aAAE,SAAS,YAAE,QAAQ,EAAE;IACnE,MAAM,CAAC,YAAY,cAAc,GAAG,CAAA,GAAA,eAAO,EAAE,WAAW,QAAQ;IAChE,MAAM,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,eAAO,EAAE,wBAAE,OAAO;IAC1D,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,eAAO,EAAE;IACzC,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE,CAAC;IAExC,MAAM,OAAO,CAAA,GAAA,mBAAW,EACtB,+DACE,aACA;IAEJ,MAAM,QAAQ,MAAM,IAAI,CAAC,OAAS,wBAAE,2CAAU;kBAAE;wBAAM;QAAW;IAEjE,OAAO,wBACL,CAAA,GAAA,eAAO,GACP;gBACE;IACF,GACA,wBACE,yBACA,wBAAE,wBAAwB;QACxB,wBAAE,YAAY;YACZ,oBAAoB,UAAU,IAAI;YAClC,wBAAE,CAAA,GAAA,WAAG,GAAG;gBACN,MAAM;gBACN,WAAW;gBACX,SAAS;oBACP,eAAe;gBACjB;gBACA,OAAO;oBAAE,QAAQ;oBAAW,OAAO;gBAAM;YAC3C;SACD;QACD,wBAAE,kBAAkB;YAClB,wBACE,CAAA,GAAA,aAAK,GACL;gBACE,OAAO,SAAS,EAAE;gBAClB,cAAc,CAAC,MAAM,eAAE,WAAW,EAAE;oBAClC,OAAO,wBAAE,kBAAkB;wBAAE,SAAS;oBAAY,GAAG;gBACvD;gBACA,cAAc,CAAC;oBACb,YAAY;oBACZ,gBAAgB;gBAClB;gBACA,eAAe,CAAC,QAAU,cAAc;gBACxC,cAAc;oBAAE,SAAS;gBAAK;gBAC9B,OAAO;gBACP,aAAa;YACf,GACA;SAEH;QACD,wBACE,CAAA,GAAA,iBAAS,GACT;YACE,WAAW;YACX,OAAO;YACP,SAAS;gBACP,sBAAsB;gBACtB,SAAS;oBACP,MAAM;oBACN,SAAS;wBAAE,IAAI,UAAU,EAAE;iCAAE;oBAAQ;gBACvC;gBACA,eAAe;YACjB;sBACA;QACF,GACA;KAEH;AAGP;AAEA,SAAS,4BAAM,QAAE,IAAI,cAAE,UAAU,YAAE,QAAQ,UAAE,MAAM,EAAE;IACnD,OAAO,wBAAE,EAAE,CAAC,MAAM,uBAAuB;QACvC,0CAAS;kBAAE;wBAAM;QAAW;QAC5B,wBAAE,CAAA,GAAA,WAAG,GAAG;YACN,MAAM;YACN,OAAO;YACP,WAAW;YACX,SAAS;gBACP,SAAS;oBAAE,MAAM;oBAAgB,SAAS;wBAAE,IAAI;oBAAO;gBAAE;YAC3D;QACF;KACD;AACH;AAQO,SAAS,0CAAS,QAAE,IAAI,cAAE,UAAU,cAAE,UAAU,EAAiB;IACtE,IAAI,CAAC,QAAQ,OAAO,IAAI,CAAC,MAAM,MAAM,KAAK,GAAG;IAE7C,IAAI,KAAK,OAAO,IAAI,MAAM,SAAS,QACjC,OAAO,wBACL,OACA;QACE,SAAS;YACP,KAAK,IAAI,KAAK,UACV,WAAW;gBAAE,SAAS,KAAK,EAAE;gBAAE,MAAM,KAAK,IAAI;YAAC;QAErD;IACF,GACA,wBAAE,CAAA,GAAA,gBAAQ,GAAG;QACX,WAAW;QACX,OAAO;QACP,OAAO,wBAAE,CAAA,GAAA,mBAAW,GAAG;YACrB,MAAM;gBAAE,MAAM,KAAK,IAAI;gBAAE,IAAI,KAAK,EAAE;gBAAE,OAAO,KAAK,KAAK;YAAC;YACxD,SAAS,IACP,OAAO,IAAI,CACT,WAAW,UAAU,GAAG,MAAM,KAAK,aAAa,EAChD;QAEN;IACF;IAIJ,IAAI,KAAK,aAAa,IAAI,MAAM,SAAS,cACvC,OAAO,wBACL,OACA;QACE,SAAS;YACP,KAAK,IAAI,KAAK,gBACV,WAAW;gBAAE,eAAe,KAAK,EAAE;gBAAE,MAAM,KAAK,IAAI;YAAC;QAE3D;IACF,GACA,wBAAE,CAAA,GAAA,gBAAQ,GAAG;QACX,WAAW;QACX,OAAO;QACP,OAAO,wBAAE,CAAA,GAAA,mBAAW,GAAG;YACrB,MAAM;gBAAE,MAAM,KAAK,IAAI;gBAAE,IAAI,KAAK,EAAE;gBAAE,OAAO,KAAK,KAAK;YAAC;YACxD,SAAS,IACP,OAAO,IAAI,CACT,WAAW,UAAU,GAAG,MAAM,KAAK,aAAa,EAChD;QAEN;IACF;IAIJ,IAAI,KAAK,WAAW,IAAI,MAAM,SAAS,YACrC,OAAO,wBACL,OACA;QACE,SAAS;YACP,KAAK,IAAI,KAAK,cACV,WAAW;gBAAE,aAAa,KAAK,EAAE;gBAAE,MAAM,KAAK,IAAI;YAAC;QAEzD;IACF,GACA,wBAAE,CAAA,GAAA,gBAAQ,GAAG;QACX,WAAW;QACX,OAAO;QACP,OAAO,wBAAE,CAAA,GAAA,mBAAW,GAAG;YACrB,MAAM;gBAAE,MAAM,KAAK,IAAI;gBAAE,IAAI,KAAK,WAAW;YAAC;YAC9C,SAAS,IACP,OAAO,IAAI,CAAC,WAAW,QAAQ,GAAG,MAAM,KAAK,WAAW,EAAE;QAC9D;IACF;IAIJ,IAAI,KAAK,MAAM,IAAI,MAAM,SAAS,YAChC,OAAO,wBACL,OACA;QACE,SAAS;YACP,KAAK,IAAI,KAAK,cACV,WAAW;gBAAE,QAAQ,KAAK,EAAE;gBAAE,MAAM,KAAK,IAAI;YAAC;QAEpD;IACF,GACA,wBAAE,CAAA,GAAA,gBAAQ,GAAG;QACX,OAAO;QACP,WAAW;QACX,OAAO,wBAAE,CAAA,GAAA,mBAAW,GAAG;YACrB,MAAM;gBAAE,MAAM,KAAK,IAAI;gBAAE,IAAI,KAAK,EAAE;YAAC;YACrC,SAAS,IACP,OAAO,IAAI,CAAC,WAAW,QAAQ,GAAG,MAAM,KAAK,MAAM,EAAE;QACzD;IACF;IAIJ,OAAO,wBAAE,CAAA,GAAA,eAAO,GAAG;cAAE;IAAK;AAC5B","sources":["packages/feedback-components/src/feedback/matches.ts"],"sourcesContent":["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":[],"version":3,"file":"feedback-components.7dd42a9f.js.map"}