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

package/dist/render.1ff5268d.js

@@ -0,0 +1,51 @@
+import n, { useState as i, useEffect as m } from "react";
+import { render as p } from "react-dom";
+import { useIsMounted as l, useComponentPlatform as a, ContainerContext as d, RoutingContext as f } from "@telia-ace/widget-ui";
+import { Router as h } from "react-router-dom";
+import { Component as y } from "./index.js";
+import "@telia-ace/widget-core";
+import "styled-components";
+import "@telia-ace/widget-utilities";
+import "react-transition-group";
+import "react-router";
+import "@telia-ace/widget-routing";
+import "@telia-ace/widget-services";
+import "@webprovisions/bootstrapping";
+import "@webprovisions/platform";
+const b = (e) => {
+  const [t, r] = i(null), o = l();
+  return m(() => {
+    e.getAsync("router").then((s) => {
+      o.current && r(s);
+    });
+  }, [e, o]), t;
+}, E = ({ container: e }) => {
+  const t = a(e), r = b(e), [o, s] = i(null);
+  return m(() => {
+    if (t)
+      return s(t.nodes.root.children.default[0].id || null), t.events.subscribe(
+        "components:root-children-changed",
+        (R, { node: u }) => {
+          if (u.parent && u.parent.type === "root") {
+            const c = u.parent.children.default[0].id;
+            s(c);
+          }
+        }
+      );
+  }, [t]), !r || !r.history || !t || !o ? null : /* @__PURE__ */ n.createElement(h, {
+    history: r.history
+  }, /* @__PURE__ */ n.createElement(d.Provider, {
+    value: e
+  }, /* @__PURE__ */ n.createElement(f.Provider, {
+    value: r
+  }, /* @__PURE__ */ n.createElement(y, {
+    id: o,
+    branch: "default"
+  }))));
+}, v = E, B = (e, t) => p(/* @__PURE__ */ n.createElement(v, {
+  container: e
+}), t);
+export {
+  B as default
+};
+//# sourceMappingURL=render.1ff5268d.js.map

