Merge pull request #267 from performant-software/RB-inverse-facet-labels

Added handling for inverse facet labels

Author: ajolipa

src/apps/search/Facet.tsx

@@ -1,23 +1,42 @@
 import TranslationContext from '@contexts/TranslationContext';
-import { Icon } from '@performant-software/core-data';
+import { Icon, useCachedHits } from '@performant-software/core-data';
 import { getFacetLabel } from '@utils/search';
 import clsx from 'clsx';
 import { useContext, useMemo, type ReactNode } from 'react';
+import _ from 'underscore';
 
 interface Props {
   attribute: string;
   children: ReactNode,
   className?: string;
   icon?: string;
+  inverse?: boolean;
 }
 
 const Facet = ({ attribute, children, className, icon }: Props) => {
   const { t } = useContext(TranslationContext);
 
+  //this is very janky but we need some way to determine whether to use the inverse label or not,
+  //and the easiest place to access that information seems to be by looking at the value of
+  //the attribute in a hit where it's defined
+
+  const hits = useCachedHits();
+
+  const attribute_base = useMemo(() => attribute.split('.')[0], [attribute]);
+
+  const sample_hit = useMemo(() => _.find(hits, (hit) => 
+    (hit && 
+      hit[attribute_base] && 
+      Array.isArray(hit[attribute_base]) && 
+      typeof hit[attribute_base][0] === 'object')
+    ), [hits, attribute_base]);
+
+  const inverse = useMemo(() => sample_hit && sample_hit[attribute_base][0]["inverse"], [sample_hit]);
+
   /**
    * Memo-izes the label for the current facet.
    */
-  const label = useMemo(() => getFacetLabel(attribute, t), [attribute, t]);
+  const label = useMemo(() => getFacetLabel(attribute, t, inverse), [attribute, t, inverse]);
 
   return (
     <div

src/utils/search.ts

@@ -46,16 +46,21 @@ export const getAttributes = (config) => config.result_card.attributes?.slice(0,
  *
  * @param attribute
  * @param t
+ * @param inverse
  */
-export const getFacetLabel = (attribute, t) => {
+export const getFacetLabel = (attribute, t, inverse = false, inverseSuffix = '_inverse') => {
   let value;
 
   // exclude these from facet labels, e.g. 'Organizations' rather than 'Organizations: Name'
   const DEFAULT_FIELDIDS = ["name", "names"]
 
-  const relationshipId = TypesenseUtils.getRelationshipId(attribute);
+  let relationshipId = TypesenseUtils.getRelationshipId(attribute);
   const fieldId = TypesenseUtils.getFieldId(attribute);
 
+  if (inverse) {
+    relationshipId = relationshipId + inverseSuffix;
+  }
+
   if (relationshipId && fieldId && !DEFAULT_FIELDIDS.includes(fieldId)) {
     value = t('facetLabel', { relationship: t(relationshipId), field: t(fieldId) })
   } else if (relationshipId) {