@telia-ace/widget-ui 1.0.8 → 1.0.11

package/lib-esm/hooks/use-render-state.js

@@ -1,65 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { WidgetRenderState } from '@telia-ace/widget-core';
-import { useEffect, useState } from 'react';
-import useContainer from './use-container';
-import useIsMounted from './use-is-mounted';
-var useRenderState = function (passedContainer) {
-    var _a = __read(useState(), 2), renderState = _a[0], setRenderState = _a[1];
-    var container = useContainer();
-    var isMounted = useIsMounted();
-    useEffect(function () {
-        var unsubscribe;
-        var widget = (passedContainer || container).get('$widget');
-        if (!widget) {
-            return;
-        }
-        var name = widget.name, invoke = widget.invoke;
-        invoke('renderState').then(function (renderState) {
-            if (isMounted.current) {
-                setRenderState(renderState);
-            }
-        });
-        (passedContainer || container)
-            .getAsync('actionResolver')
-            .then(function (actionResolver) {
-            unsubscribe = actionResolver.subscribe(name, function (origin, action) {
-                switch (action) {
-                    case 'close':
-                    case 'open':
-                        if (isMounted.current) {
-                            setRenderState(action === 'open'
-                                ? WidgetRenderState.open
-                                : WidgetRenderState.closed);
-                        }
-                        break;
-                    case 'hide':
-                        if (isMounted.current) {
-                            setRenderState(WidgetRenderState.hidden);
-                        }
-                }
-            });
-        });
-        return function () {
-            if (unsubscribe) {
-                unsubscribe();
-            }
-        };
-    }, [isMounted]);
-    return renderState;
-};
-export default useRenderState;

package/lib-esm/hooks/use-route-data.d.ts

@@ -1,4 +0,0 @@
-import { RouteData } from '@telia-ace/widget-routing';
-import { Container } from '@webprovisions/platform';
-declare const useRouteData: (passedContainer?: Container | undefined) => RouteData;
-export default useRouteData;

package/lib-esm/hooks/use-route-data.js

@@ -1,53 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { removeNullAndUndefinedValues } from '@telia-ace/widget-utilities';
-import { useEffect, useState } from 'react';
-import useContainer from './use-container';
-import useIsMounted from './use-is-mounted';
-import useRouter from './use-router';
-var useRouteData = function (passedContainer) {
-    var container = useContainer();
-    var router = useRouter();
-    var _a = __read(useState({ name: '', params: {} }), 2), routeData = _a[0], setRouteData = _a[1];
-    var isMounted = useIsMounted();
-    useEffect(function () {
-        var widget = (passedContainer || container).get('$widget');
-        if (!widget) {
-            return;
-        }
-        var events = widget.events;
-        var unsubscribe = events.subscribe('router:change', function (e, _a) {
-            var routeData = _a.next.routeData;
-            if (isMounted.current) {
-                var name_1 = routeData.name, params = routeData.params;
-                removeNullAndUndefinedValues(params);
-                setRouteData({ name: name_1, params: params });
-            }
-        });
-        return unsubscribe;
-    }, [isMounted, passedContainer, container]);
-    useEffect(function () {
-        if (router && router.history && isMounted.current) {
-            var routeData_1 = router.getRouteData();
-            var name_2 = routeData_1.name, params = routeData_1.params;
-            removeNullAndUndefinedValues(params);
-            setRouteData({ name: name_2, params: params });
-        }
-    }, [router, isMounted]);
-    return routeData;
-};
-export default useRouteData;

package/lib-esm/hooks/use-router.js

@@ -1,7 +0,0 @@
-import { useContext } from 'react';
-import { RoutingContext } from '../contexts';
-var useRouter = function () {
-    var router = useContext(RoutingContext);
-    return router;
-};
-export default useRouter;

package/lib-esm/hooks/use-scroll.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (scrollable: boolean) => [string, React.MutableRefObject<any>];
-export default _default;

package/lib-esm/hooks/use-scroll.js

