@progress/kendo-react-progressbars - npm Package Compare versions

Comparing version 9.4.0-develop.4 to 9.4.0-develop.5

dist/cdn/js/kendo-react-progressbars.js

@@ -8,2 +8,9 @@ /**
  */
-!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.abs((a-e)/s)},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={name:"@progress/kendo-react-progressbars",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:1737732812,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},u=l.forwardRef(((e,r)=>{s.validatePackage(c);const{chunkCount:a=m.chunkCount,className:t,disabled:n=m.disabled,orientation:o,min:i=m.min,max:u=m.max,reverse:d=m.reverse,style:b,tabIndex:p,emptyStyle:g,emptyClassName:k,progressStyle:v,progressClassName:f}=e,y=l.useRef(null),h=l.useCallback((()=>{y.current&&y.current.focus()}),[]);l.useImperativeHandle(r,(()=>({element:y.current,focus:h})));const N=e.value||m.value,C=null===e.value,x=s.useRtl(y,e.dir),E="vertical"===o,R={className:s.classNames("k-progressbar k-chunk-progressbar",{"k-progressbar-horizontal":!E,"k-progressbar-vertical":E,"k-progressbar-reverse":d,"k-progressbar-indeterminate":C,"k-disabled":n},t),ref:y,dir:x,tabIndex:s.getTabIndex(p,n),role:"progressbar","aria-label":e.ariaLabel,"aria-valuemin":i,"aria-valuemax":u,"aria-valuenow":C?void 0:N,"aria-disabled":n,style:b},I=({count:e})=>{const r=[],a=100/e+"%",t=((e,r,a)=>Math.max((a-e)/(r-e),1e-5))(i,u,N),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?f:k,c={width:E?void 0:a,height:E?a:void 0,...n?v:g};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("div",{...R},l.createElement("ul",{className:"k-progressbar-chunks k-reset"},l.createElement(I,{count:a})))}));u.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 m={chunkCount:5,min:0,max:100,value:0,disabled:!1,reverse:!1};u.displayName="KendoChunkProgressBar";const d=l.forwardRef(((e,r)=>{s.validatePackage(c);const{animation:a=b.animation,disabled:n=b.disabled,reverse:u=b.reverse,orientation:m,labelVisible:d=b.labelVisible,labelPlacement:p,max:g=b.max,min:k=b.min,tabIndex:v,className:f,style:y,emptyStyle:h,emptyClassName:N,progressStyle:C,progressClassName:x}=e,E=l.useRef(null),R=l.useRef(null),I=l.useRef(null),S=l.useCallback((()=>{E.current&&E.current.focus()}),[]);l.useImperativeHandle(r,(()=>({element:E.current,progressStatusElement:R.current,progressStatusWrapElement:I.current,focus:S})));const w=e.value||b.value,P=(e=>{const r=l.useRef();return l.useEffect((()=>{r.current=e})),r.current})(w),j=null===e.value,O=s.useRtl(E,e.dir),T="vertical"===m,K=(e=>{const r=e.toString().split(".");return 1===r.length?`${r[0]}`:`${r[0]}.${r[1].substr(0,3)}`})(w),$={value:w},A=d?e.label?l.createElement("span",{className:"k-progress-status"},l.createElement(e.label,{...$})):l.createElement("span",{className:"k-progress-status"},K):void 0,D={className:s.classNames("k-progressbar",{"k-progressbar-horizontal":!T,"k-progressbar-vertical":T,"k-progressbar-reverse":u,"k-progressbar-indeterminate":j,"k-disabled":n},f),ref:E,dir:O,tabIndex:s.getTabIndex(v,n),role:"progressbar","aria-label":e.ariaLabel,"aria-valuemin":k,"aria-valuemax":g,"aria-valuenow":j?void 0:w,"aria-disabled":n,style:y},M=s.classNames("k-progress-status-wrap",{"k-progress-start":"start"===p,"k-progress-center":"center"===p,"k-progress-end":"end"===p||void 0===p}),V="boolean"!=typeof a&&void 0!==a?a.duration:a?400:0,q=l.useCallback((()=>{const e=o(k,g,P);i(R,I,e,T)}),[T,g,k,P]),B=l.useCallback((e=>{const r=o(k,g,P+(w-P)*e);i(R,I,r,T)}),[k,g,P,w,T]),L=l.useCallback((()=>{const e=o(k,g,w);i(R,I,e,T)}),[T,g,k,w]);return t.useAnimation({duration:V,onStart:q,onUpdate:B,onEnd:L},[w,V]),l.createElement("div",{...D},l.createElement("span",{className:M+(N?" "+N:""),style:h},A),l.createElement("div",{className:"k-progressbar-value k-selected",style:C,ref:R},l.createElement("span",{className:M+(x?" "+x:""),ref:I},A)))}));d.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 b={animation:!1,min:0,max:100,value:0,disabled:!1,reverse:!1,labelVisible:!0};d.displayName="KendoProgressBar",e.ChunkProgressBar=u,e.ProgressBar=d}));
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+!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.abs((a-e)/s)},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={name:"@progress/kendo-react-progressbars",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},u=l.forwardRef(((e,r)=>{s.validatePackage(c);const{chunkCount:a=m.chunkCount,className:t,disabled:n=m.disabled,orientation:o,min:i=m.min,max:u=m.max,reverse:d=m.reverse,style:b,tabIndex:p,emptyStyle:g,emptyClassName:k,progressStyle:v,progressClassName:f}=e,y=l.useRef(null),h=l.useCallback((()=>{y.current&&y.current.focus()}),[]);l.useImperativeHandle(r,(()=>({element:y.current,focus:h})));const N=e.value||m.value,C=null===e.value,x=s.useRtl(y,e.dir),E="vertical"===o,R={className:s.classNames("k-progressbar k-chunk-progressbar",{"k-progressbar-horizontal":!E,"k-progressbar-vertical":E,"k-progressbar-reverse":d,"k-progressbar-indeterminate":C,"k-disabled":n},t),ref:y,dir:x,tabIndex:s.getTabIndex(p,n),role:"progressbar","aria-label":e.ariaLabel,"aria-valuemin":i,"aria-valuemax":u,"aria-valuenow":C?void 0:N,"aria-disabled":n,style:b},I=({count:e})=>{const r=[],a=100/e+"%",t=((e,r,a)=>Math.max((a-e)/(r-e),1e-5))(i,u,N),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?f:k,c={width:E?void 0:a,height:E?a:void 0,...n?v:g};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("div",{...R},l.createElement("ul",{className:"k-progressbar-chunks k-reset"},l.createElement(I,{count:a})))}));u.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 m={chunkCount:5,min:0,max:100,value:0,disabled:!1,reverse:!1};u.displayName="KendoChunkProgressBar";const d=l.forwardRef(((e,r)=>{s.validatePackage(c);const{animation:a=b.animation,disabled:n=b.disabled,reverse:u=b.reverse,orientation:m,labelVisible:d=b.labelVisible,labelPlacement:p,max:g=b.max,min:k=b.min,tabIndex:v,className:f,style:y,emptyStyle:h,emptyClassName:N,progressStyle:C,progressClassName:x}=e,E=l.useRef(null),R=l.useRef(null),I=l.useRef(null),S=l.useCallback((()=>{E.current&&E.current.focus()}),[]);l.useImperativeHandle(r,(()=>({element:E.current,progressStatusElement:R.current,progressStatusWrapElement:I.current,focus:S})));const w=e.value||b.value,P=(e=>{const r=l.useRef();return l.useEffect((()=>{r.current=e})),r.current})(w),j=null===e.value,O=s.useRtl(E,e.dir),T="vertical"===m,K=(e=>{const r=e.toString().split(".");return 1===r.length?`${r[0]}`:`${r[0]}.${r[1].substr(0,3)}`})(w),$={value:w},A=d?e.label?l.createElement("span",{className:"k-progress-status"},l.createElement(e.label,{...$})):l.createElement("span",{className:"k-progress-status"},K):void 0,D={className:s.classNames("k-progressbar",{"k-progressbar-horizontal":!T,"k-progressbar-vertical":T,"k-progressbar-reverse":u,"k-progressbar-indeterminate":j,"k-disabled":n},f),ref:E,dir:O,tabIndex:s.getTabIndex(v,n),role:"progressbar","aria-label":e.ariaLabel,"aria-valuemin":k,"aria-valuemax":g,"aria-valuenow":j?void 0:w,"aria-disabled":n,style:y},M=s.classNames("k-progress-status-wrap",{"k-progress-start":"start"===p,"k-progress-center":"center"===p,"k-progress-end":"end"===p||void 0===p}),V="boolean"!=typeof a&&void 0!==a?a.duration:a?400:0,q=l.useCallback((()=>{const e=o(k,g,P);i(R,I,e,T)}),[T,g,k,P]),B=l.useCallback((e=>{const r=o(k,g,P+(w-P)*e);i(R,I,r,T)}),[k,g,P,w,T]),L=l.useCallback((()=>{const e=o(k,g,w);i(R,I,e,T)}),[T,g,k,w]);return t.useAnimation({duration:V,onStart:q,onUpdate:B,onEnd:L},[w,V]),l.createElement("div",{...D},l.createElement("span",{className:M+(N?" "+N:""),style:h},A),l.createElement("div",{className:"k-progressbar-value k-selected",style:C,ref:R},l.createElement("span",{className:M+(x?" "+x:""),ref:I},A)))}));d.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 b={animation:!1,min:0,max:100,value:0,disabled:!1,reverse:!1,labelVisible:!0};d.displayName="KendoProgressBar",e.ChunkProgressBar=u,e.ProgressBar=d}));

package-metadata.js

@@ -8,2 +8,2 @@ /**
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-progressbars",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1737732812,version:"9.4.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-progressbars",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1737735844,version:"9.4.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package.json

 {
   "name": "@progress/kendo-react-progressbars",
-  "version": "9.4.0-develop.4",
+  "version": "9.4.0-develop.5",
   "description": "React ProgressBars offer a customizable interface for users to track and display the progress of a task. KendoReact ProgressBars package",
@@ -29,4 +29,4 @@ "author": "Progress",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "9.4.0-develop.4",
-    "@progress/kendo-react-common": "9.4.0-develop.4",
+    "@progress/kendo-react-animation": "9.4.0-develop.5",
+    "@progress/kendo-react-common": "9.4.0-develop.5",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
@@ -58,3 +58,3 @@ "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       "productCode": "KENDOUIREACT",
-      "publishDate": 1737732812,
+      "publishDate": 1737735844,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
@@ -61,0 +61,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

65767

increased by0.56%

Lines of code

667

increased by1.06%

Worsened metrics

Published versions last months

27

decreased by-3.57%

Published versions last two months

63

decreased by-1.56%

Published versions last week

7

decreased by-12.5%

No dependency changes