@telia-ace/widget-types-grid 1.0.8 → 1.0.11

package/lib-esm/ui/not-found.js

@@ -1,58 +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 { useContainer } from '@telia-ace/widget-ui';
-import React, { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-var DetachedComponent = React.lazy(function () { return import('./detached-component'); });
-var NotFound = function (_a) {
-    var _b = _a.showSearch, showSearch = _b === void 0 ? false : _b;
-    var themeContext = useContext(ThemeContext);
-    var container = useContainer();
-    return (React.createElement(React.Suspense, { fallback: null },
-        React.createElement(DetachedComponent, { builder: function (components) {
-                return container.get('settings').then(function (settings) {
-                    var _a;
-                    var _b = Object.keys(settings.components).reduce(function (acc, key) {
-                        if (settings.components[key].type === 'not-found') {
-                            acc.properties = settings.components[key].properties;
-                            acc.context = settings.components[key].context;
-                        }
-                        return acc;
-                    }, { properties: {}, context: {} }), properties = _b.properties, context = _b.context;
-                    properties.showSearch = showSearch;
-                    var node = components.createNode('area', { detached: true });
-                    node.name = 'not-found-area';
-                    node.writeLayout({
-                        size: 'full',
-                    });
-                    if (showSearch) {
-                        var searchComponentProps = Object.keys(settings.components).reduce(function (acc, key) {
-                            if (settings.components[key].type === 'search') {
-                                return settings.components[key].properties;
-                            }
-                            return acc;
-                        }, {});
-                        var searchNode = components.createNode('search', { detached: true });
-                        searchNode.writeLayout({ size: 'full' });
-                        searchNode.writeProperties(__assign({ 'css-margin-bottom': ((_a = themeContext === null || themeContext === void 0 ? void 0 : themeContext.sizes) === null || _a === void 0 ? void 0 : _a.normal) || '15px' }, searchComponentProps));
-                        node.appendChild(searchNode);
-                    }
-                    var notFoundNode = components.createNode('not-found', { detached: true });
-                    notFoundNode.writeLayout({ size: 'full' });
-                    notFoundNode.writeProperties(properties);
-                    notFoundNode.writeContext(context);
-                    node.appendChild(notFoundNode);
-                    return node;
-                });
-            } })));
-};
-export default NotFound;

package/lib-esm/ui/prepare-dom.js

@@ -1,116 +0,0 @@
-var ProvidedElements;
-(function (ProvidedElements) {
-    ProvidedElements["None"] = "none";
-    ProvidedElements["WidgetDOM"] = "widgetDOM";
-    ProvidedElements["TriggerDOM"] = "triggerDOM";
-    ProvidedElements["Both"] = "both";
-})(ProvidedElements || (ProvidedElements = {}));
-export var TriggerType;
-(function (TriggerType) {
-    TriggerType["Inline"] = "inline";
-    TriggerType["Link"] = "link";
-    TriggerType["Badge"] = "badge";
-    TriggerType["Unsupported"] = "unsupported";
-})(TriggerType || (TriggerType = {}));
-export var determineProvidedElements = function (widgetDOMElement, triggerDOMElement) {
-    if (widgetDOMElement && triggerDOMElement) {
-        return ProvidedElements.Both;
-    }
-    if (widgetDOMElement) {
-        return ProvidedElements.WidgetDOM;
-    }
-    if (triggerDOMElement) {
-        return ProvidedElements.TriggerDOM;
-    }
-    return ProvidedElements.None;
-};
-export var determineTriggerType = function (triggerDefinition) {
-    if (!triggerDefinition) {
-        return TriggerType.Inline;
-    }
-    if (typeof triggerDefinition === 'boolean' && triggerDefinition) {
-        return TriggerType.Link;
-    }
-    if (typeof triggerDefinition === 'object' && !Array.isArray(triggerDefinition)) {
-        return TriggerType.Badge;
-    }
-    return TriggerType.Unsupported;
-};
-export var prepareDOMElements = function (name, providedWidgetElement, providedTriggerElement, triggerDefinition, waitWithReplace) {
-    var _a, _b;
-    if (waitWithReplace === void 0) { waitWithReplace = false; }
-    var providedElements = determineProvidedElements(providedWidgetElement, providedTriggerElement);
-    var triggerType = determineTriggerType(triggerDefinition);
-    var cachedOriginals = {
-        widgetDOMElement: providedWidgetElement ? providedWidgetElement.cloneNode(true) : undefined,
-        triggerDOMElement: providedTriggerElement
-            ? providedTriggerElement.cloneNode(true)
-            : undefined,
-    };
-    var output = {
-        triggerType: triggerType,
-        cachedOriginals: cachedOriginals,
-        widgetDOMElement: document.createElement('div'),
-    };
-    switch (providedElements) {
-        case ProvidedElements.Both: {
-            output.widgetDOMElement = providedWidgetElement || document.createElement('div');
-            if (triggerType !== TriggerType.Inline) {
-                output.triggerDOMElement = providedTriggerElement;
-            }
-            break;
-        }
-        case ProvidedElements.WidgetDOM: {
-            output.widgetDOMElement = providedWidgetElement || document.createElement('div');
-            if (triggerType !== TriggerType.Inline) {
-                var triggerElement = document.body.appendChild(document.createElement('a'));
-                if (triggerType === TriggerType.Link) {
-                    triggerElement.innerText = name;
-                }
-                output.triggerDOMElement = triggerElement;
-            }
-            break;
-        }
-        case ProvidedElements.TriggerDOM: {
-            var widgetElement_1 = document.createElement('div');
-            output.widgetDOMElement = widgetElement_1;
-            if (triggerType === TriggerType.Inline) {
-                // replace with widgetDOMElement in the DOM
-                widgetElement_1.id = (providedTriggerElement === null || providedTriggerElement === void 0 ? void 0 : providedTriggerElement.id) || '';
-                if (waitWithReplace) {
-                    widgetElement_1.style.display = 'none';
-                    (_a = providedTriggerElement === null || providedTriggerElement === void 0 ? void 0 : providedTriggerElement.parentNode) === null || _a === void 0 ? void 0 : _a.appendChild(widgetElement_1);
-                    output.callback = function () {
-                        var _a;
-                        (_a = providedTriggerElement === null || providedTriggerElement === void 0 ? void 0 : providedTriggerElement.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(widgetElement_1, providedTriggerElement);
-                        widgetElement_1.style.display =
-                            (providedTriggerElement === null || providedTriggerElement === void 0 ? void 0 : providedTriggerElement.style.display) || 'block';
-                    };
-                }
-                else {
-                    (_b = providedTriggerElement === null || providedTriggerElement === void 0 ? void 0 : providedTriggerElement.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(widgetElement_1, providedTriggerElement);
-                }
-                output.cachedOriginals.widgetDOMElement = providedTriggerElement;
-                output.cachedOriginals.triggerDOMElement = undefined;
-            }
-            else {
-                output.widgetDOMElement = document.body.appendChild(widgetElement_1);
-                output.triggerDOMElement = providedTriggerElement;
-            }
-            break;
-        }
-        case ProvidedElements.None: {
-            var widgetElement = document.body.appendChild(document.createElement('div'));
-            output.widgetDOMElement = widgetElement;
-            if (triggerType !== TriggerType.Inline) {
-                var triggerElement = document.body.appendChild(document.createElement('a'));
-                if (triggerType === TriggerType.Link) {
-                    triggerElement.innerText = name;
-                }
-                output.triggerDOMElement = triggerElement;
-            }
-            break;
-        }
-    }
-    return output;
-};

package/lib-esm/ui/render.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import Wrapper from './wrapper';
-export default (function (container, element) {
-    return render(React.createElement(Wrapper, { container: container }), element);
-});

package/lib-esm/ui/resolvable-component.js

@@ -1,62 +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;
-};
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { filterCssPropsStyle, Typography, useComponent, useComponentDescriptor, } from '@telia-ace/widget-ui';
-import { appendClassNames } from '@telia-ace/widget-utilities';
-import React, { forwardRef, Suspense, useMemo } from 'react';
-import styled, { css } from 'styled-components';
-import { styling } from './component';
-var NonResolvedComponentWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    text-align: center;\n    ", "\n    ", "\n  ", "\n"], ["\n    text-align: center;\n    ", "\n    ", "\n  ", "\n"])), function (p) {
-    var _a, _b, _c;
-    return typeof ((_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.warning) !== 'undefined' && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            color: ", ";\n            border: 2px dashed ", ";\n        "], ["\n            color: ", ";\n            border: 2px dashed ", ";\n        "])), (_b = p.theme.colors) === null || _b === void 0 ? void 0 : _b.warning, (_c = p.theme.colors) === null || _c === void 0 ? void 0 : _c.warning);
-}, function (p) {
-    return typeof p.theme.borderRadius !== 'undefined' && "border-radius: ".concat(p.theme.borderRadius, ";");
-}, styling);
-var ResolvableComponent = forwardRef(function (_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, other = __rest(_a, ["className", "children"]);
-    var ResolvedComponent = useComponent();
-    var _c = useComponentDescriptor(), name = _c.name, type = _c.type, id = _c.id;
-    var StyledResolvableComponent = useMemo(function () {
-        if (ResolvedComponent) {
-            return styled(ResolvedComponent)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    ", "\n                    ", "\n                "], ["\n                    ", "\n                    ", "\n                "])), styling, filterCssPropsStyle);
-        }
-        return null;
-    }, [ResolvedComponent]);
-    if (typeof ResolvedComponent === 'undefined') {
-        return null;
-    }
-    if (ResolvedComponent === null || StyledResolvableComponent === null) {
-        if (process.env.NODE_ENV !== 'production') {
-            return (React.createElement(NonResolvedComponentWrapper, __assign({}, other, { title: "type: ".concat(type, ", definition-id: ").concat(name, ", instance-id: ").concat(id), className: appendClassNames(className, 'humany-non-resolved-component') }),
-                React.createElement(Typography, { variant: "h5" }, "Non Resolved Component Type")));
-        }
-        return null;
-    }
-    return (React.createElement(Suspense, { fallback: null },
-        React.createElement(StyledResolvableComponent, __assign({ ref: ref }, other, { className: appendClassNames(className, 'humany-component', "humany-component-".concat(name)) }), children)));
-});
-export default ResolvableComponent;
-var templateObject_1, templateObject_2, templateObject_3;

package/lib-esm/ui/switch.js

@@ -1,53 +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);
-};
-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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React from 'react';
-import { Route, Switch as RouteSwitch } from 'react-router';
-var Switch = function (_a) {
-    var views = _a.views, location = _a.location, render = _a.render;
-    return (React.createElement(RouteSwitch, { location: location
-            ? __assign(__assign({}, location), { pathname: location.pathname.split('?')[0] }) : location }, __spreadArray(__spreadArray([], __read(Object.keys(views).filter(function (key) { return !!views[key].path; })), false), __read(Object.keys(views).filter(function (key) { return !views[key].path; })), false).map(function (name) {
-        var path = views[name].path;
-        if (!path) {
-            return React.createElement(Route, { key: name, render: function () { return render(name); } });
-        }
-        if (Array.isArray(path)) {
-            return path.map(function (path) { return (React.createElement(Route, { key: name, exact: true, path: path, render: function () { return render(name); } })); });
-        }
-        return React.createElement(Route, { key: name, exact: true, path: path, render: function () { return render(name); } });
-    })));
-};
-export default Switch;

