@telia-ace/knowledge-widget-components-notification-row 1.0.24-next.3 → 1.0.24-next.4

package/dist/index.js

@@ -18,7 +18,7 @@ const O = (t) => {
   return N(
     t,
     "notification-row",
-    import("./notification-row.22bd8b61.js"),
+    import("./notification-row.4766fb2b.js"),
     (r) => {
       const s = (a) => {
         r.writeProperties(d(h({}, r.properties()), {

package/dist/{notification-row.22bd8b61.js → notification-row.4766fb2b.js}

@@ -1,30 +1,30 @@
 var V = Object.defineProperty, X = Object.defineProperties;
 var Z = Object.getOwnPropertyDescriptors;
 var y = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
-var I = (e, t, a) => t in e ? V(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, f = (e, t) => {
+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 = {}))
-    L.call(t, a) && I(e, a, t[a]);
+    I.call(t, a) && H(e, a, t[a]);
   if (y)
     for (var a of y(t))
-      N.call(t, a) && I(e, a, t[a]);
+      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)
-    L.call(e, n) && t.indexOf(n) < 0 && (a[n] = e[n]);
+    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 && N.call(e, n) && (a[n] = e[n]);
+      t.indexOf(n) < 0 && L.call(e, n) && (a[n] = e[n]);
   return a;
 };
-import { css as h } from "@emotion/react";
+import { css as b } from "@emotion/react";
 import c from "@emotion/styled";
-import { useProperties as ee, useContainer as te, createEmptyComponent as R, 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 T, StorageMedium as W, createStorageWriter as le, StorageCategory as re } from "@telia-ace/widget-services";
+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 K } from "react";
+import i, { useState as $, useEffect as W } from "react";
 const z = "closed-notifications", se = {
   transform: {
     a: (a) => {
@@ -37,23 +37,23 @@ const z = "closed-notifications", se = {
 }, xe = (a) => {
   var n = a, { className: e } = n, t = k(n, ["className"]);
   const {
-    types: O = [],
-    allowPaging: A = !0,
+    types: P = [],
+    allowPaging: O = !0,
     notifications: M = [],
     expandable: m = !1,
     closeAriaLabel: Y = "",
     pageNextAriaLabel: _ = "",
     pagePreviousAriaLabel: q = "",
     expandAriaLabel: J = ""
-  } = ee(), [b, Q] = $(!1), [x, B] = $([]), [l, v] = $(0), r = te(), [E, U] = $();
-  K(() => {
-    r && (T(r, z, W.Session).then(
-      (o = []) => B(o)
+  } = 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]), K(() => {
-    r && T(r, z, W.Session).then(
+  }, [r]), W(() => {
+    r && R(r, z, T.Session).then(
       (o = []) => {
         x.forEach(
           (s) => o.indexOf(s) === -1 && o.push(s)
@@ -63,44 +63,44 @@ const z = "closed-notifications", se = {
   }, [x, r, E]);
   const d = M.filter(({ id: o }) => x.indexOf(o) === -1), { length: p } = d;
   if (!d.length)
-    return R(r, g(f({}, t), {
+    return N(r, g(f({}, t), {
       className: w(e, "humany-notification-row")
     }));
-  if (A) {
+  if (O) {
     const o = d[l] || d[l + 1] || d[l - 1];
     if (!o)
-      return R(r, g(f({}, t), {
+      return N(r, g(f({}, t), {
         className: w(e, "humany-notification-row")
       }));
-    const { id: s, body: S } = o || {}, H = () => Q(!b);
-    return /* @__PURE__ */ i.createElement(j, g(f({}, t), {
-      "aria-expanded": m ? b : !0,
+    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": O,
-      "data-allow-paging": A,
+      "data-types": P,
+      "data-allow-paging": O,
       "data-expandable": m,
       onKeyDown: (u) => {
-        u.key === "Enter" && H();
+        u.key === "Enter" && B();
       },
-      onClick: H
+      onClick: B
     }), /* @__PURE__ */ i.createElement(ce, {
       "aria-label": Y,
       onClick: () => {
-        v(d.indexOf(o)), B([...x, s]);
+        v(d.indexOf(o)), A([...x, s]);
       }
     }, /* @__PURE__ */ i.createElement(F, {
       symbol: { type: "Svg", content: "close" }
-    })), /* @__PURE__ */ i.createElement(C, {
-      htmlParseInstruction: !m || b ? void 0 : se,
+    })), /* @__PURE__ */ i.createElement(j, {
+      htmlParseInstruction: !m || h ? void 0 : se,
       "data-pageable": p > 1,
       "data-notification": s,
       "data-expandable": m,
-      "data-expanded": b,
+      "data-expanded": h,
       html: S
-    }), p > 1 && /* @__PURE__ */ i.createElement(de, null, /* @__PURE__ */ i.createElement(P, {
+    }), p > 1 && /* @__PURE__ */ i.createElement(de, null, /* @__PURE__ */ i.createElement(C, {
       "aria-label": q,
       "data-disabled": l === 0,
       onClick: (u) => {
@@ -109,7 +109,7 @@ const z = "closed-notifications", se = {
     }, /* @__PURE__ */ i.createElement(D, {
       size: 10,
       symbol: { type: "Svg", content: "caret-left" }
-    })), /* @__PURE__ */ i.createElement("span", null, l + 1, "/", p), /* @__PURE__ */ i.createElement(P, {
+    })), /* @__PURE__ */ i.createElement("span", null, l + 1, "/", p), /* @__PURE__ */ i.createElement(C, {
       "aria-label": _,
       "data-disabled": l + 1 >= p,
       onClick: (u) => {
@@ -120,25 +120,25 @@ const z = "closed-notifications", se = {
       symbol: { type: "Svg", content: "caret-right" }
     }))));
   }
-  return /* @__PURE__ */ i.createElement(j, g(f({}, t), {
+  return /* @__PURE__ */ i.createElement(K, g(f({}, t), {
     className: w(e, "humany-notification-row"),
     "data-pageable": !1,
-    "data-types": O,
+    "data-types": P,
     "data-allow-paging": !1
   }), d.map((o) => {
     if (!o)
       return null;
     const { id: s, body: S } = o;
-    return /* @__PURE__ */ i.createElement(C, {
+    return /* @__PURE__ */ i.createElement(j, {
       key: s,
       "data-pageable": !1,
       "data-expandable": m,
-      "data-expanded": b,
+      "data-expanded": h,
       "data-notification": s,
       html: S
     });
   }));
-}, j = c.div`
+}, K = c.div`
     ${ae}
     padding: ${(e) => {
   var t;
@@ -182,7 +182,7 @@ const z = "closed-notifications", se = {
 
     ${(e) => {
   var t;
-  return !e["data-allow-paging"] && h`
+  return !e["data-allow-paging"] && b`
             flex-wrap: wrap;
 
             > div {
@@ -192,14 +192,14 @@ const z = "closed-notifications", se = {
         `;
 }};
 
-    ${(e) => h`
+    ${(e) => b`
             &:focus-visible {
-                ${C} {
+                .humany-html {
                     ${G(e)}
                 }
             }
         `}
-`, C = c(oe)`
+`, j = c(oe)`
     flex: 1;
     font-size: ${(e) => {
   var t;
@@ -208,7 +208,7 @@ const z = "closed-notifications", se = {
     line-height: 1.6em;
     font-weight: 300;
 
-    ${(e) => e["data-expandable"] && !e["data-expanded"] && h`
+    ${(e) => e["data-expandable"] && !e["data-expanded"] && b`
             max-width: 100%;
 
             p {
@@ -234,7 +234,7 @@ const z = "closed-notifications", se = {
         width: 30px;
         text-align: center;
     }
-`, P = c(ie)`
+`, C = c(ie)`
     background-color: transparent;
     border: none;
     cursor: pointer;
@@ -252,16 +252,16 @@ const z = "closed-notifications", se = {
         ${G}
     }
 
-    ${(e) => e["data-disabled"] ? h`
+    ${(e) => e["data-disabled"] ? b`
                   opacity: 0.8;
-              ` : h`
+              ` : b`
                   @media (hover) {
                       &:hover {
                           opacity: 0.5;
                       }
                   }
               `}
-`, ce = c(P)`
+`, ce = c(C)`
     position: absolute;
     top: 7.5px;
     right: 7.5px;
@@ -292,4 +292,4 @@ c.div`
 export {
   xe as default
 };
-//# sourceMappingURL=notification-row.22bd8b61.js.map
+//# sourceMappingURL=notification-row.4766fb2b.js.map

package/dist/notification-row.4766fb2b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-row.4766fb2b.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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/knowledge-widget-components-notification-row",
-    "version": "1.0.24-next.3",
+    "version": "1.0.24-next.4",
     "description": "Notification row component for ACE Knowledge Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -47,5 +47,5 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
     },
-    "gitHead": "035b7b89fbf7c736993d70e6dc4e420b8218a3a4"
+    "gitHead": "a56bbf9adaca1b07bf91566001480e28e81a8306"
 }

package/dist/notification-row.22bd8b61.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-row.22bd8b61.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                ${StyledHtml} {\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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"}