@wayke-se/components-react 3.0.0-beta.10 → 3.0.0-beta.11

package/dist-src/@types/action.js

@@ -1 +0,0 @@
-export {};

package/dist-src/@types/codegen/types.js

@@ -1,14 +0,0 @@
-export var DrivingDistance;
-(function (DrivingDistance) {
-    DrivingDistance["Between0And1000"] = "BETWEEN0AND1000";
-    DrivingDistance["Between1000And1500"] = "BETWEEN1000AND1500";
-    DrivingDistance["Between1500And2000"] = "BETWEEN1500AND2000";
-    DrivingDistance["Between2000And2500"] = "BETWEEN2000AND2500";
-    DrivingDistance["Over2500"] = "OVER2500";
-})(DrivingDistance || (DrivingDistance = {}));
-export var FinancialOptionInclusion;
-(function (FinancialOptionInclusion) {
-    FinancialOptionInclusion["IncludesInsurance"] = "INCLUDES_INSURANCE";
-    FinancialOptionInclusion["IncludesService"] = "INCLUDES_SERVICE";
-    FinancialOptionInclusion["IncludesWintertires"] = "INCLUDES_WINTERTIRES";
-})(FinancialOptionInclusion || (FinancialOptionInclusion = {}));

package/dist-src/@types/filter.js

@@ -1 +0,0 @@
-export {};

package/dist-src/@types/queryFilter.js

@@ -1 +0,0 @@
-export {};

package/dist-src/@types/search.js

@@ -1 +0,0 @@
-export {};

package/dist-src/@types/vehicle-properties.js

@@ -1 +0,0 @@
-export {};

package/dist-src/State/CentralStorage/CentralStorageContext.js

@@ -1,4 +0,0 @@
-import { createContext } from 'react';
-export const CentralStorageContext = createContext({
-    setCentralStorageId: (_) => { },
-});

package/dist-src/State/CentralStorage/CentralStorageProvider.js

@@ -1,9 +0,0 @@
-import React, { useCallback } from 'react';
-import { CentralStorageContext } from './CentralStorageContext';
-import useSessionStorage from '../../hooks/useSessionStorage';
-const CentralStorageProvider = ({ children }) => {
-    const { value, set, remove } = useSessionStorage('centralStorage');
-    const setCentralStorageId = useCallback((id) => (id ? set(id) : remove()), []);
-    return (React.createElement(CentralStorageContext.Provider, { value: { centralStorageId: value, setCentralStorageId } }, children));
-};
-export default CentralStorageProvider;

package/dist-src/State/CentralStorage/useCentralStorage.js

@@ -1,29 +0,0 @@
-import { useContext, useEffect } from 'react';
-import { CentralStorageContext } from './CentralStorageContext';
-import useSearchItemBranch from '../../hooks/useSearchItemBranch';
-const useCentralStorage = (vehicle) => {
-    const { centralStorageId, setCentralStorageId } = useContext(CentralStorageContext);
-    const connections = vehicle?.branch?.connections;
-    const branchId = centralStorageId
-        ? connections?.find((x) => x.id === centralStorageId)?.id
-        : undefined;
-    const { data, loading } = useSearchItemBranch(vehicle?.id, branchId);
-    useEffect(() => {
-        if ((connections?.length || 0) > 0) {
-            const match = centralStorageId
-                ? connections?.find((x) => x.id === centralStorageId)
-                : undefined;
-            if (!match) {
-                const first = connections?.[0];
-                if (first) {
-                    setCentralStorageId(first.id);
-                }
-            }
-        }
-    }, [connections]);
-    return {
-        vehicle: (connections?.length || 0) > 0 ? data?.vehicle : vehicle,
-        loading,
-    };
-};
-export default useCentralStorage;

package/dist-src/State/Path/PathContext.js

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export const PathContext = createContext(undefined);

package/dist-src/State/Path/PathProvider.js

