@athoscommerce/snap-preact 1.0.0

package/dist/esm/components/src/components/Organisms/Layout/Layout.js

@@ -0,0 +1,311 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { FilterSummary } from '../FilterSummary';
+import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { Pagination } from '../../Molecules/Pagination';
+import { LoadMore } from '../../Molecules/LoadMore';
+import { SortBy } from '../../Molecules/SortBy';
+import { PerPage } from '../../Molecules/PerPage';
+import { LayoutSelector } from '../../Molecules/LayoutSelector';
+import { MobileSidebar } from '../MobileSidebar';
+import { PaginationInfo } from '../../Atoms/PaginationInfo/PaginationInfo';
+import { SearchHeader } from '../../Atoms/SearchHeader/SearchHeader';
+import { Button } from '../../Atoms/Button';
+import { Banner } from '../../Atoms/Banner';
+import { ContentType } from '@athoscommerce/snap-store-mobx';
+import { Facets } from '../Facets';
+import { FacetsHorizontal } from '../FacetsHorizontal';
+import { Breadcrumbs } from '../../Atoms/Breadcrumbs';
+const defaultStyles = ({}) => {
+    return css({
+        display: 'flex',
+        alignItems: 'center',
+        flexWrap: 'wrap',
+        gap: '10px',
+        '.ss__layout__separator': {
+            flex: '1 1 auto',
+        },
+        '.ss__layout__row:empty': {
+            display: 'none',
+        },
+        '.ss__layout__row': {
+            display: 'flex',
+            alignItems: 'center',
+            flexWrap: 'wrap',
+            flexBasis: '100%',
+            minWidth: '100%',
+            gap: '10px',
+            '& > div:only-child': {
+                width: '100%',
+            },
+        },
+    });
+};
+export const Layout = observer((properties) => {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const defaultProps = {
+        treePath: globalTreePath,
+    };
+    const props = mergeProps('layout', globalTheme, defaultProps, properties);
+    const { controller, toggleSideBarButton, disableStyles, className, internalClassName, layout } = props;
+    delete props.treePath;
+    const styling = mergeStyles(props, defaultStyles);
+    const subProps = {
+        MobileSidebar: {
+            // default props
+            controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        Banner: {
+            // default props
+            controller,
+            content: controller.store.merchandising.content,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        SearchHeader: {
+            // default props
+            controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        FilterSummary: {
+            // default props
+            controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        LayoutSelector: {
+            // default props
+            controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        Breadcrumbs: {
+            // default props
+            controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        Facets: {
+            // default props
+            controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        FacetsHorizontal: {
+            // default props
+            controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        Pagination: {
+            // default props
+            controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        PaginationInfo: {
+            // default props
+            controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        LoadMore: {
+            // default props
+            controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        SortBy: {
+            // default props
+            controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        PerPage: {
+            // default props
+            controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+        ToggleSideBarButton: {
+            // default props
+            ...toggleSideBarButton,
+            controller,
+            name: 'sidebar-toggle',
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath: properties.treePath,
+        },
+    };
+    const ToggleSideBarButton = toggleSideBarButton;
+    const hasResults = controller.store.pagination.totalResults > 0;
+    function renderModule(module) {
+        switch (module) {
+            case 'mobileSidebar':
+                if (hasResults) {
+                    return _jsx(MobileSidebar, { controller: controller, ...subProps.MobileSidebar });
+                }
+                break;
+            case 'searchHeader':
+                return _jsx(SearchHeader, { ...subProps.SearchHeader });
+            case 'filterSummary':
+                if (hasResults) {
+                    return _jsx(FilterSummary, { ...subProps.FilterSummary });
+                }
+                break;
+            case 'layoutSelector':
+                if (hasResults) {
+                    return _jsx(LayoutSelector, { ...subProps.LayoutSelector });
+                }
+                break;
+            case 'paginationInfo':
+                if (hasResults) {
+                    return _jsx(PaginationInfo, { ...subProps.PaginationInfo });
+                }
+                break;
+            case 'sortBy':
+                if (hasResults) {
+                    return _jsx(SortBy, { ...subProps.SortBy });
+                }
+                break;
+            case 'perPage':
+                if (hasResults) {
+                    return _jsx(PerPage, { ...subProps.PerPage });
+                }
+                break;
+            case 'button.sidebar-toggle':
+                if (hasResults) {
+                    return (ToggleSideBarButton && (_jsx("div", { className: "ss__button--sidebar-toggle-button-wrapper", children: _jsx(Button, { ...subProps.ToggleSideBarButton }) })));
+                }
+                break;
+            case 'pagination':
+                if (hasResults) {
+                    if (controller.store.config.settings?.infinite?.enabled) {
+                        return _jsx(LoadMore, { ...subProps.LoadMore });
+                    }
+                    else {
+                        return _jsx(Pagination, { ...subProps.Pagination });
+                    }
+                }
+                break;
+            case 'breadcrumbs':
+                if (hasResults) {
+                    return _jsx(Breadcrumbs, { ...subProps.Breadcrumbs });
+                }
+                break;
+            case '_':
+                return _jsx("div", { className: `ss__layout__separator ss__layout__separator--${separatorIndex++}` });
+            case 'banner.banner':
+                return _jsx(Banner, { ...subProps.Banner, type: ContentType.BANNER, name: 'banner' });
+            case 'banner.footer':
+                return _jsx(Banner, { ...subProps.Banner, type: ContentType.FOOTER, name: 'footer' });
+            case 'banner.header':
+                return _jsx(Banner, { ...subProps.Banner, type: ContentType.HEADER, name: 'header' });
+            case 'banner.left':
+                return _jsx(Banner, { ...subProps.Banner, type: ContentType.LEFT, name: 'left' });
+            case 'facets':
+                if (hasResults) {
+                    return _jsx(Facets, { ...subProps.Facets });
+                }
+                break;
+            case 'facetsHorizontal':
+                if (hasResults) {
+                    return _jsx(FacetsHorizontal, { ...subProps.Facets });
+                }
+                break;
+            default:
+                return null;
+        }
+    }
+    let rowIndex = 0;
+    let separatorIndex = 0;
+    const rows = layout?.map((module) => {
+        if (Array.isArray(module)) {
+            const children = module.map((subModule) => renderModule(subModule));
+            const hasContent = module.some((subModule, i) => subModule !== '_' && children[i]);
+            if (!hasContent)
+                return null;
+            return _jsx("div", { className: `ss__layout__row ss__layout__row--${rowIndex++}`, children: children });
+        }
+        else {
+            return renderModule(module);
+        }
+    });
+    return rows?.some(Boolean) ? (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__layout', className, internalClassName), children: rows }) })) : null;
+});

package/dist/esm/components/src/components/Organisms/Layout/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Layout';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/src/components/Organisms/Layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/components/src/components/Organisms/Layout/index.js

@@ -0,0 +1 @@
+export * from './Layout';

package/dist/esm/components/src/components/Organisms/MobileSidebar/MobileSidebar.d.ts

@@ -0,0 +1,45 @@
+import type { ComponentProps } from '../../../types';
+import type { SearchController } from '@athoscommerce/snap-controller';
+import type { SideBarModuleNames } from '../Sidebar';
+import { Lang } from '../../../hooks';
+import type { IconProps, IconType } from '../../Atoms/Icon';
+export declare const MobileSidebar: ((properties: MobileSidebarProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export type MobileSidebarProps = {
+    controller: SearchController;
+    lang?: Partial<MobileSidebarLang>;
+} & MobileSidebarTemplatesLegalProps & ComponentProps<MobileSidebarProps>;
+export type MobileSidebarTemplatesLegalProps = {
+    layout?: SideBarModuleNames[] | SideBarModuleNames[][];
+    titleText?: string;
+    hideOpenButtonText?: boolean;
+    hideClearButtonText?: boolean;
+    hideApplyButtonText?: boolean;
+    hideCloseButtonText?: boolean;
+    openButtonText?: string;
+    clearButtonText?: string;
+    applyButtonText?: string;
+    closeButtonText?: string;
+    applyButtonIcon?: IconType | Partial<IconProps>;
+    clearButtonIcon?: IconType | Partial<IconProps>;
+    closeButtonIcon?: IconType | Partial<IconProps>;
+    openButtonIcon?: IconType | Partial<IconProps>;
+    hideTitleText?: boolean;
+    hideHeader?: boolean;
+    hideFooter?: boolean;
+    hideApplyButton?: boolean;
+    hideClearButton?: boolean;
+    hideCloseButton?: boolean;
+    displayAt?: string;
+};
+export interface MobileSidebarLang {
+    openButtonText: Lang<never>;
+    clearButtonText: Lang<never>;
+    applyButtonText: Lang<never>;
+    titleText: Lang<{
+        controller: SearchController;
+    }>;
+    closeButtonText: Lang<never>;
+}
+//# sourceMappingURL=MobileSidebar.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,160 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { Slideout } from '../../Molecules/Slideout';
+import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { Button } from '../../Atoms/Button';
+import { useA11y, useLang } from '../../../hooks';
+import { useRef } from 'preact/hooks';
+import deepmerge from 'deepmerge';
+import { Layout } from '../Layout';
+const defaultStyles = ({}) => {
+    return css({
+        '& .ss__mobile-sidebar__header': {
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'baseline',
+            '& .ss__mobile-sidebar__header__close-button': {
+                cursor: 'pointer',
+            },
+        },
+        '& .ss__mobile-sidebar__title': {
+            justifyContent: 'space-between',
+            flexDirection: 'row',
+            display: 'flex',
+            '& .ss__icon': {
+                cursor: 'pointer',
+            },
+        },
+        '& .ss__mobile-sidebar__slideout__button': {
+            cursor: 'pointer',
+        },
+        '& .ss__mobile-sidebar__footer': {
+            display: 'flex',
+            gap: '10px',
+            justifyContent: 'center',
+            flexDirection: 'row',
+        },
+        '& .ss__facets': {
+            width: '100%',
+        },
+    });
+};
+export const MobileSidebar = observer((properties) => {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const defaultProps = {
+        openButtonText: 'Filters',
+        clearButtonText: 'Clear All',
+        applyButtonText: 'Apply',
+        layout: ['filterSummary', 'sortBy', 'perPage', 'facets', 'banner.left'],
+        titleText: 'Filter Options',
+        displayAt: '',
+        closeButtonIcon: 'close-thin',
+        treePath: globalTreePath,
+    };
+    const props = mergeProps('mobileSidebar', globalTheme, defaultProps, properties);
+    const { controller, layout, hideHeader, hideApplyButton, clearButtonIcon, hideCloseButton, closeButtonText, openButtonText, clearButtonText, applyButtonIcon, applyButtonText, closeButtonIcon, openButtonIcon, titleText, hideCloseButtonText, hideOpenButtonText, hideClearButtonText, hideApplyButtonText, hideTitleText, displayAt, hideClearButton, disableStyles, className, internalClassName, treePath, } = props;
+    let hideFooter = props.hideFooter;
+    if (hideApplyButton && hideClearButton) {
+        hideFooter = true;
+    }
+    const styling = mergeStyles(props, defaultStyles);
+    const subProps = {
+        slideout: {
+            // default props
+            controller,
+            displayAt: (displayAt && `(max-width: ${displayAt})`) || '',
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath,
+        },
+        button: {
+            // default props
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath,
+        },
+        layout: {
+            // default props
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+            treePath,
+        },
+    };
+    const closeButtonRef = useRef();
+    const openButtonRef = useRef();
+    //initialize lang
+    const defaultLang = {
+        openButtonText: {
+            value: openButtonText,
+        },
+        clearButtonText: {
+            value: clearButtonText,
+        },
+        applyButtonText: {
+            value: applyButtonText,
+        },
+        titleText: {
+            value: titleText,
+        },
+        closeButtonText: {
+            value: closeButtonText,
+            attributes: {
+                'aria-label': closeButtonText || `close ${openButtonText}`,
+            },
+        },
+    };
+    //deep merge with props.lang
+    const lang = deepmerge(defaultLang, props.lang || {});
+    if (hideOpenButtonText) {
+        delete lang.openButtonText.value;
+    }
+    if (hideClearButtonText) {
+        delete lang.clearButtonText.value;
+    }
+    if (hideCloseButtonText) {
+        delete lang.closeButtonText.value;
+    }
+    if (hideApplyButtonText) {
+        delete lang.applyButtonText.value;
+    }
+    const mergedLang = useLang(lang, {
+        controller,
+    });
+    const Content = (props) => {
+        const { toggleActive } = props;
+        return (_jsxs("div", { className: "ss__mobile-sidebar__content", ref: (e) => useA11y(e, 0, true, () => {
+                closeButtonRef.current?.base?.focus();
+                closeButtonRef.current?.base?.click();
+                openButtonRef.current.base.focus();
+            }), children: [!hideHeader && (_jsxs("div", { className: "ss__mobile-sidebar__header", children: [!hideTitleText && (_jsx("h4", { "aria-atomic": "true", "aria-live": "polite", className: "ss__mobile-sidebar__header__title", ...mergedLang.titleText?.all })), !hideCloseButton && (_jsx(Button, { internalClassName: "ss__mobile-sidebar__header__close-button", disableStyles: true, onClick: () => toggleActive(), ref: (e) => {
+                                if (e) {
+                                    closeButtonRef.current = e;
+                                }
+                            }, icon: closeButtonIcon, lang: { button: lang.closeButtonText }, ...subProps.button, name: 'close' }))] })), _jsx("div", { className: classnames('ss__mobile-sidebar__inner'), children: _jsx(Layout, { controller: controller, layout: layout || [], ...subProps.layout }) }), !hideFooter && (_jsxs("div", { className: "ss__mobile-sidebar__footer", children: [!hideApplyButton && (_jsx(Button, { internalClassName: "ss__mobile-sidebar__footer__apply-button", icon: applyButtonIcon, onClick: () => toggleActive(), lang: { button: lang.applyButtonText }, ...subProps.button, name: 'apply' })), !hideClearButton && (_jsx(Button, { internalClassName: "ss__mobile-sidebar__footer__clear-button", icon: clearButtonIcon, onClick: () => {
+                                controller?.urlManager.remove('filter').remove('page').go();
+                                toggleActive();
+                            }, lang: { button: lang.clearButtonText }, ...subProps.button, name: 'clear' }))] }))] }));
+    };
+    const contentRef = useRef();
+    return (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__mobile-sidebar', className, internalClassName), children: _jsx(Slideout, { internalClassName: "ss__mobile-sidebar__slideout", buttonContent: _jsx(Button, { internalClassName: "ss__mobile-sidebar__slideout__button", icon: openButtonIcon, ref: openButtonRef, onClick: () => {
+                        setTimeout(() => {
+                            contentRef.current?.base?.focus();
+                        });
+                    }, ...subProps.button, name: 'slideout', lang: { button: lang.openButtonText } }), ...subProps.slideout, children: _jsx(Content, { ref: contentRef }) }) }) }));
+});

package/dist/esm/components/src/components/Organisms/MobileSidebar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MobileSidebar';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/src/components/Organisms/MobileSidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/MobileSidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/esm/components/src/components/Organisms/MobileSidebar/index.js

@@ -0,0 +1 @@
+export * from './MobileSidebar';

package/dist/esm/components/src/components/Organisms/NoResults/NoResults.d.ts

@@ -0,0 +1,50 @@
+import { ComponentProps } from '../../../types';
+import type { RecommendationControllerConfig } from '@athoscommerce/snap-controller';
+import type { SearchController } from '@athoscommerce/snap-controller';
+import type { Lang } from '../../../hooks';
+import type { LibraryImports } from '../../../../../src/Templates/Stores/LibraryStore';
+export declare const NoResults: ((properties: NoResultsProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+type NoResultsContact = {
+    title: string;
+    content: string;
+};
+export type NoResultsProps = {
+    lang?: NoResultsLang;
+} & NoResultsTemplatesLegalProps & ComponentProps<NoResultsProps>;
+export type NoResultsTemplatesLegalProps = {
+    contentSlot?: string | JSX.Element;
+    suggestionsTitleText?: string;
+    hideSuggestionsTitleText?: boolean;
+    suggestionsList?: string[];
+    hideContact?: boolean;
+    hideSuggestions?: boolean;
+    contactsTitleText?: string;
+    hideContactsTitleText?: boolean;
+    contactsList?: NoResultsContact[];
+    templates?: {
+        recommendation?: {
+            enabled: boolean;
+            component?: keyof LibraryImports['component']['recommendation']['default'];
+            resultComponent?: keyof LibraryImports['component']['result'] | (string & NonNullable<unknown>);
+            config?: Partial<RecommendationControllerConfig>;
+        };
+    };
+};
+export interface NoResultsLang {
+    suggestionsTitleText: Lang<{
+        controller: SearchController;
+    }>;
+    suggestionsList: Lang<{
+        controller: SearchController;
+    }>;
+    contactsTitleText?: Lang<{
+        controller: SearchController;
+    }>;
+    contactsList?: Lang<{
+        controller: SearchController;
+    }>;
+}
+export {};
+//# sourceMappingURL=NoResults.d.ts.map

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

@@ -0,0 +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"}