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

package/dist/render.f2d6da89.js

@@ -0,0 +1,68 @@
+import n, { useState as m, useEffect as p } from "react";
+import f from "react-dom";
+import { useIsMounted as d, useComponentPlatform as E, ContainerContext as y, RoutingContext as R } from "@telia-ace/widget-ui";
+import { Router as _ } from "react-router-dom";
+import { Component as h } from "./index.js";
+import "@emotion/react";
+import "@telia-ace/widget-core";
+import "@emotion/styled";
+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";
+var c, u = f;
+if (process.env.NODE_ENV === "production")
+  c = u.createRoot, u.hydrateRoot;
+else {
+  var l = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  c = function(e, t) {
+    l.usingClientEntryPoint = !0;
+    try {
+      return u.createRoot(e, t);
+    } finally {
+      l.usingClientEntryPoint = !1;
+    }
+  };
+}
+const v = (e) => {
+  const [t, r] = m(null), o = d();
+  return p(() => {
+    e.getAsync("router").then((i) => {
+      o.current && r(i);
+    });
+  }, [e, o]), t;
+}, C = ({ container: e }) => {
+  const t = E(e), r = v(e), [o, i] = m(null);
+  return p(() => {
+    if (t)
+      return i(t.nodes.root.children.default[0].id || null), t.events.subscribe(
+        "components:root-children-changed",
+        (N, { node: s }) => {
+          if (s.parent && s.parent.type === "root") {
+            const a = s.parent.children.default[0].id;
+            i(a);
+          }
+        }
+      );
+  }, [t]), !r || !r.history || !t || !o ? null : /* @__PURE__ */ n.createElement(_, {
+    history: r.history
+  }, /* @__PURE__ */ n.createElement(y.Provider, {
+    value: e
+  }, /* @__PURE__ */ n.createElement(R.Provider, {
+    value: r
+  }, /* @__PURE__ */ n.createElement(h, {
+    id: o,
+    branch: "default"
+  }))));
+}, b = C, F = (e, t) => {
+  c(t).render(/* @__PURE__ */ n.createElement(b, {
+    container: e
+  }));
+};
+export {
+  F as default
+};
+//# sourceMappingURL=render.f2d6da89.js.map

package/dist/render.f2d6da89.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.f2d6da89.js","sources":["../../../node_modules/react-dom/client.js","../src/ui/use-router.ts","../src/ui/wrapper.tsx","../src/ui/render.tsx"],"sourcesContent":["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n","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 { 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.FC<Props> = ({ container }) => {\n    const components = useComponentPlatform(container);\n    const router = useRouter(container);\n    const [entry, setEntry] = useState<string | null>(null);\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 id={entry} branch=\"default\" />\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 { createRoot } from 'react-dom/client';\nimport Wrapper from './wrapper';\n\nexport default (container: Container, element: HTMLElement) => {\n    const root = createRoot(element);\n    root.render(<Wrapper container={container} />);\n};\n"],"names":["m","require$$0","createRoot","i","c","o","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":";;;;;;;;;;;;;;;OAEIA,IAAIC;AACR,IAAI,QAAQ,IAAI,aAAa;AAC3B,EAAAC,IAAqBF,EAAE,YACDA,EAAE;AAAA,KACnB;AACL,MAAIG,IAAIH,EAAE;AACV,EAAAE,IAAqB,SAASE,GAAGC,GAAG;AAClC,IAAAF,EAAE,wBAAwB;AAC1B,QAAI;AACF,aAAOH,EAAE,WAAWI,GAAGC,CAAC;AAAA,IAC9B,UAAc;AACR,MAAAF,EAAE,wBAAwB;AAAA,IAC3B;AAAA,EACL;AASA;ACnBA,MAAeG,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,MAAyB;AAE3D,EADa1B,EAAW0B,CAAO,EAC1B,OAAQ,gBAAAP,EAAA,cAAAP,GAAA;AAAA,IAAQ,WAAAP;AAAA,EAAsB,CAAA,CAAE;AACjD;"}

package/dist/ui/resolvable-component.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 declare type Props = {
     role?: string;
+    'data-width': number;
+    'data-indent': number;
     className?: string;
+    children?: React.ReactNode;
 };
 declare const ResolvableComponent: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
 export default ResolvableComponent;

package/dist/ui/styles.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
-export declare const styling: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    'data-width': number;
-    'data-indent': number;
-}, import("styled-components").DefaultTheme>>;
-export declare const StyledView: import("styled-components").StyledComponent<import("react").FC<{
+import { Theme } from '@emotion/react';
+export declare const styling: (p: {
+    'data-width'?: number;
+    'data-indent'?: number;
+    theme: Theme;
+}) => import("@emotion/utils").SerializedStyles;
+export declare const StyledView: import("@emotion/styled").StyledComponent<{
     className?: string | undefined;
-}>, import("styled-components").DefaultTheme, {
-    'data-width': number;
-    'data-indent': number;
-}, never>;
-export declare const StyledAnimatedView: import("styled-components").StyledComponent<import("react").FC<{
+} & {
+    theme?: Theme | undefined;
+}, {}, {}>;
+export declare const StyledAnimatedView: import("@emotion/styled").StyledComponent<{
     className?: string | undefined;
-}>, import("styled-components").DefaultTheme, {
-    'data-width': number;
-    'data-indent': number;
-}, never>;
+} & {
+    theme?: Theme | undefined;
+}, {}, {}>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/widget-types-grid",
-    "version": "1.0.25-next.0",
+    "version": "1.0.25-next.10",
     "description": "Type definition for Grid widget.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -26,28 +26,35 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@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",
+        "@telia-ace/knowledge-serviceclient": "next",
+        "@telia-ace/widget-core": "^1.0.16-next.10",
+        "@telia-ace/widget-forms": "^1.0.23-next.10",
+        "@telia-ace/widget-routing": "^1.0.17-next.10",
+        "@telia-ace/widget-services": "^1.0.16-next.10",
+        "@telia-ace/widget-ui": "^1.0.23-next.10",
+        "@telia-ace/widget-utilities": "next",
         "@webprovisions/bootstrapping": "^1.0.12",
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "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"
+        "react-transition-group": "^4.4.5"
     },
     "devDependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "@types/react-router-dom": "^5.1.0",
         "@types/react-transition-group": "^4.4.5",
-        "@types/styled-components": "^5.1.26"
+        "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"
     },
-    "gitHead": "e783dc2d2efafddafb638fb68d0b6842a204ca59"
+    "gitHead": "b75b1d3e5fe072e68412cb690410e8704ad23699"
 }

package/dist/render.1ff5268d.js

@@ -1,51 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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';\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 { 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.FC<Props> = ({ container }) => {\n    const components = useComponentPlatform(container);\n    const router = useRouter(container);\n    const [entry, setEntry] = useState<string | null>(null);\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 id={entry} branch=\"default\" />\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":["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;"}