@@ -1,47 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useReducer } from 'react';
-import usePrevious from '../../hooks/usePrevious';
-import { PathContext } from './PathContext';
-import reducer, { initialState, SET_PATH } from './reducer';
-const regexGuidAnyWhere = /(\{){0,1}[0-9a-fA-F]{8}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{12}(\}){0,1}/g;
-const POP_STATE = 'popstate';
-const PathProvider = ({ children }) => {
-    const [state, dispatch] = useReducer(reducer, initialState);
-    const previousPath = usePrevious(state.path);
-    useEffect(() => {
-        const onPopState = () => {
-            dispatch({ type: SET_PATH, path: window.location.pathname });
-        };
-        window.addEventListener(POP_STATE, onPopState);
-        return () => {
-            window.removeEventListener(POP_STATE, onPopState);
-        };
-    }, []);
-    const pushState = useCallback((path) => {
-        const h1 = window.location.hash;
-        history.pushState(null, '', `${path}`);
-        const h2 = window.location.hash;
-        if (h1.localeCompare(h2) !== 0) {
-            window.dispatchEvent(new HashChangeEvent('hashchange'));
-        }
-        dispatch({ type: SET_PATH, path });
-    }, []);
-    const replaceState = useCallback((path) => {
-        const h1 = window.location.hash;
-        history.replaceState(null, '', path);
-        const h2 = window.location.hash;
-        if (h1.localeCompare(h2) !== 0) {
-            window.dispatchEvent(new HashChangeEvent('hashchange'));
-        }
-        dispatch({ type: SET_PATH, path });
-    }, []);
-    const id = useMemo(() => state.path.match(regexGuidAnyWhere)?.pop(), [state.path]);
-    const value = useMemo(() => ({
-        ...state,
-        previousPath,
-        id,
-        pushState,
-        replaceState,
-    }), [state]);
-    return React.createElement(PathContext.Provider, { value: value }, children);
-};
-export default PathProvider;

package/dist-src/State/Path/reducer.js

@@ -1,15 +0,0 @@
-export const SET_PATH = 'SET_PATH';
-export const initialState = {
-    path: window.location.pathname,
-};
-const pathReducer = (state, action) => {
-    const next = { ...state };
-    switch (action.type) {
-        case SET_PATH:
-            next.path = action.path;
-            return next;
-        default:
-            throw new Error(`Unsupported action type`);
-    }
-};
-export default pathReducer;

package/dist-src/State/Path/usePath.js

@@ -1,10 +0,0 @@
-import { useContext } from 'react';
-import { PathContext } from './PathContext';
-const usePath = () => {
-    const context = useContext(PathContext);
-    if (!context) {
-        throw new Error('usePath must be used within a PathProvider');
-    }
-    return context;
-};
-export default usePath;

package/dist-src/State/RelatedSearch/RelatedSearchContext.js

@@ -1,8 +0,0 @@
-import { createContext } from 'react';
-export const RelatedSearchContext = createContext({
-    moreLikeThisUrl: false,
-    loading: false,
-    error: false,
-    response: undefined,
-    fetchRelated: (_) => { },
-});

package/dist-src/State/RelatedSearch/RelatedSearchProvider.js

@@ -1,27 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import useFetch from '../../hooks/useFetch';
-import { RelatedSearchContext } from './RelatedSearchContext';
-const RelatedSearchProvider = ({ url, urlMlt, apiKey, children }) => {
-    const [queryFilter, setQueryFilter] = useState();
-    const query = queryFilter?.searchParams.toString();
-    const { loading, data: response, error, } = useFetch(`${urlMlt || url}${query ? `?${query}` : ''}`, {
-        headers: apiKey
-            ? {
-                'x-api-key': apiKey,
-            }
-            : {},
-    }, !queryFilter);
-    const fetchRelated = useCallback((searchParams) => setQueryFilter({
-        searchParams,
-    }), []);
-    const value = {
-        moreLikeThisUrl: !!urlMlt,
-        loading,
-        error,
-        response,
-        queryFilter,
-        fetchRelated,
-    };
-    return React.createElement(RelatedSearchContext.Provider, { value: value }, children);
-};
-export default RelatedSearchProvider;

package/dist-src/State/RelatedSearch/useRelatedSearch.js

@@ -1,15 +0,0 @@
-import { useContext, useEffect } from 'react';
-import { RelatedSearchContext } from './RelatedSearchContext';
-const useRelatedSearch = (id) => {
-    const data = useContext(RelatedSearchContext);
-    useEffect(() => {
-        const searchParams = new URLSearchParams();
-        searchParams.set('hits', '3');
-        if (data.moreLikeThisUrl && id) {
-            searchParams.set('id', id);
-        }
-        data.fetchRelated(searchParams);
-    }, [id]);
-    return data;
-};
-export default useRelatedSearch;

package/dist-src/State/Search/SearchContext.js

