@telia-ace/widget-components-widget-header 1.0.31 → 1.1.1-rc.0

package/dist/widget-header-6c106e50.js

@@ -1,241 +0,0 @@
-var A = Object.defineProperty, B = Object.defineProperties;
-var M = Object.getOwnPropertyDescriptors;
-var h = Object.getOwnPropertySymbols;
-var E = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
-var z = (e, t, i) => t in e ? A(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, u = (e, t) => {
-  for (var i in t || (t = {}))
-    E.call(t, i) && z(e, i, t[i]);
-  if (h)
-    for (var i of h(t))
-      k.call(t, i) && z(e, i, t[i]);
-  return e;
-}, N = (e, t) => B(e, M(t));
-var $ = (e, t) => {
-  var i = {};
-  for (var n in e)
-    E.call(e, n) && t.indexOf(n) < 0 && (i[n] = e[n]);
-  if (e != null && h)
-    for (var n of h(e))
-      t.indexOf(n) < 0 && k.call(e, n) && (i[n] = e[n]);
-  return i;
-};
-import { css as x } from "@emotion/react";
-import c from "@emotion/styled";
-import { SymbolBadge as f, useDispatch as W, TransitionComponent as I, borderTabStyle as R, useProperties as q, Typography as S, headingElement as T, Link as L, linkTabStyle as _ } from "@telia-ace/widget-ui";
-import { appendClassNames as D } from "@telia-ace/widget-utilities";
-import r from "react";
-import { c as H, a as P } from "./index-805ec287.js";
-import "@telia-ace/widget-core";
-const j = ({ node: e }) => {
-  if (!e.symbol)
-    return null;
-  let t;
-  const i = e.symbol.type === "Svg";
-  if (e.symbol.type === "Svg") {
-    const n = parseInt(e.size, 10);
-    isNaN(n) || (t = n);
-  }
-  return /* @__PURE__ */ r.createElement(G, { symbol: e.symbol, svg: i, size: t, backgroundSize: "cover" });
-}, F = j, G = c((i) => {
-  var n = i, { svg: e } = n, t = $(n, ["svg"]);
-  return /* @__PURE__ */ r.createElement(f, u({}, t));
-})`
-    color: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.text;
-}};
-    ${(e) => !e.svg && x`
-            border-radius: 50%;
-            overflow: hidden;
-        `}
-`, J = ({ node: e }) => {
-  const t = e.symbol || { type: "Svg", content: "back" };
-  return /* @__PURE__ */ r.createElement(f, { size: 20, symbol: t });
-}, K = J, O = ({ node: e }) => {
-  const t = e.symbol || { type: "Svg", content: "close" }, i = parseInt(e == null ? void 0 : e.size, 10) || 14;
-  return /* @__PURE__ */ r.createElement(f, { size: i, symbol: t });
-}, Q = O, U = ({ node: e }) => {
-  const t = e.symbol || { type: "Svg", content: "minimize" }, i = parseInt(e == null ? void 0 : e.size, 10) || 20;
-  return /* @__PURE__ */ r.createElement(f, { size: i, symbol: t });
-}, V = U, X = (i) => {
-  var n = i, { className: e = "" } = n, t = $(n, ["className"]);
-  const m = W(), { size: g, padding: p, type: o, tooltip: s, show: b = !0 } = t;
-  return o === "back" ? /* @__PURE__ */ r.createElement(w, { size: g || "64px", padding: p || "10px" }, /* @__PURE__ */ r.createElement(
-    I,
-    {
-      in: b,
-      timeout: 300,
-      transitions: {
-        enter: {
-          type: "scale",
-          easing: "cubic-bezier(.08,.84,.74,1.84)"
-        },
-        exit: {
-          type: "scale",
-          easing: "ease-out"
-        }
-      }
-    },
-    (y, d) => /* @__PURE__ */ r.createElement(
-      v,
-      {
-        title: s,
-        "aria-label": s,
-        animationCss: d,
-        onClick: () => {
-          m("back");
-        }
-      },
-      /* @__PURE__ */ r.createElement(K, { node: t })
-    )
-  )) : b ? /* @__PURE__ */ r.createElement(
-    w,
-    {
-      size: g || "64px",
-      padding: p || "10px",
-      squareRatio: o === "avatar"
-    },
-    o === "avatar" && /* @__PURE__ */ r.createElement(F, { node: t }),
-    o === "close" && /* @__PURE__ */ r.createElement(
-      v,
-      {
-        title: s,
-        "aria-label": s,
-        onClick: () => {
-          m("close");
-        }
-      },
-      /* @__PURE__ */ r.createElement(Q, { node: t })
-    ),
-    o === "minimize" && /* @__PURE__ */ r.createElement(
-      v,
-      {
-        title: s,
-        "aria-label": s,
-        onClick: () => {
-          m("minimize");
-        }
-      },
-      /* @__PURE__ */ r.createElement(V, { node: t })
-    )
-  ) : null;
-}, C = X, w = c.div`
-    flex: 1;
-    max-width: ${(e) => e.size};
-    ${(e) => e.squareRatio && `max-height: ${e.size};`}
-    text-align: center;
-    padding: 0 ${(e) => e.padding};
-    && {
-        box-sizing: content-box;
-    }
-
-    svg {
-        vertical-align: middle;
-    }
-
-    i {
-        color: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.text;
-}};
-        font-size: ${(e) => e.size};
-        min-width: 1em;
-        min-height: 1em;
-        display: inline-block;
-    }
-`, v = c.button`
-    ${(e) => !!e.animationCss && e.animationCss};
-    background: none;
-    border: none;
-    cursor: pointer;
-    padding: 0;
-    &:focus-visible {
-        ${R};
-        border-color: ${(e) => {
-  var t, i;
-  return (i = (t = e.theme.accessibility) == null ? void 0 : t.colors) == null ? void 0 : i.inactiveText;
-}};
-    }
-`, me = (i) => {
-  var n = i, { className: e } = n, t = $(n, ["className"]);
-  const {
-    header: m,
-    tagline: g,
-    route: p,
-    tooltip: o = "",
-    actions: s = {},
-    textAlign: b = "center"
-  } = q(), [y, d] = H(s);
-  return y.sort((a, l) => (a.order || 0) - (l.order || 0)), d.sort((a, l) => (a.order || 0) - (l.order || 0)), /* @__PURE__ */ r.createElement(Y, N(u({}, t), { className: D(e, "humany-widget-header") }), y.map((a, l) => /* @__PURE__ */ r.createElement(C, u({ key: `${a.type}+_${l}` }, a))), /* @__PURE__ */ r.createElement(
-    ee,
-    {
-      textAlign: b,
-      margin: P(y, d, b)
-    },
-    p ? /* @__PURE__ */ r.createElement(te, { routeName: p, title: o, "aria-label": o }, /* @__PURE__ */ r.createElement(S, { variant: "h1" }, m)) : /* @__PURE__ */ r.createElement(S, { variant: "h1" }, m),
-    g && /* @__PURE__ */ r.createElement(Z, null, g)
-  ), d.map((a, l) => /* @__PURE__ */ r.createElement(C, u({ key: `${a.type}+_${l}` }, a))));
-}, Y = c.div`
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-
-    ${(e) => {
-  var t, i;
-  return T(e)(
-    "h1",
-    x`
-                font-size: ${(t = e.theme.fonts) == null ? void 0 : t.huge};
-                margin: 0;
-                font-weight: 300;
-                color: ${(i = e.theme.colors) == null ? void 0 : i.text};
-            `
-  );
-}}
-
-    p {
-        color: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.text;
-}};
-        margin: 0;
-    }
-
-    svg {
-        line,
-        path,
-        circle {
-            stroke: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.text;
-}};
-        }
-    }
-`, Z = c.p`
-    font-size: ${(e) => {
-  var t;
-  return (t = e.theme.fonts) == null ? void 0 : t.normal;
-}};
-    font-weight: 300;
-`, ee = c.div`
-    flex: 1;
-    text-align: ${(e) => e.textAlign};
-
-    margin-right: ${(e) => e.margin.right || 0};
-    margin-left: ${(e) => e.margin.left || 0};
-`, te = c(L)`
-    text-decoration: none;
-    &:focus-visible {
-        ${(e) => T(e)(
-  "h1",
-  x`
-                    ${_(e)}
-                    display: inline-block;
-                `
-)}
-    }
-`;
-export {
-  me as default
-};
-//# sourceMappingURL=widget-header-6c106e50.js.map

package/dist/widget-header-6c106e50.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"widget-header-6c106e50.js","sources":["../src/avatar.tsx","../src/back.tsx","../src/close.tsx","../src/minimize.tsx","../src/node.tsx","../src/widget-header.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { SymbolBadge } from '@telia-ace/widget-ui';\nimport React from 'react';\nimport { ActionNode } from './widget-header-component';\n\ntype Props = { node: ActionNode };\nconst Avatar: React.FC<Props> = ({ node }) => {\n    if (!node.symbol) {\n        return null;\n    }\n\n    let size;\n    const isSvg = node.symbol.type === 'Svg';\n    if (node.symbol.type === 'Svg') {\n        const sizeNumber = parseInt(node.size, 10);\n\n        if (!isNaN(sizeNumber)) {\n            size = sizeNumber;\n        }\n    }\n\n    return <Wrapper symbol={node.symbol} svg={isSvg} size={size} backgroundSize=\"cover\" />;\n};\n\nexport default Avatar;\n\nconst Wrapper = styled(({ svg, ...other }: any) => <SymbolBadge {...other} />)`\n    color: ${(p) => p.theme.colors?.text};\n    ${(p) =>\n        !p.svg &&\n        css`\n            border-radius: 50%;\n            overflow: hidden;\n        `}\n`;\n","import { SymbolBadge } from '@telia-ace/widget-ui';\nimport React from 'react';\nimport { ActionNode } from './widget-header-component';\n\ntype Props = {\n    node: ActionNode;\n};\nconst Back: React.FC<Props> = ({ node }) => {\n    const symbol = node.symbol || { type: 'Svg', content: 'back' };\n    return <SymbolBadge size={20} symbol={symbol} />;\n};\n\nexport default Back;\n","import { SymbolBadge } from '@telia-ace/widget-ui';\nimport React from 'react';\nimport { ActionNode } from './widget-header-component';\n\ntype Props = {\n    node: ActionNode;\n};\nconst Close: React.FC<Props> = ({ node }) => {\n    const symbol = node.symbol || { type: 'Svg', content: 'close' };\n    const size = parseInt(node?.size, 10) || 14;\n    return <SymbolBadge size={size} symbol={symbol} />;\n};\n\nexport default Close;\n","import { SymbolBadge } from '@telia-ace/widget-ui';\nimport React from 'react';\nimport { ActionNode } from './widget-header-component';\n\ntype Props = {\n    node: ActionNode;\n};\nconst Minimize: React.FC<Props> = ({ node }) => {\n    const symbol = node.symbol || { type: 'Svg', content: 'minimize' };\n    const size = parseInt(node?.size, 10) || 20;\n    return <SymbolBadge size={size} symbol={symbol} />;\n};\n\nexport default Minimize;\n","import styled from '@emotion/styled';\nimport { borderTabStyle, TransitionComponent, useDispatch } from '@telia-ace/widget-ui';\nimport React from 'react';\nimport Avatar from './avatar';\nimport Back from './back';\nimport Close from './close';\nimport Minimize from './minimize';\nimport { ActionNode } from './widget-header-component';\n\ntype Props = Merge<\n    ActionNode,\n    {\n        className?: string;\n    }\n>;\n\nconst Node: React.FC<Props> = ({ className = '', ...node }) => {\n    const dispatch = useDispatch();\n\n    const { size, padding, type, tooltip, show = true } = node;\n\n    if (type === 'back') {\n        return (\n            <NodeWrapper size={size || '64px'} padding={padding || '10px'}>\n                <TransitionComponent\n                    in={show}\n                    timeout={300}\n                    transitions={{\n                        enter: {\n                            type: 'scale',\n                            easing: 'cubic-bezier(.08,.84,.74,1.84)',\n                        },\n                        exit: {\n                            type: 'scale',\n                            easing: 'ease-out',\n                        },\n                    }}\n                >\n                    {(state: any, css: any) => (\n                        <ActionButton\n                            title={tooltip}\n                            aria-label={tooltip}\n                            animationCss={css}\n                            onClick={() => {\n                                dispatch('back');\n                            }}\n                        >\n                            <Back node={node} />\n                        </ActionButton>\n                    )}\n                </TransitionComponent>\n            </NodeWrapper>\n        );\n    }\n\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <NodeWrapper\n            size={size || '64px'}\n            padding={padding || '10px'}\n            squareRatio={type === 'avatar'}\n        >\n            {type === 'avatar' && <Avatar node={node} />}\n            {type === 'close' && (\n                <ActionButton\n                    title={tooltip}\n                    aria-label={tooltip}\n                    onClick={() => {\n                        dispatch('close');\n                    }}\n                >\n                    <Close node={node} />\n                </ActionButton>\n            )}\n            {type === 'minimize' && (\n                <ActionButton\n                    title={tooltip}\n                    aria-label={tooltip}\n                    onClick={() => {\n                        dispatch('minimize');\n                    }}\n                >\n                    <Minimize node={node} />\n                </ActionButton>\n            )}\n        </NodeWrapper>\n    );\n};\n\nexport default Node;\n\nconst NodeWrapper = styled.div<{ size: string; padding: string; squareRatio?: boolean }>`\n    flex: 1;\n    max-width: ${(p) => p.size};\n    ${(p) => p.squareRatio && `max-height: ${p.size};`}\n    text-align: center;\n    padding: 0 ${(p) => p.padding};\n    && {\n        box-sizing: content-box;\n    }\n\n    svg {\n        vertical-align: middle;\n    }\n\n    i {\n        color: ${(p) => p.theme.colors?.text};\n        font-size: ${(p) => p.size};\n        min-width: 1em;\n        min-height: 1em;\n        display: inline-block;\n    }\n`;\nconst ActionButton = styled.button<any>`\n    ${(p) => !!p.animationCss && p.animationCss};\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n    &:focus-visible {\n        ${borderTabStyle};\n        border-color: ${(p) => p.theme.accessibility?.colors?.inactiveText};\n    }\n`;\n","import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n    headingElement,\n    Link,\n    linkTabStyle,\n    Typography,\n    useProperties,\n} from '@telia-ace/widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport Node from './node';\nimport { calculateMargin, createNodes } from './utils';\nimport { WidgetHeaderComponentProps } from './widget-header-component';\n\ntype Props = {\n    className: string;\n    role?: string;\n};\n\nconst WidgetHeader: React.FC<Props> = ({ className, ...other }) => {\n    const {\n        header,\n        tagline,\n        route,\n        tooltip = '',\n        actions = {},\n        textAlign = 'center',\n    } = useProperties<WidgetHeaderComponentProps>();\n\n    const [leftNodes, rightNodes] = createNodes(actions);\n    leftNodes.sort((a, b) => (a.order || 0) - (b.order || 0));\n    rightNodes.sort((a, b) => (a.order || 0) - (b.order || 0));\n    return (\n        <Wrapper {...other} className={appendClassNames(className, 'humany-widget-header')}>\n            {leftNodes.map((node, key) => (\n                <Node key={`${node.type}+_${key}`} {...node} />\n            ))}\n\n            <MainNode\n                textAlign={textAlign}\n                margin={calculateMargin(leftNodes, rightNodes, textAlign)}\n            >\n                {route ? (\n                    <StyledLink routeName={route} title={tooltip} aria-label={tooltip}>\n                        <Typography variant=\"h1\">{header}</Typography>\n                    </StyledLink>\n                ) : (\n                    <Typography variant=\"h1\">{header}</Typography>\n                )}\n                {tagline && <Tagline>{tagline}</Tagline>}\n            </MainNode>\n\n            {rightNodes.map((node, key) => (\n                <Node key={`${node.type}+_${key}`} {...node} />\n            ))}\n        </Wrapper>\n    );\n};\n\nexport default WidgetHeader;\n\nconst Wrapper = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    ${(p) =>\n        headingElement(p)(\n            'h1',\n            css`\n                font-size: ${p.theme.fonts?.huge};\n                margin: 0;\n                font-weight: 300;\n                color: ${p.theme.colors?.text};\n            `\n        )}\n\n    p {\n        color: ${(p) => p.theme.colors?.text};\n        margin: 0;\n    }\n\n    svg {\n        line,\n        path,\n        circle {\n            stroke: ${(p) => p.theme.colors?.text};\n        }\n    }\n`;\n\nconst Tagline = styled.p`\n    font-size: ${(p) => p.theme.fonts?.normal};\n    font-weight: 300;\n`;\n\nconst MainNode = styled.div<{\n    textAlign: string;\n    margin: { left?: string; right?: string };\n}>`\n    flex: 1;\n    text-align: ${(p) => p.textAlign};\n\n    margin-right: ${(p) => p.margin.right || 0};\n    margin-left: ${(p) => p.margin.left || 0};\n`;\n\nconst StyledLink = styled(Link)<any>`\n    text-decoration: none;\n    &:focus-visible {\n        ${(p) =>\n            headingElement(p)(\n                'h1',\n                css`\n                    ${linkTabStyle(p)}\n                    display: inline-block;\n                `\n            )}\n    }\n`;\n"],"names":["Avatar","node","size","isSvg","sizeNumber","React","Wrapper","Avatar$1","styled","_a","_b","svg","other","__objRest","SymbolBadge","__spreadValues","p","css","Back","symbol","Back$1","Close","Close$1","Minimize","Minimize$1","Node","className","dispatch","useDispatch","padding","type","tooltip","show","NodeWrapper","TransitionComponent","state","ActionButton","Node$1","borderTabStyle","WidgetHeader","header","tagline","route","actions","textAlign","useProperties","leftNodes","rightNodes","createNodes","b","__spreadProps","appendClassNames","key","MainNode","calculateMargin","StyledLink","Typography","Tagline","headingElement","Link","linkTabStyle"],"mappings":"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"}