@progress/kendo-react-progressbars 6.1.1 → 7.0.0-develop.2

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.
Files changed (71) hide show
  1. package/LICENSE.md +1 -1
  2. package/{dist/es/chunkprogressbar → chunkprogressbar}/ChunkProgressBar.d.ts +4 -0
  3. package/chunkprogressbar/interfaces/ChunkProgressBarHandle.d.ts +17 -0
  4. package/{dist/es/chunkprogressbar → chunkprogressbar}/interfaces/ChunkProgressBarProps.d.ts +4 -0
  5. package/{dist/es/common → common}/BaseProps.d.ts +4 -1
  6. package/common/constants.d.ts +20 -0
  7. package/{dist/es/common → common}/utils.d.ts +4 -0
  8. package/dist/cdn/js/kendo-react-progressbars.js +5 -1
  9. package/{dist/es/main.d.ts → index.d.ts} +4 -0
  10. package/index.js +5 -0
  11. package/index.mjs +271 -0
  12. package/package-metadata.d.ts +9 -0
  13. package/package.json +27 -38
  14. package/{dist/npm/progressbar → progressbar}/ProgressBar.d.ts +4 -0
  15. package/progressbar/hooks/usePrevious.d.ts +6 -0
  16. package/progressbar/interfaces/LabelProps.d.ts +13 -0
  17. package/progressbar/interfaces/ProgressBarAnimation.d.ts +13 -0
  18. package/{dist/es/progressbar → progressbar}/interfaces/ProgressBarHandle.d.ts +4 -0
  19. package/{dist/es/progressbar → progressbar}/interfaces/ProgressBarProps.d.ts +4 -1
  20. package/about.md +0 -3
  21. package/dist/es/chunkprogressbar/ChunkProgressBar.js +0 -121
  22. package/dist/es/chunkprogressbar/interfaces/ChunkProgressBarHandle.d.ts +0 -13
  23. package/dist/es/chunkprogressbar/interfaces/ChunkProgressBarHandle.js +0 -1
  24. package/dist/es/chunkprogressbar/interfaces/ChunkProgressBarProps.js +0 -1
  25. package/dist/es/common/BaseProps.js +0 -1
  26. package/dist/es/common/constants.d.ts +0 -16
  27. package/dist/es/common/constants.js +0 -16
  28. package/dist/es/common/utils.js +0 -34
  29. package/dist/es/main.js +0 -7
  30. package/dist/es/package-metadata.d.ts +0 -5
  31. package/dist/es/package-metadata.js +0 -11
  32. package/dist/es/progressbar/ProgressBar.d.ts +0 -17
  33. package/dist/es/progressbar/ProgressBar.js +0 -145
  34. package/dist/es/progressbar/hooks/usePrevious.d.ts +0 -2
  35. package/dist/es/progressbar/hooks/usePrevious.js +0 -9
  36. package/dist/es/progressbar/interfaces/LabelProps.d.ts +0 -9
  37. package/dist/es/progressbar/interfaces/LabelProps.js +0 -1
  38. package/dist/es/progressbar/interfaces/ProgressBarAnimation.d.ts +0 -9
  39. package/dist/es/progressbar/interfaces/ProgressBarAnimation.js +0 -1
  40. package/dist/es/progressbar/interfaces/ProgressBarHandle.js +0 -4
  41. package/dist/es/progressbar/interfaces/ProgressBarProps.js +0 -1
  42. package/dist/npm/chunkprogressbar/ChunkProgressBar.d.ts +0 -17
  43. package/dist/npm/chunkprogressbar/ChunkProgressBar.js +0 -124
  44. package/dist/npm/chunkprogressbar/interfaces/ChunkProgressBarHandle.d.ts +0 -13
  45. package/dist/npm/chunkprogressbar/interfaces/ChunkProgressBarHandle.js +0 -2
  46. package/dist/npm/chunkprogressbar/interfaces/ChunkProgressBarProps.d.ts +0 -10
  47. package/dist/npm/chunkprogressbar/interfaces/ChunkProgressBarProps.js +0 -2
  48. package/dist/npm/common/BaseProps.d.ts +0 -83
  49. package/dist/npm/common/BaseProps.js +0 -2
  50. package/dist/npm/common/constants.d.ts +0 -16
  51. package/dist/npm/common/constants.js +0 -19
  52. package/dist/npm/common/utils.d.ts +0 -17
  53. package/dist/npm/common/utils.js +0 -41
  54. package/dist/npm/main.d.ts +0 -7
  55. package/dist/npm/main.js +0 -23
  56. package/dist/npm/package-metadata.d.ts +0 -5
  57. package/dist/npm/package-metadata.js +0 -14
  58. package/dist/npm/progressbar/ProgressBar.js +0 -148
  59. package/dist/npm/progressbar/hooks/usePrevious.d.ts +0 -2
  60. package/dist/npm/progressbar/hooks/usePrevious.js +0 -13
  61. package/dist/npm/progressbar/interfaces/LabelProps.d.ts +0 -9
  62. package/dist/npm/progressbar/interfaces/LabelProps.js +0 -2
  63. package/dist/npm/progressbar/interfaces/ProgressBarAnimation.d.ts +0 -9
  64. package/dist/npm/progressbar/interfaces/ProgressBarAnimation.js +0 -2
  65. package/dist/npm/progressbar/interfaces/ProgressBarHandle.d.ts +0 -21
  66. package/dist/npm/progressbar/interfaces/ProgressBarHandle.js +0 -5
  67. package/dist/npm/progressbar/interfaces/ProgressBarProps.d.ts +0 -27
  68. package/dist/npm/progressbar/interfaces/ProgressBarProps.js +0 -2
  69. package/dist/systemjs/kendo-react-progressbars.js +0 -1
  70. package/e2e-next/chunkprogressbar.basic.tests.ts +0 -24
  71. package/e2e-next/progressbar.basic.tests.ts +0 -24