@@ -1,12 +0,0 @@
-import { createContext } from 'react';
-export const SearchContext = createContext({
-    loading: false,
-    error: false,
-    response: undefined,
-    documents: undefined,
-    initialFacets: undefined,
-    queryFilter: { searchParams: new URLSearchParams() },
-    onFilterUpdate: (_) => { },
-    onLoadMore: () => { },
-    onInitialize: (_) => { },
-});

package/dist-src/State/Search/SearchProvider.js

@@ -1,176 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import useFetch from '../../hooks/useFetch';
-import { SearchContext } from './SearchContext';
-import { getUrlSearchParamsFromUrl } from '../../utils/url';
-import { WaykePubSub } from '../../index';
-import usePath from '../Path/usePath';
-const initialSearchParams = new URLSearchParams();
-initialSearchParams.set('hits', '30');
-initialSearchParams.set('sort', 'published-desc');
-const SearchProvider = ({ url, apiKey, useQueryParamsFromUrl, pathRoute, children, }) => {
-    const { replaceState, pushState } = usePath();
-    const [queryFilter, setQueryFilter] = useState({
-        searchParams: initialSearchParams,
-    });
-    const [initialFacets, setInitialFacets] = useState();
-    const [documents, setDocuments] = useState();
-    const [initialize, setInitialize] = useState(false);
-    const { data: initialDataRepsonse } = useFetch(`${url}?hits=0`, {
-        headers: apiKey
-            ? {
-                'x-api-key': apiKey,
-            }
-            : {},
-    }, !!initialFacets);
-    const query = queryFilter.searchParams.toString();
-    const { loading, data: response, error, } = useFetch(`${url}${query ? `?${query}` : ''}`, {
-        headers: apiKey
-            ? {
-                'x-api-key': apiKey,
-            }
-            : {},
-    }, !initialize || !!queryFilter?.block);
-    const popStateEvent = (event) => {
-        const { currentTarget } = event;
-        if (currentTarget) {
-            const nextSearchParams = new URLSearchParams(currentTarget.location.search);
-            if (!nextSearchParams.has('sort')) {
-                nextSearchParams.set('sort', 'published-desc');
-            }
-            setQueryFilter({
-                searchParams: nextSearchParams,
-            });
-        }
-    };
-    useEffect(() => {
-        if (useQueryParamsFromUrl) {
-            window.addEventListener('popstate', popStateEvent);
-        }
-        const onFilterUpdateEvent = {
-            actionName: 'onFilterUpdate',
-            callback: onFilterUpdate,
-        };
-        WaykePubSub.subscribeAction(onFilterUpdateEvent);
-        return () => {
-            window.removeEventListener('popstate', popStateEvent);
-            WaykePubSub.unsubscribeAction(onFilterUpdateEvent);
-        };
-    }, []);
-    useEffect(() => {
-        if (initialDataRepsonse) {
-            setInitialFacets(initialDataRepsonse.facets);
-        }
-    }, [initialDataRepsonse]);
-    useEffect(() => {
-        if (useQueryParamsFromUrl) {
-            const nextSearchParams = new URLSearchParams(queryFilter.searchParams);
-            nextSearchParams.delete('hits');
-            nextSearchParams.delete('offset');
-            if (nextSearchParams.get('sort') === 'published-desc') {
-                nextSearchParams.delete('sort');
-            }
-            const nextSearch = nextSearchParams.toString() ? `?${nextSearchParams}` : '';
-            if (initialize) {
-                if (window.location.search.localeCompare(nextSearch) !== 0) {
-                    const _path = pathRoute?.replace(/^\/|\/$/g, '');
-                    const prefix = _path ? `/${_path}/` : '/';
-                    const index = _path ? window.location.pathname.indexOf(prefix) : -1;
-                    let pathname = window.location.pathname;
-                    if (index > -1) {
-                        pathname = pathname.substr(0, index);
-                    }
-                    pushState(`${pathname}${nextSearch}`);
-                }
-            }
-        }
-    }, [queryFilter, initialize, useQueryParamsFromUrl]);
-    useEffect(() => {
-        if (response) {
-            if (!initialFacets && !useQueryParamsFromUrl) {
-                setInitialFacets(response.facets);
-            }
-            if (useQueryParamsFromUrl && response.query?.parameters) {
-                const nextSearchParams = new URLSearchParams(response.query.parameters);
-                nextSearchParams.delete('hits');
-                nextSearchParams.delete('offset');
-                const nextSearch = nextSearchParams.toString() ? `?${nextSearchParams}` : '';
-                if (window.location.search.localeCompare(nextSearch) !== 0) {
-                    replaceState(`${window.location.pathname}${nextSearch}`);
-                    setQueryFilter({
-                        searchParams: new URLSearchParams(nextSearch),
-                        block: true,
-                    });
-                }
-            }
-            if (queryFilter?.concatResult) {
-                setDocuments([...(documents || []), ...(response.documentList.documents || [])]);
-            }
-            else {
-                setDocuments(response.documentList.documents || []);
-            }
-        }
-    }, [response, useQueryParamsFromUrl]);
-    const onFilterUpdate = useCallback((nextQuery) => {
-        {
-            if (!initialize) {
-                setInitialize(true);
-            }
-            setQueryFilter({
-                searchParams: new URLSearchParams(nextQuery),
-            });
-        }
-    }, [initialize]);
-    const onLoadMore = useCallback(() => {
-        if (response) {
-            setQueryFilter({
-                searchParams: new URLSearchParams(response?.documentList.pagination.nextPage?.query),
-                concatResult: true,
-            });
-        }
-    }, [response]);
-    const onInitialize = useCallback((_initialQueryParams) => {
-        if (!initialize) {
-            const searchParamsFromUrl = getUrlSearchParamsFromUrl();
-            const initialQueryParams = useQueryParamsFromUrl
-                ? searchParamsFromUrl
-                : _initialQueryParams;
-            if (useQueryParamsFromUrl && _initialQueryParams) {
-                _initialQueryParams.forEach((value, key) => {
-                    if (!initialQueryParams?.getAll(key)?.some((v) => v === value)) {
-                        initialQueryParams?.append(key, value);
-                    }
-                });
-            }
-            if (initialQueryParams) {
-                const nextSearchParams = new URLSearchParams(initialQueryParams);
-                nextSearchParams.delete('hits');
-                nextSearchParams.delete('offset');
-                if (!initialQueryParams.has('hits')) {
-                    initialQueryParams.set('hits', '30');
-                }
-                if (!initialQueryParams.has('sort')) {
-                    initialQueryParams.set('sort', 'published-desc');
-                }
-                const nextSearch = nextSearchParams.toString() ? `?${nextSearchParams}` : '';
-                setQueryFilter({
-                    searchParams: initialQueryParams,
-                });
-                replaceState(`${window.location.pathname}${nextSearch}`);
-            }
-            setInitialize(true);
-        }
-    }, [initialize]);
-    const value = {
-        loading,
-        error,
-        response,
-        documents,
-        initialFacets,
-        queryFilter,
-        onFilterUpdate,
-        onLoadMore,
-        onInitialize,
-    };
-    return React.createElement(SearchContext.Provider, { value: value }, children);
-};
-export default SearchProvider;