@@ -1,66 +0,0 @@
-import { useCallback, useRef } from 'react';
-import { browser, Browsers } from '../utils';
-import useEventListener from './use-event-listener';
-export default (function (scrollable) {
-    var elem = useRef();
-    var previousY = useRef(0);
-    var timeoutId;
-    var onScroll = useCallback(function () {
-        var _a;
-        (_a = elem.current) === null || _a === void 0 ? void 0 : _a.classList.add('humany-scrolling');
-        clearTimeout(timeoutId);
-        timeoutId = setTimeout(function () {
-            var _a;
-            (_a = elem.current) === null || _a === void 0 ? void 0 : _a.classList.remove('humany-scrolling');
-        }, 500);
-    }, [elem]);
-    var onTouchStart = useCallback(function (event) {
-        previousY.current = event.touches[0].clientY;
-    }, [elem]);
-    var traverseScrollable = function (element) {
-        if (isScrollable(element)) {
-            if (element === elem.current) {
-                return element;
-            }
-            return null;
-        }
-        if (element.parentElement) {
-            return traverseScrollable(element.parentElement);
-        }
-        return null;
-    };
-    var isScrollable = function (element) {
-        return (element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight);
-    };
-    var onTouchMove = useCallback(function (event) {
-        if (!event.cancelable) {
-            return;
-        }
-        var top = event.touches[0].clientY;
-        var firstScrollable = traverseScrollable(event.target);
-        if (!firstScrollable) {
-            return;
-        }
-        var scrollTop = firstScrollable.scrollTop;
-        var direction = previousY.current - top < 0 ? 'up' : 'down';
-        var isAtTop = scrollTop <= 0 && direction === 'up';
-        var isAtBottom = scrollTop >= firstScrollable.scrollHeight - firstScrollable.offsetHeight &&
-            direction === 'down';
-        if (isAtTop || isAtBottom) {
-            // Don't scroll up if already at top,
-            // and don't scroll down if bottom has been reached
-            event.preventDefault();
-        }
-        previousY.current = top;
-    }, [elem, previousY]);
-    useEventListener('scroll', onScroll, elem.current, function () { return elem.current && scrollable; });
-    // This will prevent scrolling causing browser
-    // to freeze on Safari / Chrome on iOS
-    useEventListener('touchstart', onTouchStart, elem.current, function () { return elem.current && scrollable; });
-    useEventListener('touchmove', onTouchMove, elem.current, function () { return elem.current && scrollable; });
-    if (!scrollable) {
-        return ['', elem];
-    }
-    return [styling, elem];
-});
-var styling = "\n    overflow-y: ".concat(browser() === Browsers.Chrome || browser() === Browsers.EdgeChromium ? 'overlay' : 'auto', ";\n    overflow-x: hidden;\n    -ms-overflow-style: none; /* IE 10+ */\n    scrollbar-width: thin; /* Firefox */\n    scrollbar-color: transparent transparent; /* Firefox */\n\n    ::-webkit-scrollbar {\n        width: 3px !important;\n        background-color: transparent;\n        border-left: none;\n    }\n    ::-webkit-scrollbar-thumb {\n        background-color: transparent;\n    }\n    ::-webkit-scrollbar-track {\n        -webkit-box-shadow: none !important;\n        background-color: transparent;\n    }\n    &.humany-scrolling {\n        scrollbar-color: #7F7F7F transparent;\n        scrollbar-width: thin; /* Firefox */\n        -ms-overflow-style: none; /* IE 10+ */\n\n        ::-webkit-scrollbar-thumb {\n            background-color: #7F7F7F;\n        }\n    }\n");

package/lib-esm/hooks/use-settings.js

@@ -1,33 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { useEffect, useState } from 'react';
-import useContainer from './use-container';
-import useIsMounted from './use-is-mounted';
-var useSettings = function () {
-    var _a = __read(useState(null), 2), settings = _a[0], setSettings = _a[1];
-    var container = useContainer();
-    var isMounted = useIsMounted();
-    useEffect(function () {
-        container.get('settings').then(function (settings) {
-            if (isMounted.current) {
-                setSettings(settings);
-            }
-        });
-    }, [isMounted]);
-    return settings;
-};
-export default useSettings;

package/lib-esm/hooks/use-toggle.js

@@ -1,26 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { useCallback, useState } from 'react';
-var useToggle = function (initialValue) {
-    if (initialValue === void 0) { initialValue = false; }
-    var _a = __read(useState(initialValue), 2), value = _a[0], setValue = _a[1];
-    var toggle = useCallback(function (forced) {
-        setValue(typeof forced === 'boolean' ? forced : function (v) { return !v; });
-    }, []);
-    return [value, toggle];
-};
-export default useToggle;

