@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 11.3 kB
JavaScript
;(self.webpackChunkgravityforms=self.webpackChunkgravityforms||[]).push([[130],{3130:function(t,e,n){n.d(e,{Q:function(){return c}});var r=n(660),a=n(3878),i=n(9542),o=n(37),l=n(8788),c=(0,r.gu)({chartName:"AreaChart",GraphicalChild:a.G,axisComponents:[{axisType:"xAxis",AxisComp:i.W},{axisType:"yAxis",AxisComp:o.h}],formatAxisMap:l.pr})},3878:function(t,e,n){n.d(e,{G:function(){return z}});var r,a=n(177),i=n.n(a),o=n(7064),l=n(3086),c=n(4360),s=n.n(c),u=n(7156),p=n.n(u),f=n(2381),y=n.n(f),h=n(3859),d=n.n(h),m=n(8434),v=n.n(m),b=n(8291),A=n(1447),x=n(6799),g=n(5396),O=n(9e3),P=n(186),E=n(9162),j=n(6075),w=["layout","type","stroke","connectNulls","isRange","ref"];function k(t){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},k(t)}function S(t,e){if(null==t)return{};var n,r,a=function(t,e){if(null==t)return{};var n,r,a={},i=Object.keys(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||(a[n]=t[n]);return a}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(a[n]=t[n])}return a}function D(){return D=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},D.apply(this,arguments)}function M(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function N(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?M(Object(n),!0).forEach(function(e){T(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function L(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,_(r.key),r)}}function I(t,e,n){return e=B(e),function(t,e){if(e&&("object"===k(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return R(t)}(t,C()?Reflect.construct(e,n||[],B(t).constructor):e.apply(t,n))}function C(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(C=function(){return!!t})()}function B(t){return B=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},B(t)}function R(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function W(t,e){return W=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},W(t,e)}function T(t,e,n){return(e=_(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function _(t){var e=function(t,e){if("object"!=k(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!=k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==k(e)?e:String(e)}var z=function(t){function e(){var t;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);for(var n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return T(R(t=I(this,e,[].concat(r))),"state",{isAnimationFinished:!0}),T(R(t),"id",(0,P.NF)("recharts-area-")),T(R(t),"handleAnimationEnd",function(){var e=t.props.onAnimationEnd;t.setState({isAnimationFinished:!0}),s()(e)&&e()}),T(R(t),"handleAnimationStart",function(){var e=t.props.onAnimationStart;t.setState({isAnimationFinished:!1}),s()(e)&&e()}),t}var n,r,a;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&W(t,e)}(e,t),n=e,a=[{key:"getDerivedStateFromProps",value:function(t,e){return t.animationId!==e.prevAnimationId?{prevAnimationId:t.animationId,curPoints:t.points,curBaseLine:t.baseLine,prevPoints:e.curPoints,prevBaseLine:e.curBaseLine}:t.points!==e.curPoints||t.baseLine!==e.curBaseLine?{curPoints:t.points,curBaseLine:t.baseLine}:null}}],(r=[{key:"renderDots",value:function(t,n,r){var a=this.props.isAnimationActive,o=this.state.isAnimationFinished;if(a&&!o)return null;var l=this.props,c=l.dot,s=l.points,u=l.dataKey,p=(0,j.J9)(this.props,!1),f=(0,j.J9)(c,!0),y=s.map(function(t,n){var r=N(N(N({key:"dot-".concat(n),r:3},p),f),{},{index:n,cx:t.x,cy:t.y,dataKey:u,value:t.value,payload:t.payload,points:s});return e.renderDotItem(c,r)}),h={clipPath:t?"url(#clipPath-".concat(n?"":"dots-").concat(r,")"):null};return i().createElement(x.W,D({className:"recharts-area-dots"},h),y)}},{key:"renderHorizontalRect",value:function(t){var e=this.props,n=e.baseLine,r=e.points,a=e.strokeWidth,o=r[0].x,l=r[r.length-1].x,c=t*Math.abs(o-l),s=p()(r.map(function(t){return t.y||0}));return(0,P.Et)(n)&&"number"==typeof n?s=Math.max(n,s):n&&Array.isArray(n)&&n.length&&(s=Math.max(p()(n.map(function(t){return t.y||0})),s)),(0,P.Et)(s)?i().createElement("rect",{x:o<l?o:o-c,y:0,width:c,height:Math.floor(s+(a?parseInt("".concat(a),10):1))}):null}},{key:"renderVerticalRect",value:function(t){var e=this.props,n=e.baseLine,r=e.points,a=e.strokeWidth,o=r[0].y,l=r[r.length-1].y,c=t*Math.abs(o-l),s=p()(r.map(function(t){return t.x||0}));return(0,P.Et)(n)&&"number"==typeof n?s=Math.max(n,s):n&&Array.isArray(n)&&n.length&&(s=Math.max(p()(n.map(function(t){return t.x||0})),s)),(0,P.Et)(s)?i().createElement("rect",{x:0,y:o<l?o:o-c,width:s+(a?parseInt("".concat(a),10):1),height:Math.floor(c)}):null}},{key:"renderClipRect",value:function(t){return"vertical"===this.props.layout?this.renderVerticalRect(t):this.renderHorizontalRect(t)}},{key:"renderAreaStatically",value:function(t,e,n,r){var a=this.props,o=a.layout,l=a.type,c=a.stroke,s=a.connectNulls,u=a.isRange,p=(a.ref,S(a,w));return i().createElement(x.W,{clipPath:n?"url(#clipPath-".concat(r,")"):null},i().createElement(b.I,D({},(0,j.J9)(p,!0),{points:t,connectNulls:s,type:l,baseLine:e,layout:o,stroke:"none",className:"recharts-area-area"})),"none"!==c&&i().createElement(b.I,D({},(0,j.J9)(this.props,!1),{className:"recharts-area-curve",layout:o,type:l,connectNulls:s,fill:"none",points:t})),"none"!==c&&u&&i().createElement(b.I,D({},(0,j.J9)(this.props,!1),{className:"recharts-area-curve",layout:o,type:l,connectNulls:s,fill:"none",points:e})))}},{key:"renderAreaWithAnimation",value:function(t,e){var n=this,r=this.props,a=r.points,o=r.baseLine,c=r.isAnimationActive,s=r.animationBegin,u=r.animationDuration,p=r.animationEasing,f=r.animationId,h=this.state,m=h.prevPoints,v=h.prevBaseLine;return i().createElement(l.Ay,{begin:s,duration:u,isActive:c,easing:p,from:{t:0},to:{t:1},key:"area-".concat(f),onAnimationEnd:this.handleAnimationEnd,onAnimationStart:this.handleAnimationStart},function(r){var l=r.t;if(m){var c,s=m.length/a.length,u=a.map(function(t,e){var n=Math.floor(e*s);if(m[n]){var r=m[n],a=(0,P.Dj)(r.x,t.x),i=(0,P.Dj)(r.y,t.y);return N(N({},t),{},{x:a(l),y:i(l)})}return t});return c=(0,P.Et)(o)&&"number"==typeof o?(0,P.Dj)(v,o)(l):y()(o)||d()(o)?(0,P.Dj)(v,0)(l):o.map(function(t,e){var n=Math.floor(e*s);if(v[n]){var r=v[n],a=(0,P.Dj)(r.x,t.x),i=(0,P.Dj)(r.y,t.y);return N(N({},t),{},{x:a(l),y:i(l)})}return t}),n.renderAreaStatically(u,c,t,e)}return i().createElement(x.W,null,i().createElement("defs",null,i().createElement("clipPath",{id:"animationClipPath-".concat(e)},n.renderClipRect(l))),i().createElement(x.W,{clipPath:"url(#animationClipPath-".concat(e,")")},n.renderAreaStatically(a,o,t,e)))})}},{key:"renderArea",value:function(t,e){var n=this.props,r=n.points,a=n.baseLine,i=n.isAnimationActive,o=this.state,l=o.prevPoints,c=o.prevBaseLine,s=o.totalLength;return i&&r&&r.length&&(!l&&s>0||!v()(l,r)||!v()(c,a))?this.renderAreaWithAnimation(t,e):this.renderAreaStatically(r,a,t,e)}},{key:"render",value:function(){var t,e=this.props,n=e.hide,r=e.dot,a=e.points,l=e.className,c=e.top,s=e.left,u=e.xAxis,p=e.yAxis,f=e.width,h=e.height,d=e.isAnimationActive,m=e.id;if(n||!a||!a.length)return null;var v=this.state.isAnimationFinished,b=1===a.length,A=(0,o.A)("recharts-area",l),O=u&&u.allowDataOverflow,P=p&&p.allowDataOverflow,E=O||P,w=y()(m)?this.id:m,k=null!==(t=(0,j.J9)(r,!1))&&void 0!==t?t:{r:3,strokeWidth:2},S=k.r,D=void 0===S?3:S,M=k.strokeWidth,N=void 0===M?2:M,L=((0,j.ON)(r)?r:{}).clipDot,I=void 0===L||L,C=2*D+N;return i().createElement(x.W,{className:A},O||P?i().createElement("defs",null,i().createElement("clipPath",{id:"clipPath-".concat(w)},i().createElement("rect",{x:O?s:s-f/2,y:P?c:c-h/2,width:O?f:2*f,height:P?h:2*h})),!I&&i().createElement("clipPath",{id:"clipPath-dots-".concat(w)},i().createElement("rect",{x:s-C/2,y:c-C/2,width:f+C,height:h+C}))):null,b?null:this.renderArea(E,w),(r||b)&&this.renderDots(E,I,w),(!d||v)&&g.Z.renderCallByParent(this.props,a))}}])&&L(n.prototype,r),a&&L(n,a),Object.defineProperty(n,"prototype",{writable:!1}),e}(a.PureComponent);r=z,T(z,"displayName","Area"),T(z,"defaultProps",{stroke:"#3182bd",fill:"#3182bd",fillOpacity:.6,xAxisId:0,yAxisId:0,legendType:"line",connectNulls:!1,points:[],dot:!1,activeDot:!0,hide:!1,isAnimationActive:!O.m.isSsr,animationBegin:0,animationDuration:1500,animationEasing:"ease"}),T(z,"getBaseValue",function(t,e,n,r){var a=t.layout,i=t.baseValue,o=e.props.baseValue,l=null!=o?o:i;if((0,P.Et)(l)&&"number"==typeof l)return l;var c="horizontal"===a?r:n,s=c.scale.domain();if("number"===c.type){var u=Math.max(s[0],s[1]),p=Math.min(s[0],s[1]);return"dataMin"===l?p:"dataMax"===l||u<0?u:Math.max(Math.min(s[0],s[1]),0)}return"dataMin"===l?s[0]:"dataMax"===l?s[1]:s[0]}),T(z,"getComposedData",function(t){var e,n=t.props,a=t.item,i=t.xAxis,o=t.yAxis,l=t.xAxisTicks,c=t.yAxisTicks,s=t.bandSize,u=t.dataKey,p=t.stackedData,f=t.dataStartIndex,y=t.displayedData,h=t.offset,d=n.layout,m=p&&p.length,v=r.getBaseValue(n,a,i,o),b="horizontal"===d,A=!1,x=y.map(function(t,e){var n;m?n=p[f+e]:(n=(0,E.kr)(t,u),Array.isArray(n)?A=!0:n=[v,n]);var r=null==n[1]||m&&null==(0,E.kr)(t,u);return b?{x:(0,E.nb)({axis:i,ticks:l,bandSize:s,entry:t,index:e}),y:r?null:o.scale(n[1]),value:n,payload:t}:{x:r?null:i.scale(n[1]),y:(0,E.nb)({axis:o,ticks:c,bandSize:s,entry:t,index:e}),value:n,payload:t}});return e=m||A?x.map(function(t){var e=Array.isArray(t.value)?t.value[0]:null;return b?{x:t.x,y:null!=e&&null!=t.y?o.scale(e):null}:{x:null!=e?i.scale(e):null,y:t.y}}):b?o.scale(v):i.scale(v),N({points:x,baseLine:e,layout:d,isRange:A},h)}),T(z,"renderDotItem",function(t,e){var n;if(i().isValidElement(t))n=i().cloneElement(t,e);else if(s()(t))n=t(e);else{var r=(0,o.A)("recharts-area-dot","boolean"!=typeof t?t.className:"");n=i().createElement(A.c,D({},e,{className:r}))}return n})}}]);