@truedat/core 8.7.0 → 8.7.1

package/src/components/Graph.js

@@ -96,18 +96,22 @@ const buildSignedNodeLevels = (nodes = [], edges = [], rootNodeId) => {
 const getNodeOrderingMeta = (node, levels, edges) => {
   const rank = levels.get(node.id) || 0;
   const connectedEdges = edges.filter(
-    (edge) => edge.source === node.id || edge.target === node.id
+    (edge) => edge.source === node.id || edge.target === node.id,
   );
 
   const preferredEdges = connectedEdges.filter((edge) => {
     if (rank < 0 && edge.source === node.id) {
       const neighbourRank = levels.get(edge.target);
-      return neighbourRank !== undefined && Math.abs(neighbourRank) < Math.abs(rank);
+      return (
+        neighbourRank !== undefined && Math.abs(neighbourRank) < Math.abs(rank)
+      );
     }
 
     if (rank > 0 && edge.target === node.id) {
       const neighbourRank = levels.get(edge.source);
-      return neighbourRank !== undefined && Math.abs(neighbourRank) < Math.abs(rank);
+      return (
+        neighbourRank !== undefined && Math.abs(neighbourRank) < Math.abs(rank)
+      );
     }
 
     return false;
@@ -147,7 +151,8 @@ const orderNodesByRelationGroup = (nodes = [], edges = [], rootNodeId) => {
     if (metaA.relationGroup !== metaB.relationGroup) {
       return metaA.relationGroup.localeCompare(metaB.relationGroup);
     }
-    if (metaA.label !== metaB.label) return metaA.label.localeCompare(metaB.label);
+    if (metaA.label !== metaB.label)
+      return metaA.label.localeCompare(metaB.label);
 
     return nodeA.id.localeCompare(nodeB.id);
   });
@@ -156,7 +161,8 @@ const orderNodesByRelationGroup = (nodes = [], edges = [], rootNodeId) => {
 const getNodeHeight = (node) =>
   node.height ?? node.measured?.height ?? DEFAULT_NODE_HEIGHT;
 
-const getNodeCenterY = (node) => (node.y ?? node.position?.y ?? 0) + getNodeHeight(node) / 2;
+const getNodeCenterY = (node) =>
+  (node.y ?? node.position?.y ?? 0) + getNodeHeight(node) / 2;
 
 const alignNodesToConnectionPoints = (nodes = [], edges = [], rootNodeId) => {
   if (!rootNodeId) return nodes;
@@ -176,12 +182,18 @@ const alignNodesToConnectionPoints = (nodes = [], edges = [], rootNodeId) => {
     const preferredEdges = edges.filter((edge) => {
       if (rank < 0 && edge.source === node.id) {
         const neighbourRank = levels.get(edge.target);
-        return neighbourRank !== undefined && Math.abs(neighbourRank) < Math.abs(rank);
+        return (
+          neighbourRank !== undefined &&
+          Math.abs(neighbourRank) < Math.abs(rank)
+        );
       }
 
       if (rank > 0 && edge.target === node.id) {
         const neighbourRank = levels.get(edge.source);
-        return neighbourRank !== undefined && Math.abs(neighbourRank) < Math.abs(rank);
+        return (
+          neighbourRank !== undefined &&
+          Math.abs(neighbourRank) < Math.abs(rank)
+        );
       }
 
       return false;
@@ -192,7 +204,7 @@ const alignNodesToConnectionPoints = (nodes = [], edges = [], rootNodeId) => {
     const edge = preferredEdges[0];
     const slotOffset = getTargetSlotOffset(
       edge.data?.targetSlotIndex,
-      edge.data?.targetSlotCount
+      edge.data?.targetSlotCount,
     );
 
     if (rank < 0) {
@@ -225,22 +237,33 @@ const alignNodesToConnectionPoints = (nodes = [], edges = [], rootNodeId) => {
 
   nodesByRank.forEach((rankNodes) => {
     const orderedNodes = [...rankNodes].sort((nodeA, nodeB) => {
-      const desiredA = desiredCentersById.get(nodeA.id) ?? getNodeCenterY(nodeA);
-      const desiredB = desiredCentersById.get(nodeB.id) ?? getNodeCenterY(nodeB);
+      const desiredA =
+        desiredCentersById.get(nodeA.id) ?? getNodeCenterY(nodeA);
+      const desiredB =
+        desiredCentersById.get(nodeB.id) ?? getNodeCenterY(nodeB);
 
       if (desiredA !== desiredB) return desiredA - desiredB;
 
-      return (nodeA.y ?? nodeA.position?.y ?? 0) - (nodeB.y ?? nodeB.position?.y ?? 0);
+      return (
+        (nodeA.y ?? nodeA.position?.y ?? 0) -
+        (nodeB.y ?? nodeB.position?.y ?? 0)
+      );
     });
 
+    // eslint-disable-next-line fp/no-let
     let previousBottom = Number.NEGATIVE_INFINITY;
 
     orderedNodes.forEach((node) => {
       const height = getNodeHeight(node);
-      const desiredCenter = desiredCentersById.get(node.id) ?? getNodeCenterY(node);
+      const desiredCenter =
+        desiredCentersById.get(node.id) ?? getNodeCenterY(node);
       const desiredTop = desiredCenter - height / 2;
-      const nextTop = Math.max(desiredTop, previousBottom + MIN_NODE_VERTICAL_GAP);
+      const nextTop = Math.max(
+        desiredTop,
+        previousBottom + MIN_NODE_VERTICAL_GAP,
+      );
 
+      // eslint-disable-next-line fp/no-mutation
       previousBottom = nextTop + height;
       alignedNodes.set(node.id, {
         ...node,
@@ -257,9 +280,10 @@ export const getMinZoomForDiagram = (
   nodes = [],
   viewportWidth,
   viewportHeight,
-  padding = FIT_VIEW_PADDING
+  padding = FIT_VIEW_PADDING,
 ) => {
-  if (!nodes.length || !viewportWidth || !viewportHeight) return DEFAULT_MIN_ZOOM;
+  if (!nodes.length || !viewportWidth || !viewportHeight)
+    return DEFAULT_MIN_ZOOM;
 
   const bounds = getNodesBounds(nodes);
 
@@ -272,9 +296,9 @@ export const getMinZoomForDiagram = (
       viewportHeight,
       DEFAULT_MIN_ZOOM,
       DEFAULT_MAX_ZOOM,
-      padding
+      padding,
     ).zoom,
-    DEFAULT_MIN_ZOOM
+    DEFAULT_MIN_ZOOM,
   );
 };
 
@@ -299,7 +323,8 @@ const getTranslateExtent = (nodes = []) => {
   const bounds = nodes.reduce(
     (acc, node) => {
       const width = node.measured?.width ?? node.width ?? DEFAULT_NODE_WIDTH;
-      const height = node.measured?.height ?? node.height ?? DEFAULT_NODE_HEIGHT;
+      const height =
+        node.measured?.height ?? node.height ?? DEFAULT_NODE_HEIGHT;
       const x = node.position?.x ?? node.x ?? 0;
       const y = node.position?.y ?? node.y ?? 0;
 
@@ -315,7 +340,7 @@ const getTranslateExtent = (nodes = []) => {
       minY: Number.POSITIVE_INFINITY,
       maxX: Number.NEGATIVE_INFINITY,
       maxY: Number.NEGATIVE_INFINITY,
-    }
+    },
   );
 
   return [
@@ -353,74 +378,71 @@ const LayoutFlow = ({
         sourcePosition: Position.Right,
         targetPosition: Position.Left,
       })),
-    [initialNodes]
+    [initialNodes],
   );
-  const parsedEdges = useMemo(
-    () => {
-      const edgesWithStroke = initialEdges.map((edge) => {
-        const stroke =
-          edge.style?.stroke || DEFAULT_EDGE_STROKE;
-        return {
-          ...edge,
-          style: {
-            strokeWidth: 1.5,
-            ...edge.style,
-            stroke,
-          },
-          data: {
-            ...edge.data,
-            edgeStroke: stroke,
-          },
-        };
-      });
+  const parsedEdges = useMemo(() => {
+    const edgesWithStroke = initialEdges.map((edge) => {
+      const stroke = edge.style?.stroke || DEFAULT_EDGE_STROKE;
+      return {
+        ...edge,
+        style: {
+          strokeWidth: 1.5,
+          ...edge.style,
+          stroke,
+        },
+        data: {
+          ...edge.data,
+          edgeStroke: stroke,
+        },
+      };
+    });
 
-      const groupsByTarget = new Map();
+    const groupsByTarget = new Map();
 
-      edgesWithStroke.forEach((edge) => {
-        const stroke = edge.style?.stroke || DEFAULT_EDGE_STROKE;
-        const groupKey = getIncomingEdgeGroupKey(edge, stroke);
-        const targetGroups = groupsByTarget.get(edge.target) || new Map();
-        const group = targetGroups.get(groupKey) || [];
+    edgesWithStroke.forEach((edge) => {
+      const stroke = edge.style?.stroke || DEFAULT_EDGE_STROKE;
+      const groupKey = getIncomingEdgeGroupKey(edge, stroke);
+      const targetGroups = groupsByTarget.get(edge.target) || new Map();
+      const group = targetGroups.get(groupKey) || [];
 
-        group.push(edge.id);
-        targetGroups.set(groupKey, group);
-        groupsByTarget.set(edge.target, targetGroups);
-      });
+      group.push(edge.id);
+      targetGroups.set(groupKey, group);
+      groupsByTarget.set(edge.target, targetGroups);
+    });
 
-      const groupMetaByEdgeId = new Map();
+    const groupMetaByEdgeId = new Map();
 
-      groupsByTarget.forEach((targetGroups) => {
-        const orderedGroups = Array.from(targetGroups.entries())
-          .sort(([groupKeyA], [groupKeyB]) => groupKeyA.localeCompare(groupKeyB));
+    groupsByTarget.forEach((targetGroups) => {
+      const orderedGroups = Array.from(targetGroups.entries()).sort(
+        ([groupKeyA], [groupKeyB]) => groupKeyA.localeCompare(groupKeyB),
+      );
 
-        orderedGroups.forEach(([groupKey, edgeIds], groupIndex) => {
-          edgeIds.forEach((edgeId, edgeIndex) => {
-            groupMetaByEdgeId.set(edgeId, {
-              targetSlotCount: orderedGroups.length,
-              targetSlotIndex: groupIndex,
-              showTargetArrow: edgeIndex === edgeIds.length - 1,
-              incomingGroupKey: groupKey,
-            });
+      orderedGroups.forEach(([groupKey, edgeIds], groupIndex) => {
+        edgeIds.forEach((edgeId, edgeIndex) => {
+          groupMetaByEdgeId.set(edgeId, {
+            targetSlotCount: orderedGroups.length,
+            targetSlotIndex: groupIndex,
+            showTargetArrow: edgeIndex === edgeIds.length - 1,
+            incomingGroupKey: groupKey,
           });
         });
       });
+    });
 
-      return edgesWithStroke.map((edge) => ({
-        ...edge,
-        markerEnd: edge.markerEnd || {
-          type: MarkerType.ArrowClosed,
-          width: 12,
-          height: 12,
-          color: edge.style?.stroke || DEFAULT_EDGE_STROKE,
-        },
-        data: {
-          ...edge.data,
-          ...groupMetaByEdgeId.get(edge.id),
-        },
-      }));
-    },
-    [initialEdges]
-  );
+    return edgesWithStroke.map((edge) => ({
+      ...edge,
+      markerEnd: edge.markerEnd || {
+        type: MarkerType.ArrowClosed,
+        width: 12,
+        height: 12,
+        color: edge.style?.stroke || DEFAULT_EDGE_STROKE,
+      },
+      data: {
+        ...edge.data,
+        ...groupMetaByEdgeId.get(edge.id),
+      },
+    }));
+  }, [initialEdges]);
   const [nodes, setNodes, onNodesChange] = useNodesState(parsedNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(parsedEdges);
   const translateExtent = useMemo(() => getTranslateExtent(nodes), [nodes]);
@@ -428,7 +450,7 @@ const LayoutFlow = ({
     const safeNodes = orderNodesByRelationGroup(
       parsedNodes.filter((node) => node && node.id),
       parsedEdges,
-      rootNodeId
+      rootNodeId,
     );
     const safeNodeIds = new Set(safeNodes.map((node) => node.id));
     const safeEdges = parsedEdges.filter(
@@ -438,7 +460,7 @@ const LayoutFlow = ({
         edge.source &&
         edge.target &&
         safeNodeIds.has(edge.source) &&
-        safeNodeIds.has(edge.target)
+        safeNodeIds.has(edge.target),
     );
 
     return { nodes: safeNodes, edges: safeEdges };
@@ -462,7 +484,7 @@ const LayoutFlow = ({
           const nextMinZoom = getMinZoomForDiagram(
             measuredNodes.length ? measuredNodes : nodesForFit,
             containerRef.current?.clientWidth,
-            containerRef.current?.clientHeight
+            containerRef.current?.clientHeight,
           );
 
           setMinZoom(nextMinZoom);
@@ -501,29 +523,33 @@ const LayoutFlow = ({
         edges: edgesToLayout,
       };
 
-      elk.layout(graph).then(({ children = [] }) => {
-        if (currentLayoutRunId !== layoutRunId.current) return;
-        children.forEach((node) => {
-          node.position = { x: node.x, y: node.y };
-        });
+      elk
+        .layout(graph)
+        .then(({ children = [] }) => {
+          if (currentLayoutRunId !== layoutRunId.current) return;
+          children.forEach((node) => {
+            // eslint-disable-next-line fp/no-mutation
+            node.position = { x: node.x, y: node.y };
+          });
 
-        const alignedChildren = alignNodesToConnectionPoints(
-          children,
-          edgesToLayout,
-          rootNodeId
-        );
+          const alignedChildren = alignNodesToConnectionPoints(
+            children,
+            edgesToLayout,
+            rootNodeId,
+          );
 
-        setNodes(alignedChildren);
-        scheduleFitView(alignedChildren, edgesToLayout);
-      }).catch(() => {
-        if (currentLayoutRunId !== layoutRunId.current) return;
+          setNodes(alignedChildren);
+          scheduleFitView(alignedChildren, edgesToLayout);
+        })
+        .catch(() => {
+          if (currentLayoutRunId !== layoutRunId.current) return;
 
-        setNodes(nodesToLayout);
-        setEdges(edgesToLayout);
-        scheduleFitView(nodesToLayout, edgesToLayout);
-      });
+          setNodes(nodesToLayout);
+          setEdges(edgesToLayout);
+          scheduleFitView(nodesToLayout, edgesToLayout);
+        });
     },
-    [containerRef, fitView, getNodes, rootNodeId, setEdges, setNodes]
+    [containerRef, fitView, getNodes, rootNodeId, setEdges, setNodes],
   );
 
   const onInit = useCallback(() => {
@@ -543,20 +569,17 @@ const LayoutFlow = ({
     });
 
     return () => cancelAnimationFrame(animationFrameId);
-  }, [
-    isInitialized,
-    layoutInput,
-    setNodes,
-    setEdges,
-    getLayoutedElements,
-  ]);
-
-  useEffect(() => () => {
-    if (fitViewFrameId.current) {
-      cancelAnimationFrame(fitViewFrameId.current);
-    }
-    layoutRunId.current += 1;
-  }, []);
+  }, [isInitialized, layoutInput, setNodes, setEdges, getLayoutedElements]);
+
+  useEffect(
+    () => () => {
+      if (fitViewFrameId.current) {
+        cancelAnimationFrame(fitViewFrameId.current);
+      }
+      layoutRunId.current += 1;
+    },
+    [],
+  );
 
   return (
     <ReactFlow
@@ -586,40 +609,83 @@ const LayoutFlow = ({
         showFitView={false}
         showInteractive={false}
       >
-        <GraphControlTooltip content={formatMessage({ id: "graph.controls.zoom_in" })}>
-          <ControlButton onClick={() => zoomIn({ duration: 200 })} aria-label={formatMessage({ id: "graph.controls.zoom_in" })}>
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
-              <line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" />
+        <GraphControlTooltip
+          content={formatMessage({ id: "graph.controls.zoom_in" })}
+        >
+          <ControlButton
+            onClick={() => zoomIn({ duration: 200 })}
+            aria-label={formatMessage({ id: "graph.controls.zoom_in" })}
+          >
+            <svg
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2"
+              strokeLinecap="round"
+            >
+              <line x1="12" y1="5" x2="12" y2="19" />
+              <line x1="5" y1="12" x2="19" y2="12" />
             </svg>
           </ControlButton>
         </GraphControlTooltip>
-        <GraphControlTooltip content={formatMessage({ id: "graph.controls.zoom_out" })}>
-          <ControlButton onClick={() => zoomOut({ duration: 200 })} aria-label={formatMessage({ id: "graph.controls.zoom_out" })}>
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
+        <GraphControlTooltip
+          content={formatMessage({ id: "graph.controls.zoom_out" })}
+        >
+          <ControlButton
+            onClick={() => zoomOut({ duration: 200 })}
+            aria-label={formatMessage({ id: "graph.controls.zoom_out" })}
+          >
+            <svg
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2"
+              strokeLinecap="round"
+            >
               <line x1="5" y1="12" x2="19" y2="12" />
             </svg>
           </ControlButton>
         </GraphControlTooltip>
-        <GraphControlTooltip content={formatMessage({ id: "graph.controls.fit_view" })}>
+        <GraphControlTooltip
+          content={formatMessage({ id: "graph.controls.fit_view" })}
+        >
           <ControlButton
             onClick={() =>
               fitView({ padding: FIT_VIEW_PADDING, duration: 300, minZoom })
             }
             aria-label={formatMessage({ id: "graph.controls.fit_view" })}
           >
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-              <path d="M8 3H5a2 2 0 0 0-2 2v3" /><path d="M21 8V5a2 2 0 0 0-2-2h-3" />
-              <path d="M3 16v3a2 2 0 0 0 2 2h3" /><path d="M16 21h3a2 2 0 0 0 2-2v-3" />
+            <svg
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            >
+              <path d="M8 3H5a2 2 0 0 0-2 2v3" />
+              <path d="M21 8V5a2 2 0 0 0-2-2h-3" />
+              <path d="M3 16v3a2 2 0 0 0 2 2h3" />
+              <path d="M16 21h3a2 2 0 0 0 2-2v-3" />
             </svg>
           </ControlButton>
         </GraphControlTooltip>
         {onOpenExpanded ? (
-          <GraphControlTooltip content={formatMessage({ id: "graph.controls.open_expanded" })}>
+          <GraphControlTooltip
+            content={formatMessage({ id: "graph.controls.open_expanded" })}
+          >
             <ControlButton
               onClick={onOpenExpanded}
               aria-label={formatMessage({ id: "graph.controls.open_expanded" })}
             >
-              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+              <svg
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              >
                 <path d="M15 3h6v6" />
                 <path d="M9 21H3v-6" />
                 <path d="M21 3l-7 7" />
@@ -653,7 +719,11 @@ const GraphCanvas = ({
   const containerRef = useRef(null);
 
   return (
-    <div className="td-graph-container" style={{ "--td-graph-container-height": height }} ref={containerRef}>
+    <div
+      className="td-graph-container"
+      style={{ "--td-graph-container-height": height }}
+      ref={containerRef}
+    >
       <ReactFlowProvider>
         <LayoutFlow
           initialNodes={nodes}
@@ -710,7 +780,9 @@ export const Graph = ({
           closeOnEscape
           className="td-graph-modal"
         >
-          <Modal.Header>{formatMessage({ id: "graph.expanded.header" })}</Modal.Header>
+          <Modal.Header>
+            {formatMessage({ id: "graph.expanded.header" })}
+          </Modal.Header>
           <Modal.Content>
             <GraphCanvas
               nodes={nodes}

package/src/components/GroupActions.js

@@ -37,9 +37,9 @@ export const GroupActions = ({
             action?.onClick?.(event, data);
           },
           ...(closeDropdownOnClose ? { closeDropdown } : {}),
-        })
+        });
       }),
-    [availableActions, closeDropdown]
+    [availableActions, closeDropdown],
   );
 
   return (

package/src/components/Hierarchy.js

@@ -170,7 +170,7 @@ const ListHierarchy = ({
   const { formatMessage } = useIntl();
   const [newNodeName, setNewNodeName] = useState();
   const generation = hierarchy.nodes.filter(
-    (node) => node.parentId == parentId
+    (node) => node.parentId == parentId,
   );
   const addNodeTo = (id = null) => (
     <Form

package/src/components/HierarchyFilterDropdown.js

@@ -22,7 +22,7 @@ const PopulatedHierarchyFilterDropdown = (props) => {
     _.first,
     _.prop("value"),
     (value) => value.split("_"),
-    _.first
+    _.first,
   )(options);
 
   const { data, error, loading: hierarchyLoading } = useHierarchy(hierarchyId);
@@ -34,29 +34,29 @@ const PopulatedHierarchyFilterDropdown = (props) => {
   const includedKeys = _.flow(
     _.map("value"),
     _.flatMap(getKeyAndParents(hierarchyOptions)),
-    _.uniq
+    _.uniq,
   )(options);
 
   const filterIncludedKeys = _.filter(({ key }) =>
-    _.includes(key)(includedKeys)
+    _.includes(key)(includedKeys),
   );
 
   const filteredChildren = _.flow(_.prop("children"), filterIncludedKeys);
 
   const filteredOptions = _.flow(
     filterIncludedKeys,
-    _.map((node) => ({ ...node, children: filteredChildren(node) }))
+    _.map((node) => ({ ...node, children: filteredChildren(node) })),
   )(hierarchyOptions);
 
   const idActiveValues = _.map((key) =>
-    _.flow(_.find({ key }), _.prop("id"))(filteredOptions)
+    _.flow(_.find({ key }), _.prop("id"))(filteredOptions),
   )(activeValues);
 
   const handleToggleFilterValue = ({ filter, value }) => {
     const getChildrenKeys = (id) => {
       const { key, descendents } = _.flow(
         _.find({ id }),
-        _.pick(["key", "descendents"])
+        _.pick(["key", "descendents"]),
       )(filteredOptions);
       const descendentKeys = _.map("key")(descendents);
       return [key, ...descendentKeys];
@@ -64,7 +64,7 @@ const PopulatedHierarchyFilterDropdown = (props) => {
     const newValue = _.flow(
       _.flatMap(getChildrenKeys),
       _.uniq,
-      _.reject(_.isNil)
+      _.reject(_.isNil),
     )(value);
     toggleFilterValue({ filter, value: newValue });
   };

package/src/components/HierarchySelector.js

@@ -40,7 +40,7 @@ const HierarchySelector = ({
     _.sortBy(accentInsensitivePathOrder("name")),
     stratify({}),
     flatten,
-    maybeMapKeys
+    maybeMapKeys,
   )(data);
 
   return (

package/src/components/LanguagesTabs.js

@@ -69,9 +69,9 @@ const LanguagesTabs = ({
       }}
       activeIndex={Math.max(
         translationTabs.findIndex(
-          (tab) => tab.lang === (selectedLang || initLang)
+          (tab) => tab.lang === (selectedLang || initLang),
         ),
-        0
+        0,
       )}
     />
   );

package/src/components/OptionGroup.js

@@ -31,22 +31,21 @@ export const OptionGroup = ({
     setOptions(
       _.flow(
         _.filter(
-          (o) => flatOptionMatches(o, searchQuery) || _.has("options")(o)
+          (o) => flatOptionMatches(o, searchQuery) || _.has("options")(o),
         ),
         _.map((o) =>
-          _.has("options")(o) ? filterNestedOptions(o, searchQuery) : o
+          _.has("options")(o) ? filterNestedOptions(o, searchQuery) : o,
         ),
         _.filter(
           (o) =>
             (_.has("options")(o) && !_.isEmpty(_.prop("options")(o))) ||
-            !_.has("options")(o)
-        )
-      )(options)
+            !_.has("options")(o),
+        ),
+      )(options),
     );
   };
 
   useEffect(() => {
-    // eslint-disable-next-line prettier/prettier
     _.flow(toFlattenedShorthands, setFlattenedOptions)(availableOptions);
   }, [availableOptions]);
 
@@ -56,7 +55,7 @@ export const OptionGroup = ({
   const filterNestedOptions = (o, searchQuery) => ({
     ...o,
     options: _.filter(optionMatches(lowerDeburr(searchQuery)))(
-      _.prop("options")(o)
+      _.prop("options")(o),
     ),
   });
 
@@ -80,10 +79,10 @@ export const OptionGroup = ({
     _.reduce(
       (acc, o) =>
         _.has("options")(o) ? [...acc, ..._.prop("options")(o)] : [...acc, o],
-      []
+      [],
     ),
     _.find((o) => o.value == value),
-    _.prop("text")
+    _.prop("text"),
   );
 
   const text = value && !query ? findText(options) : "";