package/lib-esm/hooks/use-transition-end.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (handler: (...args: any[]) => void) => void;
-export default _default;

package/lib-esm/hooks/use-transition-end.js

@@ -1,60 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { useCallback, useEffect, useState } from 'react';
-import { useComponentPlatform, useContainer, useEventListener, useIsMounted } from '.';
-export default (function (handler) {
-    var container = useContainer();
-    var components = useComponentPlatform();
-    var widgetDOMElement = container.get('widgetDOMElement');
-    var _a = __read(useState(null), 2), viewDOMElement = _a[0], setViewDOMElement = _a[1];
-    var _b = __read(useState(null), 2), rootDOMElement = _b[0], setRootDOMElement = _b[1];
-    var isMounted = useIsMounted();
-    useEffect(function () {
-        if (components && isMounted.current) {
-            var rootArea = components.nodes.all.find(function (n) { return n.name === 'root-area'; });
-            var view = components.nodes.all.find(function (n) { return n.type === 'view'; });
-            if (!(view === null || view === void 0 ? void 0 : view.attributes.properties.animation) &&
-                !(rootArea === null || rootArea === void 0 ? void 0 : rootArea.attributes.properties.animation)) {
-                // if view and root does not use animations, call handler on render
-                handler();
-            }
-            else {
-                // else add elements to state for transitionend-event handling
-                var getElement = function (id) {
-                    if (id === void 0) { id = ''; }
-                    return widgetDOMElement === null || widgetDOMElement === void 0 ? void 0 : widgetDOMElement.querySelector("[data-node-id=\"".concat(id, "\"]"));
-                };
-                var viewDOMElement_1 = getElement(view === null || view === void 0 ? void 0 : view.id);
-                if (viewDOMElement_1) {
-                    setViewDOMElement(viewDOMElement_1);
-                }
-                var rootDOMElement_1 = getElement(rootArea === null || rootArea === void 0 ? void 0 : rootArea.id);
-                if (rootDOMElement_1) {
-                    setRootDOMElement(rootDOMElement_1);
-                }
-            }
-        }
-    }, [components, container, isMounted]);
-    var eventListener = useCallback(function (event) {
-        if (isMounted.current &&
-            (event.target === viewDOMElement || event.target === rootDOMElement)) {
-            handler();
-        }
-    }, [handler, isMounted, viewDOMElement, rootDOMElement]);
-    useEventListener('transitionend', eventListener, viewDOMElement);
-    useEventListener('transitionend', eventListener, rootDOMElement);
-});

package/lib-esm/hooks/use-unique-menu.js

@@ -1,10 +0,0 @@
-import useWidgetEvent from './use-widget-event';
-var useUniqueMenu = function (id, callback) {
-    var dispatch = useWidgetEvent('widget:menu-toggled', function (_, triggeredId) {
-        if (triggeredId !== id) {
-            callback();
-        }
-    });
-    return function () { return dispatch(id); };
-};
-export default useUniqueMenu;

package/lib-esm/hooks/use-widget-event.js

@@ -1,16 +0,0 @@
-import { useEffect } from 'react';
-import useEvents from './use-events';
-var useWidgetEvent = function (event, callback, dependencies, passedContainer) {
-    if (dependencies === void 0) { dependencies = []; }
-    var events = useEvents(passedContainer);
-    useEffect(function () {
-        if (events) {
-            var unsubscribe_1 = events.subscribe(event, callback);
-            return function () {
-                unsubscribe_1();
-            };
-        }
-    }, [events].concat(dependencies));
-    return function (data) { return events === null || events === void 0 ? void 0 : events.dispatch(event, data); };
-};
-export default useWidgetEvent;

package/lib-esm/index.js

