@searchspring/snap-preact-components 0.52.2 → 0.53.1

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/cjs/components/Molecules/Carousel/Carousel.d.ts.map +1 -1
  2. package/dist/cjs/components/Molecules/Carousel/Carousel.js +15 -12
  3. package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.js +1 -1
  4. package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.js +1 -1
  5. package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.js +1 -1
  6. package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.js +1 -1
  7. package/dist/esm/components/Molecules/Carousel/Carousel.d.ts.map +1 -1
  8. package/dist/esm/components/Molecules/Carousel/Carousel.js +15 -12
  9. package/dist/esm/components/Molecules/FacetGridOptions/FacetGridOptions.js +1 -1
  10. package/dist/esm/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.js +1 -1
  11. package/dist/esm/components/Molecules/FacetListOptions/FacetListOptions.js +1 -1
  12. package/dist/esm/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.js +1 -1
  13. package/package.json +12 -12
package/dist/cjs/components/Molecules/Carousel/Carousel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAkI9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WAuP5D,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IACnF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAkI9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WAwP5D,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IACnF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
package/dist/cjs/components/Molecules/Carousel/Carousel.js CHANGED
@@ -205,6 +205,14 @@ exports.Carousel = (0, mobx_react_1.observer)(function (properties) {
205
205
  breakpoints: properties.vertical
206
206
  ? JSON.parse(JSON.stringify(exports.defaultVerticalCarouselBreakpoints))
207
207
  : JSON.parse(JSON.stringify(exports.defaultCarouselBreakpoints)), pagination: false, loop: true, autoAdjustSlides: true }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.carousel), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.carousel);
208
+ Object.keys(props.breakpoints).forEach(function (breakpoint) {
209
+ var breakPointProps = props.breakpoints[breakpoint];
210
+ // make certain props numbers
211
+ if (breakPointProps.slidesPerView)
212
+ breakPointProps.slidesPerView = Number(breakPointProps.slidesPerView) || 1;
213
+ if (breakPointProps.slidesPerGroup)
214
+ breakPointProps.slidesPerGroup = Number(breakPointProps.slidesPerGroup) || 1;
215
+ });
208
216
  var displaySettings = (0, useDisplaySettings_1.useDisplaySettings)(props.breakpoints);