package/dist-src/State/Settings/SettingsContext.js

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export const SettingsContext = createContext({});

package/dist-src/State/Settings/SettingsProvider.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SettingsContext } from './SettingsContext';
-const SettingsProvider = ({ googleMapsApiKey, googleMapsMarker, ecomSettings, children, }) => (React.createElement(SettingsContext.Provider, { value: { ecomSettings, googleMapsApiKey, googleMapsMarker } }, children));
-export default SettingsProvider;

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

@@ -1,18 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import { List, Item, Header, Label, Heading, Indicator, IndicatorValue, Icon, Body, } from './wrapper';
-import { IconChevronDown } from '../Icon/index';
-export const AccordionItem = ({ heading, children, activeCount, isActive }) => {
-    const [extend, setExtend] = useState(isActive || false);
-    const onToggleExtend = useCallback(() => setExtend(!extend), [extend]);
-    return (React.createElement(Item, { isOpen: extend },
-        React.createElement(Header, { onClick: onToggleExtend, title: "Visa mer" },
-            React.createElement(Label, null,
-                React.createElement(Heading, { className: activeCount && activeCount > 0 ? 'wayke__theme wayke__font--bold' : '' }, heading),
-                activeCount && activeCount > 0 && (React.createElement(Indicator, null,
-                    React.createElement(IndicatorValue, null, activeCount)))),
-            React.createElement(Icon, null,
-                React.createElement(IconChevronDown, { block: true }))),
-        React.createElement(Body, null, children)));
-};
-const Accordion = ({ children }) => React.createElement(List, null, children);
-export default Accordion;

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