@@ -1,7 +0,0 @@
-import { AnchorLink, Button, Checkbox, Confirm, DateFormats, Drawer, DrawerAnimationType, Dropdown, Empty, Grid, Html, Icon, Input, ItemList, ItemTree, Lightbox, Link, List, Modal, NotFound, Overlay, Paragraph, Portal, RouteLink, SymbolBadge, TabStop, Text, TextLink, Timestamp, Tooltip, TransitionComponent, Typography, WidgetLink, } from './components';
-import { ColumnContext, ComponentNodeContext, ComponentPropertyContext, ContainerContext, RoutingContext, } from './contexts';
-import { default as createReactComponent } from './create-react-component';
-import { useAction, useChildren, useColumns, useComponent, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useDispatch, useEventListener, useEvents, useIsMounted, useKeyPress, useLayout, usePrevious, useProperties, useRenderState, useRouteData, useRouter, useScroll, useSettings, useToggle, useTransitionEnd, useUniqueMenu, useWidgetEvent, } from './hooks';
-import { borderTabStyle, buttonCss, contentBox, invertedHoverButton, itemList, linkTabStyle, list, paddedBorderTabStyle, StyledText, } from './styles';
-import { browser, Browsers, convertToStringAttributes, createEmptyComponent, defaultRenderInstructions, embeddedLinkMapper, filterCssProps, filterCssPropsStyle, genericHashLink, headingElement, processHtmlString, transitionComposer, } from './utils';
-export { AnchorLink, borderTabStyle, Button, buttonCss, Checkbox, ColumnContext, ComponentNodeContext, ComponentPropertyContext, Confirm, ContainerContext, contentBox, createEmptyComponent, createReactComponent, DateFormats, Drawer, DrawerAnimationType, Dropdown, filterCssProps, filterCssPropsStyle, Grid, headingElement, Html, Icon, Input, invertedHoverButton, ItemList, ItemTree, Lightbox, Link, linkTabStyle, List, paddedBorderTabStyle, RoutingContext, SymbolBadge, Text, TextLink, TransitionComponent, transitionComposer, Typography, useChildren, useColumns, useComponent, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useDispatch, useIsMounted, useLayout, useProperties, useRenderState, useRouteData, useRouter, useScroll, useTransitionEnd, useAction, useEventListener, useEvents, useKeyPress, usePrevious, useSettings, useToggle, useUniqueMenu, useWidgetEvent, Empty, Modal, NotFound, Overlay, Paragraph, Portal, RouteLink, TabStop, Timestamp, Tooltip, WidgetLink, itemList, list, StyledText, browser, convertToStringAttributes, defaultRenderInstructions, embeddedLinkMapper, genericHashLink, processHtmlString, };

package/lib-esm/styles.js

