@searchspring/snap-preact-components 0.21.0 → 0.21.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 (5) hide show
  1. package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.d.ts.map +1 -1
  2. package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.js +8 -11
  3. package/dist/esm/components/Organisms/Autocomplete/Autocomplete.d.ts.map +1 -1
  4. package/dist/esm/components/Organisms/Autocomplete/Autocomplete.js +12 -15
  5. package/package.json +11 -11
package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAQ5E,OAAO,EAAc,cAAc,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AA2J5F,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CA8X/E,CAAC;AAkCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;CAC1B"}
1
+ {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAQ5E,OAAO,EAAc,cAAc,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AA2J5F,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CAyX/E,CAAC;AAkCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;CAC1B"}
package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.js CHANGED
@@ -139,7 +139,6 @@ var CSS = {
139
139
  exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
140
140
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
141
141
  var globalTheme = (0, providers_1.useTheme)();
142
- var theme = __assign(__assign({}, globalTheme), properties.theme);
143
142
  var props = __assign(__assign(__assign({
144
143
  // default props
145
144
  termsTitle: '', trendingTitle: 'Popular Searches', facetsTitle: '', contentTitle: '', width: '100%' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.autocomplete), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.autocomplete);
@@ -161,7 +160,6 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
161
160
  rows: 3,
162
161
  },
163
162
  };
164
- var hideTerms = props.hideTerms, hideFacets = props.hideFacets, hideContent = props.hideContent, hideBanners = props.hideBanners, hideLink = props.hideLink, horizontalTerms = props.horizontalTerms, vertical = props.vertical, termsTitle = props.termsTitle, trendingTitle = props.trendingTitle, facetsTitle = props.facetsTitle, contentTitle = props.contentTitle, viewportMaxHeight = props.viewportMaxHeight, termsSlot = props.termsSlot, facetsSlot = props.facetsSlot, contentSlot = props.contentSlot, resultsSlot = props.resultsSlot, noResultsSlot = props.noResultsSlot, linkSlot = props.linkSlot, onFacetOptionClick = props.onFacetOptionClick, onTermClick = props.onTermClick, disableStyles = props.disableStyles, className = props.className, width = props.width, style = props.style, controller = props.controller;
165
163
  var delayTimeout;
166
164
  var delayTime = 333;
167
165
  var valueProps = {
@@ -186,32 +184,30 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
186
184
  },
187
185
  facetGridOptions: {
188
186
  columns: 3,
189
- onClick: onFacetOptionClick,
187
+ onClick: properties.onFacetOptionClick,
190
188
  },
191
189
  facetHierarchyOptions: {
192
190
  hideCount: true,
193
- onClick: onFacetOptionClick,
191
+ onClick: properties.onFacetOptionClick,
194
192
  },
195
193
  facetListOptions: {
196
194
  hideCheckbox: true,
197
195
  hideCount: true,
198
- onClick: onFacetOptionClick,
196
+ onClick: properties.onFacetOptionClick,
199
197
  },
200
198
  facetPaletteOptions: {
201
199
  hideLabel: true,
202
200
  columns: 3,
203
- onClick: onFacetOptionClick,
201
+ onClick: properties.onFacetOptionClick,
204
202
  },
205
203
  result: {
206
204
  hideBadge: true,
207
205
  },
208
206
  },
209
207
  };
210
- var displaySettings = (0, useDisplaySettings_1.useDisplaySettings)(breakpoints);
211
- if (displaySettings && Object.keys(displaySettings).length) {
212
- var theme_1 = (0, deepmerge_1.default)(themeOverride, (props === null || props === void 0 ? void 0 : props.theme) || {}, (displaySettings === null || displaySettings === void 0 ? void 0 : displaySettings.theme) || {});
213
- props = __assign(__assign(__assign({}, props), displaySettings), { theme: theme_1 });
214
- }
208
+ var displaySettings = (0, useDisplaySettings_1.useDisplaySettings)(breakpoints) || {};
209
+ var theme = (0, deepmerge_1.default)(themeOverride, (0, deepmerge_1.default)((props === null || props === void 0 ? void 0 : props.theme) || {}, (displaySettings === null || displaySettings === void 0 ? void 0 : displaySettings.theme) || {}));
210
+ props = __assign(__assign(__assign({}, props), displaySettings), { theme: theme });
215
211
  var input = props.input;