@@ -1 +0,0 @@
1
- System.register("@progress/kendo-react-progressbars",["@progress/kendo-react-animation","@progress/kendo-react-common","prop-types","react"],function(e,r){var a={},n={},o={},l={};return Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(o,"__esModule",{value:!0}),Object.defineProperty(l,"__esModule",{value:!0}),{setters:[function(r){Object.keys(r).forEach(function(e){a[e]=r[e]})},function(r){Object.keys(r).forEach(function(e){n[e]=r[e]})},function(r){Object.keys(r).forEach(function(e){o[e]=r[e]})},function(r){Object.keys(r).forEach(function(e){l[e]=r[e]})}],execute:function(){e((()=>{"use strict";var t={596:function(e,r,a){var _=this&&this.__assign||function(){return(_=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var s in r=arguments[a])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e}).apply(this,arguments)},h=(Object.defineProperty(r,"__esModule",{value:!0}),r.ChunkProgressBar=void 0,a(954)),t=a(895),P=a(811),N=a(669),O=a(811),M=a(363),I=(r.ChunkProgressBar=h.forwardRef(function(e,r){(0,O.validatePackage)(M.packageMetadata);var a=e.chunkCount,a=void 0===a?I.chunkCount:a,t=e.className,s=e.disabled,n=e.orientation,o=e.min,i=void 0===o?I.min:o,o=e.max,d=void 0===o?I.max:o,o=e.reverse,o=void 0===o?I.reverse:o,l=e.style,u=e.tabIndex,p=e.emptyStyle,b=e.emptyClassName,m=e.progressStyle,v=e.progressClassName,c=h.useRef(null),g=h.useCallback(function(){c.current&&c.current.focus()},[]),f=(h.useImperativeHandle(r,function(){return{element:c.current,focus:g}}),e.value||I.value),r=null===e.value,y=(0,P.useRtl)(c,e.dir),k="vertical"===n,n={className:(0,P.classNames)("k-progressbar k-chunk-progressbar",{"k-progressbar-horizontal":!k,"k-progressbar-vertical":k,"k-progressbar-reverse":o,"k-progressbar-indeterminate":r,"k-disabled":s},t),ref:c,dir:y,tabIndex:(0,P.getTabIndex)(u,s),role:"progressbar","aria-label":e.ariaLabel,"aria-valuemin":i,"aria-valuemax":d,"aria-valuenow":r?void 0:f,"aria-disabled":s,style:l};return h.createElement("div",_({},n),h.createElement("ul",{className:"k-progressbar-chunks k-reset"},h.createElement(function(e){for(var r=e.count,a=[],t=100/r+"%",e=(0,N.calculateRatio)(i,d,f),s=Math.floor(e*r),n=Array(r).fill(!1),o=0;o<s;o++)n[o]=!0;for(o=0;o<r;++o){var l=n[o],u=l?v:b,c=l?m:p,c=_(_({},{width:k?void 0:t,height:k?t:void 0}),c);a.push(h.createElement("li",{key:o,className:(0,P.classNames)("k-progress-chunk",{"k-first":0===o,"k-last":o===r-1,"k-selected":l},u),style:c}))}return h.createElement(h.Fragment,null,a)},{count:a||I.chunkCount})))}),{chunkCount:5,min:0,max:100,value:0,disabled:!(r.ChunkProgressBar.propTypes={chunkCount:t.number,ariaLabel:t.string,disabled:t.bool,reverse:t.bool,max:t.number,min:t.number,value:t.number,tabIndex:t.number,emptyStyle:t.object,emptyClassName:t.string,progressStyle:t.object,progressClassName:t.string}),reverse:!1});r.ChunkProgressBar.defaultProps=I,r.ChunkProgressBar.displayName="KendoChunkProgressBar"},784:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0})},222:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.NO_ANIMATION=r.DEFAULT_ANIMATION_DURATION=r.LABEL_DECIMALS=r.MIN_RATIO=void 0,r.MIN_RATIO=1e-5,r.LABEL_DECIMALS=3,r.DEFAULT_ANIMATION_DURATION=400,r.NO_ANIMATION=0},669:(e,r,a)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.calculateRatio=r.updateProgress=r.calculatePercentage=r.truncateNumber=void 0;var t=a(222);r.truncateNumber=function(e){e=e.toString().split(".");return 1===e.length?"".concat(e[0]):"".concat(e[0],".").concat(e[1].substr(0,t.LABEL_DECIMALS))},r.calculatePercentage=function(e,r,a){r=Math.abs((r-e)/100);return Math.abs((a-e)/r)},r.updateProgress=function(e,r,a,t){var a=Math.max(a,.01),s=100/a*100;e.current&&r.current&&(e.current.style.width=t?"100%":"".concat(a,"%"),r.current.style.width=t?"100%":"".concat(s,"%"),e.current.style.height=t?"".concat(a,"%"):"100%",r.current.style.height=t?"".concat(s,"%"):"100%")},r.calculateRatio=function(e,r,a){return Math.max((a-e)/(r-e),t.MIN_RATIO)}},468:function(e,r,a){var t=this&&this.__createBinding||(Object.create?function(e,r,a,t){void 0===t&&(t=a);var s=Object.getOwnPropertyDescriptor(r,a);s&&!("get"in s?!r.__esModule:s.writable||s.configurable)||(s={enumerable:!0,get:function(){return r[a]}}),Object.defineProperty(e,t,s)}:function(e,r,a,t){e[t=void 0===t?a:t]=r[a]}),s=this&&this.__exportStar||function(e,r){for(var a in e)"default"===a||Object.prototype.hasOwnProperty.call(r,a)||t(r,e,a)};Object.defineProperty(r,"__esModule",{value:!0}),s(a(596),r),s(a(784),r),s(a(731),r),s(a(362),r),s(a(594),r),s(a(934),r),s(a(490),r)},363:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.packageMetadata=void 0,r.packageMetadata={name:"@progress/kendo-react-progressbars",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1700063549,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},731:function(e,r,a){var M=this&&this.__assign||function(){return(M=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var s in r=arguments[a])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e}).apply(this,arguments)},I=(Object.defineProperty(r,"__esModule",{value:!0}),r.ProgressBar=void 0,a(954)),t=a(895),E=a(178),j=a(811),x=a(669),A=a(430),C=a(222),T=a(811),R=a(363),w=(r.ProgressBar=I.forwardRef(function(e,r){(0,T.validatePackage)(R.packageMetadata);var a=e.animation,t=e.disabled,s=e.reverse,s=void 0===s?w.reverse:s,n=e.orientation,o=e.labelVisible,l=e.labelPlacement,u=e.max,c=void 0===u?w.max:u,u=e.min,i=void 0===u?w.min:u,u=e.tabIndex,d=e.className,p=e.style,b=e.emptyStyle,m=e.emptyClassName,v=e.progressStyle,g=e.progressClassName,f=I.useRef(null),y=I.useRef(null),k=I.useRef(null),_=I.useCallback(function(){f.current&&f.current.focus()},[]),h=(I.useImperativeHandle(r,function(){return{element:f.current,progressStatusElement:y.current,progressStatusWrapElement:k.current,focus:_}}),e.value||w.value),P=(0,A.usePrevious)(h),r=null===e.value,N=(0,j.useRtl)(f,e.dir),O="vertical"===n,n=(0,x.truncateNumber)(h),o=o?e.label?I.createElement("span",{className:"k-progress-status"},I.createElement(e.label,M({},{value:h}))):I.createElement("span",{className:"k-progress-status"},n):void 0,n={className:(0,j.classNames)("k-progressbar",{"k-progressbar-horizontal":!O,"k-progressbar-vertical":O,"k-progressbar-reverse":s,"k-progressbar-indeterminate":r,"k-disabled":t},d),ref:f,dir:N,tabIndex:(0,j.getTabIndex)(u,t),role:"progressbar","aria-label":e.ariaLabel,"aria-valuemin":i,"aria-valuemax":c,"aria-valuenow":r?void 0:h,"aria-disabled":t,style:p},s=(0,j.classNames)("k-progress-status-wrap",{"k-progress-start":"start"===l,"k-progress-center":"center"===l,"k-progress-end":"end"===l||void 0===l}),d="boolean"!=typeof a&&void 0!==a?a.duration:a?C.DEFAULT_ANIMATION_DURATION:C.NO_ANIMATION,N=I.useCallback(function(){var e=(0,x.calculatePercentage)(i,c,P);(0,x.updateProgress)(y,k,e,O)},[O,c,i,P]),u=I.useCallback(function(e){e=(0,x.calculatePercentage)(i,c,P+(h-P)*e);(0,x.updateProgress)(y,k,e,O)},[i,c,P,h,O]),e=I.useCallback(function(){var e=(0,x.calculatePercentage)(i,c,h);(0,x.updateProgress)(y,k,e,O)},[O,c,i,h]);return(0,E.useAnimation)({duration:d,onStart:N,onUpdate:u,onEnd:e},[h,d]),I.createElement("div",M({},n),I.createElement("span",{className:s+(m?" "+m:""),style:b},o),I.createElement("div",{className:"k-progressbar-value k-selected",style:v,ref:y},I.createElement("span",{className:s+(g?" "+g:""),ref:k},o)))}),{animation:!(r.ProgressBar.propTypes={animation:t.any,ariaLabel:t.string,disabled:t.bool,reverse:t.bool,label:t.any,labelVisible:t.bool,labelPlacement:t.oneOf(["start","center","end"]),max:t.number,min:t.number,value:t.number,tabIndex:t.number,emptyStyle:t.object,emptyClassName:t.string,progressStyle:t.object,progressClassName:t.string}),min:0,max:100,value:0,disabled:!1,reverse:!1,labelVisible:!0});r.ProgressBar.defaultProps=w,r.ProgressBar.displayName="KendoProgressBar"},430:(e,r,a)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.usePrevious=void 0;var t=a(954);r.usePrevious=function(e){var r=t.useRef();return t.useEffect(function(){r.current=e}),r.current}},490:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0})},934:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0})},362:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0})},594:(e,r)=>{Object.defineProperty(r,"__esModule",{value:!0})},178:e=>{e.exports=a},811:e=>{e.exports=n},895:e=>{e.exports=o},954:e=>{e.exports=l}},s={};return function e(r){var a=s[r];return void 0!==a||(a=s[r]={exports:{}},t[r].call(a.exports,a,a.exports,e)),a.exports}(468)})())}}});
@@ -1,24 +0,0 @@
1
- import { Browser } from '@progress/kendo-e2e';
2
- import { LOCATORS } from '../../../e2eUtils/const';
3
-
4
- let browser: Browser;
5
-
6
- beforeAll(() => {
7
- browser = new Browser();
8
- });
9
-
10
- beforeEach(async () => {
11
- await browser.navigateTo('http://localhost:3000/chunkprogressbar/overview');
12
- });
13
-
14
- afterEach(async () => {
15
- expect(await browser.getErrorLogs()).toEqual([]);
16
- });
17
-
18
- afterAll(async () => {
19
- await browser.close();
20
- });
21
-
22
- it('should not have errors', async () => {
23
- expect(await browser.isVisible(LOCATORS.CHUNK_PROGRESSBAR)).toBe(true);
24
- });
@@ -1,24 +0,0 @@
1
- import { Browser } from '@progress/kendo-e2e';
2
- import { LOCATORS } from '../../../e2eUtils/const';
3
-
4
- let browser: Browser;
5
-
6
- beforeAll(() => {
7
- browser = new Browser();
8
- });
9
-
10
- beforeEach(async () => {
11
- await browser.navigateTo('http://localhost:3000/progressbar/overview');
12
- });
13
-
14
- afterEach(async () => {
15
- expect(await browser.getErrorLogs()).toEqual([]);
16
- });
17
-
18
- afterAll(async () => {
19
- await browser.close();
20
- });
21
-
22
- it('should not have errors', async () => {
23
- expect(await browser.isVisible(LOCATORS.PROGRESSBAR)).toBe(true);
24
- });