@seekora-ai/ui-sdk-react 0.2.23 → 0.2.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/components/ClearRefinements.d.ts.map +1 -1
  2. package/dist/components/ClearRefinements.js +7 -6
  3. package/dist/components/CurrentRefinements.d.ts.map +1 -1
  4. package/dist/components/CurrentRefinements.js +32 -30
  5. package/dist/components/SearchLayout.js +1 -1
  6. package/dist/hooks/useFilters.d.ts.map +1 -1
  7. package/dist/hooks/useFilters.js +11 -2
  8. package/dist/index.umd.js +1 -1
  9. package/dist/src/index.esm.js +94 -54
  10. package/dist/src/index.esm.js.map +1 -1
  11. package/dist/src/index.js +94 -54
  12. package/dist/src/index.js.map +1 -1
  13. package/package.json +3 -3
package/dist/components/ClearRefinements.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ClearRefinements.d.ts","sourceRoot":"","sources":["../../src/components/ClearRefinements.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QACrB,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyG5D,CAAC"}
1
+ {"version":3,"file":"ClearRefinements.d.ts","sourceRoot":"","sources":["../../src/components/ClearRefinements.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QACrB,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0G5D,CAAC"}
package/dist/components/ClearRefinements.js CHANGED
@@ -67,14 +67,15 @@ export const ClearRefinements = ({ clearsQuery = false, resetLabel = 'Clear all
67
67
  padding: `${theme.spacing.small} ${theme.spacing.medium}`,
68
68
  fontSize: theme.typography.fontSize.medium,
69
69
  fontWeight: theme.typography.fontWeight?.medium || 500,
70
- backgroundColor: canClear ? theme.colors.primary : theme.colors.hover,
71
- color: canClear ? '#ffffff' : theme.colors.textSecondary,
70
+ backgroundColor: theme.colors.primary,
71
+ color: '#ffffff',
72
72
  border: 'none',
73
73
  borderRadius: typeof theme.borderRadius === 'string'
74
74
  ? theme.borderRadius
75
75
  : theme.borderRadius.medium,
76
- cursor: canClear ? 'pointer' : 'not-allowed',
77
- opacity: canClear ? 1 : 0.6,
78
- transition: theme.transitions?.fast || '150ms ease-in-out',
79
- }, "aria-label": canClear ? resetLabel : disabledLabel }, canClear ? resetLabel : disabledLabel)));
76
+ cursor: canClear ? 'pointer' : 'default',
77
+ opacity: canClear ? 1 : 0,
78
+ pointerEvents: canClear ? 'auto' : 'none',
79
+ transition: 'none',
80
+ }, "aria-label": resetLabel }, resetLabel)));
80
81
  };
package/dist/components/CurrentRefinements.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CurrentRefinements.d.ts","sourceRoot":"","sources":["../../src/components/CurrentRefinements.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAWpE,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,2CAA2C;AAC3C,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEpF,uCAAuC;AACvC,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,0EAA0E;IAC1E,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E,8BAA8B;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,KAAK,CAAC,EAAE,uBAAuB,CAAC;CACjC;AA0FD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAuShE,CAAC"}
1
+ {"version":3,"file":"CurrentRefinements.d.ts","sourceRoot":"","sources":["../../src/components/CurrentRefinements.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAWpE,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,2CAA2C;AAC3C,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEpF,uCAAuC;AACvC,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,0EAA0E;IAC1E,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E,8BAA8B;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,KAAK,CAAC,EAAE,uBAAuB,CAAC;CACjC;AA0FD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2ShE,CAAC"}
package/dist/components/CurrentRefinements.js CHANGED
@@ -235,9 +235,6 @@ export const CurrentRefinements = ({ refinements: refinementsProp, onRefinementC
235
235
  opacity: 0.6,
236
236
  }, "aria-label": `Clear ${refinement.label || refinement.field}: ${refinement.value}`, onMouseEnter: e => (e.currentTarget.style.opacity = '1'), onMouseLeave: e => (e.currentTarget.style.opacity = '0.6') }, renderCloseIcon ? renderCloseIcon() : defaultCloseIcon())));
237
237
  };
