rbro-tat-uds 1.5.9 → 1.5.10

package/dist/index.cjs.js

@@ -1386,7 +1386,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[i2]+=1);const ft=e=>l.createE
 `,u7=S.div`
   flex: 1;
   height: 100%;
-  cursor: pointer;
+  cursor: ${({$disabled:e})=>e?"default":"pointer"};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1397,7 +1397,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[i2]+=1);const ft=e=>l.createE
     flex: 1;
     border-radius: 2px;
     background: ${t.gray_60};
-    cursor: pointer;
+    cursor: ${({$disabled:e})=>e?"default":"pointer"};
     position: relative;
     outline: none;
 
@@ -1405,7 +1405,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[i2]+=1);const ft=e=>l.createE
       position: absolute;
       left: 0;
       height: 100%;
-      background-color: ${t.info_700};
+      background-color: ${({$disabled:e})=>e?t.gray_300:t.info_700};
       border-radius: inherit;
 
       & > span {
@@ -1422,7 +1422,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[i2]+=1);const ft=e=>l.createE
       }
     }
   }
-`,g7=({id:e,name:n,value:o=0,setValue:i,min:a=0,max:s=100,showSteppers:h=!1,stepSize:d=1,disabled:C=!1,height:u=32,wrapperWidth:x,...b})=>{const f=y.useRef(null),[_,m]=y.useState(!1),M=y.useCallback(v=>{var T,w;const W=(T=f.current)==null?void 0:T.getBoundingClientRect();if(W){let A;if("touches"in v?A=(w=v.touches[0])==null?void 0:w.clientX:"clientX"in v&&(A=v.clientX),A!==void 0){const F=A-W.left,g=W.width,j=F/g*(s-a)+a;let P=Math.round(j/d)*d;P=Math.max(a,P),P=Math.min(s,P),i&&i(P)}}},[s,a,i,d]),$=v=>{if(v==="minus"){if(o===a)return;if(o-d<a){i&&i(a);return}i&&i(o-d)}else{if(o===s)return;if(o+d>s){i&&i(s);return}i&&i(o+d)}},R=y.useCallback(()=>{i&&i(o),m(!1)},[o,i]),Z=y.useCallback(v=>{_&&M(v)},[_,M]),V=v=>{M(v),m(!0)},D=v=>{m(!0),M(v)},k=y.useCallback(v=>{M(v)},[M]),E=y.useCallback(()=>{i&&i(o),m(!1)},[o,i]);return y.useEffect(()=>(_&&(window.addEventListener("mousemove",Z),window.addEventListener("mouseup",R),window.addEventListener("touchmove",k,{passive:!0}),window.addEventListener("touchend",E)),()=>{window.removeEventListener("mousemove",Z),window.removeEventListener("mouseup",R),window.removeEventListener("touchmove",k),window.removeEventListener("touchend",E)}),[_,Z,R,E,k]),r.jsxs(C7,{$height:u,$showSteppers:h,$disabled:C,$wrapperWidth:x,children:[h&&r.jsx(b1,{disabled:C,icon:"minus",intent:"info",variant:"secondaryOutlined",size:"small",shape:"circle",onClick:()=>$("minus")}),r.jsx(u7,{$disabled:C,ref:f,role:"slider",id:e,"aria-label":n,tabIndex:0,"aria-valuemin":a,"aria-valuemax":s,"aria-valuenow":o,onMouseDown:V,onTouchStart:D,...b,children:r.jsx("div",{children:r.jsx("div",{style:{width:`${(o-a)/(s-a)*100}%`},children:r.jsx("span",{style:{cursor:_?"grabbing":"grab",right:`${(o-a)/(s-a)*100*.32-32}px`}})})})}),h&&r.jsx(b1,{disabled:C,icon:"add",intent:"info",variant:"secondaryOutlined",size:"small",shape:"circle",onClick:()=>$("add")})]})},x7=S.div`
+`,g7=({id:e,name:n,value:o=0,setValue:i,min:a=0,max:s=100,showSteppers:h=!1,stepSize:d=1,disabled:C=!1,height:u=32,wrapperWidth:x,...b})=>{const f=y.useRef(null),[_,m]=y.useState(!1),M=y.useCallback(v=>{var T,w;const W=(T=f.current)==null?void 0:T.getBoundingClientRect();if(W){let A;if("touches"in v?A=(w=v.touches[0])==null?void 0:w.clientX:"clientX"in v&&(A=v.clientX),A!==void 0){const F=A-W.left,g=W.width,j=F/g*(s-a)+a;let P=Math.round(j/d)*d;P=Math.max(a,P),P=Math.min(s,P),i&&i(P)}}},[s,a,i,d]),$=v=>{if(v==="minus"){if(o===a)return;if(o-d<a){i&&i(a);return}i&&i(o-d)}else{if(o===s)return;if(o+d>s){i&&i(s);return}i&&i(o+d)}},R=y.useCallback(()=>{i&&i(o),m(!1)},[o,i]),Z=y.useCallback(v=>{_&&M(v)},[_,M]),V=v=>{C||(M(v),m(!0))},D=v=>{m(!0),M(v)},k=y.useCallback(v=>{M(v)},[M]),E=y.useCallback(()=>{i&&i(o),m(!1)},[o,i]);return y.useEffect(()=>{if(!C)return _&&(window.addEventListener("mousemove",Z),window.addEventListener("mouseup",R),window.addEventListener("touchmove",k,{passive:!0}),window.addEventListener("touchend",E)),()=>{window.removeEventListener("mousemove",Z),window.removeEventListener("mouseup",R),window.removeEventListener("touchmove",k),window.removeEventListener("touchend",E)}},[_,Z,R,E,k]),r.jsxs(C7,{$height:u,$showSteppers:h,$disabled:C,$wrapperWidth:x,children:[h&&r.jsx(b1,{disabled:C,icon:"minus",intent:"info",variant:"secondaryOutlined",size:"small",shape:"circle",onClick:()=>$("minus")}),r.jsx(u7,{$disabled:C,ref:f,role:"slider",id:e,"aria-label":n,tabIndex:0,"aria-valuemin":a,"aria-valuemax":s,"aria-valuenow":o,onMouseDown:V,onTouchStart:D,...b,children:r.jsx("div",{children:r.jsx("div",{style:{width:`${(o-a)/(s-a)*100}%`},children:r.jsx("span",{style:{cursor:C?"default":_?"grabbing":"grab",right:`${(o-a)/(s-a)*100*.32-32}px`}})})})}),h&&r.jsx(b1,{disabled:C,icon:"add",intent:"info",variant:"secondaryOutlined",size:"small",shape:"circle",onClick:()=>$("add")})]})},x7=S.div`
   display: flex;
   flex-direction: column;
   width: 100%;