@wayke-se/components-react 2.16.0 → 3.0.0-beta.1

package/dist-src/components/OpeningHours/index.js

@@ -1,97 +0,0 @@
-import React, { useMemo } from 'react';
-import { RepeatSmall } from '../Repeat/index';
-import Badge from '../Badge/index';
-import { TableColumn, TableColumnRow, TableColumnCell } from '../TableColumn/index';
-import { UtilityTextBold } from '../Utility/index';
-const KeyOrder = [
-    'monday',
-    'tuesday',
-    'wednesday',
-    'thursday',
-    'friday',
-    'saturday',
-    'sunday',
-];
-const TranslateWeekDays = (d) => {
-    switch (d) {
-        case 'monday':
-            return 'Mån';
-        case 'tuesday':
-            return 'Tis';
-        case 'wednesday':
-            return 'Ons';
-        case 'thursday':
-            return 'Tor';
-        case 'friday':
-            return 'Fre';
-        case 'saturday':
-            return 'Lör';
-        case 'sunday':
-            return 'Sön';
-    }
-};
-const arr = [];
-const GetOpeningHours = (o) => KeyOrder.reduce((prev, current) => {
-    const title = TranslateWeekDays(current);
-    const item = o[current];
-    const previous = prev === null || prev === void 0 ? void 0 : prev[prev.length - 1];
-    if (previous && previous.from == (item === null || item === void 0 ? void 0 : item.from) && previous.until === (item === null || item === void 0 ? void 0 : item.until)) {
-        prev[prev.length - 1].titleTo = title;
-    }
-    else {
-        prev.push({
-            titleFrom: title,
-            from: item === null || item === void 0 ? void 0 : item.from,
-            until: item === null || item === void 0 ? void 0 : item.until,
-        });
-    }
-    return prev;
-}, arr.slice());
-const GetOpeningHoursToday = (o) => {
-    const dayNumber = new Date().getDay();
-    const day = KeyOrder[dayNumber === 0 ? 6 : dayNumber - 1];
-    const current = o[day];
-    return {
-        title: current ? 'Öppetider idag' : 'Stängt idag',
-        from: current === null || current === void 0 ? void 0 : current.from,
-        until: current === null || current === void 0 ? void 0 : current.until,
-    };
-};
-const valuOfDateString = (s) => {
-    const splitted = s.split(':').map((x) => parseInt(x, 10));
-    return new Date().setHours(splitted[0], splitted[1]).valueOf();
-};
-const OpeningHours = ({ openingHours }) => {
-    const today = useMemo(() => (openingHours ? GetOpeningHoursToday(openingHours) : null), [openingHours]);
-    const currentlyOpen = useMemo(() => {
-        try {
-            if ((today === null || today === void 0 ? void 0 : today.from) && (today === null || today === void 0 ? void 0 : today.until)) {
-                const currentDate = new Date().valueOf();
-                const from = valuOfDateString(today.from);
-                const until = valuOfDateString(today.until);
-                return currentDate >= from && currentDate <= until;
-            }
-        }
-        catch (e) {
-            return false;
-        }
-    }, [today]);
-    const oh = useMemo(() => (openingHours ? GetOpeningHours(openingHours) : null), [openingHours]);
-    if (!oh) {
-        return null;
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(RepeatSmall, null,
-            React.createElement(Badge, { label: currentlyOpen ? 'Öppet' : 'Stängt', severity: currentlyOpen ? 'positive' : 'negative' })),
-        React.createElement(RepeatSmall, null,
-            React.createElement(TableColumn, null,
-                React.createElement(TableColumnRow, null,
-                    React.createElement(TableColumnCell, null,
-                        React.createElement(UtilityTextBold, null, today === null || today === void 0 ? void 0 : today.title)),
-                    React.createElement(TableColumnCell, null,
-                        React.createElement(UtilityTextBold, null, (today === null || today === void 0 ? void 0 : today.from) ? `${today.from}-${today.until}` : 'Stängt'))),
-                oh.map((o) => (React.createElement(TableColumnRow, { key: o.titleFrom },
-                    React.createElement(TableColumnCell, null, o.titleTo ? `${o.titleFrom}-${o.titleTo}` : o.titleFrom),
-                    React.createElement(TableColumnCell, null, o.from ? `${o.from}-${o.until}` : 'Stängt'))))))));
-};
-export default OpeningHours;

