@telia-ace/widget-ui 1.1.8-rc.4 → 1.2.0-rc.0

package/index.js

@@ -353,7 +353,7 @@
   justify-content: center;
   grid-auto-rows: max-content;
   ${Te}
-`,be=i.forwardRef(({htmlParseInstruction:e=null,className:t,html:n,...o},r)=>{const a=R(),[c,f]=i.useState();return i.useEffect(()=>{const l=Ve(a,n),u={...l,...e,transform:{...l.transform,...e==null?void 0:e.transform}},d=Be(n,u);f(d)},[n,e]),s.jsx("div",{className:b.appendClassNames(t,"humany-html"),...S(o),ref:r,children:c})}),Qe=({faIcon:e,title:t,className:n="",role:o="presentation",...r})=>s.jsx("i",{className:b.appendClassNames(n,`fa fa-${e}`),title:t,role:o,...S(r)}),dn=i.forwardRef(({className:e="",autoFocus:t=!1,onFocusChange:n=()=>{},onEnter:o=()=>{},onEscape:r=()=>{},selectAllOnFocus:a,onChange:c=()=>{},disabled:f=!1,type:l,...u},d)=>{const[h,m]=i.useState(t),p=i.useRef();i.useImperativeHandle(d,()=>p.current),i.useEffect(()=>{var x;t&&((x=p==null?void 0:p.current)==null||x.focus())},[t,d,p]);const C=(x,k)=>{m(x),n&&n(x),a&&x&&k.target.select()},g={...S(u),disabled:f,autoFocus:t,type:l,onKeyDown:x=>{x.key==="Enter"&&h&&o(x),x.key==="Escape"&&h&&r(x)},onFocus:x=>C(!0,x),onBlur:x=>C(!1,x),onChange:x=>c(x.target.value||""),className:b.appendClassNames(e,"humany-input"),"data-type":l};return l!=="textarea"?s.jsx("input",{...g,ref:p}):s.jsx("textarea",{...g,ref:p})}),Je=i.forwardRef(({className:e,items:t,renderItem:n,renderLi:o=!1,...r},a)=>s.jsx("ul",{"aria-live":"polite",className:b.appendClassNames(e,"humany-list"),"data-item-count":t.length,...S(r),ref:a,children:t.map((c,f,l)=>o?s.jsx("li",{className:"humany-list-item",children:n(c,f,l)},c.id||f):n(c,f,l))})),et=i.forwardRef(({text:e,html:t,header:n,className:o,htmlParseInstruction:r,symbol:a,...c},f)=>s.jsxs("div",{className:b.appendClassNames(o,"humany-paragraph"),...S(c),ref:f,children:[n?s.jsxs(O,{variant:"h1",children:[a?s.jsx(F,{symbol:a}):null,n]}):null,t?s.jsx(be,{html:t,htmlParseInstruction:r}):null,e?s.jsx(te,{children:e}):null]})),tt=i.forwardRef(({header:e,customHeader:t,text:n,html:o,className:r,children:a,symbol:c,items:f,renderItem:l,renderLi:u,ulProps:d,...h},m)=>s.jsxs("div",{className:b.appendClassNames(r,"humany-item-list"),"data-item-count":f.length,...S(h),ref:m,children:[t||(e||n||o?s.jsx(et,{symbol:c,header:e,text:n,html:o}):null),f.length?s.jsx(Je,{items:f,renderItem:l,renderLi:u,...d}):null,a]})),fn=({className:e="",tree:t,renderItem:n,rootItem:o,renderUnselected:r=!0,renderEmpty:a=!0,ulProps:c,liProps:f})=>{const l=h=>!u(h),u=h=>!h||h.length<1?!0:!h.some(m=>!!m.selected),d=(h,m)=>s.jsx(tt,{className:b.appendClassNames(`humany-item-tree-level-${m}`),items:h,ulProps:c,renderItem:p=>{const{id:C,selected:g,items:x,matches:k}=p,$=g&&u(x);return!a&&!k?null:i.createElement("li",{...S(f),key:C,className:"humany-item-tree-item"},n&&n(p,m,$),x&&(r||$)&&d(x,m+1))}});return s.jsxs("div",{className:b.appendClassNames(e,"humany-item-tree"),children:[o&&o(!l(t||[])),t&&d(t,1)]})},nt=i.forwardRef(({className:e,onClick:t=()=>{},name:n="",to:o="",params:r={},children:a,...c},f)=>{const l=pe(),u=R();if(!l)return null;let d="";const h={onClick:t,className:b.appendClassNames(e,"humany-route-link"),to:d,innerRef:f,...c,ref:null};if(n){if(!(l.routes||[]).find(g=>g.name===n))return process.env.NODE_ENV!=="production"&&b.Logger.warn(`Unable to create route. No route named "${n}" exist.`),s.jsx(ie.Link,{...h,onClick:g=>{t(g),g.preventDefault(),process.env.NODE_ENV!=="production"&&b.Logger.warn(`Unable to navigate. No route named "${n}" exist.`)},children:a});const C=Object.keys(r).reduce((g,x)=>{const k=r[x];if(Array.isArray(k)){if(k.length===0)return g;g[x]=k.map($=>typeof $=="string"?encodeURIComponent($):$).join(",")}else g[x]=typeof k=="string"?encodeURIComponent(k):k;return g},{});try{d=l.generate(n,C||{})}catch{return s.jsx(ie.Link,{...h,ref:h.innerRef,children:a})}d&&l.settings.mode&&l.settings.mode===re.HistoryMode.browser&&d[0]!=="/"&&(d=`/${d}`)}else if(o&&l.history)d=l.history.createHref({hash:"",pathname:o,search:"",state:void 0});else return process.env.NODE_ENV!=="production"&&b.Logger.warn('Unable to generate path for route link. Either specify route name or use the "to" prop.'),null;if(l.settings&&l.settings.mode===re.HistoryMode.scopedHash){const m=u.get("$widget").name;d=re.getSpecificWidgetPath(d,m)}return h.as?s.jsx(hn,{...h,as:h.as,children:a}):s.jsx(ie.Link,{...h,to:d,children:a})}),hn=y.span``,oe=i.forwardRef(({className:e,disabled:t=!1,role:n="link",tabIndex:o=0,onClick:r=()=>{},onKeyDown:a=()=>{},title:c,as:f,href:l,children:u,target:d,routeName:h,params:m,...p},C)=>{const g={title:c,disabled:t,role:n,as:f,tabIndex:o,className:b.appendClassNames(e,"humany-link",[!!t,"humany-disabled"]),onClick:x=>{if(x.persist(),t){x.preventDefault();return}r(x)},onKeyDown:x=>{if(x.persist(),t){x.key!=="Tab"&&x.preventDefault();return}a(x)}};return h?s.jsx(mn,{name:h,params:m,...g,...S(p),ref:C,children:u}):s.jsx(pn,{href:l,target:d,...g,...S(p),ref:C,children:u})}),mn=y(nt)`
+`,be=i.forwardRef(({htmlParseInstruction:e=null,className:t,html:n,...o},r)=>{const a=R(),[c,f]=i.useState();return i.useEffect(()=>{const l=Ve(a,n),u={...l,...e,transform:{...l.transform,...e==null?void 0:e.transform}},d=Be(n,u);f(d)},[n,e]),s.jsx("div",{className:b.appendClassNames(t,"humany-html"),...S(o),ref:r,children:c})}),Qe=({faIcon:e,title:t,className:n="",role:o="presentation",...r})=>s.jsx("i",{className:b.appendClassNames(n,`fa fa-${e}`),title:t,role:o,...S(r)}),dn=i.forwardRef(({className:e="",autoFocus:t=!1,onFocusChange:n=()=>{},onEnter:o=()=>{},onEscape:r=()=>{},selectAllOnFocus:a,onChange:c=()=>{},disabled:f=!1,type:l,...u},d)=>{const[h,m]=i.useState(t),p=i.useRef();i.useImperativeHandle(d,()=>p.current),i.useEffect(()=>{var x;t&&((x=p==null?void 0:p.current)==null||x.focus())},[t,d,p]);const C=(x,k)=>{m(x),n&&n(x),a&&x&&k.target.select()},g={...S(u),disabled:f,autoFocus:t,type:l,onKeyDown:x=>{x.key==="Enter"&&h&&o(x),x.key==="Escape"&&h&&r(x)},onFocus:x=>C(!0,x),onBlur:x=>C(!1,x),onChange:x=>c(x.target.value||""),className:b.appendClassNames(e,"humany-input"),"data-type":l};return l!=="textarea"?s.jsx("input",{...g,ref:p}):s.jsx("textarea",{...g,ref:p})}),Je=i.forwardRef(({className:e,items:t,renderItem:n,renderLi:o=!1,...r},a)=>s.jsx("ul",{role:"none","aria-live":"polite",className:b.appendClassNames(e,"humany-list"),"data-item-count":t.length,...S(r),ref:a,children:t.map((c,f,l)=>o?s.jsx("li",{className:"humany-list-item",children:n(c,f,l)},c.id||f):n(c,f,l))})),et=i.forwardRef(({text:e,html:t,header:n,className:o,htmlParseInstruction:r,symbol:a,...c},f)=>s.jsxs("div",{className:b.appendClassNames(o,"humany-paragraph"),...S(c),ref:f,children:[n?s.jsxs(O,{variant:"h1",children:[a?s.jsx(F,{symbol:a}):null,n]}):null,t?s.jsx(be,{html:t,htmlParseInstruction:r}):null,e?s.jsx(te,{children:e}):null]})),tt=i.forwardRef(({header:e,customHeader:t,text:n,html:o,className:r,children:a,symbol:c,items:f,renderItem:l,renderLi:u,ulProps:d,...h},m)=>s.jsxs("div",{className:b.appendClassNames(r,"humany-item-list"),"data-item-count":f.length,...S(h),ref:m,children:[t||(e||n||o?s.jsx(et,{symbol:c,header:e,text:n,html:o}):null),f.length?s.jsx(Je,{items:f,renderItem:l,renderLi:u,...d}):null,a]})),fn=({className:e="",tree:t,renderItem:n,rootItem:o,renderUnselected:r=!0,renderEmpty:a=!0,ulProps:c,liProps:f})=>{const l=h=>!u(h),u=h=>!h||h.length<1?!0:!h.some(m=>!!m.selected),d=(h,m)=>s.jsx(tt,{className:b.appendClassNames(`humany-item-tree-level-${m}`),items:h,ulProps:c,renderItem:p=>{const{id:C,selected:g,items:x,matches:k}=p,$=g&&u(x);return!a&&!k?null:i.createElement("li",{...S(f),key:C,className:"humany-item-tree-item"},n&&n(p,m,$),x&&(r||$)&&d(x,m+1))}});return s.jsxs("div",{className:b.appendClassNames(e,"humany-item-tree"),children:[o&&o(!l(t||[])),t&&d(t,1)]})},nt=i.forwardRef(({className:e,onClick:t=()=>{},name:n="",to:o="",params:r={},children:a,...c},f)=>{const l=pe(),u=R();if(!l)return null;let d="";const h={onClick:t,className:b.appendClassNames(e,"humany-route-link"),to:d,innerRef:f,...c,ref:null};if(n){if(!(l.routes||[]).find(g=>g.name===n))return process.env.NODE_ENV!=="production"&&b.Logger.warn(`Unable to create route. No route named "${n}" exist.`),s.jsx(ie.Link,{...h,onClick:g=>{t(g),g.preventDefault(),process.env.NODE_ENV!=="production"&&b.Logger.warn(`Unable to navigate. No route named "${n}" exist.`)},children:a});const C=Object.keys(r).reduce((g,x)=>{const k=r[x];if(Array.isArray(k)){if(k.length===0)return g;g[x]=k.map($=>typeof $=="string"?encodeURIComponent($):$).join(",")}else g[x]=typeof k=="string"?encodeURIComponent(k):k;return g},{});try{d=l.generate(n,C||{})}catch{return s.jsx(ie.Link,{...h,ref:h.innerRef,children:a})}d&&l.settings.mode&&l.settings.mode===re.HistoryMode.browser&&d[0]!=="/"&&(d=`/${d}`)}else if(o&&l.history)d=l.history.createHref({hash:"",pathname:o,search:"",state:void 0});else return process.env.NODE_ENV!=="production"&&b.Logger.warn('Unable to generate path for route link. Either specify route name or use the "to" prop.'),null;if(l.settings&&l.settings.mode===re.HistoryMode.scopedHash){const m=u.get("$widget").name;d=re.getSpecificWidgetPath(d,m)}return h.as?s.jsx(hn,{...h,as:h.as,children:a}):s.jsx(ie.Link,{...h,to:d,children:a})}),hn=y.span``,oe=i.forwardRef(({className:e,disabled:t=!1,role:n="link",tabIndex:o=0,onClick:r=()=>{},onKeyDown:a=()=>{},title:c,as:f,href:l,children:u,target:d,routeName:h,params:m,...p},C)=>{const g={title:c,disabled:t,role:n,as:f,tabIndex:o,className:b.appendClassNames(e,"humany-link",[!!t,"humany-disabled"]),onClick:x=>{if(x.persist(),t){x.preventDefault();return}r(x)},onKeyDown:x=>{if(x.persist(),t){x.key!=="Tab"&&x.preventDefault();return}a(x)}};return h?s.jsx(mn,{name:h,params:m,...g,...S(p),ref:C,children:u}):s.jsx(pn,{href:l,target:d,...g,...S(p),ref:C,children:u})}),mn=y(nt)`
   ${e=>e.disabled?`
       pointer-events: none;
       opacity: .7;

package/index.mjs

@@ -1917,6 +1917,7 @@ const Ut = 300, T1 = ({
   ({ className: e, items: t, renderItem: n, renderLi: o = !1, ...r }, s) => /* @__PURE__ */ i(
     "ul",
     {
+      role: "none",
       "aria-live": "polite",
       className: $(e, "humany-list"),
       "data-item-count": t.length,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-ui",
-  "version": "1.1.8-rc.4",
+  "version": "1.2.0-rc.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,9 +10,9 @@
     }
   },
   "dependencies": {
-    "@telia-ace/widget-core": "^1.1.8-rc.4",
-    "@telia-ace/widget-routing": "^1.1.8-rc.4",
-    "@telia-ace/widget-utilities": "^1.1.8-rc.4",
+    "@telia-ace/widget-core": "^1.2.0-rc.0",
+    "@telia-ace/widget-routing": "^1.2.0-rc.0",
+    "@telia-ace/widget-utilities": "^1.2.0-rc.0",
     "@webprovisions/platform": "^1.1.4",
     "htmr": "1.0.2"
   },