238
- if (refinements.length === 0) {
239
- return null;
240
- }
241
238
  // Group refinements by field for grouped layout
242
239
  const groupedRefinements = layout === 'grouped'
243
240
  ? refinements.reduce((acc, r) => {
@@ -249,13 +246,17 @@ export const CurrentRefinements = ({ refinements: refinementsProp, onRefinementC
249
246
  : null;
250
247
  const containerStyles = {
251
248
  ...style,
249
+ // When a custom list theme is provided, make the container transparent to layout
250
+ // so the list div becomes the direct layout child (enables overflow scroll from parent)
251
+ ...(refinementsTheme.list && !style?.display ? { display: 'contents' } : {}),
252
252
  };
253
253
  const listStyles = {
254
254
  display: 'flex',
255
- flexWrap: layout === 'vertical' ? 'nowrap' : 'wrap',
256
255
  flexDirection: layout === 'vertical' ? 'column' : 'row',
257
256
  alignItems: layout === 'vertical' ? 'flex-start' : 'center',
258
- marginBottom: showClearAll ? theme.spacing.medium : 0,
257
+ marginBottom: showClearAll && refinements.length > 0 ? theme.spacing.medium : 0,
258
+ // Only apply flex-wrap if no custom list theme is provided (let theme classes control wrapping)
259
+ ...(!refinementsTheme.list ? { flexWrap: layout === 'vertical' ? 'nowrap' : 'wrap' } : {}),
259
260
  };
260
261
  return (React.createElement("div", { className: clsx(refinementsTheme.container, className), style: containerStyles },
261
262
  React.createElement("style", null, `
@@ -264,32 +265,33 @@ export const CurrentRefinements = ({ refinements: refinementsProp, onRefinementC
264
265
  to { opacity: 1; transform: scale(1); }
265
266
  }
266
267
  `),
267
- layout === 'grouped' && groupedRefinements ? (Object.entries(groupedRefinements).map(([field, items]) => (React.createElement("div", { key: field, className: refinementsTheme.group, style: { marginBottom: theme.spacing.medium } },
268
- React.createElement("div", { className: refinementsTheme.groupLabel, style: {
269
- fontSize: theme.typography.fontSize.small,
270
- fontWeight: 600,
271
- color: theme.colors.text,
272
- marginBottom: theme.spacing.small,
273
- textTransform: 'capitalize',
274
- } }, items[0]?.label || field),
275
- React.createElement("div", { role: "list", style: listStyles }, items.map((refinement, index) => {
268
+ refinements.length > 0 && (React.createElement(React.Fragment, null,
269
+ layout === 'grouped' && groupedRefinements ? (Object.entries(groupedRefinements).map(([field, items]) => (React.createElement("div", { key: field, className: refinementsTheme.group, style: { marginBottom: theme.spacing.medium } },
270
+ React.createElement("div", { className: refinementsTheme.groupLabel, style: {
271
+ fontSize: theme.typography.fontSize.small,
272
+ fontWeight: 600,
273
+ color: theme.colors.text,
274
+ marginBottom: theme.spacing.small,
275
+ textTransform: 'capitalize',
276
+ } }, items[0]?.label || field),
277
+ React.createElement("div", { role: "list", style: listStyles }, items.map((refinement, index) => {
278
+ return renderRefinement
279
+ ? renderRefinement(refinement, index)
280
+ : defaultRenderRefinement(refinement, index);
281
+ })))))) : (React.createElement("div", { role: "list", className: refinementsTheme.list, style: listStyles }, refinements.map((refinement, index) => {
276
282
  return renderRefinement
277
283
  ? renderRefinement(refinement, index)
278
284
  : defaultRenderRefinement(refinement, index);
279
- })))))) : (React.createElement("div", { role: "list", className: refinementsTheme.list, style: listStyles }, refinements.map((refinement, index) => {
280
- return renderRefinement
281
- ? renderRefinement(refinement, index)
282
- : defaultRenderRefinement(refinement, index);
283
- }))),
284
- showClearAll && refinements.length > 1 && (React.createElement("button", { type: "button", onClick: handleClearAll, className: refinementsTheme.clearAllButton, style: {
285
- padding: `${theme.spacing.small} ${theme.spacing.medium}`,
286
- border: `1px solid ${theme.colors.border}`,
287
- borderRadius: typeof theme.borderRadius === 'string' ? theme.borderRadius : theme.borderRadius.medium,
288
- backgroundColor: theme.colors.background,
289
- color: theme.colors.text,
290
- cursor: 'pointer',
291
- fontSize: theme.typography.fontSize.small,
292
- textDecoration: 'underline',
293
- transition: `background-color ${TRANSITIONS.fast}`,
294
- } }, "Clear all filters"))));
285
+ }))),
286
+ showClearAll && refinements.length > 1 && (React.createElement("button", { type: "button", onClick: handleClearAll, className: refinementsTheme.clearAllButton, style: {
287
+ padding: `${theme.spacing.small} ${theme.spacing.medium}`,
288
+ border: `1px solid ${theme.colors.border}`,
289
+ borderRadius: typeof theme.borderRadius === 'string' ? theme.borderRadius : theme.borderRadius.medium,
290
+ backgroundColor: theme.colors.background,
291
+ color: theme.colors.text,
292
+ cursor: 'pointer',
293
+ fontSize: theme.typography.fontSize.small,
294
+ textDecoration: 'underline',
295
+ transition: `background-color ${TRANSITIONS.fast}`,
296
+ } }, "Clear all filters"))))));
295
297
  };
package/dist/components/SearchLayout.js CHANGED
@@ -37,7 +37,7 @@ export const SearchLayout = ({ sidebar, children, header, footer, sidebarWidth =
37
37
  padding: responsivePadding,
38
38
  backgroundColor: theme.colors.background,
39
39
  color: theme.colors.text,
40
- overflow: isMobile ? 'visible' : 'hidden',
40
+ overflow: 'visible',
41
41
  } },
42
42
  sidebar && (!isMobile || showSidebarOnMobile) && (React.createElement("aside", { className: layoutTheme.sidebar, style: {
43
43
  width: isMobile ? '100%' : sidebarWidth,
package/dist/hooks/useFilters.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useFilters.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilters.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,qDAAqD;IACrD,MAAM,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACrC,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,kEAAkE;IAClE,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,yBAAyB,CAAC,CAAC;IAC5F,+BAA+B;IAC/B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,GAAI,UAAU,iBAAiB,KAAG,gBAqExD,CAAC"}
1
+ {"version":3,"file":"useFilters.d.ts","sourceRoot":"","sources":["../../src/hooks/useFilters.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,gGAAgG;IAChG,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,qDAAqD;IACrD,MAAM,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACrC,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,kEAAkE;IAClE,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,yBAAyB,CAAC,CAAC;IAC5F,+BAA+B;IAC/B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,GAAI,UAAU,iBAAiB,KAAG,gBA+ExD,CAAC"}
package/dist/hooks/useFilters.js CHANGED
@@ -33,13 +33,22 @@ export const useFilters = (options) => {
33
33
  }
34
34
  }
35
35
  }, [stateManager, options?.facetBy, options?.maxFacetValues, options?.disjunctiveFacets?.join(',')]);
36
- // Refetch when query or refinements change
36
+ // Track query + refinements to only refetch when they actually change
37
+ const prevKeyRef = useRef('');
38
+ // Refetch when query or refinements change (not on every state update)
37
39
  useEffect(() => {
38
40
  if (!autoFetch)
39
41
  return;
40
- const unsubscribe = stateManager.subscribe((_state) => {
42
+ const unsubscribe = stateManager.subscribe((state) => {
43
+ const key = `${state.query}|${state.refinements.map(r => `${r.field}:${r.value}`).sort().join(',')}`;
44
+ if (key === prevKeyRef.current)
45
+ return;
46
+ prevKeyRef.current = key;
41
47
  fetchFilters();
42
48
  });
49
+ // subscribe() immediately invokes the listener with current state,
50
+ // which handles the initial fetch (prevKeyRef starts as '' so key
51
+ // will differ). No explicit fetchFilters() call needed here.
43
52
  return unsubscribe;
44
53
  }, [stateManager, autoFetch, fetchFilters]);
45
54
  // Fetch schema once on mount