package/dist-src/components/OptionBox/index.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { Logo, LogoImg, Content, Wrapper } from './wrapper';
-const OptionBox = ({ logo, logo2x, logoAlt, children }) => (React.createElement(Wrapper, null,
-    logo && (React.createElement(Logo, null,
-        React.createElement(LogoImg, { src: logo, srcSet: logo2x, alt: logoAlt }))),
-    React.createElement(Content, null, children)));
-export default OptionBox;

package/dist-src/components/OverflowBox/index.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import { Wrapper } from './wrapper';
-const OverflowBox = ({ children }) => React.createElement(Wrapper, null, children);
-export default OverflowBox;

package/dist-src/components/Page/index.js

@@ -1,30 +0,0 @@
-import styled, { css } from 'styled-components';
-import { size } from '../../layout/helpers';
-export const Page = styled.div ``;
-export const PageSection = styled.section `
-  margin-bottom: ${size(4)};
-
-  ${({ accent }) => accent &&
-    css `
-      padding: ${size(4)} 0;
-      background-color: ${(props) => props.theme.color.accent};
-      margin-bottom: 0;
-    `}
-
-  ${({ large }) => large &&
-    css `
-      margin-bottom: ${size(8)};
-    `}
-
-  ${({ accent, large }) => accent &&
-    large &&
-    css `
-      padding: ${size(8)} 0;
-      margin-bottom: 0;
-    `}
-
-  ${({ fillSpace }) => fillSpace &&
-    css `
-      flex: 1 1 auto;
-    `}
-`;

package/dist-src/components/Panel/index.js

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { PanelWrapper, Close, CloseBtn, Header, Heading, Body, Footer, UiBlock, Wrapper, } from './wrapper';
-import { Portal, PortalNamespace } from '../Portal/index';
-import { H1 } from '../Heading/index';
-import { IconCancel } from '../Icon/index';
-const Panel = ({ id, title, footer, onClose, children }) => {
-    return (React.createElement(Portal, { id: id || PortalNamespace.DefaultPortal },
-        React.createElement(Wrapper, null,
-            React.createElement(UiBlock, { title: "St\u00E4ng panel", onClick: onClose }),
-            React.createElement(PanelWrapper, null,
-                React.createElement(Header, null,
-                    React.createElement(Heading, null,
-                        React.createElement(H1, { noMargin: true }, title)),
-                    React.createElement(Close, null,
-                        React.createElement(CloseBtn, { title: "St\u00E4ng panel", "aria-label": "St\u00E4ng panel", onClick: onClose },
-                            React.createElement(IconCancel, { block: true })))),
-                React.createElement(Body, null, children),
-                footer && React.createElement(Footer, null, footer)))));
-};
-export default Panel;

package/dist-src/components/Pdf/index.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { PdfListItem, PdfSubtitle, PdfTitle, PdfContainer, PdfListInner, PdfLink, PdfColumn, } from './wrapper';
-export const PdfDownloadItem = ({ document }) => (React.createElement(PdfListItem, null,
-    React.createElement(PdfListInner, null,
-        React.createElement(PdfColumn, null,
-            React.createElement(PdfTitle, null, document.name),
-            React.createElement(PdfSubtitle, null, document.contentType)),
-        React.createElement(PdfColumn, null,
-            React.createElement(PdfLink, { href: document.url, rel: "noopener noreferrer nofollow", target: "_blank" }, "\u00D6ppna")))));
-export const PdfDownloadContainer = ({ documents }) => (React.createElement(PdfContainer, null, documents.map((document, i) => (React.createElement(PdfDownloadItem, { key: `${document.url}-${i}`, document: document })))));
-export default PdfDownloadContainer;

