@athoscommerce/snap-preact 1.1.5 → 1.2.0

package/dist/cjs/components/src/components/Organisms/Autocomplete/Autocomplete.js

@@ -32,11 +32,6 @@ var providers_1 = require("../../../providers");
 var types_1 = require("../../../types");
 var useDisplaySettings_1 = require("../../../hooks/useDisplaySettings");
 var hooks_2 = require("../../../hooks");
-// import { useSnap } from '../../../providers';
-// import { useComponent } from '../../../hooks';
-// import { useCreateController } from '../../../hooks/useCreateController';
-// import type { RecommendationController } from '@athoscommerce/snap-controller';
-// import type { FunctionalComponent } from 'preact';
 // import type { SnapTemplates } from '../../../../../src';
 var defaultStyles = function (_a) {
     var _b, _c, _d, _e, _f, _g;
@@ -184,8 +179,9 @@ var defaultStyles = function (_a) {
     });
 };
 exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         termsTitle: '',
@@ -198,6 +194,13 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('autocomplete', globalTheme, defaultProps, properties);
+    var customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_2.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.autocomplete) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var valueProps = (0, toolbox_1.createHoverProps)();
     var facetClickEvent = function (e) {
         properties.onFacetOptionClick && properties.onFacetOptionClick(e);
@@ -235,17 +238,17 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
             0: {
                 columns: 2,
                 rows: 1,
-                hideFacets: (_a = props.hideFacets) !== null && _a !== void 0 ? _a : true,
-                vertical: (_b = props.vertical) !== null && _b !== void 0 ? _b : true,
-                hideHistory: (_c = props.hideHistory) !== null && _c !== void 0 ? _c : true,
-                hideTrending: (_d = props.hideTrending) !== null && _d !== void 0 ? _d : true,
+                hideFacets: (_b = props.hideFacets) !== null && _b !== void 0 ? _b : true,
+                vertical: (_c = props.vertical) !== null && _c !== void 0 ? _c : true,
+                hideHistory: (_d = props.hideHistory) !== null && _d !== void 0 ? _d : true,
+                hideTrending: (_e = props.hideTrending) !== null && _e !== void 0 ? _e : true,
             },
             540: {
                 columns: 3,
                 rows: 1,
-                vertical: (_e = props.vertical) !== null && _e !== void 0 ? _e : true,
-                hideHistory: (_f = props.hideHistory) !== null && _f !== void 0 ? _f : true,
-                hideTrending: (_g = props.hideTrending) !== null && _g !== void 0 ? _g : true,
+                vertical: (_f = props.vertical) !== null && _f !== void 0 ? _f : true,
+                hideHistory: (_g = props.hideHistory) !== null && _g !== void 0 ? _g : true,
+                hideTrending: (_h = props.hideTrending) !== null && _h !== void 0 ? _h : true,
             },
             768: {
                 columns: 2,
@@ -327,7 +330,7 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
             // component theme overrides
             theme: props.theme, treePath: treePath }),
     };
-    var _x = controller.store, search = _x.search, terms = _x.terms, trending = _x.trending, results = _x.results, merchandising = _x.merchandising, pagination = _x.pagination, loaded = _x.loaded, filters = _x.filters, facets = _x.facets, state = _x.state, loading = _x.loading;
+    var _y = controller.store, search = _y.search, terms = _y.terms, trending = _y.trending, results = _y.results, merchandising = _y.merchandising, pagination = _y.pagination, loaded = _y.loaded, filters = _y.filters, facets = _y.facets, state = _y.state, loading = _y.loading;
     var history = controller.store.history || [];
     // you can pass in a selector or the actual input element,
     // if its the selector, we need to bind it to the controller here.
@@ -359,11 +362,11 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
     var facetsToShow = facets.length ? facets.filter(function (facet) { return facet.display !== types_1.FacetDisplay.SLIDER; }) : [];
     var onlyTerms = ((trending === null || trending === void 0 ? void 0 : trending.length) || history.length) && !loaded && !loading;
     // results logic
-    var showResults = Boolean(results.length > 0 || Object.keys(merchandising.content).length > 0 || ((_h = search === null || search === void 0 ? void 0 : search.query) === null || _h === void 0 ? void 0 : _h.string));
+    var showResults = Boolean(results.length > 0 || Object.keys(merchandising.content).length > 0 || ((_j = search === null || search === void 0 ? void 0 : search.query) === null || _j === void 0 ? void 0 : _j.string));
     if ((hideTrending && trendingActive) || (hideHistory && historyActive)) {
         showResults = false;
     }
