@telia-ace/widget-types-grid 1.0.22 → 1.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/widget-types-grid",
-    "version": "1.0.22",
+    "version": "1.0.24",
     "description": "Type definition for Grid widget.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -8,6 +8,7 @@
         "telia"
     ],
     "main": "dist/index.js",
+    "sourceMain": "src/index.ts",
     "type": "module",
     "types": "dist/index.d.ts",
     "files": [
@@ -25,13 +26,13 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@telia-ace/knowledge-serviceclient": "^1.0.7",
-        "@telia-ace/widget-core": "^1.0.13",
-        "@telia-ace/widget-forms": "^1.0.20",
-        "@telia-ace/widget-routing": "^1.0.14",
-        "@telia-ace/widget-services": "^1.0.13",
-        "@telia-ace/widget-ui": "^1.0.20",
-        "@telia-ace/widget-utilities": "^1.0.2",
+        "@telia-ace/knowledge-serviceclient": "^1.0.8",
+        "@telia-ace/widget-core": "^1.0.15",
+        "@telia-ace/widget-forms": "^1.0.22",
+        "@telia-ace/widget-routing": "^1.0.16",
+        "@telia-ace/widget-services": "^1.0.15",
+        "@telia-ace/widget-ui": "^1.0.22",
+        "@telia-ace/widget-utilities": "^1.0.4",
         "@webprovisions/bootstrapping": "^1.0.12",
         "@webprovisions/platform": "^1.1.2"
     },
@@ -50,5 +51,5 @@
         "@types/react-transition-group": "^4.4.4",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "3392f807f18c67896fbcbbef9527e496c26adadf"
+    "gitHead": "9cb0d80e6c65317a2e27a381ebe24fd0662f33e8"
 }

package/dist/render.20e0f363.js

@@ -1,59 +0,0 @@
-import s, { useState as u, useEffect as m } from "react";
-import { render as b } from "react-dom";
-import { useIsMounted as w, useComponentPlatform as g, ContainerContext as y, RoutingContext as h } from "@telia-ace/widget-ui";
-import { appendClassNames as E } from "@telia-ace/widget-utilities";
-import { Router as k } from "react-router-dom";
-import { Component as v } from "./index.js";
-import "@telia-ace/widget-core";
-import "styled-components";
-import "react-transition-group";
-import "react-router";
-import "@telia-ace/widget-routing";
-import "@telia-ace/widget-services";
-import "@webprovisions/bootstrapping";
-import "@webprovisions/platform";
-const C = (t) => {
-  const [r, o] = u(null), e = w();
-  return m(() => {
-    t.getAsync("router").then((i) => {
-      e.current && o(i);
-    });
-  }, [t, e]), r;
-}, R = ["Tab", "ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft"], T = ({ container: t }) => {
-  const r = g(t), o = C(t), e = t.get("$environment"), [i, l] = u((e == null ? void 0 : e.container.get("isTabbing")) || !1), [d, p] = u(null);
-  return m(() => {
-    const a = (n) => {
-      R.indexOf(n.key) > -1 && (i || e == null || e.container.register("isTabbing", !0), l(!0));
-    }, c = (n) => {
-      n.screenX === 0 && n.screenY === 0 || (i && (e == null || e.container.register("isTabbing", !1)), l(!1));
-    };
-    return window.addEventListener("keydown", a), window.addEventListener("click", c), () => {
-      window.removeEventListener("keydown", a), window.removeEventListener("click", c);
-    };
-  }, []), m(() => {
-    if (r)
-      return p(r.nodes.root.children.default[0].id || null), r.events.subscribe("components:root-children-changed", (c, { node: n }) => {
-        if (n.parent && n.parent.type === "root") {
-          const f = n.parent.children.default[0].id;
-          p(f);
-        }
-      });
-  }, [r]), !o || !o.history || !r || !d ? null : /* @__PURE__ */ s.createElement(k, {
-    history: o.history
-  }, /* @__PURE__ */ s.createElement(y.Provider, {
-    value: t
-  }, /* @__PURE__ */ s.createElement(h.Provider, {
-    value: o
-  }, /* @__PURE__ */ s.createElement(v, {
-    className: E([i, "humany-is-tabbing"]),
-    isTabbing: i,
-    id: d,
-    branch: "default"
-  }))));
-}, A = T, Y = (t, r) => b(/* @__PURE__ */ s.createElement(A, {
-  container: t
-}), r);
-export {
-  Y as default
-};
-//# sourceMappingURL=render.20e0f363.js.map