package/dist-src/components/PhoneNumber/index.js

@@ -1,13 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import { TableColumnRow, TableColumnCell } from '../TableColumn/index';
-import { ButtonContent, ButtonInlineBold } from '../Button/index';
-const PhoneNumber = ({ phoneNumber }) => {
-    const [visible, setVisible] = useState(false);
-    const onClick = useCallback(() => !visible && setVisible(true), [visible]);
-    return (React.createElement(TableColumnRow, null,
-        React.createElement(TableColumnCell, null, "Telefonnummer"),
-        React.createElement(TableColumnCell, null, visible ? (React.createElement(ButtonInlineBold, { as: "a", href: `tel:${phoneNumber}`, title: `Ring ${phoneNumber}` },
-            React.createElement(ButtonContent, null, phoneNumber))) : (React.createElement(ButtonInlineBold, { onClick: onClick, title: "Visa telefonnummer" },
-            React.createElement(ButtonContent, null, "Visa telefonnummer"))))));
-};
-export default PhoneNumber;

package/dist-src/components/Portal/index.js

@@ -1,4 +0,0 @@
-import * as PortalNamespace from './portal-namespace';
-export { default as PortalElement } from './portal-element';
-export { default as Portal } from './portal';
-export { PortalNamespace };

package/dist-src/components/Portal/portal-element.js

@@ -1,3 +0,0 @@
-import * as React from 'react';
-const PortalElement = ({ id }) => React.createElement("div", { id: id });
-export default PortalElement;

package/dist-src/components/Portal/portal.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-const Portal = ({ id, children }) => {
-    const el = React.useRef(document.getElementById(id) || document.createElement('div'));
-    if (!el.current) {
-        return null;
-    }
-    const { current } = el;
-    const [dynamic] = React.useState(!current.parentElement);
-    React.useEffect(() => {
-        if (dynamic) {
-            current.id = id;
-            if (document.body) {
-                document.body.appendChild(current);
-            }
-        }
-        return () => {
-            if (dynamic && current.parentElement) {
-                current.parentElement.removeChild(current);
-            }
-        };
-    }, [id]);
-    return ReactDOM.createPortal(children, current);
-};
-export default React.memo(Portal);

package/dist-src/components/PriceTable/index.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { List, Item, Value, Label } from './wrapper';
-import { VisualHeading } from '../Heading/index';
-import { Price, OldPrice } from '../Price/index';
-import { numberSeparator } from '../../utils/formats';
-const PriceTable = ({ price, oldPrice }) => (React.createElement(List, null,
-    React.createElement(Item, null,
-        React.createElement(Label, null,
-            React.createElement(VisualHeading, null, "Pris")),
-        React.createElement(Value, null,
-            React.createElement(Price, null,
-                numberSeparator(price),
-                " kr"))),
-    oldPrice !== undefined && (React.createElement(Item, null,
-        React.createElement(Label, null),
-        React.createElement(Value, null,
-            React.createElement(OldPrice, null,
-                numberSeparator(oldPrice),
-                " kr"))))));
-export default PriceTable;

package/dist-src/components/ProductCard/index.js

