@athoscommerce/snap-preact 1.9.1 → 1.10.1-beta.150

package/dist/cjs/components/src/themes/pike/components/templates/autocompleteFixed.js

@@ -1,77 +1,64 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a, _b, _c, _d, _e;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.autocompleteFixed = void 0;
-var react_1 = require("@emotion/react");
-var autocompleteFixed_1 = require("../../../themeComponents/autocompleteFixed");
-var autocompleteShared_1 = require("../templates/autocompleteShared");
-var custom_1 = require("../../custom");
+const react_1 = require("@emotion/react");
+const autocompleteFixed_1 = require("../../../themeComponents/autocompleteFixed");
+const autocompleteShared_1 = require("../templates/autocompleteShared");
+const custom_1 = require("../../custom");
 // static variables
-var searchInputHeight = 40;
+const searchInputHeight = 40;
 // CSS in JS style script for the Search component
-var autocompleteFixedStyleScript = function (props) {
-    var _a;
-    var _b, _c;
+const autocompleteFixedStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
-    var mobileBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile;
+    const variables = props?.theme?.variables;
+    const mobileBp = variables?.breakpoints?.mobile;
     // autocomplete shared styles
-    var sharedStyles = (0, react_1.css)({
+    const sharedStyles = (0, react_1.css)({
         '.ss__modal': {
             '.ss__modal__content': {
                 '.ss__autocomplete-fixed__inner': {
                     '.ss__autocomplete-fixed__inner__layout-wrapper': {
-                        '.ss__autocomplete': __assign({}, (0, autocompleteShared_1.autocompleteSharedStyleScript)(props, 'autocompleteFixed')),
+                        '.ss__autocomplete': {
+                            ...(0, autocompleteShared_1.autocompleteSharedStyleScript)(props, 'autocompleteFixed'),
+                        },
                     },
                 },
             },
         },
     });
     // autocomplete fixed styles
-    var fixedStyles = (0, react_1.css)((_a = {
-            '.ss__modal': {
-                '.ss__modal__content': {
-                    '.ss__autocomplete-fixed__inner': {
-                        '& > .ss__search-input': {
-                            height: "".concat(searchInputHeight, "px"),
-                            margin: 0,
-                            '.ss__button, .ss__search-input__button--close-search-button': {
-                                width: "".concat(searchInputHeight, "px"),
-                            },
-                            '.ss__search-input__input': {
-                                backgroundColor: custom_1.custom.colors.white,
-                            },
+    const fixedStyles = (0, react_1.css)({
+        '.ss__modal': {
+            '.ss__modal__content': {
+                '.ss__autocomplete-fixed__inner': {
+                    '& > .ss__search-input': {
+                        height: `${searchInputHeight}px`,
+                        margin: 0,
+                        '.ss__button, .ss__search-input__button--close-search-button': {
+                            width: `${searchInputHeight}px`,
                         },
-                        '.ss__autocomplete-fixed__inner__layout-wrapper': {
-                            maxHeight: 'none',
-                            width: 'auto',
-                            '&, .ss__autocomplete': {
-                                overflow: 'visible',
-                            },
-                            '.ss__autocomplete': {
-                                maxWidth: '100%',
-                                width: props === null || props === void 0 ? void 0 : props.width,
-                                left: 0,
-                                right: 0,
-                                margin: "".concat(custom_1.custom.spacing.x2, "px auto auto auto"),
-                            },
+                        '.ss__search-input__input': {
+                            backgroundColor: custom_1.custom.colors.white,
+                        },
+                    },
+                    '.ss__autocomplete-fixed__inner__layout-wrapper': {
+                        maxHeight: 'none',
+                        width: 'auto',
+                        '&, .ss__autocomplete': {
+                            overflow: 'visible',
+                        },
+                        '.ss__autocomplete': {
+                            maxWidth: '100%',
+                            width: props?.width,
+                            left: 0,
+                            right: 0,
+                            margin: `${custom_1.custom.spacing.x2}px auto auto auto`,
                         },
                     },
                 },
-            }
+            },
         },
-        _a["".concat(custom_1.custom.utils.getBp(mobileBp))] = {
+        [`${custom_1.custom.utils.getBp(mobileBp)}`]: {
             '.ss__modal': {
                 '.ss__modal__content': {
                     '.ss__autocomplete-fixed__inner': {
@@ -85,19 +72,34 @@ var autocompleteFixedStyleScript = function (props) {
                 },
             },
         },
-        _a));
+    });
     // autocomplete styles
-    var autocompleteFixedStyles = (0, react_1.css)([sharedStyles, fixedStyles]);
+    const autocompleteFixedStyles = (0, react_1.css)([sharedStyles, fixedStyles]);
     return autocompleteFixedStyles;
 };
 exports.autocompleteFixed = {
-    default: __assign(__assign({}, autocompleteFixed_1.autocompleteFixedThemeComponentProps.default), { autocompleteFixed: __assign(__assign({}, (((_a = autocompleteFixed_1.autocompleteFixedThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteFixed']) || {})), { themeStyleScript: autocompleteFixedStyleScript, layout: 'desktop', width: '940px', viewportMaxHeight: false, contentTitle: 'Product Suggestions' }), 'autocompleteFixed terms': {
+    default: {
+        ...autocompleteFixed_1.autocompleteFixedThemeComponentProps.default,
+        autocompleteFixed: {
+            ...(autocompleteFixed_1.autocompleteFixedThemeComponentProps.default?.['autocompleteFixed'] || {}),
+            themeStyleScript: autocompleteFixedStyleScript,
+            layout: 'desktop',
+            width: '940px',
+            viewportMaxHeight: false,
+            contentTitle: 'Product Suggestions',
+        },
+        'autocompleteFixed terms': {
             vertical: true,
-        }, 'autocompleteFixed termsList': {
+        },
+        'autocompleteFixed termsList': {
             verticalOptions: true,
-        }, 'autocompleteFixed facets': {
+        },
+        'autocompleteFixed facets': {
             limit: 3,
-        }, 'autocompleteFixed facet': __assign(__assign({}, (((_b = autocompleteFixed_1.autocompleteFixedThemeComponentProps.default) === null || _b === void 0 ? void 0 : _b['autocompleteFixed facet']) || {})), { display: {
+        },
+        'autocompleteFixed facet': {
+            ...(autocompleteFixed_1.autocompleteFixedThemeComponentProps.default?.['autocompleteFixed facet'] || {}),
+            display: {
                 list: {
                     limit: 5,
                 },
@@ -110,39 +112,66 @@ exports.autocompleteFixed = {
                 palette: {
                     limit: 6,
                 },
-            } }), 'autocompleteFixed facetPaletteOptions': {
+            },
+        },
+        'autocompleteFixed facetPaletteOptions': {
             gridSize: '48px',
             hideLabel: false,
-        }, 'autocompleteFixed facetGridOptions': {
+        },
+        'autocompleteFixed facetGridOptions': {
             gridSize: '48px',
-        }, 'autocompleteFixed results': {
+        },
+        'autocompleteFixed results': {
             rows: 2,
             columns: 3,
-            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
-        }, 'autocompleteFixed recommendationGrid': {
+            gapSize: `${custom_1.custom.spacing.x4}px`,
+        },
+        'autocompleteFixed recommendationGrid': {
             rows: 2,
             columns: 4,
-        }, 'autocompleteFixed button.see-more icon': {
-            size: "".concat(custom_1.custom.sizes.icon12, "px"),
+        },
+        'autocompleteFixed button.see-more icon': {
+            size: `${custom_1.custom.sizes.icon12}px`,
             icon: custom_1.custom.icons.arrowRight,
-        } }),
-    mobile: __assign(__assign({}, autocompleteFixed_1.autocompleteFixedThemeComponentProps.mobile), { autocompleteFixed: __assign(__assign({}, (((_c = autocompleteFixed_1.autocompleteFixedThemeComponentProps.mobile) === null || _c === void 0 ? void 0 : _c['autocompleteFixed']) || {})), { layout: 'mobile', width: 'auto' }), 'autocompleteFixed terms': {
+        },
+    },
+    mobile: {
+        ...autocompleteFixed_1.autocompleteFixedThemeComponentProps.mobile,
+        autocompleteFixed: {
+            ...(autocompleteFixed_1.autocompleteFixedThemeComponentProps.mobile?.['autocompleteFixed'] || {}),
+            layout: 'mobile',
+            width: 'auto',
+        },
+        'autocompleteFixed terms': {
             vertical: false,
-        }, 'autocompleteFixed termsList': {
+        },
+        'autocompleteFixed termsList': {
             verticalOptions: false,
-        }, 'autocompleteFixed results': {
+        },
+        'autocompleteFixed results': {
             rows: 1,
             columns: 3,
-            gapSize: "".concat(custom_1.custom.spacing.x4, "px ").concat(custom_1.custom.spacing.x2, "px"),
-        }, 'autocompleteFixed recommendationGrid': {
+            gapSize: `${custom_1.custom.spacing.x4}px ${custom_1.custom.spacing.x2}px`,
+        },
+        'autocompleteFixed recommendationGrid': {
             rows: 1,
             columns: 3,
-        } }),
-    tablet: __assign(__assign({}, autocompleteFixed_1.autocompleteFixedThemeComponentProps.tablet), { autocompleteFixed: __assign(__assign({}, (((_d = autocompleteFixed_1.autocompleteFixedThemeComponentProps.tablet) === null || _d === void 0 ? void 0 : _d['autocompleteFixed']) || {})), { layout: 'desktop', width: '600px' }), 'autocompleteFixed terms': {
+        },
+    },
+    tablet: {
+        ...autocompleteFixed_1.autocompleteFixedThemeComponentProps.tablet,
+        autocompleteFixed: {
+            ...(autocompleteFixed_1.autocompleteFixedThemeComponentProps.tablet?.['autocompleteFixed'] || {}),
+            layout: 'desktop',
+            width: '600px',
+        },
+        'autocompleteFixed terms': {
             vertical: false,
-        }, 'autocompleteFixed termsList': {
+        },
+        'autocompleteFixed termsList': {
             verticalOptions: false,
-        }, 'autocompleteFixed facet': {
+        },
+        'autocompleteFixed facet': {
             display: {
                 list: {
                     limit: 3,
@@ -157,24 +186,38 @@ exports.autocompleteFixed = {
                     limit: 4,
                 },
             },
-        }, 'autocompleteFixed results': {
+        },
+        'autocompleteFixed results': {
             rows: 1,
             columns: 4,
-            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
-        }, 'autocompleteFixed recommendationGrid': {
+            gapSize: `${custom_1.custom.spacing.x4}px`,
+        },
+        'autocompleteFixed recommendationGrid': {
             rows: 1,
             columns: 4,
-        } }),
-    desktop: __assign(__assign({}, autocompleteFixed_1.autocompleteFixedThemeComponentProps.desktop), { autocompleteFixed: __assign(__assign({}, (((_e = autocompleteFixed_1.autocompleteFixedThemeComponentProps.desktop) === null || _e === void 0 ? void 0 : _e['autocompleteFixed']) || {})), { layout: 'desktop', width: '700px' }), 'autocompleteFixed terms': {
+        },
+    },
+    desktop: {
+        ...autocompleteFixed_1.autocompleteFixedThemeComponentProps.desktop,
+        autocompleteFixed: {
+            ...(autocompleteFixed_1.autocompleteFixedThemeComponentProps.desktop?.['autocompleteFixed'] || {}),
+            layout: 'desktop',
+            width: '700px',
+        },
+        'autocompleteFixed terms': {
             vertical: false,
-        }, 'autocompleteFixed termsList': {
+        },
+        'autocompleteFixed termsList': {
             verticalOptions: false,
-        }, 'autocompleteFixed results': {
+        },
+        'autocompleteFixed results': {
             rows: 2,
             columns: 3,
-            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
-        }, 'autocompleteFixed recommendationGrid': {
+            gapSize: `${custom_1.custom.spacing.x4}px`,
+        },
+        'autocompleteFixed recommendationGrid': {
             rows: 2,
             columns: 4,
-        } }),
+        },
+    },
 };

package/dist/cjs/components/src/themes/pike/components/templates/autocompleteModal.js

@@ -1,68 +1,62 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var _a, _b, _c, _d, _e;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.autocompleteModal = void 0;
-var react_1 = require("@emotion/react");
-var autocompleteModal_1 = require("../../../themeComponents/autocompleteModal");
-var autocompleteShared_1 = require("../templates/autocompleteShared");
-var custom_1 = require("../../custom");
+const react_1 = require("@emotion/react");
+const autocompleteModal_1 = require("../../../themeComponents/autocompleteModal");
+const autocompleteShared_1 = require("../templates/autocompleteShared");
+const custom_1 = require("../../custom");
 // static variables
-var searchInputHeight = 40;
+const searchInputHeight = 40;
 // CSS in JS style script for the Search component
-var autocompleteModalStyleScript = function (props) {
-    var _a;
-    var _b, _c;
+const autocompleteModalStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
-    var desktopBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.desktop;
+    const variables = props?.theme?.variables;
+    const desktopBp = variables?.breakpoints?.desktop;
     // autocomplete shared styles
-    var sharedStyles = (0, react_1.css)({
+    const sharedStyles = (0, react_1.css)({
         '.ss__modal': {
             '.ss__modal__content': {
                 '.ss__autocomplete-modal__inner': {
-                    '.ss__autocomplete': __assign({}, (0, autocompleteShared_1.autocompleteSharedStyleScript)(props, 'autocompleteModal')),
+                    '.ss__autocomplete': {
+                        ...(0, autocompleteShared_1.autocompleteSharedStyleScript)(props, 'autocompleteModal'),
+                    },
                 },
             },
         },
     });
     // autocomplete modal styles
-    var modalStyles = (0, react_1.css)((_a = {
-            '.ss__modal': {
-                '.ss__modal__content': {
-                    '.ss__autocomplete-modal__inner': {
-                        top: '5vh',
-                        display: 'flex',
-                        flexFlow: 'column nowrap',
-                        maxWidth: '1000px',
-                        overflow: 'visible',
-                        '& > .ss__search-input': {
-                            height: 'auto',
-                            flex: "0 0 ".concat(searchInputHeight, "px"),
-                            margin: 0,
-                            '.ss__button, .ss__search-input__button--close-search-button': {
-                                width: "".concat(searchInputHeight, "px"),
-                            },
-                            '.ss__search-input__input': {
-                                backgroundColor: custom_1.custom.colors.white,
-                            },
+    const modalStyles = (0, react_1.css)({
+        '.ss__modal': {
+            '.ss__modal__content': {
+                '.ss__autocomplete-modal__inner': {
+                    top: '5vh',
+                    display: 'flex',
+                    flexFlow: 'column nowrap',
+                    maxWidth: '1000px',
+                    overflow: 'visible',
+                    '& > .ss__search-input': {
+                        height: 'auto',
+                        flex: `0 0 ${searchInputHeight}px`,
+                        margin: 0,
+                        '.ss__button, .ss__search-input__button--close-search-button': {
+                            width: `${searchInputHeight}px`,
                         },
-                        '.ss__autocomplete': __assign({ width: '100%', flex: '1 1 0%', overflowY: 'auto', overflowX: 'hidden', borderTopWidth: 0 }, custom_1.custom.styles.scrollbar()),
+                        '.ss__search-input__input': {
+                            backgroundColor: custom_1.custom.colors.white,
+                        },
+                    },
+                    '.ss__autocomplete': {
+                        width: '100%',
+                        flex: '1 1 0%',
+                        overflowY: 'auto',
+                        overflowX: 'hidden',
+                        borderTopWidth: 0,
+                        ...custom_1.custom.styles.scrollbar(),
                     },
                 },
-            }
+            },
         },
-        _a["".concat(custom_1.custom.utils.getBp(desktopBp))] = {
+        [`${custom_1.custom.utils.getBp(desktopBp)}`]: {
             '.ss__modal': {
                 '.ss__modal__content': {
                     '.ss__autocomplete-modal__inner': {
@@ -71,19 +65,33 @@ var autocompleteModalStyleScript = function (props) {
                 },
             },
         },
-        _a));
+    });
     // autocomplete styles
-    var autocompleteModalStyles = (0, react_1.css)([sharedStyles, modalStyles]);
+    const autocompleteModalStyles = (0, react_1.css)([sharedStyles, modalStyles]);
     return autocompleteModalStyles;
 };
 exports.autocompleteModal = {
-    default: __assign(__assign({}, autocompleteModal_1.autocompleteModalThemeComponentProps.default), { autocompleteModal: __assign(__assign({}, (((_a = autocompleteModal_1.autocompleteModalThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteModal']) || {})), { themeStyleScript: autocompleteModalStyleScript, layout: 'desktop', width: '90vw', contentTitle: 'Product Suggestions' }), 'autocompleteModal terms': {
+    default: {
+        ...autocompleteModal_1.autocompleteModalThemeComponentProps.default,
+        autocompleteModal: {
+            ...(autocompleteModal_1.autocompleteModalThemeComponentProps.default?.['autocompleteModal'] || {}),
+            themeStyleScript: autocompleteModalStyleScript,
+            layout: 'desktop',
+            width: '90vw',
+            contentTitle: 'Product Suggestions',
+        },
+        'autocompleteModal terms': {
             vertical: true,
-        }, 'autocompleteModal termsList': {
+        },
+        'autocompleteModal termsList': {
             verticalOptions: true,
-        }, 'autocompleteModal facets': {
+        },
+        'autocompleteModal facets': {
             limit: 3,
-        }, 'autocompleteModal facet': __assign(__assign({}, (((_b = autocompleteModal_1.autocompleteModalThemeComponentProps.default) === null || _b === void 0 ? void 0 : _b['autocompleteModal facet']) || {})), { display: {
+        },
+        'autocompleteModal facet': {
+            ...(autocompleteModal_1.autocompleteModalThemeComponentProps.default?.['autocompleteModal facet'] || {}),
+            display: {
                 list: {
                     limit: 5,
                 },
@@ -96,39 +104,64 @@ exports.autocompleteModal = {
                 palette: {
                     limit: 6,
                 },
-            } }), 'autocompleteModal facetPaletteOptions': {
+            },
+        },
+        'autocompleteModal facetPaletteOptions': {
             gridSize: '48px',
             hideLabel: false,
-        }, 'autocompleteModal facetGridOptions': {
+        },
+        'autocompleteModal facetGridOptions': {
             gridSize: '48px',
-        }, 'autocompleteModal results': {
+        },
+        'autocompleteModal results': {
             rows: 2,
             columns: 3,
-            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
-        }, 'autocompleteModal recommendationGrid': {
+            gapSize: `${custom_1.custom.spacing.x4}px`,
+        },
+        'autocompleteModal recommendationGrid': {
             rows: 2,
             columns: 4,
-        }, 'autocompleteModal button.see-more icon': {
-            size: "".concat(custom_1.custom.sizes.icon12, "px"),
+        },
+        'autocompleteModal button.see-more icon': {
+            size: `${custom_1.custom.sizes.icon12}px`,
             icon: custom_1.custom.icons.arrowRight,
-        } }),
-    mobile: __assign(__assign({}, autocompleteModal_1.autocompleteModalThemeComponentProps.mobile), { autocompleteModal: __assign(__assign({}, (((_c = autocompleteModal_1.autocompleteModalThemeComponentProps.mobile) === null || _c === void 0 ? void 0 : _c['autocompleteModal']) || {})), { layout: 'mobile' }), 'autocompleteModal terms': {
+        },
+    },
+    mobile: {
+        ...autocompleteModal_1.autocompleteModalThemeComponentProps.mobile,
+        autocompleteModal: {
+            ...(autocompleteModal_1.autocompleteModalThemeComponentProps.mobile?.['autocompleteModal'] || {}),
+            layout: 'mobile',
+        },
+        'autocompleteModal terms': {
             vertical: false,
-        }, 'autocompleteModal termsList': {
+        },
+        'autocompleteModal termsList': {
             verticalOptions: false,
-        }, 'autocompleteModal results': {
+        },
+        'autocompleteModal results': {
             rows: 1,
             columns: 3,
-            gapSize: "".concat(custom_1.custom.spacing.x4, "px ").concat(custom_1.custom.spacing.x2, "px"),
-        }, 'autocompleteModal recommendationGrid': {
+            gapSize: `${custom_1.custom.spacing.x4}px ${custom_1.custom.spacing.x2}px`,
+        },
+        'autocompleteModal recommendationGrid': {
             rows: 1,
             columns: 3,
-        } }),
-    tablet: __assign(__assign({}, autocompleteModal_1.autocompleteModalThemeComponentProps.tablet), { autocompleteModal: __assign(__assign({}, (((_d = autocompleteModal_1.autocompleteModalThemeComponentProps.tablet) === null || _d === void 0 ? void 0 : _d['autocompleteModal']) || {})), { layout: 'desktop' }), 'autocompleteModal terms': {
+        },
+    },
+    tablet: {
+        ...autocompleteModal_1.autocompleteModalThemeComponentProps.tablet,
+        autocompleteModal: {
+            ...(autocompleteModal_1.autocompleteModalThemeComponentProps.tablet?.['autocompleteModal'] || {}),
+            layout: 'desktop',
+        },
+        'autocompleteModal terms': {
             vertical: false,
-        }, 'autocompleteModal termsList': {
+        },
+        'autocompleteModal termsList': {
             verticalOptions: false,
-        }, 'autocompleteModal facet': {
+        },
+        'autocompleteModal facet': {
             display: {
                 list: {
                     limit: 3,
@@ -143,24 +176,37 @@ exports.autocompleteModal = {
                     limit: 4,
                 },
             },
-        }, 'autocompleteModal results': {
+        },
+        'autocompleteModal results': {
             rows: 1,
             columns: 4,
-            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
-        }, 'autocompleteModal recommendationGrid': {
+            gapSize: `${custom_1.custom.spacing.x4}px`,
+        },
+        'autocompleteModal recommendationGrid': {
             rows: 1,
             columns: 4,
-        } }),
-    desktop: __assign(__assign({}, autocompleteModal_1.autocompleteModalThemeComponentProps.desktop), { autocompleteModal: __assign(__assign({}, (((_e = autocompleteModal_1.autocompleteModalThemeComponentProps.desktop) === null || _e === void 0 ? void 0 : _e['autocompleteModal']) || {})), { layout: 'desktop' }), 'autocompleteModal terms': {
+        },
+    },
+    desktop: {
+        ...autocompleteModal_1.autocompleteModalThemeComponentProps.desktop,
+        autocompleteModal: {
+            ...(autocompleteModal_1.autocompleteModalThemeComponentProps.desktop?.['autocompleteModal'] || {}),
+            layout: 'desktop',
+        },
+        'autocompleteModal terms': {
             vertical: false,
-        }, 'autocompleteModal termsList': {
+        },
+        'autocompleteModal termsList': {
             verticalOptions: false,
-        }, 'autocompleteModal results': {
+        },
+        'autocompleteModal results': {
             rows: 2,
             columns: 3,
-            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
-        }, 'autocompleteModal recommendationGrid': {
+            gapSize: `${custom_1.custom.spacing.x4}px`,
+        },
+        'autocompleteModal recommendationGrid': {
             rows: 2,
             columns: 4,
-        } }),
+        },
+    },
 };