@telia-ace/widget-types-grid 1.0.29 → 1.0.30-experimental.1

package/dist/mixins/widget-component.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+export declare class WidgetComponentInterface {
+    requestInstance(key: string): any;
+    nodeId: string;
+}
+type Constructor<T = {}> = new (...args: any[]) => T;
+export declare const WidgetComponent: <T extends Constructor<LitElement>>(Base: T) => Constructor<WidgetComponentInterface> & T;
+export {};

package/dist/render.9ebba652.js

@@ -0,0 +1,8 @@
+const r = (t, n, o) => {
+  const e = document.createElement("widget-root");
+  e.setAttribute("widgetName", t), o.appendChild(e);
+};
+export {
+  r as default
+};
+//# sourceMappingURL=render.9ebba652.js.map

package/dist/render.9ebba652.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.9ebba652.js","sources":["../src/ui/render.ts"],"sourcesContent":["import { Container } from '@webprovisions/platform';\nimport './widget-component';\nimport './widget-root';\n\nexport default (widgetName: string, container: Container, element: HTMLElement) => {\n    const root = document.createElement('widget-root');\n    root.setAttribute('widgetName', widgetName);\n    element.appendChild(root);\n};\n"],"names":["render","widgetName","container","element","root"],"mappings":"AAIA,MAAAA,IAAe,CAACC,GAAoBC,GAAsBC,MAAyB;AACzE,QAAAC,IAAO,SAAS,cAAc,aAAa;AAC5C,EAAAA,EAAA,aAAa,cAAcH,CAAU,GAC1CE,EAAQ,YAAYC,CAAI;AAC5B;"}

package/dist/ui/_render.d.ts

@@ -0,0 +1,3 @@
+import { Container } from '@webprovisions/platform';
+declare const _default: (container: Container, element: HTMLElement) => void;
+export default _default;

package/dist/ui/index.d.ts

@@ -1,6 +1,6 @@
 export { default as AnimatedView } from './animated-view';
-export { default as Component } from './component';
 export { prepareDOMElements, TriggerType } from './prepare-dom';
 export { default as ResolvableComponent } from './resolvable-component';
 export { default as View } from './view';
 export { default as Wrapper } from './wrapper';
+export { default as Component } from './_component';

package/dist/ui/render.d.ts

@@ -1,3 +1,5 @@
 import { Container } from '@webprovisions/platform';
-declare const _default: (container: Container, element: HTMLElement) => void;
+import './widget-component';
+import './widget-root';
+declare const _default: (widgetName: string, container: Container, element: HTMLElement) => void;
 export default _default;

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

@@ -0,0 +1,27 @@
+import { Container } from '@webprovisions/platform';
+import { LitElement, nothing } from 'lit';
+declare const WidgetComponent_base: (new (...args: any[]) => import("../mixins/requester").RequesterInterface) & typeof LitElement;
+export declare class WidgetComponent extends WidgetComponent_base {
+    static styles: import("lit").CSSResult[];
+    container: Container | undefined;
+    listeners: any[];
+    nodeId: string;
+    branch: string;
+    protected _descriptor: any;
+    protected _properties: {
+        [key: string]: any;
+    };
+    protected _context: {
+        [key: string]: any;
+    };
+    protected _layout: {
+        [key: string]: any;
+    };
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    mapProps(): {
+        [key: string]: any;
+    };
+    render(): typeof nothing | import("lit").TemplateResult<1 | 2>;
+}
+export {};

package/dist/ui/widget-root.d.ts

@@ -0,0 +1,21 @@
+import { ComponentPlatform } from '@telia-ace/widget-core';
+import { EventSubscriptionCancellation } from '@webprovisions/platform';
+import { LitElement, nothing } from 'lit';
+import { WidgetController } from '../controllers/widget-controller';
+declare const WidgetRoot_base: (new (...args: any[]) => import("../mixins/provider").ProviderInterface) & typeof LitElement;
+export declare class WidgetRoot extends WidgetRoot_base {
+    controller: WidgetController;
+    platform: ComponentPlatform | undefined;
+    unsubscribe: EventSubscriptionCancellation | undefined;
+    static styles: import("lit").CSSResult[];
+    protected _entry: string | null;
+    widgetName: string;
+    protected _child: {
+        tag: string;
+        nodeId: string;
+    } | null;
+    constructor();
+    connectedCallback(): void;
+    render(): typeof nothing | import("lit").TemplateResult<1 | 2>;
+}
+export {};

package/dist/utils/component-tag-from-type.d.ts

@@ -0,0 +1 @@
+export declare const componentTagFromType: (type: string) => string;

package/dist/utils/get-component-width.d.ts