@@ -1,18 +0,0 @@
-import React, { useCallback } from 'react';
-import ToggleItem from './toggle-item';
-import { formatPhonenumber } from '../../utils/phonenumbers';
-import PubSub from '../../utils/pubsub/pubsub';
-const ActionList = ({ contact, branch }) => {
-    const email = contact?.email || branch?.contact?.email;
-    const phonenumber = contact?.phonenumber || branch?.contact?.phonenumber;
-    const onClickMailVisible = useCallback(() => PubSub.publish('MailVisible'), []);
-    const onClickPhoneVisible = useCallback(() => PubSub.publish('PhonenumberVisible'), []);
-    const onClickPhoneValue = useCallback(() => PubSub.publish('PhonenumberCall'), []);
-    if (!email && !phonenumber) {
-        return null;
-    }
-    return (React.createElement(React.Fragment, null,
-        email && (React.createElement(ToggleItem, { onClickVisible: onClickMailVisible, title: "Visa mailadress", value: email, type: "mailto" })),
-        phonenumber && (React.createElement(ToggleItem, { title: "Visa telefonnummer", value: formatPhonenumber(phonenumber), type: "tel", onClickVisible: onClickPhoneVisible, onClickValue: onClickPhoneValue }))));
-};
-export default ActionList;

package/dist-src/components/ActionList/toggle-item.js

@@ -1,27 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import { ButtonSecondary, ButtonContent } from '../Button/index';
-import { RepeatTiny } from '../Repeat/index';
-const initialValue = {};
-const getInitialValue = (title) => title && !!initialValue[title];
-const ToggleItem = ({ title, value, type, onClickVisible, onClickValue }) => {
-    const [visible, setVisible] = useState(() => getInitialValue(type));
-    const _onClickValue = useCallback(() => {
-        if (onClickValue) {
-            onClickValue();
-        }
-    }, []);
-    const onClick = useCallback(() => {
-        if (!visible) {
-            initialValue[type] = true;
-            setVisible(true);
-            if (onClickVisible) {
-                onClickVisible();
-            }
-        }
-    }, [visible]);
-    const visibleTitle = type === 'tel' ? 'Ring' : type === 'mailto' ? 'Skicka ett mail till' : '';
-    return (React.createElement(RepeatTiny, null, visible ? (React.createElement(ButtonSecondary, { onClick: _onClickValue, as: "a", href: `${type}:${value}`, title: `${visibleTitle} ${value}`, fullWidth: true },
-        React.createElement(ButtonContent, null, value))) : (React.createElement(ButtonSecondary, { onClick: onClick, title: title, fullWidth: true },
-        React.createElement(ButtonContent, null, title)))));
-};
-export default ToggleItem;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { Wrapper } from './wrapper';
-const Avatar = ({ image, alt }) => React.createElement(Wrapper, { image: image, "aria-label": alt });
-export default Avatar;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { Wrapper } from './wrapper';
-const Badge = ({ label, severity }) => React.createElement(Wrapper, { severity: severity }, label);
-export default Badge;

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