package/lib-esm/ui/unmount.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (element: HTMLElement) => boolean;
-export default _default;

package/lib-esm/ui/unmount.js

@@ -1,2 +0,0 @@
-import { unmountComponentAtNode } from 'react-dom';
-export default (function (element) { return unmountComponentAtNode(element); });

package/lib-esm/ui/use-component-node-properties.js

@@ -1,42 +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 { useComponentNode, useComponentPlatform, useIsMounted } from '@telia-ace/widget-ui';
-import { useEffect, useState } from 'react';
-export default (function (id) {
-    var node = useComponentNode(id);
-    var components = useComponentPlatform();
-    var _a = __read(useState({}), 2), properties = _a[0], setProperties = _a[1];
-    var isMounted = useIsMounted();
-    useEffect(function () {
-        if (node && isMounted.current) {
-            setProperties(node.attributes.properties);
-        }
-    }, [node, id, isMounted]);
-    useEffect(function () {
-        if (components) {
-            var unsubscribe_1 = components.events.subscribe('components:properties-changed', function (event, data) {
-                if (node === data.node && isMounted.current) {
-                    setProperties(data.node.attributes.properties);
-                }
-            });
-            return function () {
-                unsubscribe_1();
-            };
-        }
-    }, [components, isMounted, id, node]);
-    return properties;
-});

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

