@telia-ace/widget-types-grid 1.0.23 → 1.0.25-next.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/widget-types-grid",
-    "version": "1.0.23",
+    "version": "1.0.25-next.0",
     "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,30 +26,28 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@telia-ace/knowledge-serviceclient": "^1.0.7",
-        "@telia-ace/widget-core": "^1.0.14",
-        "@telia-ace/widget-forms": "^1.0.21",
-        "@telia-ace/widget-routing": "^1.0.15",
-        "@telia-ace/widget-services": "^1.0.14",
-        "@telia-ace/widget-ui": "^1.0.21",
-        "@telia-ace/widget-utilities": "^1.0.3",
+        "@telia-ace/knowledge-serviceclient": "^1.0.8",
+        "@telia-ace/widget-core": "^1.0.16-next.0",
+        "@telia-ace/widget-forms": "^1.0.23-next.0",
+        "@telia-ace/widget-routing": "^1.0.17-next.0",
+        "@telia-ace/widget-services": "^1.0.16-next.0",
+        "@telia-ace/widget-ui": "^1.0.23-next.0",
+        "@telia-ace/widget-utilities": "^1.0.4",
         "@webprovisions/bootstrapping": "^1.0.12",
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
-        "react": "^16.8.0",
-        "react-dom": "^16.8.0",
-        "react-router": "^5.0.0",
-        "react-router-dom": "^5.0.0",
-        "react-transition-group": "^4.2.2",
-        "styled-components": "^4.3.2"
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-router": "^5.3.4",
+        "react-router-dom": "^5.3.4",
+        "react-transition-group": "^4.4.5",
+        "styled-components": "^5.3.6"
     },
     "devDependencies": {
-        "@types/react": "^16.8.0",
-        "@types/react-dom": "^16.8.0",
         "@types/react-router-dom": "^5.1.0",
-        "@types/react-transition-group": "^4.4.4",
-        "@types/styled-components": "^5.1.7"
+        "@types/react-transition-group": "^4.4.5",
+        "@types/styled-components": "^5.1.26"
     },
-    "gitHead": "e9e22ff408d32106cc60212d14fb1ff63dd5c1e1"
+    "gitHead": "e783dc2d2efafddafb638fb68d0b6842a204ca59"
 }

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';\r\nimport { useIsMounted } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\nimport { useEffect, useState } from 'react';\r\n\r\nexport default (container: Container): RoutingService | null => {\r\n    const [router, setRouter] = useState<RoutingService | null>(null);\r\n    const isMounted = useIsMounted();\r\n\r\n    useEffect(() => {\r\n        container.getAsync('router').then((router: RoutingService) => {\r\n            if (isMounted.current) {\r\n                setRouter(router);\r\n            }\r\n        });\r\n    }, [container, isMounted]);\r\n\r\n    return router;\r\n};\r\n","import { ContainerContext, RoutingContext, useComponentPlatform } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport { Container } from '@webprovisions/platform';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Router } from 'react-router-dom';\r\nimport Component from './component';\r\nimport useRouter from './use-router';\r\n\r\nconst keyNavigationKeys = ['Tab', 'ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft'];\r\n\r\ntype Props = {\r\n    container: Container;\r\n};\r\n\r\nconst Wrapper: React.SFC<Props> = ({ container }) => {\r\n    const components = useComponentPlatform(container);\r\n    const router = useRouter(container);\r\n    const env = container.get('$environment');\r\n    const [isTabbing, setIsTabbing] = useState(env?.container.get('isTabbing') || false);\r\n    const [entry, setEntry] = useState<string | null>(null);\r\n\r\n    useEffect(() => {\r\n        const keydown = (event: KeyboardEvent) => {\r\n            if (keyNavigationKeys.indexOf(event.key) > -1) {\r\n                if (!isTabbing) {\r\n                    env?.container.register('isTabbing', true);\r\n                }\r\n                setIsTabbing(true);\r\n            }\r\n        };\r\n        const click = (event: any) => {\r\n            if (event.screenX === 0 && event.screenY === 0) {\r\n                return;\r\n            }\r\n            if (isTabbing) {\r\n                env?.container.register('isTabbing', false);\r\n            }\r\n            setIsTabbing(false);\r\n        };\r\n        window.addEventListener('keydown', keydown);\r\n        window.addEventListener('click', click);\r\n        return () => {\r\n            window.removeEventListener('keydown', keydown);\r\n            window.removeEventListener('click', click);\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (components) {\r\n            setEntry(components.nodes.root.children.default[0].id || null);\r\n            const unsubscribe = components.events.subscribe(\r\n                'components:root-children-changed',\r\n                (event, { node }) => {\r\n                    if (node.parent && node.parent.type === 'root') {\r\n                        const entry = node.parent.children.default[0].id;\r\n                        setEntry(entry);\r\n                    }\r\n                }\r\n            );\r\n\r\n            return unsubscribe;\r\n        }\r\n    }, [components]);\r\n\r\n    if (!router || !router.history || !components) {\r\n        return null;\r\n    }\r\n\r\n    if (!entry) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Router history={router.history}>\r\n            <ContainerContext.Provider value={container}>\r\n                <RoutingContext.Provider value={router}>\r\n                    <Component\r\n                        className={appendClassNames([isTabbing, 'humany-is-tabbing'])}\r\n                        isTabbing={isTabbing}\r\n                        id={entry}\r\n                        branch=\"default\"\r\n                    />\r\n                </RoutingContext.Provider>\r\n            </ContainerContext.Provider>\r\n        </Router>\r\n    );\r\n};\r\n\r\nexport default Wrapper;\r\n","import { Container } from '@webprovisions/platform';\r\nimport React from 'react';\r\nimport { render } from 'react-dom';\r\nimport Wrapper from './wrapper';\r\n\r\nexport default (container: Container, element: HTMLElement) =>\r\n    render(<Wrapper container={container} />, element);\r\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;"}