@macrostrat/feedback-components 1.1.10 → 2.0.1

package/dist/esm/feedback-components.edc606bb.js

@@ -1,360 +0,0 @@
-import "./feedback-components.d769ffa5.css";
-import $bvJLP$feedbackcomponentse702eecejs from "./feedback-components.e702eece.js";
-import $b6b9741bf83336eb$export$2e2bcd8739ae039 from "./feedback-components.7f72e5e9.js";
-import {FeedbackText as $156a3efbc315814c$export$6e107db9091b8219} from "./feedback-components.ca78c2d4.js";
-import {ModelInfo as $03d8811e9c9b360d$export$4eb2a0ce903ce967} from "./feedback-components.ba79c0ef.js";
-import {TreeDispatchContext as $b79bf29960412ca7$export$e5ce04c5b3f58533, treeToGraph as $b79bf29960412ca7$export$8d9dbb7a64bf2a5e, useUpdatableTree as $b79bf29960412ca7$export$911bb4b9c8065d3d} from "./feedback-components.fa847634.js";
-import {OmniboxSelector as $fda9ef5406c1cfb4$export$d8660660a589068c} from "./feedback-components.ad9f284e.js";
-import {GraphView as $ff8c3e7f2bc22925$export$6a7fe3ef90e8d566} from "./feedback-components.c6e2c296.js";
-import {Matches as $a878a21b0c10bfdc$export$6479cfcac2b87c0} from "./feedback-components.7dd42a9f.js";
-import {TypeList as $18030469a9425911$export$9ebd91d75ddb6a8b} from "./feedback-components.2364179b.js";
-import $bvJLP$macrostrathyper from "@macrostrat/hyper";
-import {Tree as $bvJLP$Tree} from "react-arborist";
-import {useState as $bvJLP$useState, useRef as $bvJLP$useRef, useCallback as $bvJLP$useCallback, useEffect as $bvJLP$useEffect} from "react";
-import {SegmentedControl as $bvJLP$SegmentedControl, Card as $bvJLP$Card, ButtonGroup as $bvJLP$ButtonGroup, Divider as $bvJLP$Divider} from "@blueprintjs/core";
-import {ErrorBoundary as $bvJLP$ErrorBoundary, FlexRow as $bvJLP$FlexRow, CancelButton as $bvJLP$CancelButton, SaveButton as $bvJLP$SaveButton} from "@macrostrat/ui-components";
-import $bvJLP$useelementdimensions from "use-element-dimensions";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $71d20dff35996763$var$h = (0, $bvJLP$macrostrathyper).styled((0, ($parcel$interopDefault($bvJLP$feedbackcomponentse702eecejs))));
-function $71d20dff35996763$var$setsAreTheSame(a, b) {
-    if (a.size !== b.size) return false;
-    for (const item of a){
-        if (!b.has(item)) return false;
-    }
-    return true;
-}
-function $71d20dff35996763$export$a90600c9da52b40c({ entities: entities = [], text: text, model: model, entityTypes: entityTypes, matchComponent: matchComponent, onSave: onSave, allowOverlap: allowOverlap, matchLinks: matchLinks, view: view = false, autoSelect: autoSelect = [] }) {
-    const [viewOnly, setViewOnly] = (0, $bvJLP$useState)(view);
-    const [match, setMatchLinks] = (0, $bvJLP$useState)(matchLinks);
-    const matchMode = match !== undefined;
-    // Get the input arguments
-    const [state, dispatch] = (0, $b79bf29960412ca7$export$911bb4b9c8065d3d)(entities.map($71d20dff35996763$var$processEntity), entityTypes, viewOnly, matchMode, autoSelect);
-    const { selectedNodes: selectedNodes, tree: tree, selectedEntityType: selectedEntityType, isSelectingEntityType: isSelectingEntityType, entityTypesMap: entityTypesMap } = state;
-    const [{ width: width, height: height }, ref] = (0, $bvJLP$useelementdimensions)();
-    return $71d20dff35996763$var$h("div.page-wrapper", [
-        $71d20dff35996763$var$h("div.feedback-container", $71d20dff35996763$var$h((0, $b79bf29960412ca7$export$e5ce04c5b3f58533).Provider, {
-            value: dispatch
-        }, [
-            $71d20dff35996763$var$h.if(!view)((0, $bvJLP$SegmentedControl), {
-                options: [
-                    {
-                        label: "View",
-                        value: "view"
-                    },
-                    {
-                        label: "Edit",
-                        value: "edit"
-                    }
-                ],
-                value: viewOnly ? "view" : "edit",
-                small: true,
-                onValueChange () {
-                    setViewOnly(!viewOnly);
-                    dispatch({
-                        type: "toggle-view-only"
-                    });
-                },
-                role: "toolbar"
-            }),
-            $71d20dff35996763$var$h((0, $bvJLP$ErrorBoundary), {
-                description: "An error occurred while rendering the feedback text component."
-            }, $71d20dff35996763$var$h((0, $156a3efbc315814c$export$6e107db9091b8219), {
-                text: text,
-                dispatch: dispatch,
-                // @ts-ignore
-                nodes: tree,
-                selectedNodes: selectedNodes,
-                allowOverlap: allowOverlap,
-                matchLinks: match,
-                viewOnly: viewOnly
-            })),
-            $71d20dff35996763$var$h((0, $bvJLP$FlexRow), {
-                alignItems: "baseline",
-                justifyContent: "space-between"
-            }, [
-                $71d20dff35996763$var$h((0, $03d8811e9c9b360d$export$4eb2a0ce903ce967), {
-                    data: model
-                }),
-                $71d20dff35996763$var$h((0, $bvJLP$SegmentedControl), {
-                    options: [
-                        {
-                            label: "Tree",
-                            value: "tree"
-                        },
-                        {
-                            label: "Graph",
-                            value: "graph"
-                        }
-                    ],
-                    value: state.viewMode,
-                    small: true,
-                    onValueChange (value) {
-                        console.log("Setting view mode", value);
-                        dispatch({
-                            type: "set-view-mode",
-                            payload: value
-                        });
-                    }
-                })
-            ]),
-            $71d20dff35996763$var$h("div.entity-panel", {
-                ref: ref
-            }, [
-                $71d20dff35996763$var$h.if(state.viewMode == "tree")($71d20dff35996763$var$ManagedSelectionTree, {
-                    selectedNodes: selectedNodes,
-                    dispatch: dispatch,
-                    tree: tree,
-                    width: width,
-                    height: height,
-                    matchComponent: matchComponent,
-                    viewOnly: viewOnly
-                }),
-                $71d20dff35996763$var$h.if(state.viewMode == "graph")((0, $ff8c3e7f2bc22925$export$6a7fe3ef90e8d566), {
-                    tree: tree,
-                    width: width,
-                    height: height,
-                    dispatch: dispatch,
-                    selectedNodes: selectedNodes,
-                    viewOnly: viewOnly
-                })
-            ])
-        ])),
-        $71d20dff35996763$var$h((0, $bvJLP$Card), {
-            className: "control-panel"
-        }, [
-            $71d20dff35996763$var$h("div.control-content", [
-                $71d20dff35996763$var$h.if(!viewOnly)((0, $bvJLP$ButtonGroup), {
-                    vertical: true,
-                    fill: true,
-                    minimal: true,
-                    alignText: "left"
-                }, [
-                    $71d20dff35996763$var$h((0, $bvJLP$CancelButton), {
-                        icon: "trash",
-                        disabled: state.initialTree == state.tree,
-                        onClick () {
-                            dispatch({
-                                type: "reset"
-                            });
-                        }
-                    }, "Reset"),
-                    $71d20dff35996763$var$h((0, $bvJLP$SaveButton), {
-                        onClick () {
-                            onSave(state.tree);
-                        },
-                        disabled: state.initialTree == state.tree
-                    }, "Save")
-                ]),
-                $71d20dff35996763$var$h.if(!viewOnly)((0, $a878a21b0c10bfdc$export$6479cfcac2b87c0), {
-                    match: match,
-                    setMatchLinks: setMatchLinks,
-                    matchLinks: matchLinks,
-                    selectedNodes: selectedNodes,
-                    tree: tree,
-                    dispatch: dispatch
-                }),
-                $71d20dff35996763$var$h.if(!viewOnly)((0, $bvJLP$Divider)),
-                $71d20dff35996763$var$h($71d20dff35996763$var$EntityTypeSelector, {
-                    entityTypes: entityTypesMap,
-                    selected: selectedEntityType,
-                    onChange (payload) {
-                        dispatch({
-                            type: "select-entity-type",
-                            payload: payload
-                        });
-                    },
-                    dispatch: dispatch,
-                    tree: tree,
-                    selectedNodes: selectedNodes,
-                    isOpen: isSelectingEntityType,
-                    setOpen: (isOpen)=>dispatch({
-                            type: "toggle-entity-type-selector",
-                            payload: isOpen
-                        }),
-                    viewOnly: viewOnly,
-                    matchMode: matchMode
-                })
-            ])
-        ])
-    ]);
-}
-function $71d20dff35996763$var$processEntity(entity) {
-    // @ts-ignore
-    return {
-        ...entity,
-        // @ts-ignore
-        term_type: entity.type.name,
-        txt_range: [
-            entity.indices
-        ],
-        children: entity.children?.map($71d20dff35996763$var$processEntity) ?? []
-    };
-}
-function $71d20dff35996763$var$EntityTypeSelector({ entityTypes: entityTypes, selected: selected, isOpen: isOpen, setOpen: setOpen, onChange: onChange, tree: tree, dispatch: dispatch, selectedNodes: selectedNodes = [], viewOnly: viewOnly, matchMode: matchMode }) {
-    // Show all entity types when selected is null
-    const _selected = selected != null ? selected : undefined;
-    const [inputValue, setInputValue] = (0, $bvJLP$useState)("");
-    const types = Array.from(entityTypes.values());
-    const items = inputValue !== "" ? types.filter((d)=>d.name.toLowerCase().includes(inputValue.toLowerCase())) : types;
-    return $71d20dff35996763$var$h("div.entity-type-selector", [
-        $71d20dff35996763$var$h((0, $18030469a9425911$export$9ebd91d75ddb6a8b), {
-            types: entityTypes,
-            selected: _selected,
-            dispatch: dispatch,
-            selectedNodes: selectedNodes,
-            tree: tree,
-            viewOnly: viewOnly || matchMode
-        }),
-        $71d20dff35996763$var$h((0, $fda9ef5406c1cfb4$export$d8660660a589068c), {
-            isOpen: isOpen,
-            items: items,
-            selectedItem: _selected,
-            onSelectItem (item) {
-                setOpen(false);
-                onChange(item);
-            },
-            onQueryChange (query) {
-                setInputValue(query);
-            },
-            onClose () {
-                setOpen(false);
-            }
-        })
-    ]);
-}
-function $71d20dff35996763$var$countNodes(tree) {
-    if (!tree) return 0;
-    let count = 0;
-    function recurse(nodes) {
-        for (const node of nodes){
-            count++;
-            if (node.children && Array.isArray(node.children)) recurse(node.children);
-        }
-    }
-    recurse(tree);
-    return count;
-}
-function $71d20dff35996763$var$ManagedSelectionTree(props) {
-    const { selectedNodes: selectedNodes, dispatch: dispatch, tree: tree, height: height, width: width, matchComponent: matchComponent, viewOnly: viewOnly } = props;
-    const ref = (0, $bvJLP$useRef)();
-    // Use a ref to track clicks (won't cause rerender)
-    const clickedRef = (0, $bvJLP$useRef)(false);
-    const _Node = (0, $bvJLP$useCallback)((props)=>$71d20dff35996763$var$h((0, $b6b9741bf83336eb$export$2e2bcd8739ae039), {
-            ...props,
-            matchComponent: matchComponent,
-            viewOnly: viewOnly
-        }), [
-        matchComponent,
-        viewOnly
-    ]);
-    // Update Tree selection when selectedNodes change
-    (0, $bvJLP$useEffect)(()=>{
-        if (ref.current == null) return;
-        const selection = new Set(selectedNodes.map((d)=>d.toString()));
-        const currentSelection = ref.current.selectedIds;
-        if ($71d20dff35996763$var$setsAreTheSame(selection, currentSelection)) return;
-        ref.current.setSelection({
-            ids: selectedNodes.map((d)=>d.toString()),
-            anchor: null,
-            mostRecent: null
-        });
-    }, [
-        selectedNodes
-    ]);
-    // Mark clicked when user clicks inside the tree container
-    function handleClick() {
-        clickedRef.current = true;
-    }
-    const ctrlPressedRef = (0, $bvJLP$useRef)(false);
-    (0, $bvJLP$useEffect)(()=>{
-        const down = (e)=>{
-            if (e.ctrlKey || e.metaKey) ctrlPressedRef.current = true;
-        };
-        const up = ()=>ctrlPressedRef.current = false;
-        window.addEventListener("keydown", down);
-        window.addEventListener("keyup", up);
-        return ()=>{
-            window.removeEventListener("keydown", down);
-            window.removeEventListener("keyup", up);
-        };
-    }, []);
-    const handleSelect = (0, $bvJLP$useCallback)((nodes)=>{
-        if (!clickedRef.current) return;
-        clickedRef.current = false;
-        const isMultiSelect = ctrlPressedRef.current;
-        let ids = nodes.map((d)=>parseInt(d.id));
-        if (isMultiSelect) dispatch({
-            type: "toggle-node-selected",
-            payload: {
-                ids: ids
-            }
-        });
-        else {
-            if (ids.length === 1 && ids[0] === selectedNodes[0]) ids = [];
-            dispatch({
-                type: "select-node",
-                payload: {
-                    ids: ids
-                }
-            });
-        }
-    }, [
-        selectedNodes,
-        dispatch
-    ]);
-    return $71d20dff35996763$var$h("div.selection-tree-wrapper", {
-        onPointerDown: handleClick
-    }, $71d20dff35996763$var$h((0, $bvJLP$Tree), {
-        className: "selection-tree",
-        height: height,
-        width: width,
-        ref: ref,
-        data: tree,
-        onMove ({ dragIds: dragIds, parentId: parentId, index: index }) {
-            dispatch({
-                type: "move-node",
-                payload: {
-                    dragIds: dragIds.map((d)=>parseInt(d)),
-                    parentId: parentId ? parseInt(parentId) : null,
-                    index: index
-                }
-            });
-        },
-        onDelete ({ ids: ids }) {
-            dispatch({
-                type: "delete-node",
-                payload: {
-                    ids: ids.map((d)=>parseInt(d))
-                }
-            });
-        },
-        onSelect: handleSelect,
-        children: _Node,
-        idAccessor (d) {
-            return d.id.toString();
-        }
-    }));
-}
-
-
-export {$71d20dff35996763$export$a90600c9da52b40c as FeedbackComponent, $b79bf29960412ca7$export$8d9dbb7a64bf2a5e as treeToGraph};
-//# sourceMappingURL=feedback-components.edc606bb.js.map