@@ -1,38 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import LazyLoad from 'react-lazyload';
-import { Wrapper, Image, Picture, Source, Img, Content, ContentBody, ContentFooter, Heading, Link, Description, Usp, Price, CurrentPrice, OldPrice, PriceCell, Label, } from './wrapper';
-import UspList from '../UspList/index';
-import { DEFAULT_PLACEHOLDER_IMAGE } from '../../utils/constants';
-import usePath from '../../State/Path/usePath';
-const ProductCard = ({ id, title, href, image, pathRoute, placeholderImage, description, uspList, price, oldPrice, leasingPrice, onClick, }) => {
-    const { pushState } = usePath();
-    const _onClick = useMemo(() => (onClick ? () => onClick(id) : undefined), [id]);
-    const onHrefClick = useCallback((e) => {
-        if (!!pathRoute && href) {
-            e.preventDefault();
-            pushState(href);
-        }
-    }, [id, pathRoute, href]);
-    return (React.createElement(Wrapper, { onClick: _onClick },
-        React.createElement(Image, null,
-            React.createElement(LazyLoad, null, image ? (React.createElement(React.Fragment, null,
-                React.createElement(Picture, null,
-                    React.createElement(Source, { type: "image/webp", srcSet: `${image}?spec=822x548&format=webp 822w, ${image}?spec=750x500&format=webp 750w, ${image}?spec=411x274&format=webp 411w`, sizes: "(min-width: 600px) calc(((100vw - 48px) / 2) - 8px), (min-width: 900px) calc(((100vw - 48px) / 3) - 10.666px), (min-width: 1312px) 410px, calc(100vw - 32px)" }),
-                    React.createElement(Img, { srcSet: `${image}?spec=822x548 822w, ${image}?spec=750x500 750w, ${image}?spec=411x274 411w`, sizes: "(min-width: 600px) calc(((100vw - 48px) / 2) - 8px), (min-width: 900px) calc(((100vw - 48px) / 3) - 10.666px), (min-width: 1312px) 410px, calc(100vw - 32px)", src: `${image}?spec=411x274`, alt: title })))) : (React.createElement(Picture, null,
-                React.createElement(Img, { src: placeholderImage || DEFAULT_PLACEHOLDER_IMAGE }))))),
-        React.createElement(Content, null,
-            React.createElement(ContentBody, null,
-                React.createElement(Heading, null, href ? (React.createElement(Link, { onClick: onHrefClick, href: href, title: title, "aria-label": title }, title)) : (title)),
-                description && React.createElement(Description, null, description),
-                uspList && (React.createElement(Usp, null,
-                    React.createElement(UspList, { small: true, items: uspList })))),
-            React.createElement(ContentFooter, null,
-                React.createElement(Price, null,
-                    React.createElement(PriceCell, null,
-                        oldPrice ? React.createElement(OldPrice, null, oldPrice) : React.createElement(Label, null, "Pris"),
-                        React.createElement(CurrentPrice, null, price)),
-                    leasingPrice && (React.createElement(PriceCell, null,
-                        React.createElement(Label, null, "Leasingpris"),
-                        React.createElement(CurrentPrice, null, leasingPrice))))))));
-};
-export default ProductCard;

package/dist-src/components/ProgressBar/index.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Wrapper, Description, Bar, BarActive } from './wrapper';
-const ProgressBar = ({ unit, valueCurrent, valueMax }) => {
-    const barWidth = (valueCurrent / valueMax) * 100;
-    return (React.createElement(Wrapper, null,
-        React.createElement(Description, null,
-            "Visar ",
-            valueCurrent.toString(),
-            " av ",
-            valueMax.toString(),
-            " ",
-            unit),
-        React.createElement(Bar, null,
-            React.createElement(BarActive, { style: { width: `${barWidth}%` }, "aria-valuenow": valueCurrent, "aria-valuemin": 0, "aria-valuemax": valueMax }))));
-};
-export default ProgressBar;