@@ -1,30 +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 { useIsMounted } from '@telia-ace/widget-ui';
-import { useEffect, useState } from 'react';
-export default (function (container) {
-    var _a = __read(useState(null), 2), router = _a[0], setRouter = _a[1];
-    var isMounted = useIsMounted();
-    useEffect(function () {
-        container.getAsync('router').then(function (router) {
-            if (isMounted.current) {
-                setRouter(router);
-            }
-        });
-    }, [container, isMounted]);
-    return router;
-});

package/lib-esm/ui/view-outlet.js

@@ -1,126 +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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { readStorage, StorageMedium } from '@telia-ace/widget-services';
-import { notifyDataLoaded } from '@telia-ace/widget-utilities';
-import { createTriggerElement, setActive, setLoading } from './html-element-handlers';
-import { TriggerType } from './prepare-dom';
-var MODALS_STORAGE_KEY = 'modals';
-var ViewOutlet = /** @class */ (function () {
-    function ViewOutlet(container, options) {
-        this.options = options;
-        this.unsubscribe = [];
-        this.container = container.createChild(this);
-        this.container.register('widgetDOMElement', this.options.widgetDOMElement);
-        this.container.register('triggerDOMElement', this.options.triggerDOMElement);
-        var widget = this.container.get('$widget');
-        this.options.widgetDOMElement.classList.add('humany-widget');
-        this.options.widgetDOMElement.classList.add("humany_".concat(widget.name));
-        var widgetDOMElements = container.get('widgetDOMElements') || [];
-        container.register('widgetDOMElements', __spreadArray(__spreadArray([], __read(widgetDOMElements), false), [
-            this.options.widgetDOMElement,
-        ], false));
-    }
-    /**
-     * Renders the view outlet to the DOM.
-     */
-    ViewOutlet.prototype.render = function () {
-        var _this = this;
-        var _a = this.options, widgetDOMElement = _a.widgetDOMElement, triggerDOMElement = _a.triggerDOMElement;
-        var widget = this.container.get('$widget');
-        if (widgetDOMElement.getAttribute('data-rendered') === 'true') {
-            return Promise.resolve();
-        }
-        if (triggerDOMElement && this.options.triggerType === TriggerType.Badge) {
-            setLoading(triggerDOMElement);
-        }
-        return import('./render')
-            .then(function (module) { return module.default(_this.container, widgetDOMElement); })
-            .then(function () {
-            widgetDOMElement.setAttribute('data-rendered', 'true');
-            if (triggerDOMElement && _this.options.triggerType === TriggerType.Badge) {
-                var tooltip = _this.options.triggerOptions.openTooltip;
-                setActive(triggerDOMElement, tooltip);
-            }
-            notifyDataLoaded(_this.container, widgetDOMElement);
-            var widgets = _this.container.get('$environment').widgets.all();
-            readStorage(_this.container, MODALS_STORAGE_KEY, StorageMedium.Session).then(function (modals) {
-                if (modals) {
-                    modals.forEach(function (modal) {
-                        if (widgets.find(function (w) { return w.name === modal.name && w.state === 'activated'; })) {
-                            widget.events.dispatch('widget:modal-opened', modal);
-                        }
-                    });
-                }
-            });
-        });
-    };
-    ViewOutlet.prototype.renderBadge = function (options) {
-        var triggerDOMElement = this.options.triggerDOMElement;
-        if (!triggerDOMElement) {
-            return;
-        }
-        if (!triggerDOMElement.getAttribute('role')) {
-            triggerDOMElement.setAttribute('role', 'button');
-        }
-        var name = this.container.get('$widget').name;
-        var label = options.label, symbol = options.symbol, ariaLabel = options.ariaLabel, closedTooltip = options.closedTooltip, openTooltip = options.openTooltip;
-        var triggerOptions = { closedTooltip: closedTooltip, openTooltip: openTooltip };
-        this.options.triggerOptions = triggerOptions;
-        var removeTriggerListeners = createTriggerElement(triggerDOMElement, {
-            label: label,
-            symbol: symbol,
-            ariaLabel: ariaLabel,
-            widgetName: name,
-            tooltip: closedTooltip,
-        });
-        this.unsubscribe.push(removeTriggerListeners);
-    };
-    ViewOutlet.prototype.dispose = function () {
-        var _this = this;
-        return import('./unmount').then(function (module) {
-            var _a, _b, _c, _d;
-            var _e = _this.options, triggerDOMElement = _e.triggerDOMElement, widgetDOMElement = _e.widgetDOMElement;
-            module.default(widgetDOMElement);
-            if (_this.options.cachedOriginals.widgetDOMElement) {
-                if (widgetDOMElement) {
-                    (_a = widgetDOMElement.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(_this.options.cachedOriginals.widgetDOMElement, widgetDOMElement);
-                }
-            }
-            if (_this.options.cachedOriginals.triggerDOMElement) {
-                if (triggerDOMElement) {
-                    (_b = triggerDOMElement.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(_this.options.cachedOriginals.triggerDOMElement, triggerDOMElement);
-                }
-            }
-            _this.unsubscribe.forEach(function (unsubscribe) {
-                unsubscribe();
-            });
-            (_c = widgetDOMElement.parentNode) === null || _c === void 0 ? void 0 : _c.removeChild(widgetDOMElement);
-            (_d = triggerDOMElement === null || triggerDOMElement === void 0 ? void 0 : triggerDOMElement.parentNode) === null || _d === void 0 ? void 0 : _d.removeChild(triggerDOMElement);
-        });
-    };
-    return ViewOutlet;
-}());
-export { ViewOutlet };

package/lib-esm/ui/view.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare type Props = {
-    className?: string;
-};
-declare const View: React.FC<Props>;
-export default View;

package/lib-esm/ui/view.js

@@ -1,70 +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;
-};
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 { Grid, useComponentNode, useContainer, useContext, useProperties, useScroll, } from '@telia-ace/widget-ui';
-import { appendClassNames } from '@telia-ace/widget-utilities';
-import React from 'react';
-import styled from 'styled-components';
-import Component from './component';
-import Switch from './switch';
-var StyledView = styled(Grid)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), function (p) { return !!p.scrollableCss && p.scrollableCss; });
-var View = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, other = __rest(_a, ["className"]);
-    var properties = useProperties();
-    var context = useContext();
-    var container = useContainer();
-    var node = useComponentNode();
-    var views = container.get('$settings').views;
-    var _c = context.gap, gap = _c === void 0 ? '0' : _c;
-    var _d = properties.columns, columns = _d === void 0 ? 1 : _d, _e = properties.animation, animation = _e === void 0 ? 'none' : _e, _f = properties.scrollable, scrollable = _f === void 0 ? false : _f, areaProperties = __rest(properties, ["columns", "animation", "scrollable"]);
-    var _g = __read(useScroll(scrollable), 2), scrollableCss = _g[0], elem = _g[1];
-    if (!node) {
-        return null;
-    }
-    return (React.createElement(StyledView, __assign({}, other, areaProperties, { scrollableCss: scrollableCss, ref: elem, columns: columns, gap: gap, className: appendClassNames(className, 'humany-view') }),
-        React.createElement(Switch, { views: views, render: function (name) {
-                var childNode = node.getChildren(name)[0];
-                return React.createElement(Component, { id: childNode.id, node: childNode, branch: "default" });
-            } })));
-};
-export default View;
-var templateObject_1;