@@ -1,26 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled, { css } from 'styled-components';
-import { Button, Text } from './components';
-import { headingElement } from './utils';
-export var contentBox = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    background: #ffffff;\n    border-radius: ", ";\n    border: ", ";\n    box-shadow: ", ";\n    ", "\n"], ["\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    background: #ffffff;\n    border-radius: ", ";\n    border: ", ";\n    box-shadow: ", ";\n    ", "\n"])), function (p) { return p.theme.borderRadius; }, function (p) { return p.theme.border; }, function (p) { return p.theme.boxShadow || 'none'; }, function (p) { return p['data-loading'] && 'min-height: 150px;'; });
-export var buttonCss = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    cursor: pointer;\n    text-align: center;\n    border: none;\n    padding: ", ";\n    border-radius: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 300;\n"], ["\n    cursor: pointer;\n    text-align: center;\n    border: none;\n    padding: ", ";\n    border-radius: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 300;\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { return p.theme.borderRadius; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.type; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; });
-export var invertedHoverButton = function (_a) {
-    var primaryColor = _a.primaryColor, secondaryColor = _a.secondaryColor, active = _a.active;
-    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    ", "\n    border: 1px solid ", ";\n    background-color: ", ";\n\n    color: ", ";\n    transition: background-color 200ms ease-out, color 200ms ease-out;\n\n    span,\n    i,\n    p,\n    a {\n        transition: color 200ms ease-out;\n        color: ", ";\n        font-size: ", ";\n    }\n\n    ", "\n"], ["\n    ", "\n    border: 1px solid ", ";\n    background-color: ", ";\n\n    color: ", ";\n    transition: background-color 200ms ease-out, color 200ms ease-out;\n\n    span,\n    i,\n    p,\n    a {\n        transition: color 200ms ease-out;\n        color: ", ";\n        font-size: ", ";\n    }\n\n    ", "\n"])), buttonCss, active ? secondaryColor : primaryColor, active ? primaryColor : secondaryColor, active ? secondaryColor : primaryColor, active ? secondaryColor : primaryColor, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) {
-        return !p.disabled && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n            &:hover {\n                background-color: ", ";\n                color: ", ";\n\n                span,\n                i,\n                p,\n                a {\n                    color: ", ";\n                }\n            }\n\n            &:focus {\n                ", ";\n            }\n        "], ["\n            &:hover {\n                background-color: ", ";\n                color: ", ";\n\n                span,\n                i,\n                p,\n                a {\n                    color: ", ";\n                }\n            }\n\n            &:focus {\n                ", ";\n            }\n        "])), primaryColor, secondaryColor, secondaryColor, function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && borderTabStyle; });
-    });
-};
-export var borderTabStyle = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    outline: ", ";\n    color: ", ";\n    border-color: transparent;\n"], ["\n    outline: ", ";\n    color: ", ";\n    border-color: transparent;\n"])), function (p) { var _a; return (_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.border; }, function (p) { var _a, _b; return (_b = (_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.inactiveText; });
-export var linkTabStyle = css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    ", "\n    text-decoration: underline;\n"], ["\n    ", "\n    text-decoration: underline;\n"])), borderTabStyle);
-export var paddedBorderTabStyle = css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    ", "\n    outline-offset: ", ";\n"], ["\n    ", "\n    outline-offset: ", ";\n"])), borderTabStyle, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
-export var CloseButton = styled(Button)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    position: absolute;\n    top: ", ";\n    right: ", ";\n    z-index: 1;\n\n    svg {\n        stroke: ", ";\n    }\n\n    &:focus {\n        ", ";\n    }\n"], ["\n    position: absolute;\n    top: ", ";\n    right: ", ";\n    z-index: 1;\n\n    svg {\n        stroke: ", ";\n    }\n\n    &:focus {\n        ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; }, function (p) {
-    var _a;
-    return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n                ", "\n                padding: ", ";\n                height: 15px;\n                box-sizing: content-box;\n            "], ["\n                ", "\n                padding: ", ";\n                height: 15px;\n                box-sizing: content-box;\n            "])), borderTabStyle, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
-});
-export var StyledText = styled(Text)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    font-size: ", ";\n    font-weight: normal;\n    line-height: 1.2em;\n    color: ", ";\n"], ["\n    font-size: ", ";\n    font-weight: normal;\n    line-height: 1.2em;\n    color: ", ";\n"])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; });
-export var list = css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    > li {\n        margin: 0 0 ", ";\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        min-width: 0;\n        &:focus {\n            outline-offset: -2px;\n        }\n        > a {\n            text-decoration: none;\n        }\n    }\n    > li:last-child {\n        margin: 0;\n    }\n"], ["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    > li {\n        margin: 0 0 ", ";\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        min-width: 0;\n        &:focus {\n            outline-offset: -2px;\n        }\n        > a {\n            text-decoration: none;\n        }\n    }\n    > li:last-child {\n        margin: 0;\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; });
-export var itemList = css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    > div {\n        ", "\n    }\n    > ul {\n        ", "\n    }\n\n    ", "\n"], ["\n    > div {\n        ", "\n    }\n    > ul {\n        ", "\n    }\n\n    ", "\n"])), headingElement('> h1', css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n                margin: 0 0 ", ";\n                font-size: ", ";\n                font-weight: normal;\n                line-height: 1.8em;\n                color: ", ";\n            "], ["\n                margin: 0 0 ", ";\n                font-size: ", ";\n                font-weight: normal;\n                line-height: 1.8em;\n                color: ", ";\n            "])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; })), list, headingElement('h1', css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n            display: flex;\n            align-items: center;\n\n            i {\n                margin: 7px ", " 0 0;\n                width: 24px;\n                display: inline-block;\n                vertical-align: text-bottom;\n                align-self: flex-start;\n                min-width: 24px;\n                min-height: 24px;\n                text-align: center;\n            }\n        "], ["\n            display: flex;\n            align-items: center;\n\n            i {\n                margin: 7px ", " 0 0;\n                width: 24px;\n                display: inline-block;\n                vertical-align: text-bottom;\n                align-self: flex-start;\n                min-width: 24px;\n                min-height: 24px;\n                text-align: center;\n            }\n        "])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; })));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;

package/lib-esm/utils/animations.js

@@ -1,101 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { css } from 'styled-components';
-var inEnteringState = function (status) {
-    return status === 'entering' || status === 'entered';
-};
-var inExitingState = function (status) {
-    return status === 'exiting' || status === 'exited';
-};
-/**
- * List of basic transition presets
- */
-var partials = {
-    fade: {
-        in: 'opacity: 1;',
-        out: 'opacity: 0;',
-    },
-    'slide-left': {
-        in: 'transform: translateX(0);',
-        out: 'transform: translateX(-100%);',
-    },
-    'slide-right': {
-        in: 'transform: translateX(0);',
-        out: 'transform: translateX(100%);',
-    },
-    'slide-up': {
-        in: 'transform: translateY(0);',
-        out: 'transform: translateY(100%);',
-    },
-    'slide-down': {
-        in: 'transform: translateY(0);',
-        out: 'transform: translateY(-100%);',
-    },
-    scale: {
-        in: 'transform: scale(1);',
-        out: 'transform: scale(0);',
-    },
-};
-var transformTransitions = ['slide-up', 'slide-down', 'slide-left', 'slide-right', 'scale'];
-export var transitionComposer = {
-    compose: function (status, definitions) {
-        if (status === void 0) { status = 'exited'; }
-        var enter = definitions.enter, exit = definitions.exit;
-        var inKeys = enter.transitionKeys.split(' ');
-        var transitionProperty = transformTransitions.indexOf(inKeys[0]) > -1 ? 'transform' : 'opacity';
-        if (inEnteringState(status)) {
-            if (inKeys && inKeys.length > 0) {
-                return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    ", "\n                    transition: ", " ", "ms ", ";\n                "], ["\n                    ", "\n                    transition: ", " ", "ms ", ";\n                "])), inKeys &&
-                    inKeys.length > 0 &&
-                    inKeys.map(function (key) { return (partials[key] ? partials[key].in : ''); }), transitionProperty, enter.duration, enter.easing);
-            }
-            return '';
-        }
-        var inBase = inKeys &&
-            inKeys.length > 0 && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                ", "\n            "], ["\n                ", "\n            "])), inKeys.map(function (key) { return (partials[key] ? partials[key].out : ''); }));
-        if (inExitingState(status)) {
-            var outKeys = exit.transitionKeys.split(' ');
-            if (outKeys && outKeys.length > 0 && status === 'exiting') {
-                return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    ", ";\n                    ", "\n                    transition: ", " ", "ms ", ";\n                "], ["\n                    ", ";\n                    ", "\n                    transition: ", " ", "ms ", ";\n                "])), inBase, outKeys.map(function (key) { return (partials[key] ? partials[key].out : ''); }), transitionProperty, exit.duration, exit.easing);
-            }
-            /**
-             * When a component is mounted, it starts with the 'exited' state.
-             * So instead of forcing the component that utilizes this function to add the original state
-             * of the to-be-animated property, we apply the out-state values of the entering transitions.
-             */
-            return inBase;
-        }
-    },
-    composeViewTransition: function (status, type, direction) {
-        if (type === 'slide') {
-            return transitionComposer.compose(status, {
-                enter: {
-                    transitionKeys: direction === 'forth' ? 'slide-right' : 'slide-left',
-                    duration: 500,
-                },
-                exit: {
-                    transitionKeys: direction === 'forth' ? 'slide-left' : 'slide-right',
-                    duration: 500,
-                },
-            });
-        }
-        if (type === 'fade') {
-            return transitionComposer.compose(status, {
-                enter: {
-                    transitionKeys: 'fade',
-                    duration: 500,
-                },
-                exit: {
-                    transitionKeys: 'fade',
-                    duration: 500,
-                },
-            });
-        }
-    },
-    get: function (title) {
-        return partials[title];
-    },
-};
-var templateObject_1, templateObject_2, templateObject_3;

