@gravityforms/components/dist/js/968.4dc3d2f08f8d583b2e37.min.js

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

"use strict";(self.webpackChunkgravityforms=self.webpackChunkgravityforms||[]).push([[968],{2654:function(e,t,r){r.d(t,{jA:function(){return d}});var o=r(6111),a=r(8230),n=r(7940),i=r(7616),c=["content","labelFormatter","formatter","itemSorter","shared","cursor"];function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach(function(t){(0,o.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var p={container:{backgroundColor:"#242748",color:"#ffffff",padding:"8px",borderRadius:"3px",position:"relative",textAlign:"left",fontSize:"12px"},label:{fontWeight:"600",marginBottom:"4px"},entry:{alignItems:"center",display:"flex",fontWeight:"normal",gap:"6px"},swatch:{borderRadius:"2px",flexShrink:0,height:"8px",width:"8px"}};var u=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.labelFormatter,r=void 0===t?null:t,o=e.valueFormatter,a=void 0===o?null:o;return function(e){return i.React.createElement(y,(0,n.A)({},e,{labelFormatter:r,valueFormatter:a}))}},d=function(e){var t=e.cursor,r=e.tooltipProps,o=void 0===r?{}:r,n=e.tooltipShared,i=void 0===n||n,l=e.defaultValueFormatter,p=void 0===l?null:l,d=o.content,y=o.labelFormatter,f=o.formatter,m=o.itemSorter,v=o.shared,h=o.cursor,b=(0,a.A)(o,c),g=f||p;return s({content:d||u({labelFormatter:y,valueFormatter:g}),cursor:void 0!==h?h:t,formatter:g,itemSorter:m,labelFormatter:y,shared:void 0!==v?v:i},b)},y=function(e){var t=e.active,r=e.payload,o=e.label,a=e.labelFormatter,n=void 0===a?null:a,c=e.valueFormatter,l=void 0===c?null:c;if(!t||!r||!r.length)return null;var u=n?n(o,r):o;return i.React.createElement("div",{style:p.container},null!=u&&""!==u&&i.React.createElement("div",{style:p.label},u),r.map(function(e,t){var r,o=e.name||e.dataKey||"",a=l?l(e.value,o,e):e.value,n=Array.isArray(a)?a[0]:a,c=Array.isArray(a)&&a.length>1?a[1]:o;return i.React.createElement("div",{key:t,style:p.entry},e.color&&i.React.createElement("span",{style:s(s({},p.swatch),{},{backgroundColor:e.color})}),i.React.createElement("span",null,(r=c)?r.charAt(0).toUpperCase()+r.slice(1):"",": "),i.React.createElement("span",null,n))}))}},6968:function(e,t,r){r.r(t),r.d(t,{default:function(){return x}});var o=r(7940),a=r(2492),n=r(6111),i=r(7616),c=r(783),l=r(3130),s=r(6917),p=r(9542),u=r(37),d=r(4505),y=r(9104),f=r(3878),m=r(9492),v=r(2734),h=function(e){var t=e.cx,r=e.cy,o=e.stroke;return i.React.createElement("svg",{x:t-6,y:r-6,width:12,height:12,viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.React.createElement("circle",{cx:"6",cy:"6",r:"5",stroke:o,strokeWidth:"2",fill:"white"}))},b=r(2654);function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var O=i.React.forwardRef,w=i.React.useState,T=i.React.useEffect,k=O(function(e,t){var r=e.animationDuration,g=void 0===r?1e3:r,O=e.areaProps,k=void 0===O?{}:O,x=e.cartesianGridProps,j=void 0===x?{}:x,E=e.checkboxProps,R=void 0===E?{}:E,A=e.children,C=void 0===A?null:A,D=e.cursorColor,F=void 0===D?"#9092b2":D,K=e.customAttributes,S=void 0===K?{}:K,L=e.customClasses,W=void 0===L?{}:L,G=e.customInterval,_=void 0===G?null:G,z=e.data,B=void 0===z?[]:z,N=e.gridColor,I=void 0===N?"#ecedf8":N,M=e.height,Q=void 0===M?400:M,U=e.legendProps,V=void 0===U?{}:U,q=e.options,H=void 0===q?[]:q,J=e.showCheckboxes,X=void 0===J||J,Y=e.showLegend,Z=void 0!==Y&&Y,$=e.tooltipProps,ee=void 0===$?{}:$,te=e.width,re=void 0===te?"100%":te,oe=e.xAxisProps,ae=void 0===oe?{}:oe,ne=e.yAxisProps,ie=void 0===ne?{}:ne,ce=P(P({className:(0,i.classnames)({"gform-chart--area":!0,"gform-chart__wrapper":!0},W)},S),{},{ref:t}),le=H.reduce(function(e,t){return e[t.dataKey]=t.defaultChecked||!0,e},{}),se=w(le),pe=(0,a.A)(se,2),ue=pe[0],de=pe[1],ye=w(!0),fe=(0,a.A)(ye,2),me=fe[0],ve=fe[1],he=w(Math.floor(B.length/10)),be=(0,a.A)(he,2),ge=be[0],Pe=be[1],Oe=function(){var e=window.innerWidth;Pe(Math.floor(B.length/(e/180)))};T(function(){var e=setTimeout(function(){ve(!1)},g);return function(){return clearTimeout(e)}},[]),T(function(){if(!_)return Oe(),window.addEventListener("resize",Oe),function(){window.removeEventListener("resize",Oe)};_(Pe,B.length)},[B.length,_]);var we=P({stroke:I,strokeDasharray:"0",vertical:!1},j),Te=P({axisLine:{stroke:I},padding:{top:10},tickLine:{stroke:I}},ie),ke=P({axisLine:{stroke:I},tickLine:{stroke:I},interval:ge},ae),xe=(0,b.jA)({cursor:{stroke:F},tooltipProps:ee}),je=P({},V);return i.React.createElement("div",ce,X&&i.React.createElement("div",{className:"gform-chart__checkboxes"},i.React.createElement(m.A,{display:"flex",spacing:[0,5,0,0]},H.map(function(e){var t=P({externalChecked:ue[e.dataKey],externalControl:!0,labelAttributes:{label:e.label,weight:"normal"},onChange:function(){return t=e.dataKey,void de(function(e){return P(P({},e),{},(0,n.A)({},t,!e[t]))});var t},spacing:[0,0,4,3]},R);return i.React.createElement(v.A,(0,o.A)({key:e.dataKey},t))}))),i.React.createElement(c.u,{width:re,height:Q},i.React.createElement(l.Q,{data:B,margin:{top:0,right:20,left:0,bottom:0}},i.React.createElement("defs",null,H.map(function(e){return i.React.createElement("linearGradient",{key:e.dataKey,id:"color".concat(e.dataKey),x1:"0",y1:"0",x2:"0",y2:"1"},i.React.createElement("stop",{offset:"5%",stopColor:e.color,stopOpacity:.1}),i.React.createElement("stop",{offset:"95%",stopColor:e.color,stopOpacity:0}))})),i.React.createElement(s.d,we),i.React.createElement(p.W,ke),i.React.createElement(u.h,Te),i.React.createElement(d.m,xe),Z&&i.React.createElement(y.s,je),H.map(function(e){var t=P({type:"monotone",dataKey:e.dataKey,stroke:e.color,fillOpacity:1,fill:"url(#color".concat(e.dataKey,")"),strokeWidth:2,dot:!1,activeDot:i.React.createElement(h,{stroke:e.color}),isAnimationActive:me,animationBegin:0,animationDuration:g},k);return ue[e.dataKey]?i.React.createElement(f.G,(0,o.A)({key:e.dataKey},t)):null}))),C)});k.propTypes={animationDuration:i.PropTypes.number,areaProps:i.PropTypes.object,cartesianGridProps:i.PropTypes.object,checkboxProps:i.PropTypes.object,children:i.PropTypes.oneOfType([i.PropTypes.arrayOf(i.PropTypes.node),i.PropTypes.node]),cursorColor:i.PropTypes.string,customAttributes:i.PropTypes.object,customClasses:i.PropTypes.oneOfType([i.PropTypes.string,i.PropTypes.array,i.PropTypes.object]),data:i.PropTypes.array,gridColor:i.PropTypes.string,height:i.PropTypes.oneOfType([i.PropTypes.string,i.PropTypes.number]),legendProps:i.PropTypes.object,options:i.PropTypes.array,showCheckboxes:i.PropTypes.bool,showLegend:i.PropTypes.bool,tooltipProps:i.PropTypes.object,width:i.PropTypes.oneOfType([i.PropTypes.string,i.PropTypes.number]),xAxisProps:i.PropTypes.object,yAxisProps:i.PropTypes.object},k.displayName="AreaChart";var x=k}}]);