@athoscommerce/snap-preact 1.0.0

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

@@ -0,0 +1,548 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { useEffect, useState } from 'preact/hooks';
+import { observer } from 'mobx-react-lite';
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import deepmerge from 'deepmerge';
+import { ContentType } from '@athoscommerce/snap-store-mobx';
+import { Icon } from '../../Atoms/Icon/Icon';
+import { Results } from '../Results';
+import { Banner } from '../../Atoms/Banner';
+import { Facets } from '../Facets';
+import { defined, mergeProps, mergeStyles } from '../../../utilities';
+import { createHoverProps } from '../../../toolbox';
+import { useTheme, CacheProvider } from '../../../providers';
+import { FacetDisplay, } from '../../../types';
+import { useA11y, useLang } from '../../../hooks';
+import { TermsList } from '../TermsList';
+import { Terms } from '../../Molecules/Terms';
+import { FacetsHorizontal } from '../FacetsHorizontal';
+import { Button } from '../../Atoms/Button';
+import { createRecommendationTemplate } from '../../../hooks/createRecommendationTemplate';
+const defaultStyles = ({ controller, input, viewportMaxHeight, width, theme, column1, column2, column3, column4, }) => {
+    let inputViewportOffsetBottom = 0;
+    if (input) {
+        let elem;
+        if (typeof input === 'string') {
+            elem = document.querySelector(input);
+        }
+        else {
+            elem = input;
+        }
+        const rect = elem?.getBoundingClientRect();
+        inputViewportOffsetBottom = rect?.bottom || 0;
+    }
+    const noResults = Boolean(controller.store.search?.query?.string && controller.store.results.length === 0);
+    return css({
+        '.ss__autocomplete__column.ss__autocomplete__column--c1': {
+            flex: column1?.width == 'auto' ? '1 1 auto' : `1 0 ${column1?.width}`,
+            maxWidth: column1?.width == 'auto' ? 'auto' : column1?.width,
+            alignContent: column1?.alignContent,
+        },
+        '.ss__autocomplete__column.ss__autocomplete__column--c2': {
+            flex: column2?.width == 'auto' ? '1 1 auto' : `1 0 ${column2?.width}`,
+            maxWidth: column2?.width == 'auto' ? 'auto' : column2?.width,
+            alignContent: column2?.alignContent,
+        },
+        '.ss__autocomplete__column.ss__autocomplete__column--c3': {
+            flex: column3?.width == 'auto' ? '1 1 auto' : `1 0 ${column3?.width}`,
+            maxWidth: column3?.width == 'auto' ? 'auto' : column3?.width,
+            alignContent: column3?.alignContent,
+        },
+        '.ss__autocomplete__column.ss__autocomplete__column--c4': {
+            flex: column4?.width == 'auto' ? '1 1 auto' : `1 0 ${column4?.width}`,
+            maxWidth: column4?.width == 'auto' ? 'auto' : column4?.width,
+            alignContent: column4?.alignContent,
+        },
+        '.ss__autocomplete__column, .ss__autocomplete__row': {
+            minWidth: 0,
+        },
+        '&, & *, & *:before, & *:after': {
+            boxSizing: 'border-box',
+        },
+        flexWrap: 'wrap',
+        display: 'flex',
+        flexDirection: 'row',
+        position: 'absolute',
+        zIndex: '10002',
+        border: '1px solid #ebebeb',
+        background: '#ffffff',
+        maxWidth: width,
+        maxHeight: viewportMaxHeight && inputViewportOffsetBottom ? `calc(100vh - ${inputViewportOffsetBottom + 10}px)` : undefined,
+        overflowY: 'scroll',
+        '.ss__autocomplete__row': {
+            display: 'flex',
+            flexDirection: 'row',
+            flexBasis: '100%',
+        },
+        '.ss__autocomplete__column': {
+            display: 'flex',
+            flexDirection: 'column',
+            flexFlow: 'wrap',
+        },
+        '.ss__autocomplete__column:empty, .ss__autocomplete__row:empty': {
+            display: 'none',
+        },
+        '.ss__autocomplete__separator': {
+            flexGrow: 1,
+            flexShrink: 1,
+        },
+        '.ss__autocomplete__close-button': {
+            color: '#c5c5c5',
+            fontSize: '.8em',
+        },
+        '.ss__autocomplete__close-button:focus': {
+            top: '0px !important',
+            left: '0px !important',
+            zIndex: '1',
+        },
+        '.ss__autocomplete__terms-wrapper': {
+            background: '#f8f8f8',
+            width: '100%',
+        },
+        '.ss__autocomplete__facets': {
+            display: 'flex',
+            width: 'auto',
+            flexDirection: 'column',
+            columnGap: '20px',
+            padding: '10px',
+            overflowY: 'auto',
+            '.ss__facets': {
+                display: 'flex',
+                flexDirection: 'column',
+                columnGap: '20px',
+            },
+            '.ss__facet-hierarchy-options__option.ss__facet-hierarchy-options__option--filtered~.ss__facet-hierarchy-options__option:not(.ss__facet-hierarchy-options__option--filtered)': {
+                paddingLeft: 0,
+            },
+            '.ss__facet-hierarchy-options__option.ss__facet-hierarchy-options__option--filtered:hover': {
+                cursor: 'pointer',
+            },
+            '.ss__facet-palette-options__icon': {
+                display: 'none',
+            },
+        },
+        '.ss__autocomplete__facets-wrapper': {
+            width: '100%',
+        },
+        '.ss__autocomplete__content': {
+            display: 'flex',
+            flex: `1 1 0%`,
+            flexDirection: 'column',
+            justifyContent: 'space-between',
+            overflowY: 'auto',
+            margin: noResults ? '0 auto' : undefined,
+            '.ss__autocomplete__content-inner': {
+                padding: '10px',
+            },
+            '.ss__autocomplete__content__results, .ss__autocomplete__content__no-results': {
+                minHeight: '0%',
+            },
+        },
+        '.ss__banner.ss__banner--header, .ss__banner.ss__banner--banner': {
+            marginBottom: '10px',
+        },
+        '.ss__banner.ss__banner--footer': {
+            margin: '10px 0',
+        },
+        '.ss__autocomplete__button--see-more': {
+            padding: '10px',
+            height: 'min-content',
+            textAlign: noResults ? 'center' : 'right',
+            a: {
+                fontWeight: 'bold',
+                color: theme?.variables?.colors?.primary,
+                '.ss__icon': {
+                    marginLeft: '5px',
+                },
+            },
+        },
+    });
+};
+export const AutocompleteLayout = observer((properties) => {
+    const globalTheme = useTheme();
+    const defaultProps = {
+        facetsTitle: '',
+        contentTitle: '',
+        layout: [['c1', 'c2', 'c3']],
+        column1: {
+            layout: ['termsList'],
+            width: '150px',
+        },
+        column2: {
+            layout: ['facets'],
+            width: '150px',
+        },
+        column3: {
+            layout: [['content'], ['_', 'button.see-more']],
+            width: 'auto',
+            alignContent: 'space-between',
+        },
+        width: '100%',
+        templates: {
+            recommendation: {
+                enabled: true,
+            },
+        },
+    };
+    let props = mergeProps('autocompleteLayout', globalTheme, defaultProps, properties);
+    delete props.treePath;
+    if (props.layout == 'terms') {
+        props.templates = {
+            recommendation: {
+                enabled: false,
+            },
+        };
+    }
+    const valueProps = createHoverProps();
+    const facetClickEvent = () => {
+        // remove focus from input (close the autocomplete)
+        controller?.setFocused && controller?.setFocused();
+    };
+    const themeFunctionalityProps = {
+        components: {
+            facet: {
+                valueProps,
+            },
+            facetGridOptions: {
+                onClick: facetClickEvent,
+            },
+            facetHierarchyOptions: {
+                onClick: facetClickEvent,
+            },
+            facetListOptions: {
+                onClick: facetClickEvent,
+            },
+            facetPaletteOptions: {
+                onClick: facetClickEvent,
+            },
+        },
+    };
+    if (!globalTheme?.name) {
+        const themeDefaults = {
+            components: {
+                facet: {
+                    limit: 6,
+                    disableOverflow: true,
+                    disableCollapse: true,
+                    searchable: false,
+                    showClearAllText: false,
+                    showSelectedCount: false,
+                },
+                facetGridOptions: {
+                    columns: 3,
+                },
+                facetHierarchyOptions: {
+                    hideCount: true,
+                },
+                facetListOptions: {
+                    hideCheckbox: true,
+                    hideCount: true,
+                },
+                facetPaletteOptions: {
+                    hideLabel: true,
+                    columns: 3,
+                },
+                result: {
+                    hideBadge: true,
+                    hideVariantSelections: true,
+                },
+            },
+        };
+        // merge deeply the themeDefaults with the theme props and the displaySettings theme props (do not merge arrays, but replace them)
+        const theme = deepmerge.all([themeDefaults, themeFunctionalityProps, props?.theme || {}], {
+            arrayMerge: (destinationArray, sourceArray) => sourceArray,
+        });
+        props = {
+            ...props,
+            theme,
+        };
+    }
+    else {
+        // snap templates
+        props.theme = deepmerge.all([themeFunctionalityProps, props?.theme || {}], { arrayMerge: (destinationArray, sourceArray) => sourceArray });
+    }
+    let input = props.input;
+    if (input) {
+        if (typeof input === 'string') {
+            input = document.querySelector(input);
+        }
+    }
+    const { facetsTitle, contentTitle, column1, column2, column3, column4, onReset, excludeBanners, resultComponent, templates, disableStyles, className, internalClassName, controller, } = props;
+    let layout = props.layout;
+    const subProps = {
+        button: {
+            internalClassName: 'ss__autocomplete__button--see-more',
+            // default props
+            onClick: () => {
+                controller?.setFocused && controller.setFocused();
+                window.location.href = state.url.href;
+            },
+            name: 'see-more',
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            theme: props.theme,
+            treePath: properties.treePath,
+        },
+        termsList: {
+            internalClassName: 'ss__autocomplete__terms-list',
+            verticalOptions: props.layout == 'terms' || props.layout == 'mini' ? false : true,
+            // default props
+            controller: controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            theme: props.theme,
+            treePath: properties.treePath,
+        },
+        terms: {
+            internalClassName: 'ss__autocomplete__terms',
+            vertical: props.layout == 'terms' || props.layout == 'mini' ? false : true,
+            // default props
+            controller: controller,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            theme: props.theme,
+            treePath: properties.treePath,
+        },
+        facets: {
+            name: 'autocomplete',
+            // default props
+            limit: 3,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            theme: props.theme,
+            treePath: properties.treePath,
+        },
+        facetsHorizontal: {
+            name: 'autocomplete',
+            // default props
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            theme: props.theme,
+            treePath: properties.treePath,
+        },
+        banner: {
+            // default props
+            internalClassName: 'ss__autocomplete__banner',
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props.theme,
+            treePath: properties.treePath,
+        },
+        results: {
+            columns: 3,
+            rows: 2,
+            // default props
+            internalClassName: 'ss__autocomplete__results',
+            resultComponent: resultComponent,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props.theme,
+            treePath: properties.treePath,
+        },
+        icon: {
+            // default props
+            internalClassName: 'ss__autocomplete__icon',
+            icon: 'angle-right',
+            size: '10px',
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props.theme,
+            treePath: properties.treePath,
+        },
+    };
+    const { search, terms, trending, results, merchandising, pagination, filters, facets, state, loading, loaded } = controller.store;
+    const 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.
+    if (controller && typeof input == 'string') {
+        input = document.querySelector(input);
+        // only bind on componentdidmount
+        useEffect(() => {
+            controller.bind();
+        }, []);
+    }
+    const visible = Boolean(input === state.focusedInput) &&
+        (terms.length > 0 || trending?.length > 0 || history?.length > 0 || (state.input && controller.store.loaded));
+    const showResultsBool = () => Boolean(results.length > 0 || Object.keys(merchandising.content).length > 0 || search?.query?.string || loading);
+    const [showResults, setShowResults] = useState(showResultsBool());
+    const checkAndSetShowResults = () => {
+        const trendingActive = trending?.filter((term) => term.active).pop();
+        const historyActive = history?.filter((term) => term.active).pop();
+        if (trendingActive || historyActive || showResultsBool()) {
+            setShowResults(true);
+        }
+        else {
+            setShowResults(false);
+        }
+    };
+    useEffect(() => {
+        checkAndSetShowResults();
+    }, [trending, history]);
+    const facetsToShow = facets.length ? facets.filter((facet) => facet.display !== FacetDisplay.SLIDER) : [];
+    // results logic
+    checkAndSetShowResults();
+    const styling = mergeStyles(props, defaultStyles);
+    const reset = () => {
+        controller.setFocused();
+        onReset && onReset();
+    };
+    //initialize lang
+    const defaultLang = {
+        contentTitle: {
+            value: contentTitle,
+        },
+        closeButton: {
+            value: 'Close Autocomplete',
+            attributes: {
+                'aria-label': 'close autocomplete',
+            },
+        },
+        facetsTitle: {
+            value: facetsTitle,
+        },
+        noResultsText: {
+            value: `<p>No results found for "${search.originalQuery?.string || search.query?.string}".</p><p>Please try another search.</p>`,
+        },
+        seeMoreButton: {
+            value: `See ${pagination.totalResults} ${filters.length > 0 ? 'filtered' : ''} result${pagination.totalResults == 1 ? '' : 's'} for "${search.query?.string}"`,
+        },
+    };
+    //deep merge with props.lang
+    const lang = deepmerge(defaultLang, props.lang || {});
+    const mergedLang = useLang(lang, {
+        controller,
+    });
+    let recsController;
+    let RecommendationTemplateComponent;
+    let RecommendationTemplateResultComponent;
+    const noresults = Boolean(controller.store.search?.query?.string && controller.store.results.length === 0);
+    if (templates?.recommendation?.enabled && noresults) {
+        const recs = createRecommendationTemplate(templates, properties.theme);
+        RecommendationTemplateComponent = recs.RecommendationTemplateComponent;
+        RecommendationTemplateResultComponent = recs.RecommendationTemplateResultComponent;
+        recsController = recs.recsController;
+    }
+    const findModule = (module) => {
+        //new row
+        if (typeof module !== 'string') {
+            const children = module?.map((subModule) => findModule(subModule));
+            const hasContent = module.some((subModule, i) => subModule !== '_' && children[i]);
+            if (!hasContent)
+                return null;
+            return _jsx("div", { className: "ss__autocomplete__row", children: children });
+        }
+        if (module == 'c1' && column1?.layout?.length) {
+            const children = column1.layout.map((m) => findModule(m));
+            const hasContent = column1.layout.some((m, i) => (Array.isArray(m) ? Boolean(children[i]) : m !== '_' && Boolean(children[i])));
+            if (!hasContent)
+                return null;
+            return _jsx("div", { className: "ss__autocomplete__column ss__autocomplete__column--c1", children: children });
+        }
+        if (module == 'c2' && column2?.layout?.length) {
+            const children = column2.layout.map((m) => findModule(m));
+            const hasContent = column2.layout.some((m, i) => (Array.isArray(m) ? Boolean(children[i]) : m !== '_' && Boolean(children[i])));
+            if (!hasContent)
+                return null;
+            return _jsx("div", { className: "ss__autocomplete__column ss__autocomplete__column--c2", children: children });
+        }
+        if (module == 'c3' && column3?.layout?.length) {
+            const children = column3.layout.map((m) => findModule(m));
+            const hasContent = column3.layout.some((m, i) => (Array.isArray(m) ? Boolean(children[i]) : m !== '_' && Boolean(children[i])));
+            if (!hasContent)
+                return null;
+            return _jsx("div", { className: "ss__autocomplete__column ss__autocomplete__column--c3", children: children });
+        }
+        if (module == 'c4' && column4?.layout?.length) {
+            const children = column4.layout.map((m) => findModule(m));
+            const hasContent = column4.layout.some((m, i) => (Array.isArray(m) ? Boolean(children[i]) : m !== '_' && Boolean(children[i])));
+            if (!hasContent)
+                return null;
+            return _jsx("div", { className: "ss__autocomplete__column ss__autocomplete__column--c4", children: children });
+        }
+        if (module == 'termsList') {
+            if (!terms?.length && !history?.length && !trending?.length)
+                return null;
+            return (_jsx("div", { className: classnames('ss__autocomplete__terms-wrapper'), children: _jsx(TermsList, { controller: controller, ...subProps.termsList }) }));
+        }
+        if (module == 'terms.history') {
+            if (!history?.length)
+                return null;
+            return (_jsx(Terms, { controller: controller, terms: controller.store.history, className: 'ss__terms-list__terms--history', name: 'history', limit: controller.config.settings?.history?.limit, ...subProps.terms, title: "History" }));
+        }
+        if (module == 'terms.trending') {
+            if (!trending?.length)
+                return null;
+            return (_jsx(Terms, { controller: controller, terms: controller.store.trending, className: 'ss__terms-list__terms--trending', name: 'trending', limit: controller.config.settings?.trending?.limit, ...subProps.terms, title: "Trending" }));
+        }
+        if (module == 'terms.suggestions') {
+            if (!terms?.length)
+                return null;
+            return (_jsx(Terms, { controller: controller, terms: controller.store.terms, className: 'ss__terms-list__terms--suggestions', name: 'suggestions', ...subProps.terms, title: "Suggestions" }));
+        }
+        if (module == 'facets') {
+            return facetsToShow.length ? (_jsxs("div", { className: classnames('ss__autocomplete__facets-wrapper'), children: [facetsTitle || lang.facetsTitle.value ? (_jsx("div", { className: classnames('ss__autocomplete__title', 'ss__autocomplete__title--facets'), children: _jsx("h5", { ...mergedLang.facetsTitle?.all }) })) : null, _jsxs("div", { className: "ss__autocomplete__facets", children: [_jsx(Facets, { ...subProps.facets, facets: facetsToShow }), !excludeBanners ? _jsx(Banner, { ...subProps.banner, content: merchandising.content, type: ContentType.LEFT, name: 'left' }) : null] })] })) : null;
+        }
+        if (module == 'facetsHorizontal') {
+            return facetsToShow.length ? (_jsxs(_Fragment, { children: [facetsTitle || lang.facetsTitle.value ? (_jsx("div", { className: classnames('ss__autocomplete__title', 'ss__autocomplete__title--facets'), children: _jsx("h5", { ...mergedLang.facetsTitle?.all }) })) : null, _jsxs("div", { className: "ss__autocomplete__facets", children: [_jsx(FacetsHorizontal, { ...subProps.facetsHorizontal, facets: facetsToShow }), !excludeBanners ? _jsx(Banner, { ...subProps.banner, content: merchandising.content, type: ContentType.LEFT, name: 'left' }) : null] })] })) : null;
+        }
+        if (module == 'content' && showResults) {
+            return (_jsx("div", { className: "ss__autocomplete__content", children: results.length > 0 || loaded ? (_jsxs("div", { className: "ss__autocomplete__content-inner", children: [!excludeBanners ? _jsx(Banner, { ...subProps.banner, content: merchandising.content, type: ContentType.HEADER, name: 'header' }) : null, !excludeBanners ? _jsx(Banner, { ...subProps.banner, content: merchandising.content, type: ContentType.BANNER, name: 'banner' }) : null, results.length > 0 ? (_jsxs("div", { className: "ss__autocomplete__content__results", children: [(contentTitle || lang.contentTitle.value) && results.length > 0 ? (_jsx("div", { className: classnames('ss__autocomplete__title', 'ss__autocomplete__title--content'), children: _jsx("h5", { ...mergedLang.contentTitle?.all }) })) : null, _jsx(Results, { results: results, ...subProps.results, controller: controller })] })) : loaded ? (_jsxs("div", { className: "ss__autocomplete__content__no-results", children: [_jsx("div", { className: "ss__autocomplete__content__no-results__text", ...mergedLang.noResultsText?.all }), RecommendationTemplateComponent && recsController?.store?.loaded ? (_jsx("div", { className: "ss__autocomplete__content__no-results__recommendations", children: _jsx(RecommendationTemplateComponent, { controller: recsController, title: recsController.store?.profile?.display?.templateParameters?.title, resultComponent: RecommendationTemplateResultComponent, name: 'noResultsRecommendations', treePath: properties.treePath }) })) : null] })) : null, !excludeBanners ? _jsx(Banner, { ...subProps.banner, content: merchandising.content, type: ContentType.FOOTER, name: 'footer' }) : null] })) : null }));
+        }
+        if (module == 'no-results' && showResults) {
+            return (_jsx("div", { className: "ss__autocomplete__content", children: results.length == 0 && !loading ? (_jsxs("div", { className: "ss__autocomplete__content__no-results", children: [_jsx("div", { className: "ss__autocomplete__content__no-results__text", ...mergedLang.noResultsText?.all }), RecommendationTemplateComponent && recsController?.store?.loaded ? (_jsx("div", { className: "ss__autocomplete__content__no-results__recommendations", children: _jsx(RecommendationTemplateComponent, { controller: recsController, title: recsController.store?.profile?.display?.templateParameters?.title, resultComponent: RecommendationTemplateResultComponent, name: 'noResultsRecommendations', treePath: properties.treePath }) })) : null] })) : (_jsx(_Fragment, {})) }));
+        }
+        if (module == '_') {
+            return _jsx("div", { className: "ss__autocomplete__separator" });
+        }
+        if (module == 'banner.banner') {
+            return _jsx(Banner, { ...subProps.banner, content: merchandising.content, type: ContentType.BANNER, name: 'banner' });
+        }
+        if (module == 'banner.footer') {
+            return _jsx(Banner, { ...subProps.banner, content: merchandising.content, type: ContentType.FOOTER, name: 'footer' });
+        }
+        if (module == 'banner.header') {
+            return _jsx(Banner, { ...subProps.banner, content: merchandising.content, type: ContentType.HEADER, name: 'header' });
+        }
+        if (module == 'banner.left') {
+            return _jsx(Banner, { ...subProps.banner, content: merchandising.content, type: ContentType.LEFT, name: 'left' });
+        }
+        if (module == 'button.see-more' && showResults && search?.query?.string && results.length > 0) {
+            return (_jsxs(Button, { ...subProps.button, ...mergedLang.seeMoreButton.attributes, children: [_jsx("span", { ...mergedLang.seeMoreButton.value }), _jsx(Icon, { ...subProps.icon })] }));
+        }
+    };
+    if (typeof props.layout === 'string') {
+        if (props.layout === 'terms') {
+            layout = [['termsList'], ['no-results'], ['_', 'button.see-more']];
+        }
+        if (props.layout === 'mini') {
+            layout = [['termsList'], ['content'], ['_', 'button.see-more']];
+        }
+        if (props.layout === 'standard') {
+            layout = [['c1', 'c2', 'c3']];
+        }
+    }
+    /***************************************/
+    return visible && layout?.length ? (_jsx(CacheProvider, { children: _jsxs("div", { ...styling, className: classnames('ss__autocomplete', { 'ss__autocomplete--terms': props.layout === 'terms' }, { 'ss__autocomplete--mini': props.layout === 'mini' }, className, internalClassName), onClick: (e) => e.stopPropagation(), ref: (e) => useA11y(e, 0, false, reset), children: [_jsx("span", { role: 'link', ref: (e) => useA11y(e), onClick: () => reset(), className: "ss__autocomplete__close-button", style: { position: 'absolute', top: '-10000000px', left: '-1000000px' }, ...mergedLang.closeButton?.all }), layout?.map((module) => {
+                    return findModule(module);
+                })] }) })) : null;
+});

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

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

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

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

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

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

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

@@ -0,0 +1,50 @@
+import { ComponentProps } from '../../../types';
+export type BranchOverrideTheme = {
+    class: string;
+    main: {
+        border: string;
+        background: string;
+        color: string;
+        boxShadow: string;
+    };
+    top: {
+        background?: string;
+        border: string;
+        logo: {
+            src: string;
+        };
+        button: {
+            border: string;
+            color: string;
+            content: string;
+        };
+        close: {
+            fill: string;
+        };
+    };
+    bottom: {
+        content: string;
+        branch: {
+            color: string;
+            style: string;
+        };
+        additional: {
+            color: string;
+        };
+    };
+};
+export declare const BranchOverride: (properties: BranchOverrideProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export interface BranchOverrideProps extends ComponentProps {
+    branch: string;
+    error?: {
+        message: string;
+        description: string;
+    };
+    details?: {
+        url: string;
+        lastModified: string;
+    };
+    onRemoveClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, branch: string) => void;
+    darkMode?: boolean;
+}
+//# sourceMappingURL=BranchOverride.d.ts.map

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

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