package/lib-esm/utils/browser.d.ts

@@ -1,12 +0,0 @@
-export declare enum Browsers {
-    Opera = "opera",
-    Chrome = "chrome",
-    Firefox = "firefox",
-    Safari = "safari",
-    Edge = "edge",
-    EdgeChromium = "edge-chromium",
-    Blink = "blink",
-    IE = "internet-explorer"
-}
-declare const _default: () => Browsers | void;
-export default _default;

package/lib-esm/utils/browser.js

@@ -1,51 +0,0 @@
-export var Browsers;
-(function (Browsers) {
-    Browsers["Opera"] = "opera";
-    Browsers["Chrome"] = "chrome";
-    Browsers["Firefox"] = "firefox";
-    Browsers["Safari"] = "safari";
-    Browsers["Edge"] = "edge";
-    Browsers["EdgeChromium"] = "edge-chromium";
-    Browsers["Blink"] = "blink";
-    Browsers["IE"] = "internet-explorer";
-})(Browsers || (Browsers = {}));
-export default (function () {
-    var opr = window.opr, opera = window.opera, InstallTrigger = window.InstallTrigger, HTMLElement = window.HTMLElement, safari = window.safari, documentMode = window.documentMode, StyleMedia = window.StyleMedia, chrome = window.chrome, CSS = window.CSS;
-    // Opera 8.0+
-    var isOpera = (!!opr && !!opr.addons) || !!opera || navigator.userAgent.indexOf(' OPR/') >= 0;
-    if (isOpera) {
-        return Browsers.Opera;
-    }
-    // Firefox 1.0+
-    if (InstallTrigger) {
-        return Browsers.Firefox;
-    }
-    // Safari 3.0+ '[object HTMLElementConstructor]'
-    var safariCheck = (function (p) {
-        return p.toString() === '[object SafariRemoteNotification]';
-    })(!safari || (typeof safari !== 'undefined' && safari.pushNotification));
-    if (/constructor/i.test(HTMLElement) || safariCheck) {
-        return Browsers.Safari;
-    }
-    // Internet Explorer 6-11
-    var isIE = /*@cc_on!@*/ false || !!documentMode;
-    if (isIE) {
-        return Browsers.IE;
-    }
-    // Edge 20+
-    if (!isIE && !!StyleMedia) {
-        return Browsers.Edge;
-    }
-    // Chrome 1 - 79
-    var isChrome = !!chrome && (!!chrome.webstore || !!chrome.runtime);
-    if (isChrome) {
-        return Browsers.Chrome;
-    }
-    // Edge (based on chromium) detection
-    if (isChrome && navigator.userAgent.indexOf('Edg') !== -1) {
-        return Browsers.EdgeChromium;
-    }
-    if ((isChrome || isOpera) && !!CSS) {
-        return Browsers.Blink;
-    }
-});