-    var noResults = Boolean(((_j = search === null || search === void 0 ? void 0 : search.query) === null || _j === void 0 ? void 0 : _j.string) && results.length === 0);
+    var noResults = Boolean(((_k = search === null || search === void 0 ? void 0 : search.query) === null || _k === void 0 ? void 0 : _k.string) && results.length === 0);
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     var reset = function () {
         controller.setFocused();
@@ -394,7 +397,7 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
         ? typeof seeMoreButtonText == 'function'
             ? seeMoreButtonText(controller)
             : seeMoreButtonText
-        : "See ".concat(pagination.totalResults, " ").concat(filters.length > 0 ? 'filtered' : '', " result").concat(pagination.totalResults == 1 ? '' : 's', " for \"").concat((_k = search.query) === null || _k === void 0 ? void 0 : _k.string, "\"");
+        : "See ".concat(pagination.totalResults, " ").concat(filters.length > 0 ? 'filtered' : '', " result").concat(pagination.totalResults == 1 ? '' : 's', " for \"").concat((_l = search.query) === null || _l === void 0 ? void 0 : _l.string, "\"");
     //initialize lang
     var defaultLang = {
         trendingTitle: {
@@ -419,7 +422,7 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
             value: facetsTitle,
         },
         noResultsText: {
-            value: "<p>No results found for \"".concat(((_l = search.originalQuery) === null || _l === void 0 ? void 0 : _l.string) || ((_m = search.query) === null || _m === void 0 ? void 0 : _m.string), "\".</p><p>Please try another search.</p>"),
+            value: "<p>No results found for \"".concat(((_m = search.originalQuery) === null || _m === void 0 ? void 0 : _m.string) || ((_o = search.query) === null || _o === void 0 ? void 0 : _o.string), "\".</p><p>Please try another search.</p>"),
         },
         seeMoreButton: {
             value: defaultSeeMoreButtonText,
@@ -434,7 +437,7 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
                 'ss__autocomplete--only-terms': onlyTerms,
                 'ss__autocomplete--vertical': vertical,
                 'ss__autocomplete--no-results': noResults,
-            }), onClick: function (e) { return e.stopPropagation(); }, ref: function (e) { return (0, hooks_2.useA11y)(e, 0, true, reset); }, children: [(0, jsx_runtime_1.jsx)("span", __assign({ role: 'link', ref: function (e) { return (0, hooks_2.useA11y)(e); }, onClick: function () { return reset(); }, className: "ss__autocomplete__close-button", style: { position: 'absolute', top: '-10000000px', left: '-1000000px' } }, (_o = mergedLang.closeButton) === null || _o === void 0 ? void 0 : _o.all)), !hideTerms && (showTrending || terms.length > 0 || termsSlot || (!hideHistory && history.length > 0)) && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__terms', { 'ss__autocomplete__terms-trending': showTrending }), children: termsSlot ? ((0, utilities_1.cloneWithProps)(termsSlot, {
+            }), onClick: function (e) { return e.stopPropagation(); }, ref: function (e) { return (0, hooks_2.useA11y)(e, 0, true, reset); }, children: [(0, jsx_runtime_1.jsx)("span", __assign({ role: 'link', ref: function (e) { return (0, hooks_2.useA11y)(e); }, onClick: function () { return reset(); }, className: "ss__autocomplete__close-button", style: { position: 'absolute', top: '-10000000px', left: '-1000000px' } }, (_p = mergedLang.closeButton) === null || _p === void 0 ? void 0 : _p.all)), !hideTerms && (showTrending || terms.length > 0 || termsSlot || (!hideHistory && history.length > 0)) && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__terms', { 'ss__autocomplete__terms-trending': showTrending }), children: termsSlot ? ((0, utilities_1.cloneWithProps)(termsSlot, {
                         terms: terms,
                         trending: trending,
                         termsTitle: termsTitle,
@@ -447,7 +450,7 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
                         onTermClick: onTermClick,
                         controller: controller,
                         treePath: treePath,
-                    })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [terms.length > 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "ss__autocomplete__terms__suggestions", children: [termsTitle || lang.termsTitle.value ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__title ss__autocomplete__title--terms ss__autocomplete__title--suggestions", children: (0, jsx_runtime_1.jsx)("h5", __assign({}, (_p = mergedLang.termsTitle) === null || _p === void 0 ? void 0 : _p.all)) })) : null, (0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__terms__options", role: 'list', "aria-label": termsTitle, children: terms.map(function (term, idx) {
+                    })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [terms.length > 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: "ss__autocomplete__terms__suggestions", children: [termsTitle || lang.termsTitle.value ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__title ss__autocomplete__title--terms ss__autocomplete__title--suggestions", children: (0, jsx_runtime_1.jsx)("h5", __assign({}, (_q = mergedLang.termsTitle) === null || _q === void 0 ? void 0 : _q.all)) })) : null, (0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__terms__options", role: 'list', "aria-label": termsTitle, children: terms.map(function (term, idx) {
                                             var _a;
                                             //initialize lang
                                             var defaultLang = {
@@ -467,7 +470,7 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
                                             return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__terms__option', {
                                                     'ss__autocomplete__terms__option--active': term.active,
                                                 }), children: (0, jsx_runtime_1.jsx)("a", __assign({ onClick: function (e) { return termClickEvent(e); }, href: term.url.href }, (0, toolbox_1.createHoverProps)(term.preview), { role: "link" }, (_a = suggestionTermLangObj.suggestionsTerm) === null || _a === void 0 ? void 0 : _a.all, { children: emIfy(term.value, state.input || '') })) }));
-                                        }) })] })) : null, showTrending && !hideTrending ? ((0, jsx_runtime_1.jsxs)("div", { className: "ss__autocomplete__terms__trending", children: [trendingTitle || lang.trendingTitle.value ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__title ss__autocomplete__title--trending", children: (0, jsx_runtime_1.jsx)("h5", __assign({}, (_q = mergedLang.trendingTitle) === null || _q === void 0 ? void 0 : _q.all)) })) : null, (0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__terms__options", role: 'list', "aria-label": trendingTitle, children: trending.map(function (term, idx) {
+                                        }) })] })) : null, showTrending && !hideTrending ? ((0, jsx_runtime_1.jsxs)("div", { className: "ss__autocomplete__terms__trending", children: [trendingTitle || lang.trendingTitle.value ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__title ss__autocomplete__title--trending", children: (0, jsx_runtime_1.jsx)("h5", __assign({}, (_r = mergedLang.trendingTitle) === null || _r === void 0 ? void 0 : _r.all)) })) : null, (0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__terms__options", role: 'list', "aria-label": trendingTitle, children: trending.map(function (term, idx) {
                                             var _a;
                                             //initialize lang
                                             var defaultLang = {
@@ -487,7 +490,7 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
                                             return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__terms__option', {
                                                     'ss__autocomplete__terms__option--active': term.active,
                                                 }), children: (0, jsx_runtime_1.jsx)("a", __assign({ onClick: function (e) { return termClickEvent(e); }, href: term.url.href }, (0, toolbox_1.createHoverProps)(term.preview), { role: "link" }, (_a = trendingTermLangObj.trendingTerm) === null || _a === void 0 ? void 0 : _a.all, { children: emIfy(term.value, state.input || '') })) }));
-                                        }) })] })) : null, showHistory && !hideHistory ? ((0, jsx_runtime_1.jsxs)("div", { className: "ss__autocomplete__terms__history", children: [historyTitle || lang.historyTitle.value ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__title ss__autocomplete__title--history", children: (0, jsx_runtime_1.jsx)("h5", __assign({}, (_r = mergedLang.historyTitle) === null || _r === void 0 ? void 0 : _r.all)) })) : null, (0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__terms__options", role: 'list', "aria-label": historyTitle, children: history.map(function (term, idx) {
+                                        }) })] })) : null, showHistory && !hideHistory ? ((0, jsx_runtime_1.jsxs)("div", { className: "ss__autocomplete__terms__history", children: [historyTitle || lang.historyTitle.value ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__title ss__autocomplete__title--history", children: (0, jsx_runtime_1.jsx)("h5", __assign({}, (_s = mergedLang.historyTitle) === null || _s === void 0 ? void 0 : _s.all)) })) : null, (0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__terms__options", role: 'list', "aria-label": historyTitle, children: history.map(function (term, idx) {
                                             var _a;
                                             //initialize lang
                                             var defaultLang = {
@@ -508,7 +511,7 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
                                                     'ss__autocomplete__terms__option--active': term.active,
                                                 }), children: (0, jsx_runtime_1.jsx)("a", __assign({ onClick: function (e) { return termClickEvent(e); }, href: term.url.href }, (0, toolbox_1.createHoverProps)(term.preview), { role: "link" }, (_a = historyTermLangObj.historyTerm) === null || _a === void 0 ? void 0 : _a.all, { children: emIfy(term.value, state.input || '') })) }));
                                         }) })] })) : null] })) })), !hideFacets &&