package/dist-src/components/RangeSlider/RangeSliderSimple.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { Slider, Rail, Handles, Tracks } from 'react-compound-slider';
-import { Bar, RangeSpan, RangeSpanItem, Slider as OwnSlider } from './wrapper';
-import { Handle } from './handle';
-import { Track } from './track';
-import { numberSeparator } from '../../utils/formats';
-const RangeSliderSimple = ({ loading, values, domain, steps, unit, formatValues, onChange, onUpdate, }) => {
-    const first = steps[0];
-    const second = steps[1];
-    const step = second - first;
-    const currentMin = formatValues ? numberSeparator(domain[0]) : domain[0];
-    const currentMax = formatValues ? numberSeparator(domain[1]) : domain[1];
-    if (steps.length < 2) {
-        return null;
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(OwnSlider, null,
-            React.createElement(Slider, { disabled: loading, mode: 1, step: step, domain: domain, onChange: onChange, onUpdate: onUpdate, values: values, rootStyle: { position: 'relative' } },
-                React.createElement(Rail, null, ({ getRailProps }) => React.createElement(Bar, { ...getRailProps() })),
-                React.createElement(Handles, null, ({ handles, getHandleProps }) => (React.createElement("div", { className: "slider-handles" }, handles.map((handle) => (React.createElement(Handle, { key: handle.id, handle: handle, domain: domain, getHandleProps: getHandleProps })))))),
-                React.createElement(Tracks, { right: false }, ({ tracks, getTrackProps }) => (React.createElement("div", { className: "slider-tracks" }, tracks.map(({ id, source, target }) => (React.createElement(Track, { key: id, source: source, target: target, getTrackProps: getTrackProps })))))))),
-        false && (React.createElement(RangeSpan, null,
-            React.createElement(RangeSpanItem, null, `${currentMin}${unit ? ` ${unit}` : ''}`),
-            React.createElement(RangeSpanItem, null, `${currentMax}${unit ? ` ${unit}` : ''}`)))));
-};
-export default RangeSliderSimple;

package/dist-src/components/RangeSlider/SliderWithLabel.js

@@ -1,21 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { numberSeparator } from '../../utils/formats';
-import RangeSliderLabel from '../RangeSliderLabel/index';
-import { RepeatTiny } from '../Repeat/index';
-import RangeSliderSimple from './RangeSliderSimple';
-const SliderWithLabel = ({ label, values, domain, steps, loading, unit, formatValues, onChange, }) => {
-    const [local, setLocal] = useState(steps);
-    const onUpdate = useCallback((nextValues) => {
-        setLocal([...nextValues]);
-    }, []);
-    useEffect(() => {
-        if (!loading)
-            setLocal(undefined);
-    }, [loading]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(RepeatTiny, null,
-            React.createElement(RangeSliderLabel, { label: label, value: `${numberSeparator((local === null || local === void 0 ? void 0 : local[0]) || values[0])}${unit ? ` ${unit}` : ''}` })),
-        React.createElement(RepeatTiny, null,
-            React.createElement(RangeSliderSimple, { loading: loading, values: values, domain: domain, steps: steps, onChange: onChange, onUpdate: onUpdate, unit: unit, formatValues: formatValues }))));
-};
-export default SliderWithLabel;

package/dist-src/components/RangeSlider/handle.js

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Handle as OwnHandle } from './wrapper';
-export const Handle = ({ domain: [min, max], handle: { id, value, percent }, getHandleProps, }) => (React.createElement(OwnHandle, { role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value, style: {
-        left: `${percent}%`,
-    }, ...getHandleProps(id) }));

package/dist-src/components/RangeSlider/index.js

