@telia-ace/widget-components-widget-header 1.1.1 → 1.1.2-rc.1

package/index-69baa677.js

@@ -0,0 +1 @@
+"use strict";const b=require("@telia-ace/widget-core"),p=require("@telia-ace/widget-ui"),f=require("@telia-ace/widget-utilities"),h=(r,i,o)=>{if(o!=="center")return{};const t=s=>s.reduce((e,a)=>{const[u]=a.padding.split("px"),[g]=a.size.split("px");return e+(+g+ +u*2)},0),n=t(r),c=t(i),l=n-c;return l===0?{}:{[n>c?"right":"left"]:`${Math.abs(l)}px`}},w=r=>Object.keys(r).reduce((i,o)=>{const t=r[o];if(!t)return i;const[n,c]=i,l=t.position==="left"?n:c;return r[o].symbol,l.push({symbol:t.symbol&&typeof t.symbol=="string"?{type:"Uri",content:t.symbol}:t.symbol,type:o,padding:t.padding||"10px",label:t.label,size:t.size||"64px",tooltip:t.tooltip,order:t.order||0,show:t.show}),i},[[],[]]),m=r=>r.getAsync("router").then(i=>{if(!i)return!0;const o=i.getInitialRoute(),{name:t,params:n}=i.getRouteData();return f.removeNullAndUndefinedValues(n),!((o==null?void 0:o.name)!==t||Object.keys(n).length>0)}),k=r=>p.createReactComponent(r,"widget-header",Promise.resolve().then(()=>require("./widget-header-8141379a.js")),i=>{const{events:o}=r.get("$widget"),[t,n]=b.createEventSubscriber(o),{actions:c={},tooltipBackLabel:l="",tooltipMinimizeLabel:d=""}=i.properties();if(i.actions.create("close",(s,e)=>e.preventDefault?void 0:r.get("$widget").invoke("close")),i.actions.create("back",(s,e)=>{if(!e.preventDefault)return r.getAsync("router").then(a=>{a.goBack()})}),i.properties(s=>{const{actions:e={}}=s;if(e!=null&&e.back&&(e.back.tooltip=e.back.tooltip?e.back.tooltip:l),e!=null&&e.minimize&&(e.minimize.tooltip=e.minimize.tooltip?e.minimize.tooltip:d),!!e.back)return Object.keys(e).forEach(a=>{const u=e[a];a==="back"&&(u.show=s.showBack)}),{actions:e}}),i.actions.create("show-back",s=>{i.writeProperties({showBack:s})}),c.back){const s=()=>m(r).then(e=>i.actions.dispatch("show-back",!e));s(),t("router:changed",s)}return i.actions.create("minimize",(s,e)=>e.preventDefault?void 0:r.get("$widget").invoke("hide")),()=>{n()}});exports.WidgetHeaderComponent=k;exports.calculateMargin=h;exports.createNodes=w;

package/index-f5f3fdd3.mjs