package/dist/render.1ff5268d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.1ff5268d.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 { 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.FC<Props> = ({ container }) => {\r\n    const components = useComponentPlatform(container);\r\n    const router = useRouter(container);\r\n    const [entry, setEntry] = useState<string | null>(null);\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 id={entry} branch=\"default\" />\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":["useRouter","container","router","setRouter","useState","isMounted","useIsMounted","useEffect","Wrapper","components","useComponentPlatform","entry","setEntry","event","node","React","Router","ContainerContext","RoutingContext","Component","Wrapper$1","render","element"],"mappings":";;;;;;;;;;;;;;AAKA,MAAeA,IAAA,CAACC,MAAgD;AAC5D,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAgC,IAAI,GAC1DC,IAAYC;AAElB,SAAAC,EAAU,MAAM;AACZ,IAAAN,EAAU,SAAS,QAAQ,EAAE,KAAK,CAACC,MAA2B;AAC1D,MAAIG,EAAU,WACVF,EAAUD,CAAM;AAAA,IACpB,CACH;AAAA,EAAA,GACF,CAACD,GAAWI,CAAS,CAAC,GAElBH;AACX,GCLMM,IAA2B,CAAC,EAAE,WAAAP,QAAgB;AAC1C,QAAAQ,IAAaC,EAAqBT,CAAS,GAC3CC,IAASF,EAAUC,CAAS,GAC5B,CAACU,GAAOC,CAAQ,IAAIR,EAAwB,IAAI;AAuBtD,SArBAG,EAAU,MAAM;AACZ,QAAIE;AACA,aAAAG,EAASH,EAAW,MAAM,KAAK,SAAS,QAAQ,GAAG,MAAM,IAAI,GACzCA,EAAW,OAAO;AAAA,QAClC;AAAA,QACA,CAACI,GAAO,EAAE,MAAAC,QAAW;AACjB,cAAIA,EAAK,UAAUA,EAAK,OAAO,SAAS,QAAQ;AAC5C,kBAAMH,IAAQG,EAAK,OAAO,SAAS,QAAQ,GAAG;AAC9C,YAAAF,EAASD,CAAK;AAAA,UAClB;AAAA,QACJ;AAAA,MAAA;AAAA,EAIR,GACD,CAACF,CAAU,CAAC,GAEX,CAACP,KAAU,CAACA,EAAO,WAAW,CAACO,KAI/B,CAACE,IACM,OAIN,gBAAAI,EAAA,cAAAC,GAAA;AAAA,IAAO,SAASd,EAAO;AAAA,EACpB,GAAA,gBAAAa,EAAA,cAACE,EAAiB,UAAjB;AAAA,IAA0B,OAAOhB;AAAA,EAC9B,GAAA,gBAAAc,EAAA,cAACG,EAAe,UAAf;AAAA,IAAwB,OAAOhB;AAAA,EAAA,GAC3B,gBAAAa,EAAA,cAAAI,GAAA;AAAA,IAAU,IAAIR;AAAA,IAAO,QAAO;AAAA,EAAA,CAAU,CAC3C,CACJ,CACJ;AAER,GAEAS,IAAeZ,GCjDfa,IAAe,CAACpB,GAAsBqB,MAClCD,EAAQ,gBAAAN,EAAA,cAAAP,GAAA;AAAA,EAAQ,WAAAP;AAAA,CAAsB,GAAIqB,CAAO;"}

package/dist/ui/component.d.ts

@@ -2,7 +2,6 @@ import { ComponentNode } from '@telia-ace/widget-core';
 import React from 'react';
 declare type Props = {
     className?: string;
-    isTabbing?: boolean;
     id: string;
     branch: string;
     node?: ComponentNode;

package/dist/ui/html-element-handlers.d.ts

@@ -1,7 +1,7 @@
 export declare const renderSymbol: (symbol?: {
     type: string;
     content: string;
-} | undefined) => string | undefined;
+}) => string | undefined;
 export declare type TriggerElementOptions = {
     symbol?: {
         type: string;

package/dist/ui/prepare-dom.d.ts

@@ -11,10 +11,10 @@ export declare enum TriggerType {
     Badge = "badge",
     Unsupported = "unsupported"
 }
-export declare const determineProvidedElements: (widgetDOMElement?: HTMLElement | undefined, triggerDOMElement?: HTMLElement | undefined) => ProvidedElements;
+export declare const determineProvidedElements: (widgetDOMElement?: HTMLElement, triggerDOMElement?: HTMLElement) => ProvidedElements;
 export declare const determineTriggerType: (triggerDefinition?: any) => TriggerType;
 declare type PrepareDOMElementsOutput = ViewOutletOptions & {
     callback?: () => void;
 };
-export declare const prepareDOMElements: (name: string, providedWidgetElement?: HTMLElement | undefined, providedTriggerElement?: HTMLElement | undefined, triggerDefinition?: any, waitWithReplace?: boolean) => PrepareDOMElementsOutput;
+export declare const prepareDOMElements: (name: string, providedWidgetElement?: HTMLElement, providedTriggerElement?: HTMLElement, triggerDefinition?: any, waitWithReplace?: boolean) => PrepareDOMElementsOutput;
 export {};

package/dist/ui/wrapper.d.ts

@@ -3,5 +3,5 @@ import React from 'react';
 declare type Props = {
     container: Container;
 };
-declare const Wrapper: React.SFC<Props>;
+declare const Wrapper: React.FC<Props>;
 export default Wrapper;

package/dist/unmount.b0816844.js.map

@@ -1 +1 @@
-{"version":3,"file":"unmount.b0816844.js","sources":["../src/ui/unmount.tsx"],"sourcesContent":["import { unmountComponentAtNode } from 'react-dom';\r\n\r\nexport default (element: HTMLElement) => unmountComponentAtNode(element);\r\n"],"names":[],"mappings":";AAEA,MAAA,IAAe,CAAC,MAAyB,EAAuB,CAAO;"}
+{"version":3,"file":"unmount.b0816844.js","sources":["../src/ui/unmount.tsx"],"sourcesContent":["import { unmountComponentAtNode } from 'react-dom';\r\n\r\nexport default (element: HTMLElement) => unmountComponentAtNode(element);\r\n"],"names":["unmount","element","unmountComponentAtNode"],"mappings":";AAEA,MAAAA,IAAe,CAACC,MAAyBC,EAAuBD,CAAO;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/widget-types-grid",
-    "version": "1.0.23",
+    "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.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.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": "e9e22ff408d32106cc60212d14fb1ff63dd5c1e1"
+    "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';\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;"}