@@ -0,0 +1,3 @@
+export declare const getComponentWidth: (elem: HTMLElement, layout: {
+    [key: string]: any;
+}, definedColumns?: string) => string;

package/dist/utils/get-widget.d.ts

@@ -0,0 +1 @@
+export declare const getWidget: (elem: HTMLElement) => any;

package/dist/utils/map-context-style.d.ts

@@ -0,0 +1,5 @@
+export declare const mapContextStyle: (ctx: {
+    [key: string]: any;
+}) => {
+    [key: string]: string;
+};

package/dist/utils/resolve-component.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPlatform, ComponentResolver } from '@telia-ace/widget-core';
+export declare const resolveComponent: (nodeId: string, resolver: ComponentResolver, platform: ComponentPlatform) => Promise<{
+    nodeId: string;
+    tag: string;
+} | undefined>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-types-grid",
-  "version": "1.0.29",
+  "version": "1.0.30-experimental.1",
   "description": "Type definition for Grid widget.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -21,14 +21,18 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@telia-ace/widget-core": "1.0.20",
-    "@telia-ace/widget-forms": "1.0.27",
-    "@telia-ace/widget-routing": "1.0.21",
-    "@telia-ace/widget-services": "1.0.20",
-    "@telia-ace/widget-ui": "1.0.27",
-    "@telia-ace/widget-utilities": "1.0.9",
+    "@open-wc/dedupe-mixin": "^1.3.1",
+    "@open-wc/lit-helpers": "^0.5.1",
+    "@telia-ace/widget-core": "1.0.21-experimental.1",
+    "@telia-ace/widget-forms": "1.0.28-experimental.1",
+    "@telia-ace/widget-routing": "1.0.22-experimental.1",
+    "@telia-ace/widget-services": "1.0.21-experimental.1",
+    "@telia-ace/widget-ui": "1.0.28-experimental.1",
+    "@telia-ace/widget-utilities": "1.0.10-experimental.1",
     "@webprovisions/bootstrapping": "^1.0.12",
-    "@webprovisions/platform": "^1.1.2"
+    "@webprovisions/platform": "^1.1.2",
+    "lit": "^2.6.0",
+    "page": "^1.11.6"
   },
   "peerDependencies": {
     "@emotion/cache": "^11.10.5",
@@ -44,7 +48,7 @@
     "@emotion/cache": "^11.10.5",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@telia-ace/widget-developer-tools": "1.0.15",
+    "@telia-ace/widget-developer-tools": "1.0.16-experimental.1",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
     "@types/react-router": "^5.1.20",

package/dist/render.0b9431cd.js

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

package/dist/render.0b9431cd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"render.0b9431cd.js","sources":["../../../node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/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","\nimport createCache from '@emotion/cache';\nimport { CacheProvider } from '@emotion/react';\nimport { 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 cacheProvider = createCache({\n    key: 'css',\n    prepend: true,\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        <CacheProvider value={cacheProvider}>\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        </CacheProvider>\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","cacheProvider","createCache","Wrapper","components","useComponentPlatform","entry","setEntry","event","node","React","CacheProvider","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,GCFMM,IAAgBC,EAAY;AAAA,EAC9B,KAAK;AAAA,EACL,SAAS;AACb,CAAC,GAEKC,IAA2B,CAAC,EAAE,WAAAT,QAAgB;AAC1C,QAAAU,IAAaC,EAAqBX,CAAS,GAC3CC,IAASF,EAAUC,CAAS,GAC5B,CAACY,GAAOC,CAAQ,IAAIV,EAAwB,IAAI;AAuBtD,SArBAG,EAAU,MAAM;AACZ,QAAII;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,CAACT,KAAU,CAACA,EAAO,WAAW,CAACS,KAI/B,CAACE,IACM,OAIN,gBAAAI,EAAA,cAAAC,GAAA,EAAc,OAAOV,EAAA,GACjB,gBAAAS,EAAA,cAAAE,GAAA,EAAO,SAASjB,EAAO,QACpB,GAAA,gBAAAe,EAAA,cAACG,EAAiB,UAAjB,EAA0B,OAAOnB,KAC7B,gBAAAgB,EAAA,cAAAI,EAAe,UAAf,EAAwB,OAAOnB,EAAA,GAC3B,gBAAAe,EAAA,cAAAK,GAAA,EAAU,IAAIT,GAAO,QAAO,WAAU,CAC3C,CACJ,CACJ,CACJ;AAER,GAEAU,IAAeb,GC3Dfc,IAAe,CAACvB,GAAsBwB,MAAyB;AAE3D,EADa7B,EAAW6B,CAAO,EAC1B,OAAO,gBAAAR,EAAA,cAACP,GAAQ,EAAA,WAAAT,EAAsB,CAAA,CAAE;AACjD;"}