package/dist/esm/feedback-components.edc606bb.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  autoSelect = [],\n}) {\n  const [viewOnly, setViewOnly] = useState(view);\n  const [match, setMatchLinks] = useState(matchLinks);\n  const matchMode = match !== undefined;\n\n  // Get the input arguments\n  const [state, dispatch] = useUpdatableTree(\n    entities.map(processEntity) as any,\n    entityTypes,\n    viewOnly,\n    matchMode,\n    autoSelect,\n  );\n\n  const {\n    selectedNodes,\n    tree,\n    selectedEntityType,\n    isSelectingEntityType,\n    entityTypesMap,\n  } = state;\n\n  const [{ width, height }, ref] = useElementDimensions();\n\n  return h(\"div.page-wrapper\", [\n    h(\n      \"div.feedback-container\",\n      h(TreeDispatchContext.Provider, { value: dispatch }, [\n        h.if(!view)(SegmentedControl, {\n          options: [\n            { label: \"View\", value: \"view\" },\n            { label: \"Edit\", value: \"edit\" },\n          ],\n          value: viewOnly ? \"view\" : \"edit\",\n          small: true,\n          onValueChange() {\n            setViewOnly(!viewOnly);\n            dispatch({ type: \"toggle-view-only\" });\n          },\n          role: \"toolbar\",\n        }),\n        h(\n          ErrorBoundary,\n          {\n            description:\n              \"An error occurred while rendering the feedback text component.\",\n          },\n          h(FeedbackText, {\n            text,\n            dispatch,\n            // @ts-ignore\n            nodes: tree,\n            selectedNodes,\n            allowOverlap,\n            matchLinks: match,\n            viewOnly,\n          }),\n        ),\n        h(\n          FlexRow,\n          { alignItems: \"baseline\", justifyContent: \"space-between\" },\n          [\n            h(ModelInfo, { data: model }),\n            h(SegmentedControl, {\n              options: [\n                { label: \"Tree\", value: \"tree\" },\n                { label: \"Graph\", value: \"graph\" },\n              ],\n              value: state.viewMode,\n              small: true,\n              onValueChange(value: ViewMode) {\n                console.log(\"Setting view mode\", value);\n                dispatch({ type: \"set-view-mode\", payload: value });\n              },\n            }),\n          ],\n        ),\n        h(\n          \"div.entity-panel\",\n          {\n            ref,\n          },\n          [\n            h.if(state.viewMode == \"tree\")(ManagedSelectionTree, {\n              selectedNodes,\n              dispatch,\n              tree,\n              width,\n              height,\n              matchComponent,\n              viewOnly,\n            }),\n            h.if(state.viewMode == \"graph\")(GraphView, {\n              tree,\n              width,\n              height,\n              dispatch,\n              selectedNodes,\n              viewOnly,\n            }),\n          ],\n        ),\n      ]),\n    ),\n    h(Card, { className: \"control-panel\" }, [\n      h(\"div.control-content\", [\n        h.if(!viewOnly)(\n          ButtonGroup,\n          {\n            vertical: true,\n            fill: true,\n            minimal: true,\n            alignText: \"left\",\n          },\n          [\n            h(\n              CancelButton,\n              {\n                icon: \"trash\",\n                disabled: state.initialTree == state.tree,\n                onClick() {\n                  dispatch({ type: \"reset\" });\n                },\n              },\n              \"Reset\",\n            ),\n            h(\n              SaveButton,\n              {\n                onClick() {\n                  onSave(state.tree);\n                },\n                disabled: state.initialTree == state.tree,\n              },\n              \"Save\",\n            ),\n          ],\n        ),\n        h.if(!viewOnly)(Matches, {\n          match,\n          setMatchLinks,\n          matchLinks,\n          selectedNodes,\n          tree,\n          dispatch,\n        }),\n        h.if(!viewOnly)(Divider),\n        h(EntityTypeSelector, {\n          entityTypes: entityTypesMap,\n          selected: selectedEntityType,\n          onChange(payload) {\n            dispatch({ type: \"select-entity-type\", payload });\n          },\n          dispatch,\n          tree,\n          selectedNodes,\n          isOpen: isSelectingEntityType,\n          setOpen: (isOpen: boolean) =>\n            dispatch({\n              type: \"toggle-entity-type-selector\",\n              payload: isOpen,\n            }),\n          viewOnly,\n          matchMode,\n        }),\n      ]),\n    ]),\n  ]);\n}\n\nfunction processEntity(entity: Entity): InternalEntity {\n  // @ts-ignore\n  return {\n    ...entity,\n    // @ts-ignore\n    term_type: entity.type.name,\n    txt_range: [entity.indices],\n    children: entity.children?.map(processEntity) ?? [],\n  };\n}\n\nfunction EntityTypeSelector({\n  entityTypes,\n  selected,\n  isOpen,\n  setOpen,\n  onChange,\n  tree,\n  dispatch,\n  selectedNodes = [],\n  viewOnly,\n  matchMode,\n}) {\n  // Show all entity types when selected is null\n  const _selected = selected != null ? selected : undefined;\n  const [inputValue, setInputValue] = useState(\"\");\n  const types = Array.from(entityTypes.values());\n\n  const items =\n    inputValue !== \"\"\n      ? types.filter((d) =>\n          d.name.toLowerCase().includes(inputValue.toLowerCase()),\n        )\n      : types;\n\n  return h(\"div.entity-type-selector\", [\n    h(TypeList, {\n      types: entityTypes,\n      selected: _selected,\n      dispatch,\n      selectedNodes,\n      tree,\n      viewOnly: viewOnly || matchMode,\n    }),\n    h(OmniboxSelector, {\n      isOpen,\n      items,\n      selectedItem: _selected,\n      onSelectItem(item) {\n        setOpen(false);\n        onChange(item);\n      },\n      onQueryChange(query) {\n        setInputValue(query);\n      },\n      onClose() {\n        setOpen(false);\n      },\n    }),\n  ]);\n}\n\nfunction countNodes(tree) {\n  if (!tree) return 0;\n  let count = 0;\n\n  function recurse(nodes) {\n    for (const node of nodes) {\n      count++;\n      if (node.children && Array.isArray(node.children)) {\n        recurse(node.children);\n      }\n    }\n  }\n\n  recurse(tree);\n  return count;\n}\n\nfunction ManagedSelectionTree(props) {\n  const {\n    selectedNodes,\n    dispatch,\n    tree,\n    height,\n    width,\n    matchComponent,\n    viewOnly,\n  } = props;\n\n  const ref = useRef<TreeApi<TreeData>>();\n  // Use a ref to track clicks (won't cause rerender)\n  const clickedRef = useRef(false);\n\n  const _Node = useCallback(\n    (props) => h(Node, { ...props, matchComponent, viewOnly }),\n    [matchComponent, viewOnly],\n  );\n\n  // Update Tree selection when selectedNodes change\n  useEffect(() => {\n    if (ref.current == null) return;\n\n    const selection = new Set(selectedNodes.map((d) => d.toString()));\n    const currentSelection = ref.current.selectedIds;\n    if (setsAreTheSame(selection, currentSelection)) return;\n\n    ref.current.setSelection({\n      ids: selectedNodes.map((d) => d.toString()),\n      anchor: null,\n      mostRecent: null,\n    });\n  }, [selectedNodes]);\n\n  // Mark clicked when user clicks inside the tree container\n  function handleClick() {\n    clickedRef.current = true;\n  }\n\n  const ctrlPressedRef = useRef(false);\n\n  useEffect(() => {\n    const down = (e) => {\n      if (e.ctrlKey || e.metaKey) ctrlPressedRef.current = true;\n    };\n    const up = () => (ctrlPressedRef.current = false);\n\n    window.addEventListener(\"keydown\", down);\n    window.addEventListener(\"keyup\", up);\n    return () => {\n      window.removeEventListener(\"keydown\", down);\n      window.removeEventListener(\"keyup\", up);\n    };\n  }, []);\n\n  const handleSelect = useCallback(\n    (nodes) => {\n      if (!clickedRef.current) return;\n      clickedRef.current = false;\n      const isMultiSelect = ctrlPressedRef.current;\n\n      let ids = nodes.map((d) => parseInt(d.id));\n\n      if (isMultiSelect) {\n        dispatch({ type: \"toggle-node-selected\", payload: { ids } });\n      } else {\n        if (ids.length === 1 && ids[0] === selectedNodes[0]) {\n          ids = [];\n        }\n\n        dispatch({ type: \"select-node\", payload: { ids } });\n      }\n    },\n    [selectedNodes, dispatch],\n  );\n\n  return h(\n    \"div.selection-tree-wrapper\",\n    { onPointerDown: handleClick },\n    h(Tree, {\n      className: \"selection-tree\",\n      height,\n      width,\n      ref,\n      data: tree,\n      onMove({ dragIds, parentId, index }) {\n        dispatch({\n          type: \"move-node\",\n          payload: {\n            dragIds: dragIds.map((d) => parseInt(d)),\n            parentId: parentId ? parseInt(parentId) : null,\n            index,\n          },\n        });\n      },\n      onDelete({ ids }) {\n        dispatch({\n          type: \"delete-node\",\n          payload: { ids: ids.map((d) => parseInt(d)) },\n        });\n      },\n      onSelect: handleSelect,\n      children: _Node,\n      idAccessor(d) {\n        return d.id.toString();\n      },\n    }),\n  );\n}\n"],"names":[],"version":3,"file":"feedback-components.edc606bb.js.map"}

package/dist/esm/feedback-components.f9850d85.js

@@ -1,19 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $f8bcd91cbf17e53f$exports = {};
-
-$parcel$export($f8bcd91cbf17e53f$exports, "item-container", () => $f8bcd91cbf17e53f$export$68a2d1df2d976de8, (v) => $f8bcd91cbf17e53f$export$68a2d1df2d976de8 = v);
-$parcel$export($f8bcd91cbf17e53f$exports, "selected", () => $f8bcd91cbf17e53f$export$d90250155de6d7e7, (v) => $f8bcd91cbf17e53f$export$d90250155de6d7e7 = v);
-$parcel$export($f8bcd91cbf17e53f$exports, "swatch", () => $f8bcd91cbf17e53f$export$c672d9950c40fe0a, (v) => $f8bcd91cbf17e53f$export$c672d9950c40fe0a = v);
-var $f8bcd91cbf17e53f$export$68a2d1df2d976de8;
-var $f8bcd91cbf17e53f$export$d90250155de6d7e7;
-var $f8bcd91cbf17e53f$export$c672d9950c40fe0a;
-$f8bcd91cbf17e53f$export$68a2d1df2d976de8 = `WofFTa_item-container`;
-$f8bcd91cbf17e53f$export$d90250155de6d7e7 = `WofFTa_selected`;
-$f8bcd91cbf17e53f$export$c672d9950c40fe0a = `WofFTa_swatch`;
-
-
-export {$f8bcd91cbf17e53f$exports as default};
-//# sourceMappingURL=feedback-components.f9850d85.js.map

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

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/feedback-components/src/feedback/type-selector/main.module.sass"],"sourcesContent":[".item-container\n  min-height: 40px\n  display: flex\n  align-items: center\n  gap: 1em\n\n  &.selected\n    background-color: var(--panel-background-color)\n\n.swatch\n  width: 30px\n  height: 30px\n  border-radius: 4px\n"],"names":[],"version":3,"file":"feedback-components.f9850d85.js.map"}