@telia-ace/knowledge-widget-components-notification-row 1.1.1-rc.0 → 1.1.1-rc.2

package/notification-row-4b11636a.js

@@ -1,114 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("./index-19df0eec.js"),c=require("react");require("react-dom");const j=(e,t)=>e.get("seoConfiguration")?o.jsx(a.Empty,{...t}):null,T=()=>c.useContext(a.ComponentPropertyContext),S="closed-notifications",q={transform:{a:({children:e,...t})=>o.jsx("a",{...t,tabIndex:-1,children:e})}},H=({className:e,...t})=>{const{types:l=[],allowPaging:m=!0,notifications:E=[],expandable:p=!1,closeAriaLabel:P="",pageNextAriaLabel:N="",pagePreviousAriaLabel:O="",expandAriaLabel:B=""}=T(),[u,A]=c.useState(!1),[g,$]=c.useState([]),[i,h]=c.useState(0),s=a.useContainer(),[y,R]=c.useState();c.useEffect(()=>{s&&(a.readStorage(s,S,a.StorageMedium.Session).then((n=[])=>$(n)),a.createStorageWriter(s,S,a.StorageCategory.Functional).then(n=>R(()=>n)))},[s]),c.useEffect(()=>{s&&a.readStorage(s,S,a.StorageMedium.Session).then((n=[])=>{g.forEach(r=>n.indexOf(r)===-1&&n.push(r)),y&&y(n)})},[g,s,y]);const d=E.filter(({id:n})=>g.indexOf(n)===-1),{length:f}=d;if(!d.length)return j(s,{...t,className:a.appendClassNames(e,"humany-notification-row")});if(m){const n=d[i]||d[i+1]||d[i-1];if(!n)return j(s,{...t,className:a.appendClassNames(e,"humany-notification-row")});const{id:r,body:b}=n||{},v=()=>A(!u);return o.jsxs(C,{...t,"aria-expanded":p?u:!0,"aria-label":B,tabIndex:p?0:-1,className:a.appendClassNames(e,"humany-notification-row"),"data-pageable":f>1,"data-types":l,"data-allow-paging":m,"data-expandable":p,onKeyDown:x=>{x.key==="Enter"&&v()},onClick:v,children:[o.jsx(L,{"aria-label":P,onClick:()=>{h(d.indexOf(n)),$([...g,r])},children:o.jsx(a.SymbolBadge,{symbol:{type:"Svg",content:"close"}})}),o.jsx(k,{htmlParseInstruction:!p||u?void 0:q,"data-pageable":f>1,"data-notification":r,"data-expandable":p,"data-expanded":u,html:b}),f>1&&o.jsxs(I,{children:[o.jsx(w,{"aria-label":O,"data-disabled":i===0,onClick:x=>{x.stopPropagation(),i>0&&h(i-1)},children:o.jsx(z,{size:10,symbol:{type:"Svg",content:"caret-left"}})}),o.jsxs("span",{children:[i+1,"/",f]}),o.jsx(w,{"aria-label":N,"data-disabled":i+1>=f,onClick:x=>{x.stopPropagation(),i<f-1&&h(i+1)},children:o.jsx(z,{size:10,symbol:{type:"Svg",content:"caret-right"}})})]})]})}return o.jsx(C,{...t,className:a.appendClassNames(e,"humany-notification-row"),"data-pageable":!1,"data-types":l,"data-allow-paging":!1,children:d.map(n=>{if(!n)return null;const{id:r,body:b}=n;return o.jsx(k,{"data-pageable":!1,"data-expandable":p,"data-expanded":u,"data-notification":r,html:b},r)})})},C=a.newStyled.div`
-    ${a.genericHtml}
-    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,l,m;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":(l=e.theme.colors)==null?void 0:l.primary:(m=e.theme.colors)==null?void 0:m.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 {
-            ${a.linkTabStyle}
-        }
-    }
-
-    ${e=>{var t;return!e["data-allow-paging"]&&a.css`
-            flex-wrap: wrap;
-
-            > div {
-                min-width: 100%;
-                margin: ${((t=e.theme.sizes)==null?void 0:t.cardinal)*2}px;
-            }
-        `}};
-
-    ${e=>a.css`
-            &:focus-visible {
-                .humany-html {
-                    ${a.borderTabStyle(e)}
-                }
-            }
-        `}
-`,k=a.newStyled(a.Html)`
-    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"]&&a.css`
-            max-width: 100%;
-
-            p {
-                display: none;
-                &:first-child {
-                    display: block;
-                    margin-bottom: 0;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                }
-            }
-        `}
-`,I=a.newStyled.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;
-    }
-`,w=a.newStyled(a.Button)`
-    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 {
-        ${a.borderTabStyle}
-    }
-
-    ${e=>e["data-disabled"]?a.css`
-                  opacity: 0.8;
-              `:a.css`
-                  @media (hover) {
-                      &:hover {
-                          opacity: 0.5;
-                      }
-                  }
-              `}
-`,L=a.newStyled(w)`
-    position: absolute;
-    top: 7.5px;
-    right: 7.5px;
-    width: 25px;
-    height: auto;
-    padding: ${e=>{var t,l;return`calc(${(t=e.theme.sizes)==null?void 0:t.small}/2) ${(l=e.theme.sizes)==null?void 0:l.small}`}};
-    svg {
-        vertical-align: middle;
-        line,
-        path {
-            stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
-        }
-    }
-`,z=a.newStyled(a.SymbolBadge)`
-    line {
-        stroke: #ffffff;
-    }
-`;a.newStyled.div`
-    display: none;
-`;exports.default=H;