@progress/kendo-react-gauges 7.0.2-develop.1 → 7.0.2-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.
- package/BaseGauge.d.ts +1 -1
- package/dist/cdn/js/kendo-react-gauges.js +2 -2
- package/index.d.mts +5 -0
- package/index.js +2 -2
- package/index.mjs +8 -8
- package/package.json +12 -6
package/BaseGauge.d.ts
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as React from 'react';
|
|
6
|
-
import
|
|
6
|
+
import PropTypes from 'prop-types';
|
|
7
7
|
import { Surface } from '@progress/kendo-drawing';
|
|
8
8
|
import { BaseGaugePrivateProps } from './BaseGaugeProps';
|
|
9
9
|
import { GaugeContextType } from './GaugeContext';
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
(function(i,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-charts"),require("@progress/kendo-react-common"),require("@progress/kendo-drawing")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-charts","@progress/kendo-react-common","@progress/kendo-drawing"],p):(i=typeof globalThis<"u"?globalThis:i||self,p(i.KendoReactGauges={},i.React,i.PropTypes,i.KendoReactIntl,i.KendoCharts,i.KendoReactCommon,i.KendoDrawing))})(this,function(i,p,
|
|
5
|
+
(function(i,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-charts"),require("@progress/kendo-react-common"),require("@progress/kendo-drawing")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-charts","@progress/kendo-react-common","@progress/kendo-drawing"],p):(i=typeof globalThis<"u"?globalThis:i||self,p(i.KendoReactGauges={},i.React,i.PropTypes,i.KendoReactIntl,i.KendoCharts,i.KendoReactCommon,i.KendoDrawing))})(this,function(i,p,G,v,c,g,m){"use strict";"use client";function P(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const l=P(p),x=`
|
|
6
6
|
<div class="k-var--gauge-pointer"></div>
|
|
7
7
|
<div class="k-var--gauge-track"></div>
|
|
8
8
|
<div class="k-var--normal-text-color"></div>
|
|
9
|
-
`;class
|
|
9
|
+
`;class N{constructor(e){this.store=e}setStyle(e,t){this.store.dispatch({type:"set",payload:{field:e,value:t}})}setColors(){this.mapColor("pointer.color","gauge-pointer"),this.mapColor("scale.rangePlaceholderColor","gauge-track"),this.mapColor("scale.labels.color","normal-text-color"),this.mapColor("scale.minorTicks.color","normal-text-color"),this.mapColor("scale.majorTicks.color","normal-text-color"),this.mapColor("scale.line.color","normal-text-color")}mapColor(e,t){this.setStyle(e,this.queryStyle(t).backgroundColor)}queryStyle(e){const t=this.element;return window.getComputedStyle(t.querySelector(`.k-var--${e}`))}}const j=(s,e,t)=>{const r=new N(s);if(typeof t>"u"){s.dispatch({type:"push",payload:c.chartBaseTheme()});return}const n=r.element=t.createElement("div");n.style.display="none",n.innerHTML=x,t.body.appendChild(n);try{s.dispatch({type:"push",payload:c.chartBaseTheme()}),r.setColors()}finally{t.body.removeChild(r.element),delete r.element,e()}},E=1e3/60,C=s=>{let e,t,r=[];const n=()=>e,a=u=>{e=s(e,u),g.canUseDOM&&(window.clearTimeout(t),t=window.setTimeout(()=>r.forEach(d=>d()),E))},o=u=>(r.push(u),()=>r=r.filter(d=>d!==u));return a({}),{getState:n,dispatch:a,subscribe:o}},V=(s,e)=>{if(e.type)switch(e.type){case"set":return F.themeItem(s,e);case"push":return Object.assign(s,e.payload);default:return s}else return{}},A=(s,e)=>{if(e.type)switch(e.type){case"add":return[...s,e.payload];case"remove":return s.filter(t=>t!==e.payload);default:return s}else return[]},F={configurationItem(s,e){return Object.assign(s,{[e.gaugeKey]:e.payload})},collectionConfigurationItem(s,e){let t=!1;const[r,n]=e.gaugeCollectionIdxKey.split("_"),a=s[r].map((o,u)=>parseInt(n,10)===u?(t=!0,e.payload):o);return t===!1&&a.splice(parseInt(n,10),0,e.payload),Object.assign(s,{[r]:a})},themeItem(s,e){let t={},r=Object.assign(t,s);const{field:n,value:a}=e.payload,o=n.split(".");let u=o.shift();for(;o.length>0;)t=t[u]=t[u]||{},u=o.shift();return t[u]=a,r}},I=s=>typeof s=="object",S=(s,e)=>{if(Object.keys(s).length!==Object.keys(e).length)return!0;for(let t in s)if(t!=="value"&&s.hasOwnProperty(t)){const r=s[t],n=e[t];if(I(r)&&I(n)?S(r,n):r!==n)return!0}return!1},k=(s,e)=>{if(!s||!e||(s=[].concat(s),e=[].concat(e),s.length!==e.length))return!0;for(let t=0;t<s.length;t++)if(S(s[t],e[t]))return!0;return!1},y=l.createContext(null);y.displayName="GaugeContext";const D={name:"@progress/kendo-react-gauges",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};class h extends l.Component{constructor(e){super(e),this.gaugeInstance=null,this.surface=null,this._element=null,this.themeStore={},this.themeUnsubscriber=Function.prototype,this.observersStore={},this.onWindowResize=()=>{this.gaugeInstance!==null&&(this.gaugeInstance.resize(),this.trigger("render",{sender:this}))},g.validatePackage(D),this.themeStore=C(V),this.observersStore=C(A),this.contextValue={observersStore:this.observersStore}}get element(){return this._element}componentDidMount(){var t;const e=((t=this._element)==null?void 0:t.ownerDocument)||document;j(this.themeStore,this.instantiateCoreGauge.bind(this),e),this.themeUnsubscriber=this.themeStore.subscribe(this.refresh.bind(this)),window.addEventListener("resize",this.onWindowResize),this.trigger("render",{sender:this})}componentDidUpdate(e){const{dir:t,children:r,deriveOptionsFromParent:n,getTarget:a,gaugeConstructor:o,className:u,renderAs:d,...b}=this.props,{dir:H,children:$,deriveOptionsFromParent:J,getTarget:Q,gaugeConstructor:X,className:Y,renderAs:U,...q}=e;if(this.gaugeInstance!==null){const O=v.provideIntlService(this),L=this.gaugeInstance.contextService,z=O.locale!==L._intlService.locale,w=k(q,b),f=b;z&&(this.gaugeInstance.contextService._intlService=O,this.gaugeInstance.contextService.format._intlService=O,w||this.gaugeInstance.noTransitionsRedraw()),w||(d||"svg")!==(U||"svg")?this.refresh():Object.keys(b).indexOf("pointer")>-1?Array.isArray(f.pointer)?this.refreshAllValues(f.pointer.map(W=>W.value)):this.refreshValue((f.pointer||{}).value):this.refreshValue(f.value),e.dir!==t&&this.gaugeInstance.setDirection(this.getDirection(t)),this.trigger("render",{sender:this})}}componentWillUnmount(){this.themeUnsubscriber();const e=this.gaugeInstance&&this.gaugeInstance.surfaceElement;e&&e.parentNode&&e.parentNode.removeChild(e),this.gaugeInstance!==null&&(this.gaugeInstance.destroy(),this.gaugeInstance=null),window.removeEventListener("resize",this.onWindowResize)}render(){const{style:e={},className:t,children:r}=this.props,n=Object.assign({},e,{position:"relative"});return l.createElement(y.Provider,{value:this.contextValue},l.createElement("div",{style:n,ref:a=>this._element=a,className:t},r))}instantiateCoreGauge(){const{dir:e,gaugeConstructor:t}=this.props,r=this.getGaugeOptions();this.gaugeInstance=new t(this.element,r,this.themeStore.getState(),{rtl:this.getDirection(e),intlService:v.provideIntlService(this),sender:this})}refresh(){if(this.gaugeInstance!==null){const e=this.themeStore.getState(),t=this.getGaugeOptions();this.gaugeInstance.setOptions(t,e)}}refreshValue(e){this.gaugeInstance.value(e)}refreshAllValues(e){this.gaugeInstance.allValues(e)}getDirection(e){return(e!==void 0?e:(()=>g.canUseDOM&&window.getComputedStyle(this.element).direction)()||"ltr")==="rtl"}getGaugeOptions(){const{renderAs:e,transitions:t,deriveOptionsFromParent:r}=this.props;let n=Object.assign({renderAs:e,transitions:t});return r&&(n=r(n)),n}trigger(e,t){const r=this.observersStore.getState();for(let n=0;n<r.length;n++)r[n].trigger(e,t)}}h.propTypes={dir:G.string,renderAs:G.oneOf(["svg","canvas"])},h.defaultProps={renderAs:"svg"},v.registerForIntl(h);class _ extends l.Component{constructor(e,t){super(e,t),this.state={arcCenterStyles:null,arcCenterValue:{value:0,color:""}},this._element=null,this.gaugeObserver=new c.InstanceObserver(this,{render:"onRender"}),t.observersStore.dispatch({type:"add",payload:this.gaugeObserver})}render(){const{render:e}=this.props,{arcCenterStyles:t,arcCenterValue:r}=this.state,n=t||{zIndex:-1};let a=null;return e&&(a=l.createElement("div",{className:"k-arcgauge-label",ref:o=>this._element=o,style:n},e(r.value,r.color))),a}onRender(e){if(!this._element)return;const t=e.sender.gaugeInstance,r=this._element.offsetWidth,n=this._element.offsetHeight,a=t.centerLabelPosition(r,n);this.setState({arcCenterStyles:{left:a.left,top:a.top},arcCenterValue:{value:t.value(),color:t.currentColor()}})}}_.contextType=y;class T extends l.Component{constructor(){super(...arguments),this._baseGauge=null,this.gaugeType=c.ArcGauge,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{value:t,color:r,colors:n,opacity:a,scale:o}=this.props;return Object.assign({},e,{value:t,color:r,colors:n,opacity:a,scale:o})}}get gaugeInstance(){return this._baseGauge?this._baseGauge.gaugeInstance:null}get surface(){return this._baseGauge?this._baseGauge.surface:null}get element(){return this._baseGauge?this._baseGauge.element:null}render(){const{children:e,arcCenterRender:t,centerRender:r,className:n,...a}=this.props;return l.createElement(h,{...a,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:o=>this._baseGauge=o,gaugeConstructor:this.gaugeType,getTarget:this.getTarget,className:g.classNames("k-gauge k-arcgauge",n)},e,l.createElement(_,{render:r||t}))}exportVisual(e){return this.gaugeInstance!==null&&this.element?m.drawDOM(this.element,e):Promise.resolve(new m.Group)}}class R extends T{constructor(){super(...arguments),this.gaugeType=c.CircularGauge}}class K extends l.Component{constructor(){super(...arguments),this._baseGauge=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{pointer:t,scale:r}=this.props;return Object.assign({},e,{pointer:t,scale:r})}}get gaugeInstance(){return this._baseGauge!==null?this._baseGauge.gaugeInstance:null}get surface(){return this._baseGauge!==null?this._baseGauge.surface:null}get element(){return this._baseGauge!==null?this._baseGauge.element:null}render(){const{children:e,className:t,...r}=this.props;return l.createElement(h,{...r,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:n=>this._baseGauge=n,gaugeConstructor:c.LinearGauge,getTarget:this.getTarget,className:g.classNames("k-gauge",t)},e)}exportVisual(e){return this.gaugeInstance!==null?Promise.resolve(this.gaugeInstance.exportVisual(e)):Promise.resolve(new m.Group)}}class M extends l.Component{constructor(){super(...arguments),this._baseGauge=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{pointer:t,scale:r}=this.props;return Object.assign({},e,{pointer:t,scale:r})}}get gaugeInstance(){return this._baseGauge!==null?this._baseGauge.gaugeInstance:null}get surface(){return this._baseGauge!==null?this._baseGauge.surface:null}get element(){return this._baseGauge!==null?this._baseGauge.element:null}render(){const{children:e,className:t,...r}=this.props;return l.createElement(h,{...r,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:n=>this._baseGauge=n,gaugeConstructor:c.RadialGauge,getTarget:this.getTarget,className:g.classNames("k-gauge",t)},e)}exportVisual(e){return this.gaugeInstance!==null?Promise.resolve(this.gaugeInstance.exportVisual(e)):Promise.resolve(new m.Group)}}i.ArcGauge=T,i.CircularGauge=R,i.LinearGauge=K,i.RadialGauge=M,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
|
package/index.d.mts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export * from './index';
|
package/index.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
5
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),C=require("prop-types"),v=require("@progress/kendo-react-intl"),u=require("@progress/kendo-charts"),c=require("@progress/kendo-react-common"),p=require("@progress/kendo-drawing");function R(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const o=R(N),j=`
|
|
6
6
|
<div class="k-var--gauge-pointer"></div>
|
|
7
7
|
<div class="k-var--gauge-track"></div>
|
|
8
8
|
<div class="k-var--normal-text-color"></div>
|
|
9
|
-
`;class
|
|
9
|
+
`;class D{constructor(e){this.store=e}setStyle(e,t){this.store.dispatch({type:"set",payload:{field:e,value:t}})}setColors(){this.mapColor("pointer.color","gauge-pointer"),this.mapColor("scale.rangePlaceholderColor","gauge-track"),this.mapColor("scale.labels.color","normal-text-color"),this.mapColor("scale.minorTicks.color","normal-text-color"),this.mapColor("scale.majorTicks.color","normal-text-color"),this.mapColor("scale.line.color","normal-text-color")}mapColor(e,t){this.setStyle(e,this.queryStyle(t).backgroundColor)}queryStyle(e){const t=this.element;return window.getComputedStyle(t.querySelector(`.k-var--${e}`))}}const E=(s,e,t)=>{const r=new D(s);if(typeof t>"u"){s.dispatch({type:"push",payload:u.chartBaseTheme()});return}const n=r.element=t.createElement("div");n.style.display="none",n.innerHTML=j,t.body.appendChild(n);try{s.dispatch({type:"push",payload:u.chartBaseTheme()}),r.setColors()}finally{t.body.removeChild(r.element),delete r.element,e()}},V=1e3/60,A=s=>{let e,t,r=[];const n=()=>e,a=l=>{e=s(e,l),c.canUseDOM&&(window.clearTimeout(t),t=window.setTimeout(()=>r.forEach(h=>h()),V))},i=l=>(r.push(l),()=>r=r.filter(h=>h!==l));return a({}),{getState:n,dispatch:a,subscribe:i}},O=A,F=(s,e)=>{if(e.type)switch(e.type){case"set":return U.themeItem(s,e);case"push":return Object.assign(s,e.payload);default:return s}else return{}},M=(s,e)=>{if(e.type)switch(e.type){case"add":return[...s,e.payload];case"remove":return s.filter(t=>t!==e.payload);default:return s}else return[]},U={configurationItem(s,e){return Object.assign(s,{[e.gaugeKey]:e.payload})},collectionConfigurationItem(s,e){let t=!1;const[r,n]=e.gaugeCollectionIdxKey.split("_"),a=s[r].map((i,l)=>parseInt(n,10)===l?(t=!0,e.payload):i);return t===!1&&a.splice(parseInt(n,10),0,e.payload),Object.assign(s,{[r]:a})},themeItem(s,e){let t={},r=Object.assign(t,s);const{field:n,value:a}=e.payload,i=n.split(".");let l=i.shift();for(;i.length>0;)t=t[l]=t[l]||{},l=i.shift();return t[l]=a,r}},G=s=>typeof s=="object",I=(s,e)=>{if(Object.keys(s).length!==Object.keys(e).length)return!0;for(let t in s)if(t!=="value"&&s.hasOwnProperty(t)){const r=s[t],n=e[t];if(G(r)&&G(n)?I(r,n):r!==n)return!0}return!1},q=(s,e)=>{if(!s||!e||(s=[].concat(s),e=[].concat(e),s.length!==e.length))return!0;for(let t=0;t<s.length;t++)if(I(s[t],e[t]))return!0;return!1},b=o.createContext(null);b.displayName="GaugeContext";const L={name:"@progress/kendo-react-gauges",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};class g extends o.Component{constructor(e){super(e),this.gaugeInstance=null,this.surface=null,this._element=null,this.themeStore={},this.themeUnsubscriber=Function.prototype,this.observersStore={},this.onWindowResize=()=>{this.gaugeInstance!==null&&(this.gaugeInstance.resize(),this.trigger("render",{sender:this}))},c.validatePackage(L),this.themeStore=O(F),this.observersStore=O(M),this.contextValue={observersStore:this.observersStore}}get element(){return this._element}componentDidMount(){var t;const e=((t=this._element)==null?void 0:t.ownerDocument)||document;E(this.themeStore,this.instantiateCoreGauge.bind(this),e),this.themeUnsubscriber=this.themeStore.subscribe(this.refresh.bind(this)),window.addEventListener("resize",this.onWindowResize),this.trigger("render",{sender:this})}componentDidUpdate(e){const{dir:t,children:r,deriveOptionsFromParent:n,getTarget:a,gaugeConstructor:i,className:l,renderAs:h,...m}=this.props,{dir:B,children:H,deriveOptionsFromParent:$,getTarget:J,gaugeConstructor:Q,className:X,renderAs:w,...T}=e;if(this.gaugeInstance!==null){const f=v.provideIntlService(this),P=this.gaugeInstance.contextService,x=f.locale!==P._intlService.locale,y=q(T,m),d=m;x&&(this.gaugeInstance.contextService._intlService=f,this.gaugeInstance.contextService.format._intlService=f,y||this.gaugeInstance.noTransitionsRedraw()),y||(h||"svg")!==(w||"svg")?this.refresh():Object.keys(m).indexOf("pointer")>-1?Array.isArray(d.pointer)?this.refreshAllValues(d.pointer.map(k=>k.value)):this.refreshValue((d.pointer||{}).value):this.refreshValue(d.value),e.dir!==t&&this.gaugeInstance.setDirection(this.getDirection(t)),this.trigger("render",{sender:this})}}componentWillUnmount(){this.themeUnsubscriber();const e=this.gaugeInstance&&this.gaugeInstance.surfaceElement;e&&e.parentNode&&e.parentNode.removeChild(e),this.gaugeInstance!==null&&(this.gaugeInstance.destroy(),this.gaugeInstance=null),window.removeEventListener("resize",this.onWindowResize)}render(){const{style:e={},className:t,children:r}=this.props,n=Object.assign({},e,{position:"relative"});return o.createElement(b.Provider,{value:this.contextValue},o.createElement("div",{style:n,ref:a=>this._element=a,className:t},r))}instantiateCoreGauge(){const{dir:e,gaugeConstructor:t}=this.props,r=this.getGaugeOptions();this.gaugeInstance=new t(this.element,r,this.themeStore.getState(),{rtl:this.getDirection(e),intlService:v.provideIntlService(this),sender:this})}refresh(){if(this.gaugeInstance!==null){const e=this.themeStore.getState(),t=this.getGaugeOptions();this.gaugeInstance.setOptions(t,e)}}refreshValue(e){this.gaugeInstance.value(e)}refreshAllValues(e){this.gaugeInstance.allValues(e)}getDirection(e){return(e!==void 0?e:(()=>c.canUseDOM&&window.getComputedStyle(this.element).direction)()||"ltr")==="rtl"}getGaugeOptions(){const{renderAs:e,transitions:t,deriveOptionsFromParent:r}=this.props;let n=Object.assign({renderAs:e,transitions:t});return r&&(n=r(n)),n}trigger(e,t){const r=this.observersStore.getState();for(let n=0;n<r.length;n++)r[n].trigger(e,t)}}g.propTypes={dir:C.string,renderAs:C.oneOf(["svg","canvas"])};g.defaultProps={renderAs:"svg"};v.registerForIntl(g);class S extends o.Component{constructor(e,t){super(e,t),this.state={arcCenterStyles:null,arcCenterValue:{value:0,color:""}},this._element=null,this.gaugeObserver=new u.InstanceObserver(this,{render:"onRender"}),t.observersStore.dispatch({type:"add",payload:this.gaugeObserver})}render(){const{render:e}=this.props,{arcCenterStyles:t,arcCenterValue:r}=this.state,n=t||{zIndex:-1};let a=null;return e&&(a=o.createElement("div",{className:"k-arcgauge-label",ref:i=>this._element=i,style:n},e(r.value,r.color))),a}onRender(e){if(!this._element)return;const t=e.sender.gaugeInstance,r=this._element.offsetWidth,n=this._element.offsetHeight,a=t.centerLabelPosition(r,n);this.setState({arcCenterStyles:{left:a.left,top:a.top},arcCenterValue:{value:t.value(),color:t.currentColor()}})}}S.contextType=b;class _ extends o.Component{constructor(){super(...arguments),this._baseGauge=null,this.gaugeType=u.ArcGauge,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{value:t,color:r,colors:n,opacity:a,scale:i}=this.props;return Object.assign({},e,{value:t,color:r,colors:n,opacity:a,scale:i})}}get gaugeInstance(){return this._baseGauge?this._baseGauge.gaugeInstance:null}get surface(){return this._baseGauge?this._baseGauge.surface:null}get element(){return this._baseGauge?this._baseGauge.element:null}render(){const{children:e,arcCenterRender:t,centerRender:r,className:n,...a}=this.props;return o.createElement(g,{...a,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:i=>this._baseGauge=i,gaugeConstructor:this.gaugeType,getTarget:this.getTarget,className:c.classNames("k-gauge k-arcgauge",n)},e,o.createElement(S,{render:r||t}))}exportVisual(e){return this.gaugeInstance!==null&&this.element?p.drawDOM(this.element,e):Promise.resolve(new p.Group)}}class z extends _{constructor(){super(...arguments),this.gaugeType=u.CircularGauge}}class W extends o.Component{constructor(){super(...arguments),this._baseGauge=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{pointer:t,scale:r}=this.props;return Object.assign({},e,{pointer:t,scale:r})}}get gaugeInstance(){return this._baseGauge!==null?this._baseGauge.gaugeInstance:null}get surface(){return this._baseGauge!==null?this._baseGauge.surface:null}get element(){return this._baseGauge!==null?this._baseGauge.element:null}render(){const{children:e,className:t,...r}=this.props;return o.createElement(g,{...r,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:n=>this._baseGauge=n,gaugeConstructor:u.LinearGauge,getTarget:this.getTarget,className:c.classNames("k-gauge",t)},e)}exportVisual(e){return this.gaugeInstance!==null?Promise.resolve(this.gaugeInstance.exportVisual(e)):Promise.resolve(new p.Group)}}class K extends o.Component{constructor(){super(...arguments),this._baseGauge=null,this.getTarget=()=>this,this.deriveOptionsFromParent=e=>{const{pointer:t,scale:r}=this.props;return Object.assign({},e,{pointer:t,scale:r})}}get gaugeInstance(){return this._baseGauge!==null?this._baseGauge.gaugeInstance:null}get surface(){return this._baseGauge!==null?this._baseGauge.surface:null}get element(){return this._baseGauge!==null?this._baseGauge.element:null}render(){const{children:e,className:t,...r}=this.props;return o.createElement(g,{...r,deriveOptionsFromParent:this.deriveOptionsFromParent,ref:n=>this._baseGauge=n,gaugeConstructor:u.RadialGauge,getTarget:this.getTarget,className:c.classNames("k-gauge",t)},e)}exportVisual(e){return this.gaugeInstance!==null?Promise.resolve(this.gaugeInstance.exportVisual(e)):Promise.resolve(new p.Group)}}exports.ArcGauge=_;exports.CircularGauge=z;exports.LinearGauge=W;exports.RadialGauge=K;
|
package/index.mjs
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
"use client";
|
|
6
6
|
import * as o from "react";
|
|
7
|
-
import
|
|
7
|
+
import b from "prop-types";
|
|
8
8
|
import { provideIntlService as y, registerForIntl as E } from "@progress/kendo-react-intl";
|
|
9
9
|
import { chartBaseTheme as C, InstanceObserver as N, ArcGauge as R, CircularGauge as V, LinearGauge as A, RadialGauge as F } from "@progress/kendo-charts";
|
|
10
10
|
import { canUseDOM as I, validatePackage as j, classNames as d } from "@progress/kendo-react-common";
|
|
@@ -119,7 +119,7 @@ const B = {
|
|
|
119
119
|
name: "@progress/kendo-react-gauges",
|
|
120
120
|
productName: "KendoReact",
|
|
121
121
|
productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
|
|
122
|
-
publishDate:
|
|
122
|
+
publishDate: 1702631848,
|
|
123
123
|
version: "",
|
|
124
124
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
125
125
|
};
|
|
@@ -378,12 +378,12 @@ class J extends o.Component {
|
|
|
378
378
|
return this.gaugeInstance !== null && this.element ? D(this.element, e) : Promise.resolve(new m());
|
|
379
379
|
}
|
|
380
380
|
}
|
|
381
|
-
class
|
|
381
|
+
class le extends J {
|
|
382
382
|
constructor() {
|
|
383
383
|
super(...arguments), this.gaugeType = V;
|
|
384
384
|
}
|
|
385
385
|
}
|
|
386
|
-
class
|
|
386
|
+
class ue extends o.Component {
|
|
387
387
|
constructor() {
|
|
388
388
|
super(...arguments), this._baseGauge = null, this.getTarget = () => this, this.deriveOptionsFromParent = (e) => {
|
|
389
389
|
const { pointer: t, scale: s } = this.props;
|
|
@@ -439,7 +439,7 @@ class le extends o.Component {
|
|
|
439
439
|
return this.gaugeInstance !== null ? Promise.resolve(this.gaugeInstance.exportVisual(e)) : Promise.resolve(new m());
|
|
440
440
|
}
|
|
441
441
|
}
|
|
442
|
-
class
|
|
442
|
+
class ce extends o.Component {
|
|
443
443
|
constructor() {
|
|
444
444
|
super(...arguments), this._baseGauge = null, this.getTarget = () => this, this.deriveOptionsFromParent = (e) => {
|
|
445
445
|
const { pointer: t, scale: s } = this.props;
|
|
@@ -497,7 +497,7 @@ class ue extends o.Component {
|
|
|
497
497
|
}
|
|
498
498
|
export {
|
|
499
499
|
J as ArcGauge,
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
500
|
+
le as CircularGauge,
|
|
501
|
+
ue as LinearGauge,
|
|
502
|
+
ce as RadialGauge
|
|
503
503
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-gauges",
|
|
3
|
-
"version": "7.0.2-develop.
|
|
3
|
+
"version": "7.0.2-develop.2",
|
|
4
4
|
"description": "React Gauges provide a set of React components for building beautiful and customizable gauges. KendoReact Gauges package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -10,17 +10,23 @@
|
|
|
10
10
|
"types": "./index.d.ts",
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
|
-
"import":
|
|
14
|
-
|
|
13
|
+
"import": {
|
|
14
|
+
"types": "./index.d.mts",
|
|
15
|
+
"default": "./index.mjs"
|
|
16
|
+
},
|
|
17
|
+
"require": {
|
|
18
|
+
"types": "./index.d.ts",
|
|
19
|
+
"default": "./index.js"
|
|
20
|
+
}
|
|
15
21
|
}
|
|
16
22
|
},
|
|
17
23
|
"sideEffects": false,
|
|
18
24
|
"peerDependencies": {
|
|
19
25
|
"@progress/kendo-charts": "^1.32.0",
|
|
20
26
|
"@progress/kendo-drawing": "^1.17.2",
|
|
21
|
-
"@progress/kendo-licensing": "^1.3.
|
|
22
|
-
"@progress/kendo-react-common": "7.0.2-develop.
|
|
23
|
-
"@progress/kendo-react-intl": "7.0.2-develop.
|
|
27
|
+
"@progress/kendo-licensing": "^1.3.4",
|
|
28
|
+
"@progress/kendo-react-common": "7.0.2-develop.2",
|
|
29
|
+
"@progress/kendo-react-intl": "7.0.2-develop.2",
|
|
24
30
|
"hammerjs": "^2.0.0",
|
|
25
31
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0",
|
|
26
32
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
|