@telia-ace/widget-types-grid 0.0.1

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@telia-ace/widget-types-grid",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "dependencies": {
+    "@telia-ace/widget-core": "*",
+    "@telia-ace/widget-routing": "*",
+    "@telia-ace/widget-services": "*",
+    "@telia-ace/widget-ui": "*",
+    "@telia-ace/widget-utilities": "*",
+    "@webprovisions/bootstrapping": "^1.0.14",
+    "@webprovisions/platform": "^1.1.4"
+  },
+  "peerDependencies": {
+    "react": "18.2.0",
+    "react-transition-group": "4.4.5",
+    "react-dom": "18.2.0",
+    "react-router": "^5.3.4",
+    "@emotion/cache": "^11.10.5",
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "react-router-dom": "5.3.4"
+  }
+}

package/render-9309d354.mjs

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

package/render-ec465011.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),q=require("react-dom"),h=require("@emotion/cache"),v=require("@emotion/react"),i=require("@telia-ace/widget-ui"),c=require("react"),y=require("react-router-dom"),R=require("./index.js");require("@telia-ace/widget-core");require("@emotion/styled");require("@telia-ace/widget-utilities");require("react-transition-group");require("react-router");require("@telia-ace/widget-routing");require("@telia-ace/widget-services");require("@webprovisions/bootstrapping");require("@webprovisions/platform");var l,s=q;if(process.env.NODE_ENV==="production")l=s.createRoot,s.hydrateRoot;else{var d=s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;l=function(r,e){d.usingClientEntryPoint=!0;try{return s.createRoot(r,e)}finally{d.usingClientEntryPoint=!1}}}const E=r=>{const[e,t]=c.useState(null),o=i.useIsMounted();return c.useEffect(()=>{r.getAsync("router").then(u=>{o.current&&t(u)})},[r,o]),e};var f;const _=h({key:"css",prepend:!0,nonce:((f=window.webprovisionsEnvironmentVariables)==null?void 0:f.cspNonce)||void 0}),b=({container:r})=>{const e=i.useComponentPlatform(r),t=E(r),[o,u]=c.useState(null);return c.useEffect(()=>{if(e)return u(e.nodes.root.children.default[0].id||null),e.events.subscribe("components:root-children-changed",(g,{node:a})=>{if(a.parent&&a.parent.type==="root"){const p=a.parent.children.default[0].id;u(p)}})},[e]),!t||!t.history||!e||!o?null:n.jsx(v.CacheProvider,{value:_,children:n.jsx(y.Router,{history:t.history,children:n.jsx(i.ContainerContext.Provider,{value:r,children:n.jsx(i.RoutingContext.Provider,{value:t,children:n.jsx(R.Component,{id:o,branch:"default"})})})})})},m=b,x=(r,e)=>{l(e).render(n.jsx(m,{container:r}))};exports.default=x;

package/services.d.ts

@@ -0,0 +1,7 @@
+import { Container } from '@webprovisions/platform';
+
+export declare const createRoutingService: (container: Container) => Promise<any>;
+export declare const createStorageService: (container: Container) => Promise<import('../../services/src/index.ts').StorageProvider>;
+export declare const createActionResolver: (container: Container) => Promise<import('../../core/src/index.ts').ActionResolver>;
+export declare const createComponentResolver: (container: Container) => Promise<import('../../core/src/index.ts').ComponentResolver>;
+export declare const createComponentPlatform: (container: Container) => Promise<import('../../core/src/index.ts').ComponentPlatform>;

package/ui/animated-view.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    className?: string;
+};
+declare const AnimatedView: React.FC<Props>;
+export default AnimatedView;

package/ui/component.d.ts

@@ -0,0 +1,16 @@
+import { ComponentNode } from '../../../core/src/index.ts';
+import { default as React } from 'react';
+
+type Props = {
+    className?: string;
+    id: string;
+    branch: string;
+    node?: ComponentNode;
+    ariaLabel?: string;
+    tabIndex?: number;
+    context?: {
+        [key: string]: any;
+    };
+};
+declare const Component: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+export default Component;

package/ui/detached-component.d.ts

@@ -0,0 +1,8 @@
+import { ComponentNode, ComponentPlatform } from '../../../core/src/index.ts';
+import { default as React } from 'react';
+
+type Props = {
+    builder: (components: ComponentPlatform) => Promise<ComponentNode>;
+};
+declare const DetachedComponent: React.FC<Props>;
+export default DetachedComponent;