@@ -1,50 +0,0 @@
-import React, { useState, useCallback, useEffect } from 'react';
-import { Slider, Rail, Handles, Tracks } from 'react-compound-slider';
-import { Bar, RangeSpan, RangeSpanItem, Slider as OwnSlider, Track as OwnTrack, Handle as OwnHandle, } from './wrapper';
-import { Handle } from './handle';
-import { Track } from './track';
-import { numberSeparator } from '../../utils/formats';
-const getSteps = (steps) => {
-    let current = Number.MAX_SAFE_INTEGER;
-    steps.forEach((step, index) => {
-        if (index !== 0) {
-            const c = step - steps[index - 1];
-            if (c < current) {
-                current = c;
-            }
-        }
-    });
-    return current;
-};
-const RangeSlider = ({ loading, values, domain, steps, unit, formatValues, maxPrefix, onChange, }) => {
-    const [current, setCurrent] = useState(values);
-    const onUpdate = useCallback((nextValues) => {
-        if (!isNaN(nextValues[0]) && !isNaN(nextValues[1])) {
-            setCurrent(nextValues.slice());
-        }
-    }, [values]);
-    const step = getSteps(steps);
-    const currentMin = formatValues ? numberSeparator(current[0]) : current[0];
-    const currentMax = formatValues ? numberSeparator(current[1]) : current[1];
-    const equal = domain[0] === domain[1];
-    const _maxPrefix = maxPrefix && domain[1] === current[1] ? maxPrefix : undefined;
-    useEffect(() => {
-        if (values[0] !== current[0] || values[1] !== current[1]) {
-            setCurrent(values);
-        }
-    }, [values]);
-    return (React.createElement(React.Fragment, null,
-        equal ? (React.createElement(OwnSlider, null,
-            React.createElement(Bar, null,
-                React.createElement(OwnTrack, { style: { left: '0', width: '100%' } }),
-                React.createElement(OwnHandle, { role: "slider", "aria-disabled": true, style: { left: '0' } }),
-                React.createElement(OwnHandle, { role: "slider", "aria-disabled": true, style: { left: '100%' } })))) : (React.createElement(OwnSlider, null,
-            React.createElement(Slider, { disabled: loading, mode: 1, step: step, domain: domain, onChange: onChange, onUpdate: onUpdate, values: values, rootStyle: { position: 'relative' } },
-                React.createElement(Rail, null, ({ getRailProps }) => React.createElement(Bar, { ...getRailProps() })),
-                React.createElement(Handles, null, ({ handles, getHandleProps }) => (React.createElement("div", { className: "slider-handles" }, handles.map((handle) => (React.createElement(Handle, { key: handle.id, handle: handle, domain: domain, getHandleProps: getHandleProps })))))),
-                React.createElement(Tracks, { left: false, right: false }, ({ tracks, getTrackProps }) => (React.createElement("div", { className: "slider-tracks" }, tracks.map(({ id, source, target }) => (React.createElement(Track, { key: id, source: source, target: target, getTrackProps: getTrackProps }))))))))),
-        React.createElement(RangeSpan, null,
-            React.createElement(RangeSpanItem, null, `${currentMin}${unit ? ` ${unit}` : ''}`),
-            React.createElement(RangeSpanItem, null, `${currentMax}${_maxPrefix ? _maxPrefix : ''}${unit ? ` ${unit}` : ''}`))));
-};
-export default RangeSlider;

package/dist-src/components/RangeSlider/track.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import { Track as OwnTrack } from './wrapper';
-export const Track = ({ source, target, getTrackProps }) => (React.createElement(OwnTrack, { style: {
-        left: `${source.percent}%`,
-        width: `${target.percent - source.percent}%`,
-    }, ...getTrackProps() }));

package/dist-src/components/RangeSliderLabel/index.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import { Wrapper, Label, Value } from './wrapper';
-const RangeSliderLabel = ({ label, value, highlight }) => (React.createElement(Wrapper, null,
-    React.createElement(Label, null, label),
-    value && React.createElement(Value, { isHighlighted: highlight }, value)));
-export default RangeSliderLabel;

package/dist-src/components/Result/index.js

