@progress/kendo-react-inputs 8.2.0-develop.22 → 8.2.0-develop.24
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/dist/cdn/js/kendo-react-inputs.js +1 -1
- package/index.d.mts +14 -3
- package/index.d.ts +14 -3
- package/package-metadata.mjs +1 -1
- package/package.json +8 -8
- package/range-slider/RangeSlider.js +11 -11
- package/range-slider/RangeSlider.mjs +169 -151
- package/range-slider/range-raducer.js +1 -1
- package/range-slider/range-raducer.mjs +35 -1
- package/slider/Slider.js +1 -1
- package/slider/Slider.mjs +27 -27
package/index.d.mts
CHANGED
|
@@ -2632,7 +2632,9 @@ export declare enum RANGE_ACTION {
|
|
|
2632
2632
|
min = "min",
|
|
2633
2633
|
max = "max",
|
|
2634
2634
|
increase = "increase",
|
|
2635
|
-
decrease = "decrease"
|
|
2635
|
+
decrease = "decrease",
|
|
2636
|
+
increaseLarge = "increaseLarge",
|
|
2637
|
+
decreaseLarge = "decreaseLarge"
|
|
2636
2638
|
}
|
|
2637
2639
|
|
|
2638
2640
|
/**
|
|
@@ -2640,6 +2642,7 @@ export declare enum RANGE_ACTION {
|
|
|
2640
2642
|
*/
|
|
2641
2643
|
declare interface RangeAction extends RangeActionDispatch {
|
|
2642
2644
|
step: number;
|
|
2645
|
+
largeStep: number;
|
|
2643
2646
|
min: number;
|
|
2644
2647
|
max: number;
|
|
2645
2648
|
}
|
|
@@ -2737,9 +2740,13 @@ export declare interface RangeSliderProps extends FormComponentProps {
|
|
|
2737
2740
|
*/
|
|
2738
2741
|
children?: React_2.ReactNode;
|
|
2739
2742
|
/**
|
|
2740
|
-
*
|
|
2743
|
+
* Specifies the step by which the RangeSlider's value will be increased or decreased using the keyboard arrows. Defaults to `1`.
|
|
2741
2744
|
*/
|
|
2742
2745
|
step?: number;
|
|
2746
|
+
/**
|
|
2747
|
+
* Specifies the step by which the RangeSlider's value will be increased or decreased using `pageUp` or `pageDown` keyboard buttons. Defaults to `10`.
|
|
2748
|
+
*/
|
|
2749
|
+
largeStep?: number;
|
|
2743
2750
|
/**
|
|
2744
2751
|
* The minimum possible value of the RangeSlider.
|
|
2745
2752
|
*/
|
|
@@ -3571,9 +3578,13 @@ export declare interface SliderProps extends FormComponentProps {
|
|
|
3571
3578
|
*/
|
|
3572
3579
|
max: number;
|
|
3573
3580
|
/**
|
|
3574
|
-
* Specifies the step
|
|
3581
|
+
* Specifies the step by which the Slider's value will be increased or decreased using its buttons or keyboard arrows.
|
|
3575
3582
|
*/
|
|
3576
3583
|
step?: number;
|
|
3584
|
+
/**
|
|
3585
|
+
* Specifies the step by which the Slider's value will be increased or decreased using `pageUp` or `pageDown` keyboard buttons.
|
|
3586
|
+
*/
|
|
3587
|
+
largeStep?: number;
|
|
3577
3588
|
/**
|
|
3578
3589
|
* Determines the event handler that will be fired when the user edits the value.
|
|
3579
3590
|
*/
|
package/index.d.ts
CHANGED
|
@@ -2632,7 +2632,9 @@ export declare enum RANGE_ACTION {
|
|
|
2632
2632
|
min = "min",
|
|
2633
2633
|
max = "max",
|
|
2634
2634
|
increase = "increase",
|
|
2635
|
-
decrease = "decrease"
|
|
2635
|
+
decrease = "decrease",
|
|
2636
|
+
increaseLarge = "increaseLarge",
|
|
2637
|
+
decreaseLarge = "decreaseLarge"
|
|
2636
2638
|
}
|
|
2637
2639
|
|
|
2638
2640
|
/**
|
|
@@ -2640,6 +2642,7 @@ export declare enum RANGE_ACTION {
|
|
|
2640
2642
|
*/
|
|
2641
2643
|
declare interface RangeAction extends RangeActionDispatch {
|
|
2642
2644
|
step: number;
|
|
2645
|
+
largeStep: number;
|
|
2643
2646
|
min: number;
|
|
2644
2647
|
max: number;
|
|
2645
2648
|
}
|
|
@@ -2737,9 +2740,13 @@ export declare interface RangeSliderProps extends FormComponentProps {
|
|
|
2737
2740
|
*/
|
|
2738
2741
|
children?: React_2.ReactNode;
|
|
2739
2742
|
/**
|
|
2740
|
-
*
|
|
2743
|
+
* Specifies the step by which the RangeSlider's value will be increased or decreased using the keyboard arrows. Defaults to `1`.
|
|
2741
2744
|
*/
|
|
2742
2745
|
step?: number;
|
|
2746
|
+
/**
|
|
2747
|
+
* Specifies the step by which the RangeSlider's value will be increased or decreased using `pageUp` or `pageDown` keyboard buttons. Defaults to `10`.
|
|
2748
|
+
*/
|
|
2749
|
+
largeStep?: number;
|
|
2743
2750
|
/**
|
|
2744
2751
|
* The minimum possible value of the RangeSlider.
|
|
2745
2752
|
*/
|
|
@@ -3571,9 +3578,13 @@ export declare interface SliderProps extends FormComponentProps {
|
|
|
3571
3578
|
*/
|
|
3572
3579
|
max: number;
|
|
3573
3580
|
/**
|
|
3574
|
-
* Specifies the step
|
|
3581
|
+
* Specifies the step by which the Slider's value will be increased or decreased using its buttons or keyboard arrows.
|
|
3575
3582
|
*/
|
|
3576
3583
|
step?: number;
|
|
3584
|
+
/**
|
|
3585
|
+
* Specifies the step by which the Slider's value will be increased or decreased using `pageUp` or `pageDown` keyboard buttons.
|
|
3586
|
+
*/
|
|
3587
|
+
largeStep?: number;
|
|
3577
3588
|
/**
|
|
3578
3589
|
* Determines the event handler that will be fired when the user edits the value.
|
|
3579
3590
|
*/
|
package/package-metadata.mjs
CHANGED
|
@@ -10,7 +10,7 @@ const e = {
|
|
|
10
10
|
name: "@progress/kendo-react-inputs",
|
|
11
11
|
productName: "KendoReact",
|
|
12
12
|
productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
|
|
13
|
-
publishDate:
|
|
13
|
+
publishDate: 1721994279,
|
|
14
14
|
version: "",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
16
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-inputs",
|
|
3
|
-
"version": "8.2.0-develop.
|
|
3
|
+
"version": "8.2.0-develop.24",
|
|
4
4
|
"description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -25,13 +25,13 @@
|
|
|
25
25
|
"@progress/kendo-drawing": "^1.20.1",
|
|
26
26
|
"@progress/kendo-inputs-common": "^3.1.0",
|
|
27
27
|
"@progress/kendo-licensing": "^1.3.4",
|
|
28
|
-
"@progress/kendo-react-animation": "8.2.0-develop.
|
|
29
|
-
"@progress/kendo-react-buttons": "8.2.0-develop.
|
|
30
|
-
"@progress/kendo-react-common": "8.2.0-develop.
|
|
31
|
-
"@progress/kendo-react-dialogs": "8.2.0-develop.
|
|
32
|
-
"@progress/kendo-react-intl": "8.2.0-develop.
|
|
33
|
-
"@progress/kendo-react-labels": "8.2.0-develop.
|
|
34
|
-
"@progress/kendo-react-popup": "8.2.0-develop.
|
|
28
|
+
"@progress/kendo-react-animation": "8.2.0-develop.24",
|
|
29
|
+
"@progress/kendo-react-buttons": "8.2.0-develop.24",
|
|
30
|
+
"@progress/kendo-react-common": "8.2.0-develop.24",
|
|
31
|
+
"@progress/kendo-react-dialogs": "8.2.0-develop.24",
|
|
32
|
+
"@progress/kendo-react-intl": "8.2.0-develop.24",
|
|
33
|
+
"@progress/kendo-react-labels": "8.2.0-develop.24",
|
|
34
|
+
"@progress/kendo-react-popup": "8.2.0-develop.24",
|
|
35
35
|
"@progress/kendo-svg-icons": "^3.0.0",
|
|
36
36
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0",
|
|
37
37
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
|
|
@@ -5,16 +5,16 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),C=require("prop-types"),
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),C=require("prop-types"),l=require("@progress/kendo-react-common"),h=require("../messages/index.js"),Y=require("@progress/kendo-react-intl"),r=require("./range-raducer.js"),F=require("../package-metadata.js");function J(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const d in n)if(d!=="default"){const e=Object.getOwnPropertyDescriptor(n,d);Object.defineProperty(s,d,e.get?e:{enumerable:!0,get:()=>n[d]})}}return s.default=n,Object.freeze(s)}const a=J(W),Q=(n,s,d)=>{const[e,i]=a.useState(n),m=a.useCallback(g=>{const v=r.rangeReducer(s.state||e,{...g,...s});d&&d(v,g.event),i(v)},[s,d]);return[e,m]},S=l.createPropsContext(),x=a.forwardRef((n,s)=>{l.validatePackage(F.packageMetadata);const d=l.usePropsContext(S,n),e={step:k.step,largeStep:k.largeStep,defaultValue:k.defaultValue,vertical:k.vertical,disabled:k.disabled,...d},i=a.useRef(null),m=a.useRef(null),g=a.useRef(null),v=a.useRef(null),D=a.useRef(null),w=a.useCallback(()=>{v.current&&v.current.focus()},[v]);a.useImperativeHandle(i,()=>({element:m.current,focus:w,props:e})),a.useImperativeHandle(s,()=>i.current);const f=a.useMemo(()=>e.min,[e.min]),y=a.useMemo(()=>e.max,[e.max]),K=a.useMemo(()=>e.step!==void 0?e.step:k.step,[e.step,k.step]),$=a.useMemo(()=>e.largeStep!==void 0?e.largeStep:k.largeStep,[e.largeStep,k.largeStep]),u=l.useDir(m,e.dir),M=(t,p)=>{e.onChange&&i.current&&e.onChange.call(void 0,{value:t,target:i.current,syntheticEvent:p})},[O,_]=a.useState(""),[N,c]=Q(e.defaultValue||k.defaultValue,{min:f,max:y,step:K,largeStep:$,state:e.value},M),o=a.useMemo(()=>e.value||N,[e.value,N]),L=a.useRef(null),T=a.useRef(null),A=a.useMemo(()=>(o.start-f)/(y-f)*100,[o.start,f,y]),R=a.useMemo(()=>(o.end-f)/(y-f)*100,[o.end,f,y]),P=a.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),z=a.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),G=Y.useLocalization(),I=a.useCallback(t=>{if(!T.current)return;const p=T.current.getBoundingClientRect(),b=e.vertical?p.bottom-t.clientY:u==="rtl"?p.right-t.clientX:t.clientX-p.left,E=e.vertical?p.height:p.width,X=b/E;return f+X*(y-f)},[T,e.vertical,u,f,y,N.start,N.end,e.value&&e.value.start,e.value&&e.value.end]),V=a.useCallback(t=>t<=o.start?"start":t>=o.end?"end":2*t<o.end+o.start?"start":"end",[N.start,N.end,e.value&&e.value.start,e.value&&e.value.end]),q=a.useCallback(t=>{switch(t.keyCode){case l.Keys.right:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.decrease:r.RANGE_ACTION.increase,key:"start",event:t});break;case l.Keys.up:t.preventDefault(),c({type:r.RANGE_ACTION.increase,key:"start",event:t});break;case l.Keys.left:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.increase:r.RANGE_ACTION.decrease,key:"start",event:t});break;case l.Keys.down:t.preventDefault(),c({type:r.RANGE_ACTION.decrease,key:"start",event:t});break;case l.Keys.home:t.preventDefault(),c({type:r.RANGE_ACTION.min,key:"start",event:t});break;case l.Keys.end:t.preventDefault(),c({type:r.RANGE_ACTION.max,key:"start",event:t});break;case l.Keys.pageDown:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.increaseLarge:r.RANGE_ACTION.decreaseLarge,key:"start",event:t});break;case l.Keys.pageUp:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.decreaseLarge:r.RANGE_ACTION.increaseLarge,key:"start",event:t});break}},[c]),j=a.useCallback(t=>{switch(t.keyCode){case l.Keys.right:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.decrease:r.RANGE_ACTION.increase,key:"end",event:t});break;case l.Keys.up:t.preventDefault(),c({type:r.RANGE_ACTION.increase,key:"end",event:t});break;case l.Keys.left:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.increase:r.RANGE_ACTION.decrease,key:"end",event:t});break;case l.Keys.down:t.preventDefault(),c({type:r.RANGE_ACTION.decrease,key:"end",event:t});break;case l.Keys.home:t.preventDefault(),c({type:r.RANGE_ACTION.min,key:"end",event:t});break;case l.Keys.end:t.preventDefault(),c({type:r.RANGE_ACTION.max,key:"end",event:t});break;case l.Keys.pageDown:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.increaseLarge:r.RANGE_ACTION.decreaseLarge,key:"end",event:t});break;case l.Keys.pageUp:t.preventDefault(),c({type:u==="rtl"?r.RANGE_ACTION.decreaseLarge:r.RANGE_ACTION.increaseLarge,key:"end",event:t});break}},[c,u]),H=a.useCallback(t=>{const p=I(t),b=V(p);_(b),b==="end"?D.current.focus():v.current.focus();const E=b==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;c({type:E,payload:p,event:t})},[e.vertical,f,y,c]),B=t=>{const p=I(t),b=O==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;c({type:b,payload:p,event:t})},U=t=>{const p=I(t),b=O==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;c({type:b,payload:p,event:t}),_("")};return l.useDraggable(T,{onPress:H,onDrag:B,onRelease:U},{autoScroll:!1}),a.createElement("div",{id:e.id,style:e.style,ref:m,dir:u,className:l.classNames("k-slider",{"k-rtl":u==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},a.createElement("div",{ref:T,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...z}},e.children&&a.createElement("ul",{className:"k-reset k-slider-items",style:{...P}},a.Children.map(e.children,(t,p)=>t&&a.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:e.vertical,firstTick:p===0,lastTick:p===a.Children.count(e.children)-1},t.props.children))),a.createElement("div",{ref:L,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[u==="rtl"?"right":"left"]:0,width:"100%"}},A!==null&&R!==null&&a.createElement("div",{"data-selection":!0,ref:g,title:`${o.start} - ${o.end}`,className:"k-slider-selection",style:e.vertical?{height:R-A+"%",bottom:A+"%"}:{[u==="rtl"?"right":"left"]:A+"%",width:R-A+"%"}}),a.createElement("span",{ref:v,role:"slider",tabIndex:l.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":f,"aria-valuemax":Math.max(y,o.end),"aria-valuenow":o.start,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${o.start} - ${o.end}`,className:"k-draghandle k-draghandle-start",title:G.toLanguageString(h.sliderDragTitle,h.messages[h.sliderDragTitle]),style:e.vertical?{bottom:"calc("+A+"%)",zIndex:1}:u==="rtl"?{right:"calc("+A+"% - 13px)",zIndex:1}:{left:"calc("+A+"%)",zIndex:1},onKeyDown:q}),a.createElement("span",{ref:D,role:"slider",tabIndex:l.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(f,o.start),"aria-valuemax":y,"aria-valuenow":o.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${o.start} - ${o.end}`,className:"k-draghandle k-draghandle-end",title:G.toLanguageString(h.sliderDragTitle,h.messages[h.sliderDragTitle]),style:e.vertical?{bottom:"calc("+R+"%)",zIndex:1}:u==="rtl"?{right:"calc("+R+"% - 13px)",zIndex:1}:{left:"calc("+R+"%)",zIndex:1},onKeyDown:j}))))}),Z={value:(n,s,d)=>{if(n.value){const e=n.value.start,i=n.value.end,m=n.min,g=n.max;if(e>i||e>g||e<m||i>g||i<m||i<e)return new Error(`Invalid prop + ${s} supplied to ${d}.
|
|
9
9
|
The { start, end } value must be between the min & max value and { start, end } must be start < end.
|
|
10
|
-
`)}return null},defaultValue:(
|
|
10
|
+
`)}return null},defaultValue:(n,s,d)=>{if(n.defaultValue){const e=n.defaultValue.start,i=n.defaultValue.end,m=n.min,g=n.max;if(e>i||e>g||e<m||i>g||i<m||i<e)return new Error(`Invalid prop + ${s} supplied to ${d}.
|
|
11
11
|
The { start, end } value must be between the min & max value and { start, end } must be start < end.
|
|
12
|
-
`)}return null},onChange:C.func,step:C.number,min:(
|
|
13
|
-
${
|
|
14
|
-
`):e&&
|
|
15
|
-
${
|
|
16
|
-
`):null},max:(
|
|
17
|
-
${
|
|
18
|
-
`):e&&m<=
|
|
19
|
-
${
|
|
20
|
-
`):null},vertical:C.bool,disabled:C.bool,dir:C.oneOf(["ltr","rtl"])},
|
|
12
|
+
`)}return null},onChange:C.func,step:C.number,min:(n,s,d)=>{const e=n[s],i=n.min,m=n.max;return i===void 0?new Error(`Invalid prop + ${s} supplied to ${d}.
|
|
13
|
+
${s} value can not be undefined.
|
|
14
|
+
`):e&&i>=m?new Error(`Invalid prop + ${s} supplied to ${d}.
|
|
15
|
+
${s} value can not be equal to or bigger than the max value.
|
|
16
|
+
`):null},max:(n,s,d)=>{const e=n[s],i=n.min,m=n.max;return m===void 0?new Error(`Invalid prop + ${s} supplied to ${d}.
|
|
17
|
+
${s} value can not be undefined.
|
|
18
|
+
`):e&&m<=i?new Error(`Invalid prop + ${s} supplied to ${d}.
|
|
19
|
+
${s} value can not be equal to or smaller than the min value.
|
|
20
|
+
`):null},vertical:C.bool,disabled:C.bool,dir:C.oneOf(["ltr","rtl"])},k={step:1,largeStep:10,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};x.displayName="KendoReactRangeSlider";x.propTypes=Z;exports.RangeSlider=x;exports.RangeSliderPropsContext=S;
|