package/lib-esm/ui/wrapper.js

@@ -1,80 +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 { ContainerContext, RoutingContext, useComponentPlatform } from '@telia-ace/widget-ui';
-import { appendClassNames } from '@telia-ace/widget-utilities';
-import React, { useEffect, useState } from 'react';
-import { Router } from 'react-router-dom';
-import Component from './component';
-import useRouter from './use-router';
-var keyNavigationKeys = ['Tab', 'ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft'];
-var Wrapper = function (_a) {
-    var container = _a.container;
-    var components = useComponentPlatform(container);
-    var router = useRouter(container);
-    var env = container.get('$environment');
-    var _b = __read(useState((env === null || env === void 0 ? void 0 : env.container.get('isTabbing')) || false), 2), isTabbing = _b[0], setIsTabbing = _b[1];
-    var _c = __read(useState(null), 2), entry = _c[0], setEntry = _c[1];
-    useEffect(function () {
-        var keydown = function (event) {
-            if (keyNavigationKeys.indexOf(event.key) > -1) {
-                if (!isTabbing) {
-                    env === null || env === void 0 ? void 0 : env.container.register('isTabbing', true);
-                }
-                setIsTabbing(true);
-            }
-        };
-        var click = function (event) {
-            if (event.screenX === 0 && event.screenY === 0) {
-                return;
-            }
-            if (isTabbing) {
-                env === null || env === void 0 ? void 0 : env.container.register('isTabbing', false);
-            }
-            setIsTabbing(false);
-        };
-        window.addEventListener('keydown', keydown);
-        window.addEventListener('click', click);
-        return function () {
-            window.removeEventListener('keydown', keydown);
-            window.removeEventListener('click', click);
-        };
-    }, []);
-    useEffect(function () {
-        if (components) {
-            setEntry(components.nodes.root.children.default[0].id || null);
-            var unsubscribe = components.events.subscribe('components:root-children-changed', function (event, _a) {
-                var node = _a.node;
-                if (node.parent && node.parent.type === 'root') {
-                    var entry_1 = node.parent.children.default[0].id;
-                    setEntry(entry_1);
-                }
-            });
-            return unsubscribe;
-        }
-    }, [components]);
-    if (!router || !router.history || !components) {
-        return null;
-    }
-    if (!entry) {
-        return null;
-    }
-    return (React.createElement(Router, { history: router.history },
-        React.createElement(ContainerContext.Provider, { value: container },
-            React.createElement(RoutingContext.Provider, { value: router },
-                React.createElement(Component, { className: appendClassNames([isTabbing, 'humany-is-tabbing']), isTabbing: isTabbing, id: entry, branch: "default" })))));
-};
-export default Wrapper;