@telia-ace/knowledge-widget-components-notification-row 1.0.47 → 1.1.1-rc.1

package/dist/notification-row.5162cdbf.js

@@ -1,325 +0,0 @@
-var V = Object.defineProperty, X = Object.defineProperties;
-var Z = Object.getOwnPropertyDescriptors;
-var y = Object.getOwnPropertySymbols;
-var I = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
-var H = (e, t, a) => t in e ? V(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, f = (e, t) => {
-  for (var a in t || (t = {}))
-    I.call(t, a) && H(e, a, t[a]);
-  if (y)
-    for (var a of y(t))
-      L.call(t, a) && H(e, a, t[a]);
-  return e;
-}, g = (e, t) => X(e, Z(t));
-var k = (e, t) => {
-  var a = {};
-  for (var n in e)
-    I.call(e, n) && t.indexOf(n) < 0 && (a[n] = e[n]);
-  if (e != null && y)
-    for (var n of y(e))
-      t.indexOf(n) < 0 && L.call(e, n) && (a[n] = e[n]);
-  return a;
-};
-import { css as b } from "@emotion/react";
-import c from "@emotion/styled";
-import { useProperties as ee, useContainer as te, createEmptyComponent as N, SymbolBadge as F, genericHtml as ae, linkTabStyle as ne, borderTabStyle as G, Html as oe, Button as ie } from "@telia-ace/knowledge-widget-ui";
-import { readStorage as R, StorageMedium as T, createStorageWriter as le, StorageCategory as re } from "@telia-ace/widget-services";
-import { appendClassNames as w } from "@telia-ace/widget-utilities";
-import i, { useState as $, useEffect as W } from "react";
-const z = "closed-notifications", se = {
-  transform: {
-    a: (a) => {
-      var n = a, { children: e } = n, t = k(n, ["children"]);
-      return /* @__PURE__ */ i.createElement("a", g(f({}, t), { tabIndex: -1 }), e);
-    }
-  }
-}, xe = (a) => {
-  var n = a, { className: e } = n, t = k(n, ["className"]);
-  const {
-    types: P = [],
-    allowPaging: O = !0,
-    notifications: M = [],
-    expandable: m = !1,
-    closeAriaLabel: Y = "",
-    pageNextAriaLabel: _ = "",
-    pagePreviousAriaLabel: q = "",
-    expandAriaLabel: J = ""
-  } = ee(), [h, Q] = $(!1), [x, A] = $([]), [l, v] = $(0), r = te(), [E, U] = $();
-  W(() => {
-    r && (R(r, z, T.Session).then(
-      (o = []) => A(o)
-    ), le(r, z, re.Functional).then(
-      (o) => U(() => o)
-    ));
-  }, [r]), W(() => {
-    r && R(r, z, T.Session).then(
-      (o = []) => {
-        x.forEach(
-          (s) => o.indexOf(s) === -1 && o.push(s)
-        ), E && E(o);
-      }
-    );
-  }, [x, r, E]);
-  const d = M.filter(({ id: o }) => x.indexOf(o) === -1), { length: p } = d;
-  if (!d.length)
-    return N(r, g(f({}, t), {
-      className: w(e, "humany-notification-row")
-    }));
-  if (O) {
-    const o = d[l] || d[l + 1] || d[l - 1];
-    if (!o)
-      return N(r, g(f({}, t), {
-        className: w(e, "humany-notification-row")
-      }));
-    const { id: s, body: S } = o || {}, B = () => Q(!h);
-    return /* @__PURE__ */ i.createElement(
-      K,
-      g(f({}, t), {
-        "aria-expanded": m ? h : !0,
-        "aria-label": J,
-        tabIndex: m ? 0 : -1,
-        className: w(e, "humany-notification-row"),
-        "data-pageable": p > 1,
-        "data-types": P,
-        "data-allow-paging": O,
-        "data-expandable": m,
-        onKeyDown: (u) => {
-          u.key === "Enter" && B();
-        },
-        onClick: B
-      }),
-      /* @__PURE__ */ i.createElement(
-        ce,
-        {
-          "aria-label": Y,
-          onClick: () => {
-            v(d.indexOf(o)), A([...x, s]);
-          }
-        },
-        /* @__PURE__ */ i.createElement(F, { symbol: { type: "Svg", content: "close" } })
-      ),
-      /* @__PURE__ */ i.createElement(
-        j,
-        {
-          htmlParseInstruction: !m || h ? void 0 : se,
-          "data-pageable": p > 1,
-          "data-notification": s,
-          "data-expandable": m,
-          "data-expanded": h,
-          html: S
-        }
-      ),
-      p > 1 && /* @__PURE__ */ i.createElement(de, null, /* @__PURE__ */ i.createElement(
-        C,
-        {
-          "aria-label": q,
-          "data-disabled": l === 0,
-          onClick: (u) => {
-            u.stopPropagation(), l > 0 && v(l - 1);
-          }
-        },
-        /* @__PURE__ */ i.createElement(
-          D,
-          {
-            size: 10,
-            symbol: { type: "Svg", content: "caret-left" }
-          }
-        )
-      ), /* @__PURE__ */ i.createElement("span", null, l + 1, "/", p), /* @__PURE__ */ i.createElement(
-        C,
-        {
-          "aria-label": _,
-          "data-disabled": l + 1 >= p,
-          onClick: (u) => {
-            u.stopPropagation(), l < p - 1 && v(l + 1);
-          }
-        },
-        /* @__PURE__ */ i.createElement(
-          D,
-          {
-            size: 10,
-            symbol: { type: "Svg", content: "caret-right" }
-          }
-        )
-      ))
-    );
-  }
-  return /* @__PURE__ */ i.createElement(
-    K,
-    g(f({}, t), {
-      className: w(e, "humany-notification-row"),
-      "data-pageable": !1,
-      "data-types": P,
-      "data-allow-paging": !1
-    }),
-    d.map((o) => {
-      if (!o)
-        return null;
-      const { id: s, body: S } = o;
-      return /* @__PURE__ */ i.createElement(
-        j,
-        {
-          key: s,
-          "data-pageable": !1,
-          "data-expandable": m,
-          "data-expanded": h,
-          "data-notification": s,
-          html: S
-        }
-      );
-    })
-  );
-}, K = c.div`
-    ${ae}
-    padding: ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.normal;
-}} ${(e) => {
-  var t;
-  return ((t = e.theme.sizes) == null ? void 0 : t.cardinal) * 12;
-}}px;
-    background-color: ${(e) => {
-  var t, a, n;
-  return e["data-types"].length ? e["data-types"].indexOf("top") > -1 ? (t = e.theme.colors) == null ? void 0 : t.warning : e["data-types"].indexOf("bottom") > -1 ? "transparent" : (a = e.theme.colors) == null ? void 0 : a.primary : (n = e.theme.colors) == null ? void 0 : n.warning;
-}};
-    color: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.text;
-}};
-    border-radius: ${(e) => e.theme.borderRadius};
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    cursor: ${(e) => e["data-expandable"] ? "pointer" : "default"};
-    overflow: hidden;
-
-    i {
-        color: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.text;
-}};
-    }
-
-    a {
-        color: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.link;
-}};
-        &:focus-visible {
-            ${ne}
-        }
-    }
-
-    ${(e) => {
-  var t;
-  return !e["data-allow-paging"] && b`
-            flex-wrap: wrap;
-
-            > div {
-                min-width: 100%;
-                margin: ${((t = e.theme.sizes) == null ? void 0 : t.cardinal) * 2}px;
-            }
-        `;
-}};
-
-    ${(e) => b`
-            &:focus-visible {
-                .humany-html {
-                    ${G(e)}
-                }
-            }
-        `}
-`, j = c(oe)`
-    flex: 1;
-    font-size: ${(e) => {
-  var t;
-  return (t = e.theme.fonts) == null ? void 0 : t.normal;
-}};
-    line-height: 1.6em;
-    font-weight: 300;
-
-    ${(e) => e["data-expandable"] && !e["data-expanded"] && b`
-            max-width: 100%;
-
-            p {
-                display: none;
-                &:first-child {
-                    display: block;
-                    margin-bottom: 0;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                }
-            }
-        `}
-`, de = c.div`
-    text-align: center;
-    width: 100%;
-    span {
-        font-size: ${(e) => {
-  var t;
-  return (t = e.theme.fonts) == null ? void 0 : t.small;
-}};
-        display: inline-block;
-        width: 30px;
-        text-align: center;
-    }
-`, C = c(ie)`
-    background-color: transparent;
-    border: none;
-    cursor: pointer;
-    transition: opacity 200ms ease-out;
-    justify-self: flex-end;
-    align-self: flex-start;
-    padding: ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.small;
-}} svg {
-        display: block;
-    }
-
-    &:focus-visible {
-        ${G}
-    }
-
-    ${(e) => e["data-disabled"] ? b`
-                  opacity: 0.8;
-              ` : b`
-                  @media (hover) {
-                      &:hover {
-                          opacity: 0.5;
-                      }
-                  }
-              `}
-`, ce = c(C)`
-    position: absolute;
-    top: 7.5px;
-    right: 7.5px;
-    width: 25px;
-    height: auto;
-    padding: ${(e) => {
-  var t, a;
-  return `calc(${(t = e.theme.sizes) == null ? void 0 : t.small}/2) ${(a = e.theme.sizes) == null ? void 0 : a.small}`;
-}};
-    svg {
-        vertical-align: middle;
-        line,
-        path {
-            stroke: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.text;
-}};
-        }
-    }
-`, D = c(F)`
-    line {
-        stroke: #ffffff;
-    }
-`;
-c.div`
-    display: none;
-`;
-export {
-  xe as default
-};
-//# sourceMappingURL=notification-row.5162cdbf.js.map

package/dist/notification-row.5162cdbf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-row.5162cdbf.js","sources":["../src/notification-row.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n    borderTabStyle,\n    Button,\n    createEmptyComponent,\n    genericHtml,\n    Html,\n    linkTabStyle,\n    SymbolBadge,\n    useContainer,\n    useProperties,\n} from '@telia-ace/knowledge-widget-ui';\nimport {\n    createStorageWriter,\n    readStorage,\n    StorageCategory,\n    StorageMedium,\n    StorageWriter,\n} from '@telia-ace/widget-services';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React, { useEffect, useState } from 'react';\nimport { NotificationRowComponentProps } from './notification-row-component';\n\ntype Props = {\n    className: string;\n};\n\nconst STORAGE_KEY = 'closed-notifications';\n\nconst infocusableHtml = {\n    transform: {\n        a: ({ children, ...props }: React.ComponentProps<'a'>) => (\n            <a {...props} tabIndex={-1}>\n                {children}\n            </a>\n        ),\n    },\n};\n\nconst NotificationRow: React.FC<Props> = ({ className, ...other }) => {\n    const {\n        types = [],\n        allowPaging = true,\n        notifications = [],\n        expandable = false,\n        closeAriaLabel = '',\n        pageNextAriaLabel = '',\n        pagePreviousAriaLabel = '',\n        expandAriaLabel = '',\n    } = useProperties<NotificationRowComponentProps>();\n    const [expanded, setExpanded] = useState(false);\n    const [closed, setClosed] = useState<string[]>([]);\n    const [index, setIndex] = useState(0);\n\n    const container = useContainer();\n    const [write, setWriter] = useState<StorageWriter | undefined>();\n\n    useEffect(() => {\n        if (container) {\n            readStorage<string[]>(container, STORAGE_KEY, StorageMedium.Session).then(\n                (closed = []) => setClosed(closed)\n            );\n\n            createStorageWriter(container, STORAGE_KEY, StorageCategory.Functional).then((writer) =>\n                setWriter(() => writer)\n            );\n        }\n    }, [container]);\n\n    useEffect(() => {\n        if (container) {\n            readStorage<string[]>(container, STORAGE_KEY, StorageMedium.Session).then(\n                (storedClosed = []) => {\n                    closed.forEach(\n                        (id) => storedClosed.indexOf(id) === -1 && storedClosed.push(id)\n                    );\n                    if (write) {\n                        write(storedClosed);\n                    }\n                }\n            );\n        }\n    }, [closed, container, write]);\n\n    const filtered = notifications.filter(({ id }) => closed.indexOf(id) === -1);\n\n    const { length } = filtered;\n\n    if (!filtered.length) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-notification-row'),\n        });\n    }\n\n    if (allowPaging) {\n        const notification = filtered[index] || filtered[index + 1] || filtered[index - 1];\n\n        if (!notification) {\n            return createEmptyComponent(container, {\n                ...other,\n                className: appendClassNames(className, 'humany-notification-row'),\n            });\n        }\n\n        const { id, body } = notification || {};\n        const toggleExpand = () => setExpanded(!expanded);\n\n        return (\n            <Wrapper\n                {...other}\n                aria-expanded={expandable ? expanded : true}\n                aria-label={expandAriaLabel}\n                tabIndex={expandable ? 0 : -1}\n                className={appendClassNames(className, 'humany-notification-row')}\n                data-pageable={length > 1}\n                data-types={types}\n                data-allow-paging={allowPaging}\n                data-expandable={expandable}\n                onKeyDown={(e: React.KeyboardEvent) => {\n                    if (e.key === 'Enter') {\n                        toggleExpand();\n                    }\n                }}\n                onClick={toggleExpand}\n            >\n                <CloseButton\n                    aria-label={closeAriaLabel}\n                    onClick={() => {\n                        setIndex(filtered.indexOf(notification));\n                        setClosed([...closed, id]);\n                    }}\n                >\n                    <SymbolBadge symbol={{ type: 'Svg', content: 'close' }} />\n                </CloseButton>\n                <StyledHtml\n                    htmlParseInstruction={!expandable || expanded ? undefined : infocusableHtml}\n                    data-pageable={length > 1}\n                    data-notification={id}\n                    data-expandable={expandable}\n                    data-expanded={expanded}\n                    html={body}\n                />\n                {length > 1 && (\n                    <Pager>\n                        <StyledButton\n                            aria-label={pagePreviousAriaLabel}\n                            data-disabled={index === 0}\n                            onClick={(e) => {\n                                e.stopPropagation();\n                                if (index > 0) {\n                                    setIndex(index - 1);\n                                }\n                            }}\n                        >\n                            <StyledSymbolBadge\n                                size={10}\n                                symbol={{ type: 'Svg', content: 'caret-left' }}\n                            />\n                        </StyledButton>\n                        <span>\n                            {index + 1}/{length}\n                        </span>\n                        <StyledButton\n                            aria-label={pageNextAriaLabel}\n                            data-disabled={index + 1 >= length}\n                            onClick={(e) => {\n                                e.stopPropagation();\n                                if (index < length - 1) {\n                                    setIndex(index + 1);\n                                }\n                            }}\n                        >\n                            <StyledSymbolBadge\n                                size={10}\n                                symbol={{ type: 'Svg', content: 'caret-right' }}\n                            />\n                        </StyledButton>\n                    </Pager>\n                )}\n            </Wrapper>\n        );\n    }\n\n    return (\n        <Wrapper\n            {...other}\n            className={appendClassNames(className, 'humany-notification-row')}\n            data-pageable={false}\n            data-types={types}\n            data-allow-paging={false}\n        >\n            {filtered.map((notification) => {\n                if (!notification) {\n                    return null;\n                }\n\n                const { id, body } = notification;\n\n                return (\n                    <StyledHtml\n                        key={id}\n                        data-pageable={false}\n                        data-expandable={expandable}\n                        data-expanded={expanded}\n                        data-notification={id}\n                        html={body}\n                    />\n                );\n            })}\n        </Wrapper>\n    );\n};\n\nconst Wrapper = styled.div<{ 'data-types': string[]; 'data-allow-paging': boolean } & any>`\n    ${genericHtml}\n    padding: ${(p) => p.theme.sizes?.normal} ${(p) => p.theme.sizes?.cardinal * 12}px;\n    background-color: ${(p) => {\n        if (p['data-types'].length) {\n            if (p['data-types'].indexOf('top') > -1) {\n                return p.theme.colors?.warning;\n            }\n            if (p['data-types'].indexOf('bottom') > -1) {\n                return 'transparent';\n            }\n\n            return p.theme.colors?.primary;\n        }\n        return p.theme.colors?.warning;\n    }};\n    color: ${(p) => p.theme.colors?.text};\n    border-radius: ${(p) => p.theme.borderRadius};\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    cursor: ${(p) => (p['data-expandable'] ? 'pointer' : 'default')};\n    overflow: hidden;\n\n    i {\n        color: ${(p) => p.theme.colors?.text};\n    }\n\n    a {\n        color: ${(p) => p.theme.colors?.link};\n        &:focus-visible {\n            ${linkTabStyle}\n        }\n    }\n\n    ${(p) =>\n        !p['data-allow-paging'] &&\n        css`\n            flex-wrap: wrap;\n\n            > div {\n                min-width: 100%;\n                margin: ${p.theme.sizes?.cardinal * 2}px;\n            }\n        `};\n\n    ${(p) =>\n        css`\n            &:focus-visible {\n                .humany-html {\n                    ${borderTabStyle(p)}\n                }\n            }\n        `}\n`;\n\nconst StyledHtml = styled(Html)<{\n    'data-pageable': boolean;\n    'data-expandable': boolean;\n    'data-expanded': boolean;\n}>`\n    flex: 1;\n    font-size: ${(p) => p.theme.fonts?.normal};\n    line-height: 1.6em;\n    font-weight: 300;\n\n    ${(p) =>\n        p['data-expandable'] &&\n        !p['data-expanded'] &&\n        css`\n            max-width: 100%;\n\n            p {\n                display: none;\n                &:first-child {\n                    display: block;\n                    margin-bottom: 0;\n                    white-space: nowrap;\n                    overflow: hidden;\n                    text-overflow: ellipsis;\n                }\n            }\n        `}\n`;\n\nconst Pager = styled.div`\n    text-align: center;\n    width: 100%;\n    span {\n        font-size: ${(p) => p.theme.fonts?.small};\n        display: inline-block;\n        width: 30px;\n        text-align: center;\n    }\n`;\n\nconst StyledButton = styled(Button)<{ 'data-disabled'?: boolean }>`\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n    transition: opacity 200ms ease-out;\n    justify-self: flex-end;\n    align-self: flex-start;\n    padding: ${(p) => p.theme.sizes?.small} svg {\n        display: block;\n    }\n\n    &:focus-visible {\n        ${borderTabStyle}\n    }\n\n    ${(p) =>\n        p['data-disabled']\n            ? css`\n                  opacity: 0.8;\n              `\n            : css`\n                  @media (hover) {\n                      &:hover {\n                          opacity: 0.5;\n                      }\n                  }\n              `}\n`;\n\nconst CloseButton = styled(StyledButton)`\n    position: absolute;\n    top: 7.5px;\n    right: 7.5px;\n    width: 25px;\n    height: auto;\n    padding: ${(p) => `calc(${p.theme.sizes?.small}/2) ${p.theme.sizes?.small}`};\n    svg {\n        vertical-align: middle;\n        line,\n        path {\n            stroke: ${(p) => p.theme.colors?.text};\n        }\n    }\n`;\n\nconst StyledSymbolBadge = styled(SymbolBadge)`\n    line {\n        stroke: #ffffff;\n    }\n`;\n\nconst Empty = styled.div`\n    display: none;\n`;\n\nexport default NotificationRow;\n"],"names":["STORAGE_KEY","infocusableHtml","_a","_b","children","props","__objRest","React","__spreadProps","__spreadValues","NotificationRow","className","other","types","allowPaging","notifications","expandable","closeAriaLabel","pageNextAriaLabel","pagePreviousAriaLabel","expandAriaLabel","useProperties","expanded","setExpanded","useState","closed","setClosed","index","setIndex","container","useContainer","write","setWriter","useEffect","readStorage","StorageMedium","createStorageWriter","StorageCategory","writer","storedClosed","id","filtered","length","createEmptyComponent","appendClassNames","notification","body","toggleExpand","Wrapper","e","CloseButton","SymbolBadge","StyledHtml","Pager","StyledButton","StyledSymbolBadge","styled","genericHtml","p","_c","linkTabStyle","css","borderTabStyle","Html","Button"],"mappings":"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"}