209
217
  if (displaySettings && Object.keys(displaySettings).length) {
210
218
  var theme_1 = (0, deepmerge_1.default)((props === null || props === void 0 ? void 0 : props.theme) || {}, (displaySettings === null || displaySettings === void 0 ? void 0 : displaySettings.theme) || {}, { arrayMerge: function (destinationArray, sourceArray) { return sourceArray; } });
@@ -241,18 +249,13 @@ exports.Carousel = (0, mobx_react_1.observer)(function (properties) {
241
249
  }
242
250
  (0, hooks_1.useEffect)(function () {
243
251
  //backwards compatability for legacy styles
244
- var swipers = document.querySelectorAll('.swiper');
245
- swipers.forEach(function (elem) {
246
- elem.classList.add('swiper-container', 'swiper-container-pointer-events');
247
- });
248
- var verticalSwipers = document.querySelectorAll('.swiper-vertical');
249
- verticalSwipers.forEach(function (elem) {
250
- elem.classList.add('swiper-container-vertical');
251
- });
252
- var horizontalSwipers = document.querySelectorAll('.swiper-horizontal');
253
- horizontalSwipers.forEach(function (elem) {
254
- elem.classList.add('swiper-container-horizontal');
255
- });
252
+ if (rootComponentRef.current) {
253
+ var rootElem = rootComponentRef.current;
254
+ var swiperElem = rootElem.querySelector('.swiper');
255
+ swiperElem === null || swiperElem === void 0 ? void 0 : swiperElem.classList.add('swiper-container', 'swiper-container-pointer-events');
256
+ (swiperElem === null || swiperElem === void 0 ? void 0 : swiperElem.classList.contains('swiper-vertical')) && swiperElem.classList.add('swiper-container-vertical');
257
+ (swiperElem === null || swiperElem === void 0 ? void 0 : swiperElem.classList.contains('swiper-horizontal')) && swiperElem.classList.add('swiper-container-horizontal');
258
+ }
256
259
  //add usable class to last visible slide.
257
260
  attachClasstoLastVisibleSlide();
258
261
  }, []);
package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.js CHANGED
@@ -100,7 +100,7 @@ exports.FacetGridOptions = (0, mobx_react_1.observer)(function (properties) {
100
100
  else if (style) {
101
101
  styling.css = [style];
102
102
  }
103
- var facetValues = values || (facet === null || facet === void 0 ? void 0 : facet.values);
103
+ var facetValues = values || (facet === null || facet === void 0 ? void 0 : facet.refinedValues);
104
104
  return (facetValues === null || facetValues === void 0 ? void 0 : facetValues.length) ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
105
105
  (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet-grid-options', className) }), facetValues.map(function (value) {
106
106
  var _a, _b;
package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.js CHANGED
@@ -78,7 +78,7 @@ exports.FacetHierarchyOptions = (0, mobx_react_1.observer)(function (properties)
78
78
  else if (style) {
79
79
  styling.css = [style];
80
80
  }
81
- var facetValues = values || (facet === null || facet === void 0 ? void 0 : facet.values);
81
+ var facetValues = values || (facet === null || facet === void 0 ? void 0 : facet.refinedValues);
82
82
  return (facetValues === null || facetValues === void 0 ? void 0 : facetValues.length) ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
83
83
  (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet-hierarchy-options', className) }), facetValues.map(function (value) {
84
84
  var _a, _b;
package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.js CHANGED
@@ -75,7 +75,7 @@ exports.FacetListOptions = (0, mobx_react_1.observer)(function (properties) {
75
75
  else if (style) {
76
76
  styling.css = [style];
77
77
  }
78
- var facetValues = values || (facet === null || facet === void 0 ? void 0 : facet.values);
78
+ var facetValues = values || (facet === null || facet === void 0 ? void 0 : facet.refinedValues);
79
79
  return (facetValues === null || facetValues === void 0 ? void 0 : facetValues.length) ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
80
80
  (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet-list-options', className) }), facetValues.map(function (value) {
81
81
  var _a, _b;
package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.js CHANGED
@@ -130,7 +130,7 @@ exports.FacetPaletteOptions = (0, mobx_react_1.observer)(function (properties) {
130
130
  else if (style) {
131
131
  styling.css = [style];
132
132
  }
133
- var facetValues = values || (facet === null || facet === void 0 ? void 0 : facet.values);
133
+ var facetValues = values || (facet === null || facet === void 0 ? void 0 : facet.refinedValues);
134
134
  return (facetValues === null || facetValues === void 0 ? void 0 : facetValues.length) ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
135
135
  (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet-palette-options', className) }), facetValues.map(function (value) {
136
136
  var _a, _b;
package/dist/esm/components/Molecules/Carousel/Carousel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAkI9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WAuP5D,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IACnF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAkI9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,eAAyB,aAAa,KAAG,WAwP5D,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IACnF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
package/dist/esm/components/Molecules/Carousel/Carousel.js CHANGED
@@ -181,6 +181,14 @@ export const Carousel = observer((properties) => {
181
181
  ...properties,
182
182
  ...properties.theme?.components?.carousel,
183
183
  };
184
+ Object.keys(props.breakpoints).forEach((breakpoint) => {
185
+ const breakPointProps = props.breakpoints[breakpoint];
186
+ // make certain props numbers
187
+ if (breakPointProps.slidesPerView)
188
+ breakPointProps.slidesPerView = Number(breakPointProps.slidesPerView) || 1;
189
+ if (breakPointProps.slidesPerGroup)
190
+ breakPointProps.slidesPerGroup = Number(breakPointProps.slidesPerGroup) || 1;
191
+ });
184
192
  const displaySettings = useDisplaySettings(props.breakpoints);
185
193
  if (displaySettings && Object.keys(displaySettings).length) {
186
194
  const theme = deepmerge(props?.theme || {}, displaySettings?.theme || {}, { arrayMerge: (destinationArray, sourceArray) => sourceArray });
@@ -226,18 +234,13 @@ export const Carousel = observer((properties) => {
226
234
  }
227
235
  useEffect(() => {
228
236
  //backwards compatability for legacy styles
229
- const swipers = document.querySelectorAll('.swiper');
230
- swipers.forEach((elem) => {
231
- elem.classList.add('swiper-container', 'swiper-container-pointer-events');
232
- });
233
- const verticalSwipers = document.querySelectorAll('.swiper-vertical');
234
- verticalSwipers.forEach((elem) => {
235
- elem.classList.add('swiper-container-vertical');
236
- });
237
- const horizontalSwipers = document.querySelectorAll('.swiper-horizontal');
238
- horizontalSwipers.forEach((elem) => {
239
- elem.classList.add('swiper-container-horizontal');
240
- });
237
+ if (rootComponentRef.current) {
238
+ const rootElem = rootComponentRef.current;
239
+ const swiperElem = rootElem.querySelector('.swiper');
240
+ swiperElem?.classList.add('swiper-container', 'swiper-container-pointer-events');
241
+ swiperElem?.classList.contains('swiper-vertical') && swiperElem.classList.add('swiper-container-vertical');
242
+ swiperElem?.classList.contains('swiper-horizontal') && swiperElem.classList.add('swiper-container-horizontal');
243
+ }
241
244
  //add usable class to last visible slide.
242
245
  attachClasstoLastVisibleSlide();
243
246
  }, []);
package/dist/esm/components/Molecules/FacetGridOptions/FacetGridOptions.js CHANGED
@@ -83,7 +83,7 @@ export const FacetGridOptions = observer((properties) => {
83
83
  else if (style) {
84
84
  styling.css = [style];
85
85
  }
86
- const facetValues = values || facet?.values;
86
+ const facetValues = values || facet?.refinedValues;
87
87
  return facetValues?.length ? (jsx(CacheProvider, null,
88
88
  jsx("div", { ...styling, className: classnames('ss__facet-grid-options', className) }, facetValues.map((value) => (jsx("a", { className: classnames('ss__facet-grid-options__option', { 'ss__facet-grid-options__option--filtered': value.filtered }), "aria-label": value.filtered
89
89
  ? `remove selected filter ${facet?.label || ''} - ${value.label}`
package/dist/esm/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.js CHANGED
@@ -63,7 +63,7 @@ export const FacetHierarchyOptions = observer((properties) => {
63
63
  else if (style) {
64
64
  styling.css = [style];
65
65
  }
66
- const facetValues = values || facet?.values;
66
+ const facetValues = values || facet?.refinedValues;
67
67
  return facetValues?.length ? (jsx(CacheProvider, null,
68
68
  jsx("div", { ...styling, className: classnames('ss__facet-hierarchy-options', className) }, facetValues.map((value) => (jsx("a", { className: classnames('ss__facet-hierarchy-options__option', { 'ss__facet-hierarchy-options__option--filtered': value.filtered }, { 'ss__facet-hierarchy-options__option--return': value.history && !value.filtered }), "aria-label": value.filtered
69
69
  ? `remove selected filter ${facet?.label || ''} - ${value.label}`
package/dist/esm/components/Molecules/FacetListOptions/FacetListOptions.js CHANGED
@@ -65,7 +65,7 @@ export const FacetListOptions = observer((properties) => {
65
65
  else if (style) {
66
66
  styling.css = [style];
67
67
  }
68
- const facetValues = values || facet?.values;
68
+ const facetValues = values || facet?.refinedValues;
69
69
  return facetValues?.length ? (jsx(CacheProvider, null,
70
70
  jsx("div", { ...styling, className: classnames('ss__facet-list-options', className) }, facetValues.map((value) => (jsx("a", { className: classnames('ss__facet-list-options__option', { 'ss__facet-list-options__option--filtered': value.filtered }), "aria-label": value.filtered
71
71
  ? `remove selected filter ${facet?.label || ''} - ${value.label}`
package/dist/esm/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.js CHANGED
@@ -118,7 +118,7 @@ export const FacetPaletteOptions = observer((properties) => {
118
118
  else if (style) {
119
119
  styling.css = [style];
120
120
  }
121
- const facetValues = values || facet?.values;
121
+ const facetValues = values || facet?.refinedValues;
122
122
  return facetValues?.length ? (jsx(CacheProvider, null,
123
123
  jsx("div", { ...styling, className: classnames('ss__facet-palette-options', className) }, facetValues.map((value) => (jsx("a", { className: classnames('ss__facet-palette-options__option', { 'ss__facet-palette-options__option--filtered': value.filtered }), "aria-label": value.filtered
124
124
  ? `remove selected filter ${facet?.label || ''} - ${value.label}`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@searchspring/snap-preact-components",
3
- "version": "0.52.2",
3
+ "version": "0.53.1",
4
4
  "description": "Snap Preact Component Library",
5
5
  "author": "Searchspring",
6
6
  "license": "MIT",
@@ -29,7 +29,7 @@
29
29
  "dependencies": {
30
30
  "@cypress/react": "^8.0.0",
31
31
  "@emotion/react": "11.9.0",
32
- "@searchspring/snap-toolbox": "^0.52.2",
32
+ "@searchspring/snap-toolbox": "^0.53.1",
33
33
  "classnames": "^2.3.2",
34
34
  "cypress": "^12.15.0",
35
35
  "cypress-wait-until": "^1.7.2",
@@ -37,7 +37,7 @@
37
37
  "dequal": "2.0.3",
38
38
  "mobx-react": "7.6.0",
39
39
  "react-ranger": "2.1.0",
40
- "swiper": "11.0.7"
40
+ "swiper": "11.1.0"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "mobx": "6.9.0",
@@ -52,14 +52,14 @@
52
52
  "@babel/preset-env": "^7.21.4",
53
53
  "@babel/preset-react": "^7.18.6",
54
54
  "@babel/runtime": "^7.21.0",
55
- "@searchspring/snap-client": "^0.52.2",
56
- "@searchspring/snap-controller": "^0.52.2",
57
- "@searchspring/snap-event-manager": "^0.52.2",
58
- "@searchspring/snap-logger": "^0.52.2",
59
- "@searchspring/snap-profiler": "^0.52.2",
60
- "@searchspring/snap-store-mobx": "^0.52.2",
61
- "@searchspring/snap-tracker": "^0.52.2",
62
- "@searchspring/snap-url-manager": "^0.52.2",
55
+ "@searchspring/snap-client": "^0.53.1",
56
+ "@searchspring/snap-controller": "^0.53.1",
57
+ "@searchspring/snap-event-manager": "^0.53.1",
58
+ "@searchspring/snap-logger": "^0.53.1",
59
+ "@searchspring/snap-profiler": "^0.53.1",
60
+ "@searchspring/snap-store-mobx": "^0.53.1",
61
+ "@searchspring/snap-tracker": "^0.53.1",
62
+ "@searchspring/snap-url-manager": "^0.53.1",
63
63
  "@storybook/addon-actions": "6.4.22",
64
64
  "@storybook/addon-controls": "6.4.22",
65
65
  "@storybook/addon-docs": "6.4.22",
@@ -83,5 +83,5 @@
83
83
  "webpack-merge": "^5.8.0"
84
84
  },
85
85
  "sideEffects": false,
86
- "gitHead": "eb44b26b54bc6c3d1fdebb9ee4b26d526bc40329"
86
+ "gitHead": "53686cc7e416d1d9f33ab2c4918601dae7722565"
87
87
  }