package/lib-esm/utils/convert-to-string-attributes.js

@@ -1,21 +0,0 @@
-import { kebabCase } from '@telia-ace/widget-utilities';
-var types = ['string', 'number'];
-export default (function (props) {
-    return Object.keys(props).reduce(function (result, key) {
-        var value = typeof props[key] === 'undefined' ? '' : props[key];
-        var type = typeof value;
-        if (types.indexOf(type) > -1) {
-            var sub = key.substring(0, 5);
-            if (sub === 'data-' || sub === 'aria-') {
-                result[kebabCase(key)] = value.toString();
-            }
-            else if (key.substring(0, 4) !== 'css-') {
-                result[key] = value.toString();
-            }
-        }
-        else {
-            result[key] = value;
-        }
-        return result;
-    }, {});
-});

package/lib-esm/utils/create-empty-component.d.ts

@@ -1,3 +0,0 @@
-import { Container } from '@webprovisions/platform';
-declare const createEmptyComponent: (container: Container, props: any) => JSX.Element | null;
-export default createEmptyComponent;

package/lib-esm/utils/create-empty-component.js

@@ -1,20 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import { Empty } from '../components';
-var createEmptyComponent = function (container, props) {
-    if (container.get('seoConfiguration')) {
-        return React.createElement(Empty, __assign({}, props));
-    }
-    return null;
-};
-export default createEmptyComponent;

package/lib-esm/utils/embedded-link-mapper.d.ts

@@ -1,3 +0,0 @@
-import { Container } from '@webprovisions/platform';
-declare const embeddedLinkMapper: (container: Container) => ({ children, ...props }: any) => JSX.Element;
-export default embeddedLinkMapper;