@progress/kendo-react-progressbars 14.5.0-develop.14 → 14.5.0-develop.16
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/chunkprogressbar/ChunkProgressBar.js +1 -1
- package/chunkprogressbar/ChunkProgressBar.mjs +28 -28
- package/dist/cdn/js/kendo-react-progressbars.js +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +4 -4
- package/progressbar/ProgressBar.js +1 -1
- package/progressbar/ProgressBar.mjs +2 -2
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),s=require("prop-types"),t=require("@progress/kendo-react-common"),A=require("../common/utils.js"),P=require("../package-metadata.js");function H(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const u=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(o,n,u.get?u:{enumerable:!0,get:()=>a[n]})}}return o.default=a,Object.freeze(o)}const e=H(W),b=e.forwardRef((a,o)=>{const n=!t.validatePackage(P.packageMetadata,{component:"ChunkProgressBar"}),u=t.getLicenseMessage(P.packageMetadata),{chunkCount:k=l.chunkCount,className:N,disabled:d=l.disabled,orientation:S,min:p=l.min,max:x=l.max,reverse:R=l.reverse,style:E,tabIndex:M,emptyStyle:j,emptyClassName:O,progressStyle:w,progressClassName:q}=a,c=e.useRef(null),I=e.useCallback(()=>{c.current&&c.current.focus()},[]);e.useImperativeHandle(o,()=>({element:c.current,focus:I}));const f=a.value||l.value,y=a.value===null,T=t.useRtl(c,a.dir),m=S==="vertical",B={className:t.classNames("k-progressbar k-chunk-progressbar",{"k-progressbar-horizontal":!m,"k-progressbar-vertical":m,"k-progressbar-reverse":R,"k-progressbar-indeterminate":y,"k-disabled":d},N),ref:c,dir:T,tabIndex:t.getTabIndex(M,d),role:"progressbar","aria-label":a.ariaLabel||"progress","aria-valuemin":p,"aria-valuemax":k,"aria-valuenow":y?void 0:f,"aria-disabled":d||void 0,style:E},L=({count:i})=>{const v=[],h=100/i+"%",z=A.calculateRatio(p,x,f),_=Math.floor(z*i),C=Array(i).fill(!1);for(let r=0;r<_;r++)C[r]=!0;for(let r=0;r<i;++r){const g=C[r],D=g?q:O,F={...{width:m?void 0:h,height:m?h:void 0},...g?w:j};v.push(e.createElement("li",{key:r,className:t.classNames("k-progressbar-chunk",{"k-first":r===0,"k-last":r===i-1,"k-selected":g},D),style:F}))}return e.createElement(e.Fragment,null,v)};return e.createElement(e.Fragment,null,e.createElement("div",{...B},e.createElement("ul",{className:"k-progressbar-chunks k-reset"},e.createElement(L,{count:k}))),n&&e.createElement(t.WatermarkOverlay,{message:u}))});b.propTypes={chunkCount:s.number,ariaLabel:s.string,disabled:s.bool,reverse:s.bool,max:s.number,min:s.number,value:s.number,tabIndex:s.number,emptyStyle:s.object,emptyClassName:s.string,progressStyle:s.object,progressClassName:s.string};const l={chunkCount:5,min:0,max:100,value:0,disabled:!1,reverse:!1};b.displayName="KendoChunkProgressBar";exports.ChunkProgressBar=b;
|
|
@@ -7,18 +7,18 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as e from "react";
|
|
9
9
|
import s from "prop-types";
|
|
10
|
-
import { validatePackage as O, getLicenseMessage as V, useRtl as q, getTabIndex as D, classNames as
|
|
10
|
+
import { validatePackage as O, getLicenseMessage as V, useRtl as q, getTabIndex as D, classNames as v, WatermarkOverlay as G } from "@progress/kendo-react-common";
|
|
11
11
|
import { calculateRatio as J } from "../common/utils.mjs";
|
|
12
|
-
import { packageMetadata as
|
|
12
|
+
import { packageMetadata as f } from "../package-metadata.mjs";
|
|
13
13
|
const y = e.forwardRef(
|
|
14
14
|
(t, h) => {
|
|
15
|
-
const C = !O(
|
|
16
|
-
chunkCount:
|
|
17
|
-
className:
|
|
15
|
+
const C = !O(f, { component: "ChunkProgressBar" }), x = V(f), {
|
|
16
|
+
chunkCount: m = a.chunkCount,
|
|
17
|
+
className: N,
|
|
18
18
|
disabled: c = a.disabled,
|
|
19
|
-
orientation:
|
|
20
|
-
min:
|
|
21
|
-
max:
|
|
19
|
+
orientation: P,
|
|
20
|
+
min: u = a.min,
|
|
21
|
+
max: E = a.max,
|
|
22
22
|
reverse: S = a.reverse,
|
|
23
23
|
style: R,
|
|
24
24
|
tabIndex: w,
|
|
@@ -36,48 +36,48 @@ const y = e.forwardRef(
|
|
|
36
36
|
focus: T
|
|
37
37
|
})
|
|
38
38
|
);
|
|
39
|
-
const d = t.value || a.value,
|
|
40
|
-
className:
|
|
39
|
+
const d = t.value || a.value, p = t.value === null, j = q(n, t.dir), o = P === "vertical", z = {
|
|
40
|
+
className: v(
|
|
41
41
|
"k-progressbar k-chunk-progressbar",
|
|
42
42
|
{
|
|
43
43
|
"k-progressbar-horizontal": !o,
|
|
44
44
|
"k-progressbar-vertical": o,
|
|
45
45
|
"k-progressbar-reverse": S,
|
|
46
|
-
"k-progressbar-indeterminate":
|
|
46
|
+
"k-progressbar-indeterminate": p,
|
|
47
47
|
"k-disabled": c
|
|
48
48
|
},
|
|
49
|
-
|
|
49
|
+
N
|
|
50
50
|
),
|
|
51
51
|
ref: n,
|
|
52
52
|
dir: j,
|
|
53
53
|
tabIndex: D(w, c),
|
|
54
54
|
role: "progressbar",
|
|
55
|
-
"aria-label": t.ariaLabel,
|
|
56
|
-
"aria-valuemin":
|
|
57
|
-
"aria-valuemax":
|
|
58
|
-
"aria-valuenow":
|
|
59
|
-
"aria-disabled": c,
|
|
55
|
+
"aria-label": t.ariaLabel || "progress",
|
|
56
|
+
"aria-valuemin": u,
|
|
57
|
+
"aria-valuemax": m,
|
|
58
|
+
"aria-valuenow": p ? void 0 : d,
|
|
59
|
+
"aria-disabled": c || void 0,
|
|
60
60
|
style: R
|
|
61
61
|
}, F = ({ count: l }) => {
|
|
62
|
-
const
|
|
62
|
+
const k = [], g = 100 / l + "%", W = J(u, E, d), A = Math.floor(W * l), b = Array(l).fill(!1);
|
|
63
63
|
for (let r = 0; r < A; r++)
|
|
64
|
-
|
|
64
|
+
b[r] = !0;
|
|
65
65
|
for (let r = 0; r < l; ++r) {
|
|
66
|
-
const
|
|
67
|
-
width: o ? void 0 :
|
|
68
|
-
height: o ?
|
|
69
|
-
}, ...
|
|
70
|
-
|
|
66
|
+
const i = b[r], H = i ? B : L, K = { ...{
|
|
67
|
+
width: o ? void 0 : g,
|
|
68
|
+
height: o ? g : void 0
|
|
69
|
+
}, ...i ? M : I };
|
|
70
|
+
k.push(
|
|
71
71
|
/* @__PURE__ */ e.createElement(
|
|
72
72
|
"li",
|
|
73
73
|
{
|
|
74
74
|
key: r,
|
|
75
|
-
className:
|
|
75
|
+
className: v(
|
|
76
76
|
"k-progressbar-chunk",
|
|
77
77
|
{
|
|
78
78
|
"k-first": r === 0,
|
|
79
79
|
"k-last": r === l - 1,
|
|
80
|
-
"k-selected":
|
|
80
|
+
"k-selected": i
|
|
81
81
|
},
|
|
82
82
|
H
|
|
83
83
|
),
|
|
@@ -86,9 +86,9 @@ const y = e.forwardRef(
|
|
|
86
86
|
)
|
|
87
87
|
);
|
|
88
88
|
}
|
|
89
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null,
|
|
89
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, k);
|
|
90
90
|
};
|
|
91
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { ...z }, /* @__PURE__ */ e.createElement("ul", { className: "k-progressbar-chunks k-reset" }, /* @__PURE__ */ e.createElement(F, { count:
|
|
91
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { ...z }, /* @__PURE__ */ e.createElement("ul", { className: "k-progressbar-chunks k-reset" }, /* @__PURE__ */ e.createElement(F, { count: m }))), C && /* @__PURE__ */ e.createElement(G, { message: x }));
|
|
92
92
|
}
|
|
93
93
|
);
|
|
94
94
|
y.propTypes = {
|
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
13
|
*-------------------------------------------------------------------------------------------
|
|
14
14
|
*/
|
|
15
|
-
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-animation")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-animation"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactProgressbars={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactAnimation)}(this,function(e,r,a,s,t){"use strict";function n(e){var r=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:function(){return e[a]}})}}),r.default=e,Object.freeze(r)}var l=n(r);const o=(e,r,a)=>{const s=Math.abs((r-e)/100);return Math.min(Math.max((a-e)/s,0),100)},i=(e,r,a,s)=>{const t=Math.max(a,.01),n=100/t*100;e.current&&r.current&&(e.current.style.width=s?"100%":`${t}%`,r.current.style.width=s?"100%":`${n}%`,e.current.style.height=s?`${t}%`:"100%",r.current.style.height=s?`${n}%`:"100%")},c=(e,r,a)=>Math.max((a-e)/(r-e),1e-5),u=Object.freeze({name:"@progress/kendo-react-progressbars",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"14.5.0-develop.
|
|
15
|
+
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-animation")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-animation"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactProgressbars={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactAnimation)}(this,function(e,r,a,s,t){"use strict";function n(e){var r=Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:function(){return e[a]}})}}),r.default=e,Object.freeze(r)}var l=n(r);const o=(e,r,a)=>{const s=Math.abs((r-e)/100);return Math.min(Math.max((a-e)/s,0),100)},i=(e,r,a,s)=>{const t=Math.max(a,.01),n=100/t*100;e.current&&r.current&&(e.current.style.width=s?"100%":`${t}%`,r.current.style.width=s?"100%":`${n}%`,e.current.style.height=s?`${t}%`:"100%",r.current.style.height=s?`${n}%`:"100%")},c=(e,r,a)=>Math.max((a-e)/(r-e),1e-5),u=Object.freeze({name:"@progress/kendo-react-progressbars",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"14.5.0-develop.16",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),m=l.forwardRef((e,r)=>{const a=!s.validatePackage(u,{component:"ChunkProgressBar"}),t=s.getLicenseMessage(u),{chunkCount:n=d.chunkCount,className:o,disabled:i=d.disabled,orientation:m,min:b=d.min,max:p=d.max,reverse:g=d.reverse,style:k,tabIndex:v,emptyStyle:f,emptyClassName:y,progressStyle:h,progressClassName:N}=e,C=l.useRef(null),x=l.useCallback(()=>{C.current&&C.current.focus()},[]);l.useImperativeHandle(r,()=>({element:C.current,focus:x}));const E=e.value||d.value,R=null===e.value,I=s.useRtl(C,e.dir),S="vertical"===m,w={className:s.classNames("k-progressbar k-chunk-progressbar",{"k-progressbar-horizontal":!S,"k-progressbar-vertical":S,"k-progressbar-reverse":g,"k-progressbar-indeterminate":R,"k-disabled":i},o),ref:C,dir:I,tabIndex:s.getTabIndex(v,i),role:"progressbar","aria-label":e.ariaLabel||"progress","aria-valuemin":b,"aria-valuemax":n,"aria-valuenow":R?void 0:E,"aria-disabled":i||void 0,style:k},O=({count:e})=>{const r=[],a=100/e+"%",t=c(b,p,E),n=Math.floor(t*e),o=Array(e).fill(!1);for(let e=0;e<n;e++)o[e]=!0;for(let t=0;t<e;++t){const n=o[t],i=n?N:y,c={width:S?void 0:a,height:S?a:void 0,...n?h:f};r.push(l.createElement("li",{key:t,className:s.classNames("k-progressbar-chunk",{"k-first":0===t,"k-last":t===e-1,"k-selected":n},i),style:c}))}return l.createElement(l.Fragment,null,r)};return l.createElement(l.Fragment,null,l.createElement("div",{...w},l.createElement("ul",{className:"k-progressbar-chunks k-reset"},l.createElement(O,{count:n}))),a&&l.createElement(s.WatermarkOverlay,{message:t}))});m.propTypes={chunkCount:a.number,ariaLabel:a.string,disabled:a.bool,reverse:a.bool,max:a.number,min:a.number,value:a.number,tabIndex:a.number,emptyStyle:a.object,emptyClassName:a.string,progressStyle:a.object,progressClassName:a.string};const d={chunkCount:5,min:0,max:100,value:0,disabled:!1,reverse:!1};m.displayName="KendoChunkProgressBar";const b=l.forwardRef((e,r)=>{const{animation:a=p.animation,disabled:n=p.disabled,reverse:c=p.reverse,orientation:u,labelVisible:m=p.labelVisible,labelPlacement:d,max:b=p.max,min:g=p.min,tabIndex:k,className:v,style:f,emptyStyle:y,emptyClassName:h,progressStyle:N,progressClassName:C}=e,x=l.useRef(null),E=l.useRef(null),R=l.useRef(null),I=l.useCallback(()=>{x.current&&x.current.focus()},[]);l.useImperativeHandle(r,()=>({element:x.current,progressStatusElement:E.current,progressStatusWrapElement:R.current,focus:I}));const S=e.value||p.value,w=(e=>{const r=l.useRef(void 0);return l.useEffect(()=>{r.current=e}),r.current})(S),O=null===e.value,P=s.useRtl(x,e.dir),j="vertical"===u,T=(e=>{const r=e.toString().split(".");return 1===r.length?`${r[0]}`:`${r[0]}.${r[1].substr(0,3)}`})(S),K={value:S},$=m?e.label?l.createElement("span",{className:"k-progress-status"},l.createElement(e.label,{...K})):l.createElement("span",{className:"k-progress-status"},T):void 0,M={className:s.classNames("k-progressbar",{"k-progressbar-horizontal":!j,"k-progressbar-vertical":j,"k-progressbar-reverse":c,"k-progressbar-indeterminate":O,"k-disabled":n},v),ref:x,dir:P,tabIndex:s.getTabIndex(k,n),role:"progressbar","aria-label":e.ariaLabel||"progress","aria-valuemin":g,"aria-valuemax":b,"aria-valuenow":O?void 0:S,"aria-disabled":n||void 0,style:f},A=s.classNames("k-progress-status-wrap",{"k-progress-start":"start"===d,"k-progress-center":"center"===d,"k-progress-end":"end"===d||void 0===d}),B="boolean"!=typeof a&&void 0!==a?a.duration:a?400:0,D=l.useCallback(()=>{const e=o(g,b,w);i(E,R,e,j)},[j,b,g,w]),L=l.useCallback(e=>{const r=o(g,b,w+(S-w)*e);i(E,R,r,j)},[g,b,w,S,j]),V=l.useCallback(()=>{const e=o(g,b,S);i(E,R,e,j)},[j,b,g,S]);return t.useAnimation({duration:B,onStart:D,onUpdate:L,onEnd:V},[S,B]),l.createElement("div",{...M},l.createElement("span",{className:A+(h?" "+h:""),style:y},$),l.createElement("div",{className:"k-progressbar-value k-selected",style:N,ref:E},l.createElement("span",{className:A+(C?" "+C:""),ref:R},$)))});b.propTypes={animation:a.any,ariaLabel:a.string,disabled:a.bool,reverse:a.bool,label:a.any,labelVisible:a.bool,labelPlacement:a.oneOf(["start","center","end"]),max:a.number,min:a.number,value:a.number,tabIndex:a.number,emptyStyle:a.object,emptyClassName:a.string,progressStyle:a.object,progressClassName:a.string};const p={animation:!1,min:0,max:100,value:0,disabled:!1,reverse:!1,labelVisible:!0};b.displayName="KendoProgressBar",e.ChunkProgressBar=m,e.ProgressBar=b});
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-progressbars",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-progressbars",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1778828010,version:"14.5.0-develop.16",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
|
|
|
7
7
|
productName: 'KendoReact',
|
|
8
8
|
productCode: 'KENDOUIREACT',
|
|
9
9
|
productCodes: ['KENDOUIREACT'],
|
|
10
|
-
publishDate:
|
|
11
|
-
version: '14.5.0-develop.
|
|
10
|
+
publishDate: 1778828010,
|
|
11
|
+
version: '14.5.0-develop.16',
|
|
12
12
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
|
|
13
13
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-progressbars",
|
|
3
|
-
"version": "14.5.0-develop.
|
|
3
|
+
"version": "14.5.0-develop.16",
|
|
4
4
|
"description": "React ProgressBars offer a customizable interface for users to track and display the progress of a task. KendoReact ProgressBars package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@progress/kendo-licensing": "^1.7.2",
|
|
29
|
-
"@progress/kendo-react-animation": "14.5.0-develop.
|
|
30
|
-
"@progress/kendo-react-common": "14.5.0-develop.
|
|
29
|
+
"@progress/kendo-react-animation": "14.5.0-develop.16",
|
|
30
|
+
"@progress/kendo-react-common": "14.5.0-develop.16",
|
|
31
31
|
"react": "^18.0.0 || ^19.0.0",
|
|
32
32
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
33
33
|
},
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"package": {
|
|
57
57
|
"productName": "KendoReact",
|
|
58
58
|
"productCode": "KENDOUIREACT",
|
|
59
|
-
"publishDate":
|
|
59
|
+
"publishDate": 1778828010,
|
|
60
60
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
61
61
|
}
|
|
62
62
|
},
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react"),a=require("prop-types"),H=require("@progress/kendo-react-animation"),y=require("@progress/kendo-react-common"),c=require("../common/utils.js"),K=require("./hooks/usePrevious.js"),C=require("../common/constants.js");function G(s){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(m,r,u.get?u:{enumerable:!0,get:()=>s[r]})}}return m.default=s,Object.freeze(m)}const e=G(F),N=e.forwardRef((s,m)=>{const{animation:r=i.animation,disabled:u=i.disabled,reverse:I=i.reverse,orientation:x,labelVisible:T=i.labelVisible,labelPlacement:v,max:l=i.max,min:o=i.min,tabIndex:A,className:j,style:q,emptyStyle:V,emptyClassName:k,progressStyle:_,progressClassName:P}=s,b=e.useRef(null),d=e.useRef(null),p=e.useRef(null),w=e.useCallback(()=>{b.current&&b.current.focus()},[]);e.useImperativeHandle(m,()=>({element:b.current,progressStatusElement:d.current,progressStatusWrapElement:p.current,focus:w}));const t=s.value||i.value,g=K.usePrevious(t),S=s.value===null,D=y.useRtl(b,s.dir),n=x==="vertical",L=c.truncateNumber(t),h={value:t},E=T?s.label?e.createElement("span",{className:"k-progress-status"},e.createElement(s.label,{...h})):e.createElement("span",{className:"k-progress-status"},L):void 0,M={className:y.classNames("k-progressbar",{"k-progressbar-horizontal":!n,"k-progressbar-vertical":n,"k-progressbar-reverse":I,"k-progressbar-indeterminate":S,"k-disabled":u},j),ref:b,dir:D,tabIndex:y.getTabIndex(A,u),role:"progressbar","aria-label":s.ariaLabel,"aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":S?void 0:t,"aria-disabled":u,style:q},R=y.classNames("k-progress-status-wrap",{"k-progress-start":v==="start","k-progress-center":v==="center","k-progress-end":v==="end"||v===void 0}),O=typeof r!="boolean"&&r!==void 0?r.duration:r?C.DEFAULT_ANIMATION_DURATION:C.NO_ANIMATION,U=e.useCallback(()=>{const f=c.calculatePercentage(o,l,g);c.updateProgress(d,p,f,n)},[n,l,o,g]),B=e.useCallback(f=>{const W=c.calculatePercentage(o,l,g+(t-g)*f);c.updateProgress(d,p,W,n)},[o,l,g,t,n]),z=e.useCallback(()=>{const f=c.calculatePercentage(o,l,t);c.updateProgress(d,p,f,n)},[n,l,o,t]);return H.useAnimation({duration:O,onStart:U,onUpdate:B,onEnd:z},[t,O]),e.createElement("div",{...M},e.createElement("span",{className:R+(k?" "+k:""),style:V},E),e.createElement("div",{className:"k-progressbar-value k-selected",style:_,ref:d},e.createElement("span",{className:R+(P?" "+P:""),ref:p},E)))});N.propTypes={animation:a.any,ariaLabel:a.string,disabled:a.bool,reverse:a.bool,label:a.any,labelVisible:a.bool,labelPlacement:a.oneOf(["start","center","end"]),max:a.number,min:a.number,value:a.number,tabIndex:a.number,emptyStyle:a.object,emptyClassName:a.string,progressStyle:a.object,progressClassName:a.string};const i={animation:!1,min:0,max:100,value:0,disabled:!1,reverse:!1,labelVisible:!0};N.displayName="KendoProgressBar";exports.ProgressBar=N;
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react"),a=require("prop-types"),H=require("@progress/kendo-react-animation"),y=require("@progress/kendo-react-common"),c=require("../common/utils.js"),K=require("./hooks/usePrevious.js"),C=require("../common/constants.js");function G(s){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(m,r,u.get?u:{enumerable:!0,get:()=>s[r]})}}return m.default=s,Object.freeze(m)}const e=G(F),N=e.forwardRef((s,m)=>{const{animation:r=i.animation,disabled:u=i.disabled,reverse:I=i.reverse,orientation:x,labelVisible:T=i.labelVisible,labelPlacement:v,max:l=i.max,min:o=i.min,tabIndex:A,className:j,style:q,emptyStyle:V,emptyClassName:k,progressStyle:_,progressClassName:P}=s,b=e.useRef(null),d=e.useRef(null),p=e.useRef(null),w=e.useCallback(()=>{b.current&&b.current.focus()},[]);e.useImperativeHandle(m,()=>({element:b.current,progressStatusElement:d.current,progressStatusWrapElement:p.current,focus:w}));const t=s.value||i.value,g=K.usePrevious(t),S=s.value===null,D=y.useRtl(b,s.dir),n=x==="vertical",L=c.truncateNumber(t),h={value:t},E=T?s.label?e.createElement("span",{className:"k-progress-status"},e.createElement(s.label,{...h})):e.createElement("span",{className:"k-progress-status"},L):void 0,M={className:y.classNames("k-progressbar",{"k-progressbar-horizontal":!n,"k-progressbar-vertical":n,"k-progressbar-reverse":I,"k-progressbar-indeterminate":S,"k-disabled":u},j),ref:b,dir:D,tabIndex:y.getTabIndex(A,u),role:"progressbar","aria-label":s.ariaLabel||"progress","aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":S?void 0:t,"aria-disabled":u||void 0,style:q},R=y.classNames("k-progress-status-wrap",{"k-progress-start":v==="start","k-progress-center":v==="center","k-progress-end":v==="end"||v===void 0}),O=typeof r!="boolean"&&r!==void 0?r.duration:r?C.DEFAULT_ANIMATION_DURATION:C.NO_ANIMATION,U=e.useCallback(()=>{const f=c.calculatePercentage(o,l,g);c.updateProgress(d,p,f,n)},[n,l,o,g]),B=e.useCallback(f=>{const W=c.calculatePercentage(o,l,g+(t-g)*f);c.updateProgress(d,p,W,n)},[o,l,g,t,n]),z=e.useCallback(()=>{const f=c.calculatePercentage(o,l,t);c.updateProgress(d,p,f,n)},[n,l,o,t]);return H.useAnimation({duration:O,onStart:U,onUpdate:B,onEnd:z},[t,O]),e.createElement("div",{...M},e.createElement("span",{className:R+(k?" "+k:""),style:V},E),e.createElement("div",{className:"k-progressbar-value k-selected",style:_,ref:d},e.createElement("span",{className:R+(P?" "+P:""),ref:p},E)))});N.propTypes={animation:a.any,ariaLabel:a.string,disabled:a.bool,reverse:a.bool,label:a.any,labelVisible:a.bool,labelPlacement:a.oneOf(["start","center","end"]),max:a.number,min:a.number,value:a.number,tabIndex:a.number,emptyStyle:a.object,emptyClassName:a.string,progressStyle:a.object,progressClassName:a.string};const i={animation:!1,min:0,max:100,value:0,disabled:!1,reverse:!1,labelVisible:!0};N.displayName="KendoProgressBar";exports.ProgressBar=N;
|
|
@@ -59,11 +59,11 @@ const R = e.forwardRef((t, S) => {
|
|
|
59
59
|
dir: D,
|
|
60
60
|
tabIndex: q(V, g),
|
|
61
61
|
role: "progressbar",
|
|
62
|
-
"aria-label": t.ariaLabel,
|
|
62
|
+
"aria-label": t.ariaLabel || "progress",
|
|
63
63
|
"aria-valuemin": n,
|
|
64
64
|
"aria-valuemax": l,
|
|
65
65
|
"aria-valuenow": y ? void 0 : s,
|
|
66
|
-
"aria-disabled": g,
|
|
66
|
+
"aria-disabled": g || void 0,
|
|
67
67
|
style: O
|
|
68
68
|
}, P = I("k-progress-status-wrap", {
|
|
69
69
|
"k-progress-start": d === "start",
|