@telia-ace/widget-ui 1.1.8-rc.3 → 1.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +1 -1
- package/index.mjs +7 -5
- package/package.json +4 -4
package/index.js
CHANGED
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
line-height: normal;
|
|
27
27
|
margin: 0;
|
|
28
28
|
padding: 0;
|
|
29
|
-
`,Et=({onChange:e=()=>{},onEnter:t=()=>{},className:n,...
|
|
29
|
+
`,Et=({onChange:e=()=>{},onEnter:t=()=>{},className:n,autoComplete:o="",...r})=>s.jsx("input",{className:b.appendClassNames(n,"humany-checkbox"),onKeyDown:a=>{a.key==="Enter"&&t(a)},autoComplete:o,onChange:a=>e(a.target.value,a.currentTarget.checked),...S(r)}),Ze=i.createContext(new He.Container),Ie=i.createContext(1),he=i.createContext({id:"",type:"",name:"",branch:""}),Oe=i.createContext({}),Ae=i.createContext(null),Fe=i.createContext(null),Q=()=>i.useContext(he),R=()=>i.useContext(Ze),Mt=(e,t)=>{const n=Q().id,o=R();return(r,a)=>{(t||o).getAsync("actionResolver").then(c=>{c.action(e||n,r,a)})}},J=e=>{const t=i.useContext(he),n=I(),[o,r]=i.useState();return i.useEffect(()=>{if((e||t.id)&&n){const a=n.nodes.get(e||t.id);r(a)}},[e,t.id,n]),o},N=()=>{const e=i.useRef(!1);return i.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),e},I=e=>{const t=R(),[n,o]=i.useState(null),r=N();return i.useEffect(()=>{T.ComponentPlatform.getInstance(e||t).then(a=>{r.current&&o(a)})},[r]),n},Ht=()=>{const e=J(),t=I(),[n,o]=i.useState([]),r=N(),a=i.useCallback(c=>{if(t&&r.current&&c){const f=t.getBranch(c),l=c.getChildren(f).map(u=>T.asDescriptor(u));o(l)}},[r,t,o,e]);return i.useEffect(()=>{e&&a(e)},[e,t]),i.useEffect(()=>{if(t){const[c,f]=T.createEventSubscriber(t.events);return c("components:set-layout",(l,u)=>{(e===u.node.parent||u.node.parent===t.nodes.root)&&a(u.node.parent)}),c("components:node-appended",(l,u)=>{(e===u.node.parent||u.node.parent===t.nodes.root)&&a(u.node.parent)}),c("components:node-removed",(l,{parentNode:u})=>{(u===e||u===t.nodes.root)&&a(u)}),()=>{f()}}},[e,t,a]),n},Nt=()=>i.useContext(Ie),Tt=(e,t)=>{const n=Q(),o=R(),[r,a]=i.useState(void 0),c=N(),f=e||n.type||"";return i.useEffect(()=>{if(f){let l;return(t||o).getAsync("componentResolver").then(u=>{if(c.current){const d=u.getComponent(f);a(d)}l=u.registerResolver(f,d=>{c.current&&a(d)})}),()=>{l&&l()}}},[c,f,t,o]),r},Pe=e=>{const t=J(e),n=I(),[o,r]=i.useState({}),a=N();return i.useEffect(()=>{t&&a.current&&r(t.attributes.context)},[a,t]),i.useEffect(()=>{if(n){const c=n.events.subscribe("components:context-changed",(f,l)=>{t===l.node&&a.current&&r(l.node.attributes.context)});return()=>{c()}}},[a,n,t]),o},Dt=()=>i.useContext(Fe),Bt=()=>{const e=I(),t=Q(),[n,o]=i.useState([]),[r,a]=i.useState();return i.useEffect(()=>{if(e&&t){const c=new T.ComponentQuery(e).withId(t.id),f=e.actions(c,t.type||b.uuid());a(f),n!==null&&(n.forEach(l=>{f.dispatch(l.key,l.data).then(u=>l.resolve(u)).catch(u=>l.reject(u))}),o(null))}},[e,t.id]),(c,f)=>n!==null?new Promise((l,u)=>{n.push({key:c,data:f,resolve:l,reject:u})}):r.dispatch(c,f)},H=(e,t,n=window,o=()=>!0)=>{const r=i.useRef(()=>{});i.useEffect(()=>{r.current=t},[t]),i.useEffect(()=>{if(!(n&&o()))return;const c=f=>r.current(f);return n.addEventListener(e,c),()=>{n.removeEventListener(e,c)}},[e,n])},Ke=e=>{const t=R(),{events:n}=(e||t).get("$widget");return n},zt=()=>{const[e,t]=i.useState(!1);return i.useEffect(()=>{const n=()=>{t(!1)},o=r=>{r.keyCode===9&&t(!0)};return window.addEventListener("keydown",o),window.addEventListener("click",n),()=>{window.removeEventListener("keydown",o),window.removeEventListener("click",n)}},[]),e},Z=(e,t)=>{const[n,o]=i.useState(!1),r=i.useCallback(c=>{const{key:f}=c;f===e&&(o(!0),t&&t(c))},[o,t]),a=i.useCallback(({key:c})=>{c===e&&o(!1)},[o]);return H("keydown",r,window),H("keyup",a,window),n},Vt=e=>{const t=J(e),n=I(),[o,r]=i.useState({}),a=N();return i.useEffect(()=>{t&&a.current&&r(t.attributes.layout)},[t,a]),i.useEffect(()=>{if(n){const c=n.events.subscribe("components:layout-changed",(f,l)=>{t===l.node&&a.current&&r(l.node.attributes.layout)});return()=>{c()}}},[n,a,t]),o},me=e=>{const t=i.useRef();return i.useEffect(()=>{t.current=e}),t.current},Wt=()=>i.useContext(Oe),Zt=e=>{const[t,n]=i.useState(),o=R(),r=N();return i.useEffect(()=>{let a;const c=(e||o).get("$widget");if(!c)return;const{name:f,invoke:l}=c;return l("renderState").then(u=>{r.current&&n(u)}),(e||o).getAsync("actionResolver").then(u=>{a=u.subscribe(f,(d,h)=>{switch(h){case"close":case"open":r.current&&n(h==="open"?T.WidgetRenderState.open:T.WidgetRenderState.closed);break;case"hide":r.current&&n(T.WidgetRenderState.hidden)}})}),()=>{a&&a()}},[r]),t},pe=()=>i.useContext(Ae),It=e=>{const t=R(),n=pe(),[o,r]=i.useState({name:"",params:{}}),a=N();return i.useEffect(()=>{const c=(e||t).get("$widget");if(!c)return;const{events:f}=c;return f.subscribe("router:change",(u,{next:{routeData:d}})=>{if(a.current){const{name:h,params:m}=d;b.removeNullAndUndefinedValues(m),r({name:h,params:m})}})},[a,e,t]),i.useEffect(()=>{if(n&&n.history&&a.current){const c=n.getRouteData(),{name:f,params:l}=c;b.removeNullAndUndefinedValues(l),r({name:f,params:l})}},[n,a]),o},ge=e=>{const t=i.useRef(),n=i.useRef(0);let o;const r=i.useCallback(()=>{var u;(u=t.current)==null||u.classList.add("humany-scrolling"),clearTimeout(o),o=setTimeout(()=>{var d;(d=t.current)==null||d.classList.remove("humany-scrolling")},500)},[t]),a=i.useCallback(u=>{n.current=u.touches[0].clientY},[t]),c=u=>f(u)?u===t.current?u:null:u.parentElement?c(u.parentElement):null,f=u=>u.scrollWidth>u.clientWidth||u.scrollHeight>u.clientHeight,l=i.useCallback(u=>{if(!u.cancelable)return;const d=u.touches[0].clientY,h=c(u.target);if(!h)return;const m=h.scrollTop,p=n.current-d<0?"up":"down",C=m<=0&&p==="up",g=m>=h.scrollHeight-h.offsetHeight&&p==="down";(C||g)&&u.preventDefault(),n.current=d},[t,n]);return H("scroll",r,t.current,()=>t.current&&e),H("touchstart",a,t.current,()=>t.current&&e),H("touchmove",l,t.current,()=>t.current&&e),e?[Ot,t]:["",t]},Ot=`
|
|
30
30
|
overflow-y: ${ce()===ae.Chrome||ce()===ae.EdgeChromium?"overlay":"auto"};
|
|
31
31
|
overflow-x: hidden;
|
|
32
32
|
-ms-overflow-style: none; /* IE 10+ */
|
package/index.mjs
CHANGED
|
@@ -233,16 +233,18 @@ const Rt = (e) => (t) => /* @__PURE__ */ i(Sn, { attrs: t, htmlBody: e }), Ht =
|
|
|
233
233
|
onEnter: t = () => {
|
|
234
234
|
},
|
|
235
235
|
className: n,
|
|
236
|
-
|
|
236
|
+
autoComplete: o = "",
|
|
237
|
+
...r
|
|
237
238
|
}) => /* @__PURE__ */ i(
|
|
238
239
|
"input",
|
|
239
240
|
{
|
|
240
241
|
className: $(n, "humany-checkbox"),
|
|
241
|
-
onKeyDown: (
|
|
242
|
-
|
|
242
|
+
onKeyDown: (s) => {
|
|
243
|
+
s.key === "Enter" && t(s);
|
|
243
244
|
},
|
|
244
|
-
|
|
245
|
-
|
|
245
|
+
autoComplete: o,
|
|
246
|
+
onChange: (s) => e(s.target.value, s.currentTarget.checked),
|
|
247
|
+
...D(r)
|
|
246
248
|
}
|
|
247
249
|
), Bt = K(new dt()), Tt = K(1), Ze = K({
|
|
248
250
|
id: "",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/widget-ui",
|
|
3
|
-
"version": "1.1.8
|
|
3
|
+
"version": "1.1.8",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"types": "./index.d.ts",
|
|
6
6
|
"exports": {
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
}
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@telia-ace/widget-core": "^1.1.8
|
|
14
|
-
"@telia-ace/widget-routing": "^1.1.8
|
|
15
|
-
"@telia-ace/widget-utilities": "^1.1.8
|
|
13
|
+
"@telia-ace/widget-core": "^1.1.8",
|
|
14
|
+
"@telia-ace/widget-routing": "^1.1.8",
|
|
15
|
+
"@telia-ace/widget-utilities": "^1.1.8",
|
|
16
16
|
"@webprovisions/platform": "^1.1.4",
|
|
17
17
|
"htmr": "1.0.2"
|
|
18
18
|
},
|