@seekora-ai/ui-sdk-react 0.2.27 → 0.2.29

package/dist/src/index.d.ts

@@ -641,6 +641,8 @@ interface CurrentRefinementsProps {
     style?: React__default.CSSProperties;
     /** Custom theme */
     theme?: CurrentRefinementsTheme;
+    /** Fields to exclude from display (e.g. ['category'] on collection pages) */
+    excludeFields?: string[];
 }
 declare const CurrentRefinements: React__default.FC<CurrentRefinementsProps>;
 

package/dist/src/index.esm.js

@@ -5099,7 +5099,7 @@ const getVariantClass = (variant, refinementsTheme) => {
         default: return refinementsTheme.item;
     }
 };
-const CurrentRefinements = ({ refinements: refinementsProp, onRefinementClear, onClearAll, renderRefinement, showClearAll = true, variant = 'chips', layout = 'horizontal', fieldColors, renderCloseIcon, className, style, theme: customTheme, }) => {
+const CurrentRefinements = ({ refinements: refinementsProp, onRefinementClear, onClearAll, renderRefinement, showClearAll = true, variant = 'chips', layout = 'horizontal', fieldColors, renderCloseIcon, className, style, theme: customTheme, excludeFields, }) => {
     const { theme } = useSearchContext();
     const { refinements: stateRefinements, removeRefinement, clearRefinements } = useSearchState();
     const refinementsTheme = customTheme || {};
@@ -5154,8 +5154,13 @@ const CurrentRefinements = ({ refinements: refinementsProp, onRefinementClear, o
             }
             nonRange.push({ field, value: '__range__', displayValue });
         });
-        return nonRange;
-    }, [refinementsProp, stateRefinementsKey]);
+        const merged = nonRange;
+        if (excludeFields && excludeFields.length > 0) {
+            const excluded = new Set(excludeFields);
+            return merged.filter(r => !excluded.has(r.field));
+        }
+        return merged;
+    }, [refinementsProp, stateRefinementsKey, excludeFields]);
     // Track items for entry/exit animations
     const [visibleItems, setVisibleItems] = useState(new Set());
     const [exitingItems, setExitingItems] = useState(new Set());
@@ -9980,7 +9985,7 @@ function ImageZoom({ src, alt = '', mode = 'both', zoomLevel = 2.5, className, s
     const imageStyle = {
         width: '100%',
         height: '100%',
-        objectFit: 'cover',
+        objectFit: style?.objectFit ?? 'cover',
         display: 'block',
     };
     // Compute the indicator rectangle (what portion of the image the zoom panel shows).