-                    (facetsSlot ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__facets", children: (0, utilities_1.cloneWithProps)(facetsSlot, { facets: facetsToShow, merchandising: merchandising, facetsTitle: facetsTitle, hideBanners: hideBanners, controller: controller, valueProps: valueProps, treePath: treePath }) })) : (facetsToShow.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(facetsTitle || lang.facetsTitle.value) && vertical ? ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__title', 'ss__autocomplete__title--facets'), children: (0, jsx_runtime_1.jsx)("h5", __assign({}, (_s = mergedLang.facetsTitle) === null || _s === void 0 ? void 0 : _s.all)) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "ss__autocomplete__facets", children: [(facetsTitle || lang.facetsTitle.value) && !vertical ? ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__title', 'ss__autocomplete__title--facets'), children: (0, jsx_runtime_1.jsx)("h5", __assign({}, (_t = mergedLang.facetsTitle) === null || _t === void 0 ? void 0 : _t.all)) })) : null, (0, jsx_runtime_1.jsx)(Facets_1.Facets, __assign({}, subProps.facets, { facets: facetsToShow })), !hideBanners ? (0, jsx_runtime_1.jsx)(Banner_1.Banner, __assign({}, subProps.banner, { content: merchandising.content, type: snap_store_mobx_1.ContentType.LEFT, name: 'left' })) : null] })] })))), !hideContent ? (contentSlot ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__content", children: (0, utilities_1.cloneWithProps)(contentSlot, { results: results, merchandising: merchandising, search: search, pagination: pagination, filters: filters, controller: controller, treePath: treePath }) })) : showResults ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__content", children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!hideBanners ? (0, jsx_runtime_1.jsx)(Banner_1.Banner, __assign({}, subProps.banner, { content: merchandising.content, type: snap_store_mobx_1.ContentType.HEADER, name: 'header' })) : null, !hideBanners ? (0, jsx_runtime_1.jsx)(Banner_1.Banner, __assign({}, subProps.banner, { content: merchandising.content, type: snap_store_mobx_1.ContentType.BANNER, name: 'banner' })) : null, results.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__content__results", children: resultsSlot ? ((0, utilities_1.cloneWithProps)(resultsSlot, { results: results, contentTitle: contentTitle, controller: controller, treePath: treePath })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(contentTitle || lang.contentTitle.value) && results.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__title', 'ss__autocomplete__title--content'), children: (0, jsx_runtime_1.jsx)("h5", __assign({}, (_u = mergedLang.contentTitle) === null || _u === void 0 ? void 0 : _u.all)) })) : null, (0, jsx_runtime_1.jsx)(Results_1.Results, __assign({ results: results }, subProps.results, { controller: controller }))] })) })) : ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__content__no-results", children: noResultsSlot ? ((0, utilities_1.cloneWithProps)(noResultsSlot, { search: search, pagination: pagination, controller: controller, treePath: treePath })) : ((0, jsx_runtime_1.jsx)("div", __assign({ className: "ss__autocomplete__content__no-results__text" }, (_v = mergedLang.noResultsText) === null || _v === void 0 ? void 0 : _v.all))) })), !hideBanners ? (0, jsx_runtime_1.jsx)(Banner_1.Banner, __assign({}, subProps.banner, { content: merchandising.content, type: snap_store_mobx_1.ContentType.FOOTER, name: 'footer' })) : null, !hideLink ? (linkSlot ? ((0, utilities_1.cloneWithProps)(linkSlot, { search: search, results: results, pagination: pagination, filters: filters, controller: controller, treePath: treePath })) : ((_w = search === null || search === void 0 ? void 0 : search.query) === null || _w === void 0 ? void 0 : _w.string) && results.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__content__info", children: (0, jsx_runtime_1.jsxs)("a", __assign({ href: state.url.href, onClick: function () { return (controller === null || controller === void 0 ? void 0 : controller.setFocused) && controller.setFocused(); } }, mergedLang.seeMoreButton.attributes, { children: [(0, jsx_runtime_1.jsx)("span", __assign({}, mergedLang.seeMoreButton.value)), (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof seeMoreButtonIcon == 'string' ? { icon: seeMoreButtonIcon } : seeMoreButtonIcon)))] })) })) : null) : null] }) })) : null) : null] })) })) : null;
+                    (facetsSlot ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__facets", children: (0, utilities_1.cloneWithProps)(facetsSlot, { facets: facetsToShow, merchandising: merchandising, facetsTitle: facetsTitle, hideBanners: hideBanners, controller: controller, valueProps: valueProps, treePath: treePath }) })) : (facetsToShow.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(facetsTitle || lang.facetsTitle.value) && vertical ? ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__title', 'ss__autocomplete__title--facets'), children: (0, jsx_runtime_1.jsx)("h5", __assign({}, (_t = mergedLang.facetsTitle) === null || _t === void 0 ? void 0 : _t.all)) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "ss__autocomplete__facets", children: [(facetsTitle || lang.facetsTitle.value) && !vertical ? ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__title', 'ss__autocomplete__title--facets'), children: (0, jsx_runtime_1.jsx)("h5", __assign({}, (_u = mergedLang.facetsTitle) === null || _u === void 0 ? void 0 : _u.all)) })) : null, (0, jsx_runtime_1.jsx)(Facets_1.Facets, __assign({}, subProps.facets, { facets: facetsToShow })), !hideBanners ? (0, jsx_runtime_1.jsx)(Banner_1.Banner, __assign({}, subProps.banner, { content: merchandising.content, type: snap_store_mobx_1.ContentType.LEFT, name: 'left' })) : null] })] })))), !hideContent ? (contentSlot ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__content", children: (0, utilities_1.cloneWithProps)(contentSlot, { results: results, merchandising: merchandising, search: search, pagination: pagination, filters: filters, controller: controller, treePath: treePath }) })) : showResults ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__content", children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!hideBanners ? (0, jsx_runtime_1.jsx)(Banner_1.Banner, __assign({}, subProps.banner, { content: merchandising.content, type: snap_store_mobx_1.ContentType.HEADER, name: 'header' })) : null, !hideBanners ? (0, jsx_runtime_1.jsx)(Banner_1.Banner, __assign({}, subProps.banner, { content: merchandising.content, type: snap_store_mobx_1.ContentType.BANNER, name: 'banner' })) : null, results.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__content__results", children: resultsSlot ? ((0, utilities_1.cloneWithProps)(resultsSlot, { results: results, contentTitle: contentTitle, controller: controller, treePath: treePath })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(contentTitle || lang.contentTitle.value) && results.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__title', 'ss__autocomplete__title--content'), children: (0, jsx_runtime_1.jsx)("h5", __assign({}, (_v = mergedLang.contentTitle) === null || _v === void 0 ? void 0 : _v.all)) })) : null, (0, jsx_runtime_1.jsx)(Results_1.Results, __assign({ results: results }, subProps.results, { controller: controller }))] })) })) : ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__content__no-results", children: noResultsSlot ? ((0, utilities_1.cloneWithProps)(noResultsSlot, { search: search, pagination: pagination, controller: controller, treePath: treePath })) : ((0, jsx_runtime_1.jsx)("div", __assign({ className: "ss__autocomplete__content__no-results__text" }, (_w = mergedLang.noResultsText) === null || _w === void 0 ? void 0 : _w.all))) })), !hideBanners ? (0, jsx_runtime_1.jsx)(Banner_1.Banner, __assign({}, subProps.banner, { content: merchandising.content, type: snap_store_mobx_1.ContentType.FOOTER, name: 'footer' })) : null, !hideLink ? (linkSlot ? ((0, utilities_1.cloneWithProps)(linkSlot, { search: search, results: results, pagination: pagination, filters: filters, controller: controller, treePath: treePath })) : ((_x = search === null || search === void 0 ? void 0 : search.query) === null || _x === void 0 ? void 0 : _x.string) && results.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__content__info", children: (0, jsx_runtime_1.jsxs)("a", __assign({ href: state.url.href, onClick: function () { return (controller === null || controller === void 0 ? void 0 : controller.setFocused) && controller.setFocused(); } }, mergedLang.seeMoreButton.attributes, { children: [(0, jsx_runtime_1.jsx)("span", __assign({}, mergedLang.seeMoreButton.value)), (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof seeMoreButtonIcon == 'string' ? { icon: seeMoreButtonIcon } : seeMoreButtonIcon)))] })) })) : null) : null] }) })) : null) : null] })) })) : null;
 });
 var emIfy = function (term, search) {
     if (term && search) {

package/dist/cjs/components/src/components/Organisms/AutocompleteLayout/AutocompleteLayout.d.ts

@@ -1,5 +1,5 @@
 import type { AutocompleteController, RecommendationControllerConfig } from '@athoscommerce/snap-controller';
-import { ComponentProps, RecommendationComponentNames, ResultComponent } from '../../../types';
+import { ComponentProps, RecommendationComponentNames, JSXComponent } from '../../../types';
 import { Lang } from '../../../hooks';
 export declare const AutocompleteLayout: ((properties: AutocompleteLayoutProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
     displayName: string;
@@ -15,7 +15,7 @@ type Column = {
 };
 export type AutocompleteLayoutProps = {
     input: Element | string;
-    resultComponent?: ResultComponent;
+    resultComponent?: JSXComponent | JSX.Element;
     controller: AutocompleteController;
     lang?: Partial<AutocompleteLayoutLang>;
 } & AutocompleteLayoutTemplatesLegalProps & ComponentProps<AutocompleteLayoutProps>;

package/dist/cjs/components/src/components/Organisms/AutocompleteLayout/AutocompleteLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteLayout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/AutocompleteLayout/AutocompleteLayout.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,sBAAsB,EAA4B,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AASvI,OAAO,EACN,cAAc,EAEd,4BAA4B,EAE5B,eAAe,EAEf,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAoB,MAAM,gBAAgB,CAAC;AA4KxD,eAAO,MAAM,kBAAkB,gBAAyB,uBAAuB;;CAokB7E,CAAC;AAcH,MAAM,MAAM,WAAW,GACpB,WAAW,GACX,eAAe,GACf,gBAAgB,GAChB,mBAAmB,GACnB,QAAQ,GACR,kBAAkB,GAClB,iBAAiB,GACjB,SAAS,GACT,YAAY,GACZ,GAAG,GACH,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;AACnB,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,KAAK,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AACrD,KAAK,sBAAsB,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,EAAE,GAAG,YAAY,EAAE,CAAC;AAE1F,KAAK,MAAM,GAAG;IACb,MAAM,EAAE,WAAW,EAAE,EAAE,GAAG,WAAW,EAAE,CAAC;IACxC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,eAAe,CAAC;CACtE,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACrC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,EAAE,sBAAsB,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;CACvC,GAAG,qCAAqC,GACxC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAEzC,MAAM,MAAM,qCAAqC,GAAG;IACnD,MAAM,CAAC,EAAE,sBAAsB,EAAE,GAAG,eAAe,CAAC;IAEpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACX,cAAc,CAAC,EAAE;YAChB,OAAO,EAAE,OAAO,CAAC;YACjB,SAAS,CAAC,EAAE,4BAA4B,CAAC;YACzC,eAAe,CAAC,EAAE,MAAM,CAAC;YACzB,MAAM,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;SACjD,CAAC;KACF,CAAC;CACF,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACtC,WAAW,EAAE,IAAI,CAAC;QACjB,UAAU,EAAE,sBAAsB,CAAC;KACnC,CAAC,CAAC;IACH,YAAY,EAAE,IAAI,CAAC;QAClB,UAAU,EAAE,sBAAsB,CAAC;KACnC,CAAC,CAAC;IACH,WAAW,EAAE,IAAI,CAAC;QACjB,UAAU,EAAE,sBAAsB,CAAC;KACnC,CAAC,CAAC;IACH,aAAa,EAAE,IAAI,CAAC;QACnB,UAAU,EAAE,sBAAsB,CAAC;KACnC,CAAC,CAAC;IACH,aAAa,EAAE,IAAI,CAAC;QACnB,UAAU,EAAE,sBAAsB,CAAC;KACnC,CAAC,CAAC;CACH"}
+{"version":3,"file":"AutocompleteLayout.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/AutocompleteLayout/AutocompleteLayout.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,sBAAsB,EAA4B,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AASvI,OAAO,EAAE,cAAc,EAAgB,4BAA4B,EAA6C,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACrJ,OAAO,EAAE,IAAI,EAAoB,MAAM,gBAAgB,CAAC;AA4KxD,eAAO,MAAM,kBAAkB,gBAAyB,uBAAuB;;CAokB7E,CAAC;AAcH,MAAM,MAAM,WAAW,GACpB,WAAW,GACX,eAAe,GACf,gBAAgB,GAChB,mBAAmB,GACnB,QAAQ,GACR,kBAAkB,GAClB,iBAAiB,GACjB,SAAS,GACT,YAAY,GACZ,GAAG,GACH,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;AACnB,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,KAAK,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AACrD,KAAK,sBAAsB,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,EAAE,GAAG,YAAY,EAAE,CAAC;AAE1F,KAAK,MAAM,GAAG;IACb,MAAM,EAAE,WAAW,EAAE,EAAE,GAAG,WAAW,EAAE,CAAC;IACxC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,eAAe,CAAC;CACtE,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACrC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7C,UAAU,EAAE,sBAAsB,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;CACvC,GAAG,qCAAqC,GACxC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAEzC,MAAM,MAAM,qCAAqC,GAAG;IACnD,MAAM,CAAC,EAAE,sBAAsB,EAAE,GAAG,eAAe,CAAC;IAEpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACX,cAAc,CAAC,EAAE;YAChB,OAAO,EAAE,OAAO,CAAC;YACjB,SAAS,CAAC,EAAE,4BAA4B,CAAC;YACzC,eAAe,CAAC,EAAE,MAAM,CAAC;YACzB,MAAM,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;SACjD,CAAC;KACF,CAAC;CACF,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACtC,WAAW,EAAE,IAAI,CAAC;QACjB,UAAU,EAAE,sBAAsB,CAAC;KACnC,CAAC,CAAC;IACH,YAAY,EAAE,IAAI,CAAC;QAClB,UAAU,EAAE,sBAAsB,CAAC;KACnC,CAAC,CAAC;IACH,WAAW,EAAE,IAAI,CAAC;QACjB,UAAU,EAAE,sBAAsB,CAAC;KACnC,CAAC,CAAC;IACH,aAAa,EAAE,IAAI,CAAC;QACnB,UAAU,EAAE,sBAAsB,CAAC;KACnC,CAAC,CAAC;IACH,aAAa,EAAE,IAAI,CAAC;QACnB,UAAU,EAAE,sBAAsB,CAAC;KACnC,CAAC,CAAC;CACH"}

package/dist/cjs/components/src/components/Organisms/AutocompleteLayout/AutocompleteLayout.js

@@ -403,7 +403,7 @@ exports.AutocompleteLayout = (0, mobx_react_lite_1.observer)(function (propertie
     var RecommendationTemplateResultComponent;
     var noresults = Boolean(((_e = (_d = controller.store.search) === null || _d === void 0 ? void 0 : _d.query) === null || _e === void 0 ? void 0 : _e.string) && controller.store.results.length === 0);
     if (((_f = templates === null || templates === void 0 ? void 0 : templates.recommendation) === null || _f === void 0 ? void 0 : _f.enabled) && noresults) {
-        var recs = (0, createRecommendationTemplate_1.createRecommendationTemplate)(templates, properties.theme);
+        var recs = (0, createRecommendationTemplate_1.createRecommendationTemplate)(templates);
         RecommendationTemplateComponent = recs.RecommendationTemplateComponent;
         RecommendationTemplateResultComponent = recs.RecommendationTemplateResultComponent;
         recsController = recs.recsController;

package/dist/cjs/components/src/components/Organisms/BranchOverride/BranchOverride.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/BranchOverride/BranchOverride.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAI7D,MAAM,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,EAAE;QACJ,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE;YACL,GAAG,EAAE,MAAM,CAAC;SACZ,CAAC;QACF,MAAM,EAAE;YACP,MAAM,EAAE,MAAM,CAAC;YACf,KAAK,EAAE,MAAM,CAAC;YACd,OAAO,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,KAAK,EAAE;YACN,IAAI,EAAE,MAAM,CAAC;SACb,CAAC;KACF,CAAC;IACF,MAAM,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE;YACP,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;SACd,CAAC;QACF,UAAU,EAAE;YACX,KAAK,EAAE,MAAM,CAAC;SACd,CAAC;KACF,CAAC;CACF,CAAC;AAuMF,eAAO,MAAM,cAAc,eAAgB,mBAAmB,4DA0G7D,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/BranchOverride/BranchOverride.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAM7D,MAAM,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,EAAE;QACJ,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE;YACL,GAAG,EAAE,MAAM,CAAC;SACZ,CAAC;QACF,MAAM,EAAE;YACP,MAAM,EAAE,MAAM,CAAC;YACf,KAAK,EAAE,MAAM,CAAC;YACd,OAAO,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,KAAK,EAAE;YACN,IAAI,EAAE,MAAM,CAAC;SACb,CAAC;KACF,CAAC;IACF,MAAM,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE;YACP,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;SACd,CAAC;QACF,UAAU,EAAE;YACX,KAAK,EAAE,MAAM,CAAC;SACd,CAAC;KACF,CAAC;CACF,CAAC;AAuMF,eAAO,MAAM,cAAc,eAAgB,mBAAmB,4DAkH7D,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/cjs/components/src/components/Organisms/BranchOverride/BranchOverride.js

@@ -22,6 +22,7 @@ var hooks_1 = require("preact/hooks");
 var Icon_1 = require("../../Atoms/Icon/Icon");
 var utilities_1 = require("../../../utilities");
 var providers_1 = require("../../../providers");
+var hooks_2 = require("../../../hooks");
 // TODO: We want to avoid passing non-component props here. This may require some refactoring of this component.
 var defaultStyles = function (_a) {
     var componentTheme = _a.componentTheme;
@@ -216,13 +217,21 @@ var componentThemes = {
     failureTheme: failureTheme,
 };
 var BranchOverride = function (properties) {
+    var _a;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('branchOverride', globalTheme, defaultProps, properties);
-    var branch = props.branch, details = props.details, error = props.error, className = props.className, internalClassName = props.internalClassName, darkMode = props.darkMode, disableStyles = props.disableStyles, onRemoveClick = props.onRemoveClick, treePath = props.treePath;
+    var branch = props.branch, details = props.details, error = props.error, className = props.className, internalClassName = props.internalClassName, darkMode = props.darkMode, disableStyles = props.disableStyles, onRemoveClick = props.onRemoveClick, treePath = props.treePath, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_2.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.branchOverride) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var subProps = {
         icon: __assign(__assign({ 
             // default props
@@ -233,8 +242,8 @@ var BranchOverride = function (properties) {
             theme: props === null || props === void 0 ? void 0 : props.theme, treePath: treePath }),
     };
     var prefersDark = typeof darkMode == 'boolean' ? darkMode : window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)').matches : false;
-    var _a = (0, hooks_1.useState)(prefersDark ? 'darkTheme' : 'lightTheme'), themeName = _a[0], setThemeName = _a[1];
-    var _b = (0, hooks_1.useState)(0), collapsed = _b[0], setCollapsed = _b[1];
+    var _b = (0, hooks_1.useState)(prefersDark ? 'darkTheme' : 'lightTheme'), themeName = _b[0], setThemeName = _b[1];
+    var _c = (0, hooks_1.useState)(0), collapsed = _c[0], setCollapsed = _c[1];
     if (error) {
         setThemeName('failureTheme');
     }

package/dist/cjs/components/src/components/Organisms/Facet/Facet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Facet.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Facet/Facet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Facet.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Facet/Facet.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/src/components/Organisms/Facet/Facet.js

@@ -127,8 +127,9 @@ var defaultStyles = function (_a) {
     });
 };
 exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         limit: 12,
@@ -155,7 +156,13 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
     if (props.fields && props.fields[(_c = props.facet) === null || _c === void 0 ? void 0 : _c.field]) {
         props = __assign(__assign({}, props), props.fields[(_d = props.facet) === null || _d === void 0 ? void 0 : _d.field]);
     }
-    var disableCollapse = props.disableCollapse, facet = props.facet, iconCollapse = props.iconCollapse, iconExpand = props.iconExpand, limit = props.limit, statefulOverflow = props.statefulOverflow, disableOverflow = props.disableOverflow, iconColor = props.iconColor, color = props.color, previewOnFocus = props.previewOnFocus, valueProps = props.valueProps, showSelectedCount = props.showSelectedCount, hideSelectedCountParenthesis = props.hideSelectedCountParenthesis, clearAllIcon = props.clearAllIcon, showClearAllText = props.showClearAllText, justContent = props.justContent, horizontal = props.horizontal, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var disableCollapse = props.disableCollapse, facet = props.facet, iconCollapse = props.iconCollapse, iconExpand = props.iconExpand, limit = props.limit, statefulOverflow = props.statefulOverflow, disableOverflow = props.disableOverflow, iconColor = props.iconColor, color = props.color, previewOnFocus = props.previewOnFocus, valueProps = props.valueProps, showSelectedCount = props.showSelectedCount, hideSelectedCountParenthesis = props.hideSelectedCountParenthesis, clearAllIcon = props.clearAllIcon, showClearAllText = props.showClearAllText, justContent = props.justContent, horizontal = props.horizontal, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_2.useComponent)(((_e = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _e === void 0 ? void 0 : _e.library.import.component.facet) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var subProps = {
         dropdown: __assign(__assign({ 
             // default props
@@ -253,7 +260,7 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
     function escapeRegExp(string) {
         return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
     }
-    var _s = (0, hooks_1.useState)(), overflowState = _s[0], setOverflowState = _s[1];
+    var _t = (0, hooks_1.useState)(), overflowState = _t[0], setOverflowState = _t[1];
     (0, hooks_1.useEffect)(function () {
         if (statefulOverflow) {
             var interalOverflow = {
@@ -303,8 +310,8 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
     if ((facet === null || facet === void 0 ? void 0 : facet.overflow) && limit && Number.isInteger(limit) && !disableOverflow) {
         if (statefulOverflow) {
             var values = (facet === null || facet === void 0 ? void 0 : facet.values) || [];
-            if ((_e = facet === null || facet === void 0 ? void 0 : facet.search) === null || _e === void 0 ? void 0 : _e.input) {
-                var search_1 = new RegExp(escapeRegExp((_f = facet === null || facet === void 0 ? void 0 : facet.search) === null || _f === void 0 ? void 0 : _f.input), 'i');
+            if ((_f = facet === null || facet === void 0 ? void 0 : facet.search) === null || _f === void 0 ? void 0 : _f.input) {
+                var search_1 = new RegExp(escapeRegExp((_g = facet === null || facet === void 0 ? void 0 : facet.search) === null || _g === void 0 ? void 0 : _g.input), 'i');
                 values = facet === null || facet === void 0 ? void 0 : facet.values.filter(function (value) { return String((value === null || value === void 0 ? void 0 : value.label) || '').match(search_1); });
             }
             if ((overflowState === null || overflowState === void 0 ? void 0 : overflowState.enabled) && (overflowState === null || overflowState === void 0 ? void 0 : overflowState.limited)) {
@@ -316,7 +323,7 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
             limitedValues = values;
         }
         else {
-            (_g = facet.overflow) === null || _g === void 0 ? void 0 : _g.setLimit(limit);
+            (_h = facet.overflow) === null || _h === void 0 ? void 0 : _h.setLimit(limit);
             limitedValues = facet === null || facet === void 0 ? void 0 : facet.refinedValues;
         }
     }
@@ -329,7 +336,7 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     // Search within facet
     var searchableFacet = {
-        allowableTypes: ((_h = properties.treePath) === null || _h === void 0 ? void 0 : _h.includes('autocomplete')) ? [] : ['list', 'grid', 'palette'],
+        allowableTypes: ((_j = properties.treePath) === null || _j === void 0 ? void 0 : _j.includes('autocomplete')) ? [] : ['list', 'grid', 'palette'],
         searchFilter: function (e) {
             if (facet === null || facet === void 0 ? void 0 : facet.search) {
                 facet.search.input = e.target.value;
@@ -351,7 +358,7 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
         },
         dropdownButton: {
             attributes: {
-                'aria-label': "currently ".concat((facet === null || facet === void 0 ? void 0 : facet.collapsed) ? 'collapsed' : 'open', " ").concat(facet.label, " facet dropdown ").concat(((_j = facet.values) === null || _j === void 0 ? void 0 : _j.length) ? ((_k = facet.values) === null || _k === void 0 ? void 0 : _k.length) + ' options' : ''),
+                'aria-label': "currently ".concat((facet === null || facet === void 0 ? void 0 : facet.collapsed) ? 'collapsed' : 'open', " ").concat(facet.label, " facet dropdown ").concat(((_k = facet.values) === null || _k === void 0 ? void 0 : _k.length) ? ((_l = facet.values) === null || _l === void 0 ? void 0 : _l.length) + ' options' : ''),
             },
         },
         clearAllText: {
@@ -366,10 +373,10 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
     var mergedLang = (0, hooks_2.useLang)(lang, {
         facet: facet,
     });
-    var selectedCount = ((_l = facet === null || facet === void 0 ? void 0 : facet.values) === null || _l === void 0 ? void 0 : _l.filter(function (value) { return value === null || value === void 0 ? void 0 : value.filtered; }).length) ||
-        ((_m = facet === null || facet === void 0 ? void 0 : facet.active) === null || _m === void 0 ? void 0 : _m.high) !== ((_o = facet === null || facet === void 0 ? void 0 : facet.range) === null || _o === void 0 ? void 0 : _o.high) ||
-        ((_p = facet === null || facet === void 0 ? void 0 : facet.active) === null || _p === void 0 ? void 0 : _p.low) !== ((_q = facet === null || facet === void 0 ? void 0 : facet.range) === null || _q === void 0 ? void 0 : _q.low);
-    return facet && renderFacet ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet', "ss__facet--".concat(facet.field), "".concat(facet.collapsed ? 'ss__facet--collapsed' : ''), className, internalClassName, "".concat(facet.display ? "ss__facet--".concat(facet.display) : ''), (statefulOverflow ? (overflowState === null || overflowState === void 0 ? void 0 : overflowState.remaining) || 0 > 0 : (((_r = facet === null || facet === void 0 ? void 0 : facet.overflow) === null || _r === void 0 ? void 0 : _r.remaining) || 0) > 0) || (facet === null || facet === void 0 ? void 0 : facet.display) == 'slider'
+    var selectedCount = ((_m = facet === null || facet === void 0 ? void 0 : facet.values) === null || _m === void 0 ? void 0 : _m.filter(function (value) { return value === null || value === void 0 ? void 0 : value.filtered; }).length) ||
+        ((_o = facet === null || facet === void 0 ? void 0 : facet.active) === null || _o === void 0 ? void 0 : _o.high) !== ((_p = facet === null || facet === void 0 ? void 0 : facet.range) === null || _p === void 0 ? void 0 : _p.high) ||
+        ((_q = facet === null || facet === void 0 ? void 0 : facet.active) === null || _q === void 0 ? void 0 : _q.low) !== ((_r = facet === null || facet === void 0 ? void 0 : facet.range) === null || _r === void 0 ? void 0 : _r.low);
+    return facet && renderFacet ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet', "ss__facet--".concat(facet.field), "".concat(facet.collapsed ? 'ss__facet--collapsed' : ''), className, internalClassName, "".concat(facet.display ? "ss__facet--".concat(facet.display) : ''), (statefulOverflow ? (overflowState === null || overflowState === void 0 ? void 0 : overflowState.remaining) || 0 > 0 : (((_s = facet === null || facet === void 0 ? void 0 : facet.overflow) === null || _s === void 0 ? void 0 : _s.remaining) || 0) > 0) || (facet === null || facet === void 0 ? void 0 : facet.display) == 'slider'
                 ? ''
                 : 'ss__facet--showing-all'), children: justContent ? ((0, jsx_runtime_1.jsx)(FacetContent, __assign({}, facetContentProps, { mergedLang: mergedLang }))) : ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, __assign({}, subProps.dropdown, { open: disableCollapse || !(facet === null || facet === void 0 ? void 0 : facet.collapsed), onClick: function () { return !disableCollapse && facet.toggleCollapse && (facet === null || facet === void 0 ? void 0 : facet.toggleCollapse()); }, disableA11y: true, button: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "ss__facet__header", ref: function (e) { return (0, useA11y_1.useA11y)(e, disableCollapse ? -1 : 0); }, role: "heading", "aria-level": 3 }, mergedLang.dropdownButton.attributes, { children: [(0, jsx_runtime_1.jsxs)("span", { className: "ss__facet__header__inner", children: [(0, jsx_runtime_1.jsx)("span", __assign({}, mergedLang.dropdownButton.value, { children: facet === null || facet === void 0 ? void 0 : facet.label })), showSelectedCount && selectedCount && facet.type !== 'range' ? ((0, jsx_runtime_1.jsx)("span", { className: "ss__facet__header__selected-count", children: hideSelectedCountParenthesis ? selectedCount : "(".concat(selectedCount, ")") })) : null, (mergedLang.clearAllText.value || clearAllIcon) && selectedCount ? ((0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.button, { internalClassName: "ss__facet__header__clear-all", name: 'reset-facet', onClick: function (e) {
                                         e.stopPropagation();

package/dist/cjs/components/src/components/Organisms/Facets/Facets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Facets.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Facets/Facets.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC/F,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAM7E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CA2ErD,CAAC;AAMH,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG;IACzB,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;CACvD,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACxE,CAAC"}
+{"version":3,"file":"Facets.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Facets/Facets.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC/F,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAM7E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAmFrD,CAAC;AAMH,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG;IACzB,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;CACvD,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACxE,CAAC"}

package/dist/cjs/components/src/components/Organisms/Facets/Facets.js

@@ -22,20 +22,28 @@ var deepmerge_1 = __importDefault(require("deepmerge"));
 var mobx_react_lite_1 = require("mobx-react-lite");
 var Facet_1 = require("../Facet");
 var providers_1 = require("../../../providers");
+var hooks_1 = require("../../../hooks");
 var utilities_1 = require("../../../utilities");
 var defaultStyles = function () {
     return (0, react_1.css)({});
 };
 exports.Facets = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b;
+    var _a, _b, _c;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         facets: (_b = (_a = properties.controller) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.facets,
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('facets', globalTheme, defaultProps, properties);
-    var limit = props.limit, onFacetOptionClick = props.onFacetOptionClick, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, controller = props.controller, treePath = props.treePath;
+    var limit = props.limit, onFacetOptionClick = props.onFacetOptionClick, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, controller = props.controller, treePath = props.treePath, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_c = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _c === void 0 ? void 0 : _c.library.import.component.facets) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var facetClickEvent = function (e) {
         onFacetOptionClick && onFacetOptionClick(e);
         // remove focus from input (close the autocomplete)

package/dist/cjs/components/src/components/Organisms/FacetsHorizontal/FacetsHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetsHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/FacetsHorizontal/FacetsHorizontal.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE/F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAA4B,MAAM,gBAAgB,CAAC;AAEhE,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAmF7D,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB;;CAwPzE,CAAC;AAUH,MAAM,MAAM,qBAAqB,GAAG;IACnC,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;CACvD,GAAG,mCAAmC,GACtC,cAAc,CAAC,qBAAqB,CAAC,CAAC;AAEvC,MAAM,MAAM,mCAAmC,GAAG;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAE7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC3C,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACpC,cAAc,EAAE,IAAI,CAAC;QACpB,aAAa,EAAE,mBAAmB,CAAC;QACnC,KAAK,EAAE,mBAAmB,CAAC;KAC3B,CAAC,CAAC;CACH"}
+{"version":3,"file":"FacetsHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/FacetsHorizontal/FacetsHorizontal.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE/F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAA0C,MAAM,gBAAgB,CAAC;AAG9E,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAmF7D,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB;;CAiQzE,CAAC;AAUH,MAAM,MAAM,qBAAqB,GAAG;IACnC,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;CACvD,GAAG,mCAAmC,GACtC,cAAc,CAAC,qBAAqB,CAAC,CAAC;AAEvC,MAAM,MAAM,mCAAmC,GAAG;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAE7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC3C,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACpC,cAAc,EAAE,IAAI,CAAC;QACpB,aAAa,EAAE,mBAAmB,CAAC;QACnC,KAAK,EAAE,mBAAmB,CAAC;KAC3B,CAAC,CAAC;CACH"}

package/dist/cjs/components/src/components/Organisms/FacetsHorizontal/FacetsHorizontal.js

@@ -103,8 +103,9 @@ var defaultStyles = function (_a) {
     });
 };
 exports.FacetsHorizontal = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b;
+    var _a, _b, _c;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         limit: 6,
@@ -115,7 +116,13 @@ exports.FacetsHorizontal = (0, mobx_react_lite_1.observer)(function (properties)
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('facetsHorizontal', globalTheme, defaultProps, properties);
-    var facets = props.facets, limit = props.limit, alwaysShowFiltersButton = props.alwaysShowFiltersButton, hideFiltersButton = props.hideFiltersButton, onFacetOptionClick = props.onFacetOptionClick, showSelectedCount = props.showSelectedCount, hideSelectedCountParenthesis = props.hideSelectedCountParenthesis, clearAllIcon = props.clearAllIcon, showClearAllText = props.showClearAllText, iconExpand = props.iconExpand, clearAllText = props.clearAllText, iconCollapse = props.iconCollapse, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, controller = props.controller, treePath = props.treePath;
+    var facets = props.facets, limit = props.limit, alwaysShowFiltersButton = props.alwaysShowFiltersButton, hideFiltersButton = props.hideFiltersButton, onFacetOptionClick = props.onFacetOptionClick, showSelectedCount = props.showSelectedCount, hideSelectedCountParenthesis = props.hideSelectedCountParenthesis, clearAllIcon = props.clearAllIcon, showClearAllText = props.showClearAllText, iconExpand = props.iconExpand, clearAllText = props.clearAllText, iconCollapse = props.iconCollapse, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, controller = props.controller, treePath = props.treePath, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_2.useComponent)(((_c = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _c === void 0 ? void 0 : _c.library.import.component.facetsHorizontal) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var facetClickEvent = function (e) {
         onFacetOptionClick && onFacetOptionClick(e);
     };
@@ -187,7 +194,7 @@ exports.FacetsHorizontal = (0, mobx_react_lite_1.observer)(function (properties)
             theme: props === null || props === void 0 ? void 0 : props.theme, treePath: treePath }),
     };
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    var _c = (0, hooks_1.useState)(undefined), selectedFacet = _c[0], setSelectedFacet = _c[1];
+    var _d = (0, hooks_1.useState)(undefined), selectedFacet = _d[0], setSelectedFacet = _d[1];
     var innerRef = (0, hooks_2.useClickOutside)(function () {
         selectedFacet && setSelectedFacet(undefined);
     });

package/dist/cjs/components/src/components/Organisms/FilterSummary/FilterSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSummary.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/FilterSummary/FilterSummary.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC/F,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAW,MAAM,gBAAgB,CAAC;AA0D/C,eAAO,MAAM,aAAa,gBAAyB,kBAAkB;;CAgHnE,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAChC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAClC,GAAG,gCAAgC,GACnC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEpC,MAAM,MAAM,gCAAgC,GAAG;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,UAAU,KAAK,IAAI,CAAC;IACjG,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC/E,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,KAAK,EAAE,IAAI,CAAC;QACX,OAAO,EAAE,UAAU,EAAE,CAAC;KACtB,CAAC,CAAC;IACH,aAAa,EAAE,IAAI,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACH"}
+{"version":3,"file":"FilterSummary.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/FilterSummary/FilterSummary.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC/F,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AA2D7D,eAAO,MAAM,aAAa,gBAAyB,kBAAkB;;CAyHnE,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAChC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAClC,GAAG,gCAAgC,GACnC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEpC,MAAM,MAAM,gCAAgC,GAAG;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,UAAU,KAAK,IAAI,CAAC;IACjG,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC/E,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,KAAK,EAAE,IAAI,CAAC;QACX,OAAO,EAAE,UAAU,EAAE,CAAC;KACtB,CAAC,CAAC;IACH,aAAa,EAAE,IAAI,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACH"}

package/dist/cjs/components/src/components/Organisms/FilterSummary/FilterSummary.js

@@ -76,8 +76,9 @@ var defaultStyles = function (props) {
     });
 };
 exports.FilterSummary = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         title: 'Current Filters',
@@ -90,7 +91,13 @@ exports.FilterSummary = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('filterSummary', globalTheme, defaultProps, properties);
-    var filters = props.filters, title = props.title, type = props.type, filterIcon = props.filterIcon, clearAllIcon = props.clearAllIcon, separator = props.separator, hideFacetLabel = props.hideFacetLabel, hideTitle = props.hideTitle, clearAllLabel = props.clearAllLabel, hideClearAll = props.hideClearAll, onClick = props.onClick, onClearAllClick = props.onClearAllClick, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var filters = props.filters, title = props.title, type = props.type, filterIcon = props.filterIcon, clearAllIcon = props.clearAllIcon, separator = props.separator, hideFacetLabel = props.hideFacetLabel, hideTitle = props.hideTitle, clearAllLabel = props.clearAllLabel, hideClearAll = props.hideClearAll, onClick = props.onClick, onClearAllClick = props.onClearAllClick, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_c = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _c === void 0 ? void 0 : _c.library.import.component.filterSummary) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var subProps = {
         filter: __assign(__assign({ name: 'filter', 
             // default props
@@ -118,7 +125,7 @@ exports.FilterSummary = (0, mobx_react_lite_1.observer)(function (properties) {
     var mergedLang = (0, hooks_1.useLang)(lang, {
         filters: filters,
     });
-    return (filters === null || filters === void 0 ? void 0 : filters.length) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__filter-summary', { 'ss__filter-summary--list': type === 'list' }, { 'ss__filter-summary--inline': type === 'inline' }, className, internalClassName), children: [!hideTitle && (0, jsx_runtime_1.jsx)("div", __assign({ className: "ss__filter-summary__title" }, (_c = mergedLang.title) === null || _c === void 0 ? void 0 : _c.all)), (0, jsx_runtime_1.jsxs)("div", { className: "ss__filter-summary__filters", children: [filters.map(function (filter) { return ((0, jsx_runtime_1.jsx)(Filter_1.Filter, __assign({}, subProps.filter, { filter: filter, onClick: function (e) { return onClick && onClick(e, filter); } }))); }), !hideClearAll && ((0, jsx_runtime_1.jsx)(Filter_1.Filter, __assign({}, subProps.filter, { name: 'clear-all', icon: clearAllIcon, internalClassName: "".concat((_d = subProps === null || subProps === void 0 ? void 0 : subProps.filter) === null || _d === void 0 ? void 0 : _d.internalClassName, " ss__filter-summary__clear-all"), hideFacetLabel: true, valueLabel: clearAllLabel, onClick: function (e) {
+    return (filters === null || filters === void 0 ? void 0 : filters.length) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__filter-summary', { 'ss__filter-summary--list': type === 'list' }, { 'ss__filter-summary--inline': type === 'inline' }, className, internalClassName), children: [!hideTitle && (0, jsx_runtime_1.jsx)("div", __assign({ className: "ss__filter-summary__title" }, (_d = mergedLang.title) === null || _d === void 0 ? void 0 : _d.all)), (0, jsx_runtime_1.jsxs)("div", { className: "ss__filter-summary__filters", children: [filters.map(function (filter) { return ((0, jsx_runtime_1.jsx)(Filter_1.Filter, __assign({}, subProps.filter, { filter: filter, onClick: function (e) { return onClick && onClick(e, filter); } }))); }), !hideClearAll && ((0, jsx_runtime_1.jsx)(Filter_1.Filter, __assign({}, subProps.filter, { name: 'clear-all', icon: clearAllIcon, internalClassName: "".concat((_e = subProps === null || subProps === void 0 ? void 0 : subProps.filter) === null || _e === void 0 ? void 0 : _e.internalClassName, " ss__filter-summary__clear-all"), hideFacetLabel: true, valueLabel: clearAllLabel, onClick: function (e) {
                                 var _a;
                                 onClearAllClick && onClearAllClick(e);
                                 (_a = properties.controller) === null || _a === void 0 ? void 0 : _a.urlManager.remove('filter').remove('page').go();

package/dist/cjs/components/src/components/Organisms/MobileSidebar/MobileSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/MobileSidebar/MobileSidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,EAAE,IAAI,EAAoB,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0C5D,eAAO,MAAM,aAAa,gBAAyB,kBAAkB;;CA0OnE,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAChC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAClC,GAAG,gCAAgC,GACnC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEpC,MAAM,MAAM,gCAAgC,GAAG;IAC9C,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,SAAS,EAAE,IAAI,CAAC;QACf,UAAU,EAAE,gBAAgB,CAAC;KAC7B,CAAC,CAAC;IACH,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CAC7B"}
+{"version":3,"file":"MobileSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/MobileSidebar/MobileSidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,EAAE,IAAI,EAAkC,MAAM,gBAAgB,CAAC;AAGtE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0C5D,eAAO,MAAM,aAAa,gBAAyB,kBAAkB;;CAmPnE,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAChC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAClC,GAAG,gCAAgC,GACnC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEpC,MAAM,MAAM,gCAAgC,GAAG;IAC9C,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,SAAS,EAAE,IAAI,CAAC;QACf,UAAU,EAAE,gBAAgB,CAAC;KAC7B,CAAC,CAAC;IACH,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CAC7B"}

package/dist/cjs/components/src/components/Organisms/MobileSidebar/MobileSidebar.js

@@ -60,7 +60,9 @@ var defaultStyles = function (_a) {
     });
 };
 exports.MobileSidebar = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a;
     var globalTheme = (0, providers_1.useTheme)();
+    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         openButtonText: 'Filters',
@@ -73,7 +75,13 @@ exports.MobileSidebar = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('mobileSidebar', globalTheme, defaultProps, properties);
-    var controller = props.controller, layout = props.layout, hideHeader = props.hideHeader, hideApplyButton = props.hideApplyButton, clearButtonIcon = props.clearButtonIcon, hideCloseButton = props.hideCloseButton, closeButtonText = props.closeButtonText, openButtonText = props.openButtonText, clearButtonText = props.clearButtonText, applyButtonIcon = props.applyButtonIcon, applyButtonText = props.applyButtonText, closeButtonIcon = props.closeButtonIcon, openButtonIcon = props.openButtonIcon, titleText = props.titleText, hideCloseButtonText = props.hideCloseButtonText, hideOpenButtonText = props.hideOpenButtonText, hideClearButtonText = props.hideClearButtonText, hideApplyButtonText = props.hideApplyButtonText, hideTitleText = props.hideTitleText, displayAt = props.displayAt, hideClearButton = props.hideClearButton, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var controller = props.controller, layout = props.layout, hideHeader = props.hideHeader, hideApplyButton = props.hideApplyButton, clearButtonIcon = props.clearButtonIcon, hideCloseButton = props.hideCloseButton, closeButtonText = props.closeButtonText, openButtonText = props.openButtonText, clearButtonText = props.clearButtonText, applyButtonIcon = props.applyButtonIcon, applyButtonText = props.applyButtonText, closeButtonIcon = props.closeButtonIcon, openButtonIcon = props.openButtonIcon, titleText = props.titleText, hideCloseButtonText = props.hideCloseButtonText, hideOpenButtonText = props.hideOpenButtonText, hideClearButtonText = props.hideClearButtonText, hideApplyButtonText = props.hideApplyButtonText, hideTitleText = props.hideTitleText, displayAt = props.displayAt, hideClearButton = props.hideClearButton, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
+    if (customComponent) {
+        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.mobileSidebar) || {}, customComponent);
+        if (ComponentOverride) {
+            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
+        }
+    }
     var hideFooter = props.hideFooter;
     if (hideApplyButton && hideClearButton) {
         hideFooter = true;

package/dist/cjs/components/src/components/Organisms/NoResults/NoResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoResults.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/NoResults/NoResults.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIhD,OAAO,KAAK,EAA4B,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAG/G,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAC;AAMvF,eAAO,MAAM,SAAS,gBAAyB,cAAc;;CAqK3D,CAAC;AAEH,KAAK,gBAAgB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B,IAAI,CAAC,EAAE,aAAa,CAAC;CACrB,GAAG,4BAA4B,GAC/B,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,MAAM,4BAA4B,GAAG;IAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE;QACX,cAAc,CAAC,EAAE;YAChB,OAAO,EAAE,OAAO,CAAC;YACjB,SAAS,CAAC,EAAE,MAAM,cAAc,CAAC,WAAW,CAAC,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC;YAC3E,eAAe,CAAC,EAAE,MAAM,cAAc,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;YAChG,MAAM,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;SACjD,CAAC;KACF,CAAC;CACF,CAAC;AAEF,MAAM,WAAW,aAAa;IAC7B,oBAAoB,EAAE,IAAI,CAAC;QAAE,UAAU,EAAE,gBAAgB,CAAA;KAAE,CAAC,CAAC;IAC7D,eAAe,EAAE,IAAI,CAAC;QAAE,UAAU,EAAE,gBAAgB,CAAA;KAAE,CAAC,CAAC;IACxD,iBAAiB,CAAC,EAAE,IAAI,CAAC;QAAE,UAAU,EAAE,gBAAgB,CAAA;KAAE,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,IAAI,CAAC;QAAE,UAAU,EAAE,gBAAgB,CAAA;KAAE,CAAC,CAAC;CACtD"}
+{"version":3,"file":"NoResults.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/NoResults/NoResults.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAgB,MAAM,gBAAgB,CAAC;AAI9D,OAAO,KAAK,EAA4B,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAG/G,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAC;AAMvF,eAAO,MAAM,SAAS,gBAAyB,cAAc;;CAyK3D,CAAC;AAEH,KAAK,gBAAgB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B,IAAI,CAAC,EAAE,aAAa,CAAC;CACrB,GAAG,4BAA4B,GAC/B,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,MAAM,4BAA4B,GAAG;IAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE;QACX,cAAc,CAAC,EAAE;YAChB,OAAO,EAAE,OAAO,CAAC;YACjB,SAAS,CAAC,EAAE,MAAM,cAAc,CAAC,WAAW,CAAC,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC;YAC3E,eAAe,CAAC,EAAE,MAAM,cAAc,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;YAChG,MAAM,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;SACjD,CAAC;KACF,CAAC;CACF,CAAC;AAEF,MAAM,WAAW,aAAa;IAC7B,oBAAoB,EAAE,IAAI,CAAC;QAAE,UAAU,EAAE,gBAAgB,CAAA;KAAE,CAAC,CAAC;IAC7D,eAAe,EAAE,IAAI,CAAC;QAAE,UAAU,EAAE,gBAAgB,CAAA;KAAE,CAAC,CAAC;IACxD,iBAAiB,CAAC,EAAE,IAAI,CAAC;QAAE,UAAU,EAAE,gBAAgB,CAAA;KAAE,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,IAAI,CAAC;QAAE,UAAU,EAAE,gBAAgB,CAAA;KAAE,CAAC,CAAC;CACtD"}