216
212
  var inputViewportOffsetBottom;
217
213
  if (input) {
@@ -221,6 +217,7 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
221
217
  var rect = input === null || input === void 0 ? void 0 : input.getBoundingClientRect();
222
218
  inputViewportOffsetBottom = (rect === null || rect === void 0 ? void 0 : rect.bottom) || 0;
223
219
  }
220
+ var hideTerms = props.hideTerms, hideFacets = props.hideFacets, hideContent = props.hideContent, hideBanners = props.hideBanners, hideLink = props.hideLink, horizontalTerms = props.horizontalTerms, vertical = props.vertical, termsTitle = props.termsTitle, trendingTitle = props.trendingTitle, facetsTitle = props.facetsTitle, contentTitle = props.contentTitle, viewportMaxHeight = props.viewportMaxHeight, termsSlot = props.termsSlot, facetsSlot = props.facetsSlot, contentSlot = props.contentSlot, resultsSlot = props.resultsSlot, noResultsSlot = props.noResultsSlot, linkSlot = props.linkSlot, onTermClick = props.onTermClick, disableStyles = props.disableStyles, className = props.className, width = props.width, style = props.style, controller = props.controller;
224
221
  var subProps = {
225
222
  facets: __assign(__assign(__assign({
226
223
  // default props
package/dist/esm/components/Organisms/Autocomplete/Autocomplete.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAQ5E,OAAO,EAAc,cAAc,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AA2J5F,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CA8X/E,CAAC;AAkCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;CAC1B"}
1
+ {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAQ5E,OAAO,EAAc,cAAc,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AA2J5F,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CAyX/E,CAAC;AAkCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;CAC1B"}
package/dist/esm/components/Organisms/Autocomplete/Autocomplete.js CHANGED
@@ -137,7 +137,6 @@ const CSS = {
137
137
  };
138
138
  export const Autocomplete = observer((properties) => {
139
139
  const globalTheme = useTheme();
140
- const theme = { ...globalTheme, ...properties.theme };
141
140
  let props = {
142
141
  // default props
143
142
  termsTitle: '',
@@ -169,7 +168,6 @@ export const Autocomplete = observer((properties) => {
169
168
  rows: 3,
170
169
  },
171
170
  };
172
- const { hideTerms, hideFacets, hideContent, hideBanners, hideLink, horizontalTerms, vertical, termsTitle, trendingTitle, facetsTitle, contentTitle, viewportMaxHeight, termsSlot, facetsSlot, contentSlot, resultsSlot, noResultsSlot, linkSlot, onFacetOptionClick, onTermClick, disableStyles, className, width, style, controller, } = props;
173
171
  let delayTimeout;
174
172
  const delayTime = 333;
175
173
  const valueProps = {
@@ -194,36 +192,34 @@ export const Autocomplete = observer((properties) => {
194
192
  },
195
193
  facetGridOptions: {
196
194
  columns: 3,
197
- onClick: onFacetOptionClick,
195
+ onClick: properties.onFacetOptionClick,
198
196
  },
199
197
  facetHierarchyOptions: {
200
198
  hideCount: true,
201
- onClick: onFacetOptionClick,
199
+ onClick: properties.onFacetOptionClick,
202
200
  },
203
201
  facetListOptions: {
204
202
  hideCheckbox: true,
205
203
  hideCount: true,
206
- onClick: onFacetOptionClick,
204
+ onClick: properties.onFacetOptionClick,
207
205
  },
208
206
  facetPaletteOptions: {
209
207
  hideLabel: true,
210
208
  columns: 3,
211
- onClick: onFacetOptionClick,
209
+ onClick: properties.onFacetOptionClick,
212
210
  },
213
211
  result: {
214
212
  hideBadge: true,
215
213
  },
216
214
  },
217
215
  };
218
- const displaySettings = useDisplaySettings(breakpoints);
219
- if (displaySettings && Object.keys(displaySettings).length) {
220
- const theme = deepmerge(themeOverride, props?.theme || {}, displaySettings?.theme || {});
221
- props = {
222
- ...props,
223
- ...displaySettings,
224
- theme,
225
- };
226
- }
216
+ const displaySettings = useDisplaySettings(breakpoints) || {};
217
+ const theme = deepmerge(themeOverride, deepmerge(props?.theme || {}, displaySettings?.theme || {}));
218
+ props = {
219
+ ...props,
220
+ ...displaySettings,
221
+ theme,
222
+ };
227
223
  let { input } = props;
228
224
  let inputViewportOffsetBottom;
229
225
  if (input) {
@@ -233,6 +229,7 @@ export const Autocomplete = observer((properties) => {
233
229
  const rect = input?.getBoundingClientRect();
234
230
  inputViewportOffsetBottom = rect?.bottom || 0;
235
231
  }
232
+ const { hideTerms, hideFacets, hideContent, hideBanners, hideLink, horizontalTerms, vertical, termsTitle, trendingTitle, facetsTitle, contentTitle, viewportMaxHeight, termsSlot, facetsSlot, contentSlot, resultsSlot, noResultsSlot, linkSlot, onTermClick, disableStyles, className, width, style, controller, } = props;
236
233
  const subProps = {
237
234
  facets: {
238
235
  // default props
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@searchspring/snap-preact-components",
3
- "version": "0.21.0",
3
+ "version": "0.21.1",
4
4
  "description": "Snap Preact Component Library",
5
5
  "author": "Searchspring",
6
6
  "license": "MIT",
@@ -26,8 +26,8 @@
26
26
  },
27
27
  "dependencies": {
28
28
  "@emotion/react": "^11.7.1",
29
- "@searchspring/snap-preact": "^0.21.0",
30
- "@searchspring/snap-toolbox": "^0.21.0",
29
+ "@searchspring/snap-preact": "^0.21.1",
30
+ "@searchspring/snap-toolbox": "^0.21.1",
31
31
  "classnames": "^2.3.1",
32
32
  "deepmerge": "^4.2.2",
33
33
  "mobx-react-lite": "^3.2.3",
@@ -39,13 +39,13 @@
39
39
  },
40
40
  "devDependencies": {
41
41
  "@mdx-js/loader": "^1.6.22",
42
- "@searchspring/snap-client": "^0.21.0",
43
- "@searchspring/snap-controller": "^0.21.0",
44
- "@searchspring/snap-event-manager": "^0.21.0",
45
- "@searchspring/snap-logger": "^0.21.0",
46
- "@searchspring/snap-profiler": "^0.21.0",
47
- "@searchspring/snap-store-mobx": "^0.21.0",
48
- "@searchspring/snap-url-manager": "^0.21.0",
42
+ "@searchspring/snap-client": "^0.21.1",
43
+ "@searchspring/snap-controller": "^0.21.1",
44
+ "@searchspring/snap-event-manager": "^0.21.1",
45
+ "@searchspring/snap-logger": "^0.21.1",
46
+ "@searchspring/snap-profiler": "^0.21.1",
47
+ "@searchspring/snap-store-mobx": "^0.21.1",
48
+ "@searchspring/snap-url-manager": "^0.21.1",
49
49
  "@storybook/addon-actions": "^6.4.9",
50
50
  "@storybook/addon-controls": "^6.4.9",
51
51
  "@storybook/addon-docs": "^6.4.9",
@@ -65,5 +65,5 @@
65
65
  "ts-loader": "^9.2.6"
66
66
  },
67
67
  "sideEffects": false,
68
- "gitHead": "503b4540ee7a46156f42e55d3bbecd9baf427998"
68
+ "gitHead": "e54d2d21a811b65b0e766d2dc0fd5b0f6da6053e"
69
69
  }