@@ -0,0 +1,76 @@
+import { createEventSubscriber as b } from "@telia-ace/widget-core";
+import { createReactComponent as g } from "@telia-ace/widget-ui";
+import { removeNullAndUndefinedValues as f } from "@telia-ace/widget-utilities";
+const z = (i, r, s) => {
+  if (s !== "center")
+    return {};
+  const e = (o) => o.reduce((t, a) => {
+    const [u] = a.padding.split("px"), [p] = a.size.split("px");
+    return t + (+p + +u * 2);
+  }, 0), n = e(i), c = e(r), l = n - c;
+  return l === 0 ? {} : {
+    [n > c ? "right" : "left"]: `${Math.abs(l)}px`
+  };
+}, y = (i) => Object.keys(i).reduce(
+  (r, s) => {
+    const e = i[s];
+    if (!e)
+      return r;
+    const [n, c] = r, l = e.position === "left" ? n : c;
+    return i[s].symbol, l.push({
+      symbol: e.symbol && typeof e.symbol == "string" ? { type: "Uri", content: e.symbol } : e.symbol,
+      type: s,
+      padding: e.padding || "10px",
+      label: e.label,
+      size: e.size || "64px",
+      tooltip: e.tooltip,
+      order: e.order || 0,
+      show: e.show
+    }), r;
+  },
+  [[], []]
+), m = (i) => i.getAsync("router").then((r) => {
+  if (!r)
+    return !0;
+  const s = r.getInitialRoute(), { name: e, params: n } = r.getRouteData();
+  return f(n), !((s == null ? void 0 : s.name) !== e || Object.keys(n).length > 0);
+}), v = (i) => g(
+  i,
+  "widget-header",
+  import("./widget-header-dfa3bb93.mjs"),
+  (r) => {
+    const { events: s } = i.get("$widget"), [e, n] = b(s), {
+      actions: c = {},
+      tooltipBackLabel: l = "",
+      tooltipMinimizeLabel: d = ""
+    } = r.properties();
+    if (r.actions.create("close", (o, t) => t.preventDefault ? void 0 : i.get("$widget").invoke("close")), r.actions.create("back", (o, t) => {
+      if (!t.preventDefault)
+        return i.getAsync("router").then((a) => {
+          a.goBack();
+        });
+    }), r.properties((o) => {
+      const { actions: t = {} } = o;
+      if (t != null && t.back && (t.back.tooltip = t.back.tooltip ? t.back.tooltip : l), t != null && t.minimize && (t.minimize.tooltip = t.minimize.tooltip ? t.minimize.tooltip : d), !!t.back)
+        return Object.keys(t).forEach((a) => {
+          const u = t[a];
+          a === "back" && (u.show = o.showBack);
+        }), { actions: t };
+    }), r.actions.create("show-back", (o) => {
+      r.writeProperties({ showBack: o });
+    }), c.back) {
+      const o = () => m(i).then(
+        (t) => r.actions.dispatch("show-back", !t)
+      );
+      o(), e("router:changed", o);
+    }
+    return r.actions.create("minimize", (o, t) => t.preventDefault ? void 0 : i.get("$widget").invoke("hide")), () => {
+      n();
+    };
+  }
+);
+export {
+  v as W,
+  z as a,
+  y as c
+};

package/index.js

@@ -1 +1 @@
-"use strict";const e=require("./index-8f0189a9.js");require("@telia-ace/widget-core");require("@telia-ace/widget-ui");require("@telia-ace/widget-utilities");module.exports=e.WidgetHeaderComponent;
+"use strict";const e=require("./index-69baa677.js");require("@telia-ace/widget-core");require("@telia-ace/widget-ui");require("@telia-ace/widget-utilities");module.exports=e.WidgetHeaderComponent;

package/index.mjs

@@ -1,4 +1,4 @@
-import { W as i } from "./index-cc80e958.mjs";
+import { W as i } from "./index-f5f3fdd3.mjs";
 import "@telia-ace/widget-core";
 import "@telia-ace/widget-ui";
 import "@telia-ace/widget-utilities";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-components-widget-header",