package/ui/determine-slide-direction.d.ts

@@ -0,0 +1,26 @@
+export declare enum SlideDirection {
+    back = "back",
+    forth = "forth"
+}
+export interface RouteStructure {
+    name: string;
+    children: RouteStructure[];
+}
+/**
+ * Recursively find the parents of a nested route
+ * @param routeName Name of route to find
+ * @param routes Routes to look in
+ * @param trail Trail of parents
+ * @param level Level of the array currently looking in
+ */
+export declare const findParentRoutes: (routeName: string, routes: RouteStructure[], trail?: string[], level?: number) => string[] | null;
+/**
+ * Determine if the sliding animation should back or forth
+ * @param currentRouteName Name of current route
+ * @param nextRouteName Name of route to transition to
+ * @param routeRanking Hierarchical route ranking for the widget
+ */
+export declare const determineSlideDirection: (currentRouteName: string, nextRouteName: string, routeRanking: RouteRanking) => SlideDirection;
+export type RouteRanking = {
+    [key: string]: number;
+};

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

@@ -0,0 +1,18 @@
+export declare const renderSymbol: (symbol?: {
+    type: string;
+    content: string;
+}) => string | undefined;
+export type TriggerElementOptions = {
+    symbol?: {
+        type: string;
+        content: string;
+    };
+    widgetName: string;
+    label?: string;
+    ariaLabel?: string;
+    tooltip?: string;
+};
+export declare function createTriggerElement(element: HTMLElement, options: TriggerElementOptions): () => void;
+export declare function setInactive(elements: HTMLElement | HTMLElement[], title?: string): void;
+export declare function setLoading(elements: HTMLElement | HTMLElement[]): void;
+export declare function setActive(elements: HTMLElement | HTMLElement[], title?: string): void;

package/ui/not-found.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    showSearch?: boolean;
+};
+declare const NotFound: React.FC<Props>;
+export default NotFound;

package/ui/prepare-dom.d.ts

@@ -0,0 +1,21 @@
+import { ViewOutletOptions } from './view-outlet';
+
+declare enum ProvidedElements {
+    None = "none",
+    WidgetDOM = "widgetDOM",
+    TriggerDOM = "triggerDOM",
+    Both = "both"
+}
+export declare enum TriggerType {
+    Inline = "inline",
+    Link = "link",
+    Badge = "badge",
+    Unsupported = "unsupported"
+}
+export declare const determineProvidedElements: (widgetDOMElement?: HTMLElement, triggerDOMElement?: HTMLElement) => ProvidedElements;
+export declare const determineTriggerType: (triggerDefinition?: any) => TriggerType;
+type PrepareDOMElementsOutput = ViewOutletOptions & {
+    callback?: () => void;
+};
+export declare const prepareDOMElements: (name: string, providedWidgetElement?: HTMLElement, providedTriggerElement?: HTMLElement, triggerDefinition?: any, waitWithReplace?: boolean) => PrepareDOMElementsOutput;
+export {};

package/ui/render.d.ts

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

package/ui/resolvable-component.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+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/ui/styles.d.ts

@@ -0,0 +1,17 @@
+import { Theme } from '@emotion/react';
+
+export declare const styling: (p: {
+    'data-width'?: number;
+    'data-indent'?: number;
+    theme: Theme;
+}) => import('@emotion/react').SerializedStyles;
+export declare const StyledView: import('@emotion/styled').StyledComponent<{
+    className?: string | undefined;
+} & {
+    theme?: Theme | undefined;
+}, {}, {}>;
+export declare const StyledAnimatedView: import('@emotion/styled').StyledComponent<{
+    className?: string | undefined;
+} & {
+    theme?: Theme | undefined;
+}, {}, {}>;

package/ui/switch.d.ts

@@ -0,0 +1,12 @@
+import { ViewDefinition } from '../../../core/src/index.ts';
+import { default as React } from 'react';
+
+type Props = {
+    location?: any;
+    views: {
+        [key: string]: ViewDefinition;
+    };
+    render: (viewName: string) => JSX.Element | null;
+};
+declare const Switch: React.FC<Props>;
+export default Switch;

package/ui/unmount.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (element: HTMLElement) => boolean;
+export default _default;

package/ui/use-component-node-properties.d.ts

@@ -0,0 +1,4 @@
+import { ComponentNodeProperties } from '../../../core/src/index.ts';
+
+declare const _default: (id: string) => ComponentNodeProperties;
+export default _default;