@@ -1,39 +0,0 @@
-import React, { useCallback } from 'react';
-import { Wrapper, Header, HeaderCount, HeaderSort, Body, Footer, FooterProgress, FooterAction, ResultCount, } from './wrapper';
-import ProgressBar from '../ProgressBar/index';
-import { ButtonSecondary, ButtonContent } from '../Button/index';
-import Loader from '../Loader/index';
-import { numberSeparator } from '../../utils/formats';
-import useSearch from '../../State/Search/useSearch';
-import SortSelect from '../SortSelect/index';
-import { getTranslatedSortOptionDisplayName } from '../../utils/sortOptions';
-const Result = ({ children }) => {
-    var _a;
-    const { loading, response, documents, queryFilter, onLoadMore, onFilterUpdate } = useSearch();
-    const onSortOptionChange = useCallback((e) => onFilterUpdate(e.currentTarget.value), []);
-    const numberOfDocuments = (documents === null || documents === void 0 ? void 0 : documents.length) || 0;
-    const numberOfHits = (response === null || response === void 0 ? void 0 : response.documentList.numberOfHits) || 0;
-    const useSkeletons = !!(queryFilter === null || queryFilter === void 0 ? void 0 : queryFilter.concatResult);
-    const selectedSortOption = (_a = response === null || response === void 0 ? void 0 : response.documentList.sortOptions.find((x) => x.selected)) === null || _a === void 0 ? void 0 : _a.query;
-    const sortOptions = response === null || response === void 0 ? void 0 : response.documentList.sortOptions.filter((x) => x.displayName !== 'relevance').map((so) => ({
-        value: so.query,
-        displayName: getTranslatedSortOptionDisplayName(so.displayName),
-    }));
-    if (loading && !useSkeletons) {
-        return React.createElement(Loader, null);
-    }
-    return (React.createElement(Wrapper, null,
-        React.createElement(Header, null,
-            React.createElement(HeaderCount, null,
-                React.createElement(ResultCount, null, `${numberSeparator(numberOfHits)} ${numberOfHits === 1 ? 'bil' : 'bilar'}`)),
-            sortOptions && selectedSortOption && (React.createElement(HeaderSort, null,
-                React.createElement(SortSelect, { value: selectedSortOption, options: sortOptions, onChange: onSortOptionChange })))),
-        React.createElement(Body, null, children),
-        React.createElement(Footer, null,
-            React.createElement(FooterProgress, null,
-                React.createElement(ProgressBar, { unit: "bilar", valueCurrent: numberOfDocuments, valueMax: numberOfHits })),
-            numberOfDocuments !== numberOfHits && (React.createElement(FooterAction, null,
-                React.createElement(ButtonSecondary, { disabled: loading, onClick: onLoadMore, title: "Visa fler", "aria-label": "Visa fler" },
-                    React.createElement(ButtonContent, null, "Visa fler")))))));
-};
-export default Result;

package/dist-src/components/SearchBar/index.js

@@ -1,18 +0,0 @@
-import React, { useCallback, useRef } from 'react';
-import InputSearch from '../InputSearch/index';
-import useOutsideClick from '../../hooks/useOutsideClick';
-const SearchBar = ({ value, setValue, onSearch }) => {
-    const ref = useRef(null);
-    const onChange = useCallback((e) => setValue(e.currentTarget.value), []);
-    useOutsideClick(ref, () => setValue(''));
-    const _onSearch = useCallback(() => {
-        onSearch(value);
-    }, [value]);
-    const onKeyDown = useCallback((e) => {
-        if (e.keyCode === 13) {
-            _onSearch();
-        }
-    }, [value, _onSearch]);
-    return (React.createElement(InputSearch, { ref: ref, value: value, onChange: onChange, onKeyDown: onKeyDown, onSearch: _onSearch, placeholder: "S\u00F6k", label: "S\u00F6k", id: "main-search" }));
-};
-export default SearchBar;

package/dist-src/components/SearchFilter/index.js

@@ -1,23 +0,0 @@
-import React, { useCallback, useState } from 'react';
-import useSearch from '../../State/Search/useSearch';
-import SearchBar from '../SearchBar/index';
-const SearchFilter = () => {
-    const [value, setValue] = useState('');
-    const { queryFilter, onFilterUpdate } = useSearch();
-    const onSearch = useCallback((value) => {
-        const nextQuery = new URLSearchParams(queryFilter.searchParams);
-        if (value === nextQuery.get('query')) {
-            return;
-        }
-        if (value) {
-            nextQuery.set('query', value);
-        }
-        else {
-            nextQuery.delete('qquery');
-        }
-        onFilterUpdate(nextQuery.toString());
-        setValue('');
-    }, [queryFilter]);
-    return React.createElement(SearchBar, { value: value, setValue: setValue, onSearch: onSearch });
-};
-export default SearchFilter;

package/dist-src/components/SearchTerm/index.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import { Wrapper, Query, Clear } from './wrapper';
-import { IconCancel } from '../Icon/index';
-const SearchTerm = ({ children, onClear, clearTitle }) => (React.createElement(Wrapper, null,
-    React.createElement(Query, null, children),
-    onClear && (React.createElement(Clear, { onClick: onClear, title: clearTitle ? clearTitle : 'Rensa fritext' },
-        React.createElement(IconCancel, { block: true })))));
-export default SearchTerm;