-  "version": "1.1.1",
+  "version": "1.1.2-rc.1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,10 +10,10 @@
     }
   },
   "dependencies": {
-    "@telia-ace/widget-core": "^1.1.1",
-    "@telia-ace/widget-routing": "^1.1.1",
-    "@telia-ace/widget-ui": "^1.1.1",
-    "@telia-ace/widget-utilities": "^1.1.1",
+    "@telia-ace/widget-core": "^1.1.2-rc.1",
+    "@telia-ace/widget-routing": "^1.1.2-rc.1",
+    "@telia-ace/widget-ui": "^1.1.2-rc.1",
+    "@telia-ace/widget-utilities": "^1.1.2-rc.1",
     "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {

package/{widget-header-393b5e28.js → widget-header-8141379a.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("@emotion/react"),m=require("@emotion/styled"),r=require("@telia-ace/widget-ui"),v=require("@telia-ace/widget-utilities"),b=require("./index-8f0189a9.js");require("@telia-ace/widget-core");const j=({node:e})=>{if(!e.symbol)return null;let t;const s=e.symbol.type==="Svg";if(e.symbol.type==="Svg"){const o=parseInt(e.size,10);isNaN(o)||(t=o)}return i.jsx(f,{symbol:e.symbol,svg:s,size:t,backgroundSize:"cover"})},f=m(({svg:e,...t})=>i.jsx(r.SymbolBadge,{...t}))`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("@emotion/react"),m=require("@emotion/styled"),r=require("@telia-ace/widget-ui"),v=require("@telia-ace/widget-utilities"),b=require("./index-69baa677.js");require("@telia-ace/widget-core");const j=({node:e})=>{if(!e.symbol)return null;let t;const s=e.symbol.type==="Svg";if(e.symbol.type==="Svg"){const o=parseInt(e.size,10);isNaN(o)||(t=o)}return i.jsx(f,{symbol:e.symbol,svg:s,size:t,backgroundSize:"cover"})},f=m(({svg:e,...t})=>i.jsx(r.SymbolBadge,{...t}))`
     color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
     ${e=>!e.svg&&u.css`
             border-radius: 50%;

package/widget-header-component.d.ts

@@ -22,6 +22,8 @@ export type WidgetHeaderComponentProps = {
         [key: string]: ActionNode;
     };
     tooltip?: string;
+    tooltipBackLabel?: string;
+    tooltipMinimizeLabel?: string;
     route?: string;
 };
 declare const WidgetHeaderComponent: (container: Container) => Promise<void>;

package/{widget-header-3dd8c261.mjs → widget-header-dfa3bb93.mjs}

@@ -3,7 +3,7 @@ import { css as y } from "@emotion/react";
 import c from "@emotion/styled";
 import { SymbolBadge as h, borderTabStyle as z, useDispatch as k, TransitionComponent as N, useProperties as S, Typography as f, headingElement as v, Link as C, linkTabStyle as w } from "@telia-ace/widget-ui";
 import { appendClassNames as T } from "@telia-ace/widget-utilities";
-import { c as A, a as W } from "./index-cc80e958.mjs";
+import { c as A, a as W } from "./index-f5f3fdd3.mjs";
 import "@telia-ace/widget-core";
 const B = ({ node: e }) => {
   if (!e.symbol)

package/index-8f0189a9.js

@@ -1 +0,0 @@
-"use strict";const b=require("@telia-ace/widget-core"),f=require("@telia-ace/widget-ui"),h=require("@telia-ace/widget-utilities"),p=(s,t,n)=>{if(n!=="center")return{};const e=c=>c.reduce((u,d)=>{const[l]=d.padding.split("px"),[g]=d.size.split("px");return u+(+g+ +l*2)},0),o=e(s),a=e(t),r=o-a;return r===0?{}:{[o>a?"right":"left"]:`${Math.abs(r)}px`}},w=s=>Object.keys(s).reduce((t,n)=>{const e=s[n];if(!e)return t;const[o,a]=t,r=e.position==="left"?o:a;return s[n].symbol,r.push({symbol:e.symbol&&typeof e.symbol=="string"?{type:"Uri",content:e.symbol}:e.symbol,type:n,padding:e.padding||"10px",label:e.label,size:e.size||"64px",tooltip:e.tooltip,order:e.order||0,show:e.show}),t},[[],[]]),k=s=>s.getAsync("router").then(t=>{if(!t)return!0;const n=t.getInitialRoute(),{name:e,params:o}=t.getRouteData();return h.removeNullAndUndefinedValues(o),!((n==null?void 0:n.name)!==e||Object.keys(o).length>0)}),y=s=>f.createReactComponent(s,"widget-header",Promise.resolve().then(()=>require("./widget-header-393b5e28.js")),t=>{const{events:n}=s.get("$widget"),[e,o]=b.createEventSubscriber(n),{actions:a={}}=t.properties();if(t.actions.create("close",(r,i)=>i.preventDefault?void 0:s.get("$widget").invoke("close")),t.actions.create("back",(r,i)=>{if(!i.preventDefault)return s.getAsync("router").then(c=>{c.goBack()})}),t.properties(r=>{const{actions:i={}}=r;if(i.back)return Object.keys(i).forEach(c=>{const u=i[c];c==="back"&&(u.show=r.showBack)}),{actions:i}}),t.actions.create("show-back",r=>{t.writeProperties({showBack:r})}),a.back){const r=()=>k(s).then(i=>t.actions.dispatch("show-back",!i));r(),e("router:changed",r)}return t.actions.create("minimize",(r,i)=>i.preventDefault?void 0:s.get("$widget").invoke("hide")),()=>{o()}});exports.WidgetHeaderComponent=y;exports.calculateMargin=p;exports.createNodes=w;

package/index-cc80e958.mjs

@@ -1,72 +0,0 @@
-import { createEventSubscriber as p } from "@telia-ace/widget-core";
-import { createReactComponent as f } from "@telia-ace/widget-ui";
-import { removeNullAndUndefinedValues as b } from "@telia-ace/widget-utilities";
-const y = (s, e, n) => {
-  if (n !== "center")
-    return {};
-  const t = (a) => a.reduce((u, d) => {
-    const [l] = d.padding.split("px"), [g] = d.size.split("px");
-    return u + (+g + +l * 2);
-  }, 0), o = t(s), c = t(e), r = o - c;
-  return r === 0 ? {} : {
-    [o > c ? "right" : "left"]: `${Math.abs(r)}px`
-  };
-}, v = (s) => Object.keys(s).reduce(
-  (e, n) => {
-    const t = s[n];
-    if (!t)
-      return e;
-    const [o, c] = e, r = t.position === "left" ? o : c;
-    return s[n].symbol, r.push({
-      symbol: t.symbol && typeof t.symbol == "string" ? { type: "Uri", content: t.symbol } : t.symbol,
-      type: n,
-      padding: t.padding || "10px",
-      label: t.label,
-      size: t.size || "64px",
-      tooltip: t.tooltip,
-      order: t.order || 0,
-      show: t.show
-    }), e;
-  },
-  [[], []]
-), h = (s) => s.getAsync("router").then((e) => {
-  if (!e)
-    return !0;
-  const n = e.getInitialRoute(), { name: t, params: o } = e.getRouteData();
-  return b(o), !((n == null ? void 0 : n.name) !== t || Object.keys(o).length > 0);
-}), z = (s) => f(
-  s,
-  "widget-header",
-  import("./widget-header-3dd8c261.mjs"),
-  (e) => {
-    const { events: n } = s.get("$widget"), [t, o] = p(n), { actions: c = {} } = e.properties();
-    if (e.actions.create("close", (r, i) => i.preventDefault ? void 0 : s.get("$widget").invoke("close")), e.actions.create("back", (r, i) => {
-      if (!i.preventDefault)
-        return s.getAsync("router").then((a) => {
-          a.goBack();
-        });
-    }), e.properties((r) => {
-      const { actions: i = {} } = r;
-      if (i.back)
-        return Object.keys(i).forEach((a) => {
-          const u = i[a];
-          a === "back" && (u.show = r.showBack);
-        }), { actions: i };
-    }), e.actions.create("show-back", (r) => {
-      e.writeProperties({ showBack: r });
-    }), c.back) {
-      const r = () => h(s).then(
-        (i) => e.actions.dispatch("show-back", !i)
-      );
-      r(), t("router:changed", r);
-    }
-    return e.actions.create("minimize", (r, i) => i.preventDefault ? void 0 : s.get("$widget").invoke("hide")), () => {
-      o();
-    };
-  }
-);
-export {
-  z as W,
-  y as a,
-  v as c
-};