package/ui/use-router.d.ts

@@ -0,0 +1,5 @@
+import { RoutingService } from '../../../routing/src/index.ts';
+import { Container } from '@webprovisions/platform';
+
+declare const _default: (container: Container) => RoutingService | null;
+export default _default;

package/ui/view-outlet.d.ts

@@ -0,0 +1,33 @@
+import { Symbol } from '../../../ui/src/index.ts';
+import { Container } from '@webprovisions/platform';
+import { TriggerType } from './prepare-dom';
+
+export type BadgeOptions = {
+    symbol?: Symbol;
+    label?: string;
+    ariaLabel?: string;
+    openTooltip?: string;
+    closedTooltip?: string;
+};
+export type ViewOutletOptions = {
+    widgetDOMElement: HTMLElement;
+    triggerDOMElement?: HTMLElement;
+    triggerOptions?: BadgeOptions | boolean;
+    triggerType: TriggerType;
+    cachedOriginals: {
+        widgetDOMElement?: Node;
+        triggerDOMElement?: Node;
+    };
+};
+export declare class ViewOutlet {
+    options: ViewOutletOptions;
+    container: Container;
+    private unsubscribe;
+    constructor(container: Container, options: ViewOutletOptions);
+    /**
+     * Renders the view outlet to the DOM.
+     */
+    render(): Promise<void>;
+    renderBadge(options: BadgeOptions): void;
+    dispose(): Promise<void>;
+}

package/ui/view.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    className?: string;
+};
+declare const View: React.FC<Props>;
+export default View;

package/ui/wrapper.d.ts

@@ -0,0 +1,8 @@
+import { Container } from '@webprovisions/platform';
+import { default as React } from 'react';
+
+type Props = {
+    container: Container;
+};
+declare const Wrapper: React.FC<Props>;
+export default Wrapper;

package/unmount-063d8ea3.mjs

@@ -0,0 +1,5 @@
+import { unmountComponentAtNode as t } from "react-dom";
+const m = (o) => t(o);
+export {
+  m as default
+};

package/unmount-7ebc3b77.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react-dom"),o=e=>t.unmountComponentAtNode(e);exports.default=o;

package/widget.d.ts

@@ -0,0 +1,57 @@
+import { WidgetRenderState, WidgetSettings } from '../../core/src/index.ts';
+import { BootstrappingActivationData } from '@webprovisions/bootstrapping';
+import { Container, EventSubscriptionCancellation, WidgetType } from '@webprovisions/platform';
+import { ViewOutlet } from '././ui/view-outlet';
+
+export declare enum InitialRenderState {
+    Open = "open",
+    Closed = "closed",
+    Hidden = "hidden",
+    Storage = "storage"
+}
+export type RenderData = {
+    widgetDOMElement?: HTMLElement;
+    triggerDOMElement?: HTMLElement;
+    key?: string;
+    open?: boolean;
+    withRenderState?: InitialRenderState;
+};
+export type AttachData = {
+    widgetDOMElement?: HTMLElement;
+    triggerDOMElement?: HTMLElement;
+    key?: string;
+    withRenderState?: InitialRenderState;
+};
+export default class Widget extends WidgetType {
+    outlets: Map<string, ViewOutlet>;
+    activated: Promise<void> | undefined;
+    subs: EventSubscriptionCancellation[];
+    constructor(container: Container);
+    handleBootstrapping: (activationData: BootstrappingActivationData) => void;
+    initialize(): Promise<void>;
+    attach(attachData?: AttachData): any;
+    detach(key?: string): void;
+    private triggerStateIfApplicable;
+    private getOrCreateViewOutlet;
+    render(renderData?: RenderData): any;
+    activate(data?: any): void;
+    setSettings(fn: (settings: WidgetSettings) => Promise<Partial<WidgetSettings>>): Promise<WidgetSettings>;
+    clearSettings(): Promise<void>;
+    action({ action, value }: {
+        action: string;
+        value?: any;
+    }): Promise<void>;
+    renderState(): Promise<WidgetRenderState>;
+    hide(options?: {
+        focusTrigger?: boolean;
+    }): Promise<void>;
+    open(): Promise<void>;
+    close(): Promise<void>;
+    show(): Promise<void>;
+    private onAction;
+    private setRenderState;
+    private onOpen;
+    private onClose;
+    private setTriggerState;
+    deactivate(): Promise<void[]>;
+}