package/dist-src/components/SectionHeader/index.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Wrapper, Heading, Action } from './wrapper';
-import { ButtonClear, ButtonContent } from '../Button/index';
-const SectionHeader = ({ children, onClick, actionTitle }) => (React.createElement(Wrapper, null,
-    React.createElement(Heading, null, children),
-    onClick && actionTitle && (React.createElement(Action, null,
-        React.createElement(ButtonClear, { as: "a", href: "#", onClick: onClick },
-            React.createElement(ButtonContent, null, actionTitle))))));
-export default SectionHeader;

package/dist-src/components/Snackbar/index.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Wrapper, Icon, Content, Heading, Message } from './wrapper';
-import { IconCheck, IconInfo, IconExclamationCircle, IconExclamationTriangle } from '../Icon/index';
-const Snackbar = ({ severity, icon, heading, children }) => {
-    let iconSelector = React.createElement(IconInfo, { block: true });
-    if (severity === 'error') {
-        iconSelector = React.createElement(IconExclamationCircle, { block: true });
-    }
-    else if (severity === 'warning') {
-        iconSelector = React.createElement(IconExclamationTriangle, { block: true });
-    }
-    else if (severity === 'success') {
-        iconSelector = React.createElement(IconCheck, { block: true });
-    }
-    return (React.createElement(Wrapper, { severity: severity },
-        icon && React.createElement(Icon, null, iconSelector),
-        React.createElement(Content, null,
-            heading && React.createElement(Heading, null, heading),
-            React.createElement(Message, null, children))));
-};
-export default Snackbar;

package/dist-src/components/Snackbar/wrapper.js

@@ -1,56 +0,0 @@
-import styled from 'styled-components';
-import { size } from '../../layout/helpers';
-import theme from '../../layout/theme';
-const getSnackbarBg = (severity) => {
-    let bg = theme.color.accent;
-    if (severity === 'error') {
-        bg = theme.color.ui.negativeLight;
-    }
-    else if (severity === 'warning') {
-        bg = theme.color.ui.neutralLight;
-    }
-    else if (severity === 'info') {
-        bg = theme.color.ui.infoLight;
-    }
-    else if (severity === 'success') {
-        bg = theme.color.ui.positiveLight;
-    }
-    return bg;
-};
-export const Wrapper = styled.div.attrs(() => ({
-    role: 'alert',
-})) `
-  display: flex;
-  align-items: center;
-  padding: ${size(1.5)} ${size(2)};
-  background-color: ${(props) => getSnackbarBg(props.severity)};
-  color: ${(props) => props.theme.color.textDark};
-  border-radius: 3px;
-`;
-export const Icon = styled.div `
-  flex-shrink: 0;
-  padding-right: ${size(2)};
-  font-size: ${size(3)};
-
-  > svg {
-    display: block;
-  }
-`;
-export const Content = styled.div `
-  flex: 1 1 auto;
-  font-size: 1rem;
-`;
-export const Heading = styled.div `
-  font-weight: 700;
-`;
-export const Message = styled.div `
-  > * {
-    &:first-child {
-      margin-top: 0;
-    }
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-`;

package/dist-src/components/SortSelect/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { Wrapper, Select, Option, Icon } from './wrapper';
-import { IconChevronDown } from '../Icon/index';
-const SortSelect = ({ value, options, onChange, unit }) => (React.createElement(Wrapper, null,
-    React.createElement(Select, { value: value, onChange: onChange, title: "Sortering", "aria-label": "Sortering" }, options.map((option) => (React.createElement(Option, { key: option.value, value: option.value },
-        option.displayName || option.value,
-        unit ? ` ${unit}` : '')))),
-    React.createElement(Icon, null,
-        React.createElement(IconChevronDown, { block: true }))));
-export default SortSelect;