@telia-ace/widget-types-grid 1.0.6 → 1.0.9

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;