@@ -1,24 +0,0 @@
-import styled from 'styled-components';
-import { size } from '../../layout/helpers';
-import theme from '../../layout/theme';
-const getBg = (severity) => {
-    let bg = theme.color.textDark;
-    if (severity === 'positive') {
-        bg = theme.color.ui.positive;
-    }
-    else if (severity === 'negative') {
-        bg = theme.color.ui.negative;
-    }
-    return bg;
-};
-export const Wrapper = styled.div.attrs(() => ({
-    className: 'wayke__theme wayke__font--bold',
-})) `
-  display: inline-block;
-  background-color: ${(props) => getBg(props.severity)};
-  padding: ${size(0.75)} ${size(1.5)};
-  color: ${(props) => props.theme.color.textLight};
-  border-radius: 3px;
-  font-size: 0.75rem;
-  line-height: 1.2;
-`;

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Wrapper, Quote, Author, AvatarWrapper, Info, Name, Date } from './wrapper';
-import Avatar from '../Avatar/index';
-const Blockquote = ({ children, author, avatar, date }) => (React.createElement(Wrapper, null,
-    React.createElement(Quote, null, children),
-    author && (React.createElement(Author, null,
-        avatar && (React.createElement(AvatarWrapper, null,
-            React.createElement(Avatar, { image: avatar, alt: `${author} avatar` }))),
-        React.createElement(Info, null,
-            React.createElement(Name, null, author),
-            date && React.createElement(Date, null, date))))));
-export default Blockquote;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { List, Item, Icon, Label } from './wrapper';
-import { IconCheck } from '../Icon/index';
-export const CheckMarkListItem = ({ children }) => (React.createElement(Item, null,
-    React.createElement(Icon, null,
-        React.createElement(IconCheck, { block: true })),
-    React.createElement(Label, null, children)));
-const CheckMarkList = ({ children }) => React.createElement(List, null, children);
-export default CheckMarkList;

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { List, Item, Action, ActionIcon, ActionLabel } from './wrapper';
-import { IconCheck, IconRadio } from '../Icon/index';
-const ChecklistItem = ({ label, onClick, active, radio }) => (React.createElement(Item, null,
-    React.createElement(Action, { onClick: onClick },
-        active && React.createElement(ActionIcon, null, radio ? React.createElement(IconRadio, { block: true }) : React.createElement(IconCheck, { block: true })),
-        React.createElement(ActionLabel, { className: active ? 'wayke__theme wayke__font--bold wayke__color--primary-text' : '' }, label))));
-const Checklist = ({ items, radio }) => {
-    if (!items?.length) {
-        return null;
-    }
-    return (React.createElement(List, null, items.map((item) => (React.createElement(ChecklistItem, { key: item.label, label: item.label, onClick: item.onClick, active: item.active, radio: radio })))));
-};
-export default Checklist;

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import { List, Item, Action, Color, Label } from './wrapper';
-const ColorSelectItem = ({ label, hex, onClick, active, disabled, boxShadow }) => {
-    return (React.createElement(Item, null,
-        React.createElement(Action, { onClick: onClick, disabled: disabled, title: label, "aria-label": label },
-            React.createElement(Color, { style: {
-                    backgroundColor: hex.length === 1 ? hex[0] : '',
-                    backgroundImage: hex.length > 1 ? `linear-gradient(${hex.join()})` : '',
-                }, active: active, boxShadow: boxShadow, className: active ? 'wayke__theme wayke__color--primary-text' : '' }),
-            React.createElement(Label, { className: active ? 'wayke__theme wayke__color--primary-text wayke__font--bold' : '' }, label))));
-};
-const ColorSelect = ({ items }) => {
-    if (!items) {
-        return null;
-    }
-    return (React.createElement(List, null, items.map((item) => (React.createElement(ColorSelectItem, { key: item.label, label: item.label, hex: item.hex, onClick: item.onClick, active: item.active, disabled: item.disabled, boxShadow: item.boxShadow })))));
-};
-export default ColorSelect;

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

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

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

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

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { List, Item, Label, Value } from './wrapper';
-const DataList = ({ items }) => (React.createElement(List, null, items.map((item) => (React.createElement(Item, { key: item.label },
-    React.createElement(Label, null, item.label),
-    React.createElement(Value, null, item.value))))));
-export default DataList;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Wrapper, Main, Heading, Description, Footer, Foldout } from './wrapper';
-import { ButtonClear, ButtonContent } from '../Button/index';
-const DetailBox = ({ heading, description, children }) => {
-    const [extend, setExtend] = React.useState(false);
-    const onToggleExtend = React.useCallback(() => setExtend(!extend), [extend]);
-    const extendBtnText = extend ? 'Mindre information' : 'Mer information';
-    return (React.createElement(Wrapper, null,
-        React.createElement(Main, null,
-            React.createElement(Heading, null, heading),
-            description && React.createElement(Description, null, description),
-            React.createElement(Footer, null,
-                React.createElement(ButtonClear, { onClick: onToggleExtend },
-                    React.createElement(ButtonContent, null, extendBtnText)))),
-        extend && React.createElement(Foldout, null, children)));
-};
-export default DetailBox;

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

@@ -1,24 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import { Wrapper, Extend, Action } from './wrapper';
-import { ButtonClear, ButtonContent } from '../Button/index';
-const ExtendContent = ({ children, actionTitle, onClick }) => {
-    const [extend, setExtend] = useState(false);
-    const onExtend = useCallback(() => {
-        setExtend(true);
-        if (onClick) {
-            onClick();
-        }
-    }, []);
-    const onRef = (ref) => {
-        const refHeight = ref?.clientHeight || 0;
-        if (refHeight < 207) {
-            setExtend(true);
-        }
-    };
-    return (React.createElement(Wrapper, { ref: onRef },
-        React.createElement(Extend, { extended: extend }, children),
-        !extend && (React.createElement(Action, null,
-            React.createElement(ButtonClear, { onClick: onExtend, title: actionTitle },
-                React.createElement(ButtonContent, null, actionTitle))))));
-};
-export default ExtendContent;