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