package/dist/render.20e0f363.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"render.20e0f363.js","sources":["../src/ui/use-router.ts","../src/ui/wrapper.tsx","../src/ui/render.tsx"],"sourcesContent":["import { RoutingService } from '@telia-ace/widget-routing';\nimport { useIsMounted } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\nimport { useEffect, useState } from 'react';\n\nexport default (container: Container): RoutingService | null => {\n    const [router, setRouter] = useState<RoutingService | null>(null);\n    const isMounted = useIsMounted();\n\n    useEffect(() => {\n        container.getAsync('router').then((router: RoutingService) => {\n            if (isMounted.current) {\n                setRouter(router);\n            }\n        });\n    }, [container, isMounted]);\n\n    return router;\n};\n","import { ContainerContext, RoutingContext, useComponentPlatform } from '@telia-ace/widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport { Container } from '@webprovisions/platform';\nimport React, { useEffect, useState } from 'react';\nimport { Router } from 'react-router-dom';\nimport Component from './component';\nimport useRouter from './use-router';\n\nconst keyNavigationKeys = ['Tab', 'ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft'];\n\ntype Props = {\n    container: Container;\n};\n\nconst Wrapper: React.SFC<Props> = ({ container }) => {\n    const components = useComponentPlatform(container);\n    const router = useRouter(container);\n    const env = container.get('$environment');\n    const [isTabbing, setIsTabbing] = useState(env?.container.get('isTabbing') || false);\n    const [entry, setEntry] = useState<string | null>(null);\n\n    useEffect(() => {\n        const keydown = (event: KeyboardEvent) => {\n            if (keyNavigationKeys.indexOf(event.key) > -1) {\n                if (!isTabbing) {\n                    env?.container.register('isTabbing', true);\n                }\n                setIsTabbing(true);\n            }\n        };\n        const click = (event: any) => {\n            if (event.screenX === 0 && event.screenY === 0) {\n                return;\n            }\n            if (isTabbing) {\n                env?.container.register('isTabbing', false);\n            }\n            setIsTabbing(false);\n        };\n        window.addEventListener('keydown', keydown);\n        window.addEventListener('click', click);\n        return () => {\n            window.removeEventListener('keydown', keydown);\n            window.removeEventListener('click', click);\n        };\n    }, []);\n\n    useEffect(() => {\n        if (components) {\n            setEntry(components.nodes.root.children.default[0].id || null);\n            const unsubscribe = components.events.subscribe(\n                'components:root-children-changed',\n                (event, { node }) => {\n                    if (node.parent && node.parent.type === 'root') {\n                        const entry = node.parent.children.default[0].id;\n                        setEntry(entry);\n                    }\n                }\n            );\n\n            return unsubscribe;\n        }\n    }, [components]);\n\n    if (!router || !router.history || !components) {\n        return null;\n    }\n\n    if (!entry) {\n        return null;\n    }\n\n    return (\n        <Router history={router.history}>\n            <ContainerContext.Provider value={container}>\n                <RoutingContext.Provider value={router}>\n                    <Component\n                        className={appendClassNames([isTabbing, 'humany-is-tabbing'])}\n                        isTabbing={isTabbing}\n                        id={entry}\n                        branch=\"default\"\n                    />\n                </RoutingContext.Provider>\n            </ContainerContext.Provider>\n        </Router>\n    );\n};\n\nexport default Wrapper;\n","import { Container } from '@webprovisions/platform';\nimport React from 'react';\nimport { render } from 'react-dom';\nimport Wrapper from './wrapper';\n\nexport default (container: Container, element: HTMLElement) =>\n    render(<Wrapper container={container} />, element);\n"],"names":["render","Wrapper"],"mappings":";;;;;;;;;;;;;;AAKA,MAAe,IAAA,CAAC,MAAgD;AAC5D,QAAM,CAAC,GAAQ,KAAa,EAAgC,IAAI,GAC1D,IAAY;AAElB,WAAU,MAAM;AACZ,MAAU,SAAS,QAAQ,EAAE,KAAK,CAAC,MAA2B;AAC1D,MAAI,EAAU,WACV,EAAU,CAAM;AAAA,IACpB,CACH;AAAA,EAAA,GACF,CAAC,GAAW,CAAS,CAAC,GAElB;AACX,GCVM,IAAoB,CAAC,OAAO,aAAa,WAAW,cAAc,WAAW,GAM7E,IAA4B,CAAC,EAAE,mBAAgB;AAC3C,QAAA,IAAa,EAAqB,CAAS,GAC3C,IAAS,EAAU,CAAS,GAC5B,IAAM,EAAU,IAAI,cAAc,GAClC,CAAC,GAAW,KAAgB,EAAS,wBAAK,UAAU,IAAI,iBAAgB,EAAK,GAC7E,CAAC,GAAO,KAAY,EAAwB,IAAI;AAiDtD,SA/CA,EAAU,MAAM;AACN,UAAA,IAAU,CAAC,MAAyB;AACtC,MAAI,EAAkB,QAAQ,EAAM,GAAG,IAAI,MAClC,MACI,eAAA,UAAU,SAAS,aAAa,KAEzC,EAAa,EAAI;AAAA,IACrB,GAEE,IAAQ,CAAC,MAAe;AAC1B,MAAI,EAAM,YAAY,KAAK,EAAM,YAAY,KAGzC,MACK,gBAAA,UAAU,SAAS,aAAa,MAEzC,EAAa,EAAK;AAAA,IAAA;AAEf,kBAAA,iBAAiB,WAAW,CAAO,GACnC,OAAA,iBAAiB,SAAS,CAAK,GAC/B,MAAM;AACF,aAAA,oBAAoB,WAAW,CAAO,GACtC,OAAA,oBAAoB,SAAS,CAAK;AAAA,IAAA;AAAA,EAEjD,GAAG,CAAE,CAAA,GAEL,EAAU,MAAM;AACZ,QAAI;AACA,eAAS,EAAW,MAAM,KAAK,SAAS,QAAQ,GAAG,MAAM,IAAI,GACzC,EAAW,OAAO,UAClC,oCACA,CAAC,GAAO,EAAE,cAAW;AACjB,YAAI,EAAK,UAAU,EAAK,OAAO,SAAS,QAAQ;AAC5C,gBAAM,IAAQ,EAAK,OAAO,SAAS,QAAQ,GAAG;AAC9C,YAAS,CAAK;AAAA,QAClB;AAAA,MAAA,CAER;AAAA,EAGJ,GACD,CAAC,CAAU,CAAC,GAEX,CAAC,KAAU,CAAC,EAAO,WAAW,CAAC,KAI/B,CAAC,IACM,OAIN,kBAAA,cAAA,GAAA;AAAA,IAAO,SAAS,EAAO;AAAA,EACpB,GAAA,kBAAA,cAAC,EAAiB,UAAjB;AAAA,IAA0B,OAAO;AAAA,EAC9B,GAAA,kBAAA,cAAC,EAAe,UAAf;AAAA,IAAwB,OAAO;AAAA,EAAA,GAC3B,kBAAA,cAAA,GAAA;AAAA,IACG,WAAW,EAAiB,CAAC,GAAW,mBAAmB,CAAC;AAAA,IAC5D;AAAA,IACA,IAAI;AAAA,IACJ,QAAO;AAAA,EAAA,CACX,CACJ,CACJ,CACJ;AAER,GAEA,IAAe,GCnFf,IAAe,CAAC,GAAsB,MAClCA,EAAQ,kBAAA,cAAAC,GAAA;AAAA,EAAQ;AAAA,CAAsB,GAAI,CAAO;"}