@telia-ace/widget-types-grid 1.0.15 → 1.0.18

package/dist/render.8763910e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.8763910e.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;"}

package/dist/unmount.b0816844.js

@@ -0,0 +1,6 @@
+import { unmountComponentAtNode as t } from "react-dom";
+const m = (o) => t(o);
+export {
+  m as default
+};
+//# sourceMappingURL=unmount.b0816844.js.map

package/dist/unmount.b0816844.js.map

@@ -0,0 +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;"}

package/package.json

@@ -1,13 +1,17 @@
 {
     "name": "@telia-ace/widget-types-grid",
-    "version": "1.0.15",
+    "version": "1.0.18",
     "description": "Type definition for Grid widget.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
     "keywords": [
         "telia"
     ],
-    "module": "dist/index.js",
+    "exports": {
+        "development": "./src/index.ts",
+        "default": "./dist/index.js"
+    },
+    "type": "module",
     "types": "dist/index.d.ts",
     "files": [
         "LICENSE.txt",
@@ -24,12 +28,12 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@telia-ace/knowledge-serviceclient": "^1.0.5",
-        "@telia-ace/widget-core": "^1.0.9",
-        "@telia-ace/widget-forms": "^1.0.15",
-        "@telia-ace/widget-routing": "^1.0.10",
-        "@telia-ace/widget-services": "^1.0.9",
-        "@telia-ace/widget-ui": "^1.0.15",
+        "@telia-ace/knowledge-serviceclient": "^1.0.6",
+        "@telia-ace/widget-core": "^1.0.11",
+        "@telia-ace/widget-forms": "^1.0.18",
+        "@telia-ace/widget-routing": "^1.0.12",
+        "@telia-ace/widget-services": "^1.0.11",
+        "@telia-ace/widget-ui": "^1.0.18",
         "@telia-ace/widget-utilities": "^1.0.2",
         "@webprovisions/bootstrapping": "^1.0.12",
         "@webprovisions/platform": "^1.1.2"
@@ -49,5 +53,5 @@
         "@types/react-transition-group": "^4.4.4",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "75d8add8f05d11769c75c6f3f5794dbf164f5b4a"
+    "gitHead": "e69713b9f623ea5e83d8d9d4d8d9b315f2677721"
 }

package/dist/render.js

@@ -1,95 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { render as render$1 } from "react-dom";
-import { useIsMounted, useComponentPlatform, ContainerContext, RoutingContext } from "@telia-ace/widget-ui";
-import { appendClassNames } from "@telia-ace/widget-utilities";
-import { Router } from "react-router-dom";
-import { Component } 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";
-var useRouter = (container) => {
-  const [router, setRouter] = useState(null);
-  const isMounted = useIsMounted();
-  useEffect(() => {
-    container.getAsync("router").then((router2) => {
-      if (isMounted.current) {
-        setRouter(router2);
-      }
-    });
-  }, [container, isMounted]);
-  return router;
-};
-const keyNavigationKeys = ["Tab", "ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft"];
-const Wrapper = ({ container }) => {
-  const components = useComponentPlatform(container);
-  const router = useRouter(container);
-  const env = container.get("$environment");
-  const [isTabbing, setIsTabbing] = useState((env == null ? void 0 : env.container.get("isTabbing")) || false);
-  const [entry, setEntry] = useState(null);
-  useEffect(() => {
-    const keydown = (event) => {
-      if (keyNavigationKeys.indexOf(event.key) > -1) {
-        if (!isTabbing) {
-          env == null ? void 0 : env.container.register("isTabbing", true);
-        }
-        setIsTabbing(true);
-      }
-    };
-    const click = (event) => {
-      if (event.screenX === 0 && event.screenY === 0) {
-        return;
-      }
-      if (isTabbing) {
-        env == null ? void 0 : env.container.register("isTabbing", false);
-      }
-      setIsTabbing(false);
-    };
-    window.addEventListener("keydown", keydown);
-    window.addEventListener("click", click);
-    return () => {
-      window.removeEventListener("keydown", keydown);
-      window.removeEventListener("click", click);
-    };
-  }, []);
-  useEffect(() => {
-    if (components) {
-      setEntry(components.nodes.root.children.default[0].id || null);
-      const unsubscribe = components.events.subscribe("components:root-children-changed", (event, { node }) => {
-        if (node.parent && node.parent.type === "root") {
-          const entry2 = node.parent.children.default[0].id;
-          setEntry(entry2);
-        }
-      });
-      return unsubscribe;
-    }
-  }, [components]);
-  if (!router || !router.history || !components) {
-    return null;
-  }
-  if (!entry) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(Router, {
-    history: router.history
-  }, /* @__PURE__ */ React.createElement(ContainerContext.Provider, {
-    value: container
-  }, /* @__PURE__ */ React.createElement(RoutingContext.Provider, {
-    value: router
-  }, /* @__PURE__ */ React.createElement(Component, {
-    className: appendClassNames([isTabbing, "humany-is-tabbing"]),
-    isTabbing,
-    id: entry,
-    branch: "default"
-  }))));
-};
-var Wrapper$1 = Wrapper;
-var render = (container, element) => render$1(/* @__PURE__ */ React.createElement(Wrapper$1, {
-  container
-}), element);
-export { render as default };
-//# sourceMappingURL=render.js.map

package/dist/render.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"render.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,IAAe,YAAA,CAAC,cAAgD;AAC5D,QAAM,CAAC,QAAQ,aAAa,SAAgC,IAAI;AAChE,QAAM,YAAY;AAElB,YAAU,MAAM;AACZ,cAAU,SAAS,QAAQ,EAAE,KAAK,CAAC,YAA2B;AAC1D,UAAI,UAAU,SAAS;AACnB,kBAAU,OAAM;AAAA,MACpB;AAAA,IAAA,CACH;AAAA,EAAA,GACF,CAAC,WAAW,SAAS,CAAC;AAElB,SAAA;AACX;ACVA,MAAM,oBAAoB,CAAC,OAAO,aAAa,WAAW,cAAc,WAAW;AAMnF,MAAM,UAA4B,CAAC,EAAE,gBAAgB;AAC3C,QAAA,aAAa,qBAAqB,SAAS;AAC3C,QAAA,SAAS,UAAU,SAAS;AAC5B,QAAA,MAAM,UAAU,IAAI,cAAc;AAClC,QAAA,CAAC,WAAW,gBAAgB,SAAS,4BAAK,UAAU,IAAI,iBAAgB,KAAK;AACnF,QAAM,CAAC,OAAO,YAAY,SAAwB,IAAI;AAEtD,YAAU,MAAM;AACN,UAAA,UAAU,CAAC,UAAyB;AACtC,UAAI,kBAAkB,QAAQ,MAAM,GAAG,IAAI,IAAI;AAC3C,YAAI,CAAC,WAAW;AACP,qCAAA,UAAU,SAAS,aAAa;AAAA,QACzC;AACA,qBAAa,IAAI;AAAA,MACrB;AAAA,IAAA;AAEE,UAAA,QAAQ,CAAC,UAAe;AAC1B,UAAI,MAAM,YAAY,KAAK,MAAM,YAAY,GAAG;AAC5C;AAAA,MACJ;AACA,UAAI,WAAW;AACN,mCAAA,UAAU,SAAS,aAAa;AAAA,MACzC;AACA,mBAAa,KAAK;AAAA,IAAA;AAEf,WAAA,iBAAiB,WAAW,OAAO;AACnC,WAAA,iBAAiB,SAAS,KAAK;AACtC,WAAO,MAAM;AACF,aAAA,oBAAoB,WAAW,OAAO;AACtC,aAAA,oBAAoB,SAAS,KAAK;AAAA,IAAA;AAAA,EAEjD,GAAG,CAAE,CAAA;AAEL,YAAU,MAAM;AACZ,QAAI,YAAY;AACZ,eAAS,WAAW,MAAM,KAAK,SAAS,QAAQ,GAAG,MAAM,IAAI;AACvD,YAAA,cAAc,WAAW,OAAO,UAClC,oCACA,CAAC,OAAO,EAAE,WAAW;AACjB,YAAI,KAAK,UAAU,KAAK,OAAO,SAAS,QAAQ;AAC5C,gBAAM,SAAQ,KAAK,OAAO,SAAS,QAAQ,GAAG;AAC9C,mBAAS,MAAK;AAAA,QAClB;AAAA,MAAA,CAER;AAEO,aAAA;AAAA,IACX;AAAA,EAAA,GACD,CAAC,UAAU,CAAC;AAEf,MAAI,CAAC,UAAU,CAAC,OAAO,WAAW,CAAC,YAAY;AACpC,WAAA;AAAA,EACX;AAEA,MAAI,CAAC,OAAO;AACD,WAAA;AAAA,EACX;AAEA,SACK,sBAAA,cAAA,QAAA;AAAA,IAAO,SAAS,OAAO;AAAA,EACpB,GAAA,sBAAA,cAAC,iBAAiB,UAAjB;AAAA,IAA0B,OAAO;AAAA,EAC9B,GAAA,sBAAA,cAAC,eAAe,UAAf;AAAA,IAAwB,OAAO;AAAA,EAAA,GAC3B,sBAAA,cAAA,WAAA;AAAA,IACG,WAAW,iBAAiB,CAAC,WAAW,mBAAmB,CAAC;AAAA,IAC5D;AAAA,IACA,IAAI;AAAA,IACJ,QAAO;AAAA,EAAA,CACX,CACJ,CACJ,CACJ;AAER;AAEA,IAAA,YAAe;ACnFf,IAAA,SAAe,CAAC,WAAsB,YAClCA,SAAQ,sBAAA,cAAAC,WAAA;AAAA,EAAQ;AAAA,CAAsB,GAAI,OAAO;;"}

package/dist/unmount.js

@@ -1,4 +0,0 @@
-import { unmountComponentAtNode } from "react-dom";
-var unmount = (element) => unmountComponentAtNode(element);
-export { unmount as default };
-//# sourceMappingURL=unmount.js.map

package/dist/unmount.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"unmount.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,IAAA,UAAe,CAAC,YAAyB,uBAAuB,OAAO;;"}