@hhgtech/hhg-components 1.21.89 → 1.21.90
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/build/esm/pwg.js +1 -1
- package/build/pwg.js +1 -1
- package/package.json +1 -1
package/build/esm/pwg.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as e,_ as n,c as t}from"./tslib.es6-44f7e5ec.js";import r,{useMemo as a,useState as
|
|
1
|
+
import{a as e,_ as n,c as t}from"./tslib.es6-44f7e5ec.js";import r,{useMemo as a,useState as l,useRef as i}from"react";import{T as o}from"./index-d5a60b16.js";import{P as c}from"./index-90e0d8f5.js";import{u as s}from"./useTranslations-b3eb31ef.js";import{t as d}from"./theme-13d11d67.js";import{ResponsiveContainer as p,AreaChart as m,CartesianGrid as u,Tooltip as f,XAxis as g,YAxis as x,Area as b,ReferenceDot as h}from"recharts";import{C as y}from"./index-182c57d1.js";import{u as v}from"./useOutsideClick-6004483a.js";import w from"styled-components";import"./utils-11febb09.js";import"./Locale-69030fff.js";import"./gAssets.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import"./index-35b7f615.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-e7808c8f.js";import"string-format";var k,E,j,W,B=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,i=n.activeWeek,o=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===i?{toolTipLabel:a,translatedStatus:o,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("circle",{r:12,fill:d.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},T=w.div(k||(k=n(["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"],["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"])),d.colors.yellow600),z=w.div(E||(E=n(["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"]))),C=w.div(j||(j=n(["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"],["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"]))),S=[{name:"overweight",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"underweight",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"healthy",backgroundColor:d.colors.green50,color:d.colors.green900}],N=function(e){var n,t,l,i,c,s=e.payload,p=e.active,m=null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.payload;if(!m||!m.toolTipLabel||!p)return null;var u=a((function(){return S.find((function(e){return e.name===m.status}))}),[null==m?void 0:m.status]),f=u.backgroundColor,g=u.color;return r.createElement(T,null,r.createElement("div",null,null===(t=m.toolTipLabel)||void 0===t?void 0:t[0]," ",null===(l=m.toolTipLabel)||void 0===l?void 0:l[1]),r.createElement("div",null,(null===(i=m.toolTipLabel)||void 0===i?void 0:i[2])&&r.createElement(o,{as:"span",size:"s3",color:d.colors.gray800,type:"semiBold"},null===(c=m.toolTipLabel)||void 0===c?void 0:c[2]),r.createElement("div",{className:"risk",style:{backgroundColor:f}},r.createElement(o,{size:"n1",color:g},m.translatedStatus))))},I=function(n){var t=n.weightBefore,c=n.weightByWeek,w=n.activeWeek,k=n.currentWeight,E=n.toolTipLabel,j=void 0===E?[]:E,W=n.status,T=n.withLine,C=void 0!==T&&T,S=s().t,I=a((function(){return B({weightByWeek:c,weightBefore:t,toolTipLabel:j,status:W,activeWeek:w,t:S})}),[c,t,j,W,w]),M=l(!1),A=M[0],P=M[1],F=i(null);return v(F,(function(){return P(!1)})),r.createElement(z,null,r.createElement(o,{size:"n1",color:d.colors.gray500},S("babyGrowth.weight")," ",S("pregnancyWeightGain.weightInput.desc")),Array.isArray(I)&&I.length>0&&r.createElement(z,null,r.createElement(p,{height:388,className:"chart"},r.createElement(m,{data:I,margin:{top:16,right:0,left:0}},r.createElement(u,{stroke:d.colors.neutral100}),r.createElement(f,{trigger:"click",content:function(n){return r.createElement(N,e({active:!C&&A&&void 0!==w&&void 0!==k},n))}}),r.createElement(g,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:w}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(x,{domain:[function(e){return Math.max(e,t-10||e)},function(e){return Math.max(e,t+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:d.colors.gray600}}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:d.colors.blue100}),void 0!==w&&void 0!==k&&r.createElement(h,{onClick:function(){return P(!0)},x:0===w?1:w,y:k,r:4,shape:r.createElement(y,{ref:F,r:4}),fill:d.colors.primaryBase,stroke:d.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),r.createElement(o,{size:"n1",color:d.colors.gray500},S("pregnancy.week")))))},M=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||d.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=s().t;return r.createElement(C,null,r.createElement("div",null,r.createElement(M,{color:d.colors.blue100}),r.createElement(o,{size:"n1",color:d.colors.gray600},r.createElement(o,{size:"n1",as:"span"},t("pregnancyTool.weightSuggested")," "),r.createElement(o,{size:"n1",color:d.colors.gray800,type:"bold",as:"span"},n))),r.createElement("div",null,r.createElement(M,null),r.createElement(o,{size:"n1",color:d.colors.gray600},t("pwg.placeholder.weight"))))},P=w.div(W||(W=n(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 16px;\n width: 100%;\n gap: 24px;\n border: 1px solid ",";\n border-radius: 8px;\n .chart-header {\n text-align: center;\n }\n > div {\n width: 100%;\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 16px;\n width: 100%;\n gap: 24px;\n border: 1px solid ",";\n border-radius: 8px;\n .chart-header {\n text-align: center;\n }\n > div {\n width: 100%;\n }\n"])),d.colors.neutral100),F=function(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,i=n.description,p=s().t;return r.createElement(P,null,r.createElement("div",{className:"chart-header"},r.createElement(o,{size:"s1",type:"semiBold",color:d.colors.gray800},p("pregnancyTool.weightSuggested")),i&&i),r.createElement(c,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l}),r.createElement(I,e({},t))))};export{F as PregnancyWeightGainChart};
|
package/build/pwg.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),t=require("react"),n=require("./index-8cf56087.js"),a=require("./index-060b92fc.js"),r=require("./useTranslations-00120db0.js"),l=require("./theme-b4bf0ca3.js"),i=require("recharts"),o=require("./index-76dc603c.js"),c=require("./useOutsideClick-528bfd6c.js"),s=require("styled-components");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./utils-df758048.js"),require("./Locale-11b51016.js"),require("./gAssets.js"),require("./index-d28c27ca.js"),require("./isProduction-32e6a55a.js"),require("./index-ebe71f71.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-9e231a88.js"),require("string-format");var u,m,f,p,g=d(t),x=d(s),h=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("circle",{r:12,fill:l.theme.colors.primaryBase}),g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},y=x.default.div(u||(u=e.__makeTemplateObject(["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"],["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"])),l.theme.colors.yellow600),v=x.default.div(m||(m=e.__makeTemplateObject(["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"]))),k=x.default.div(f||(f=e.__makeTemplateObject(["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"],["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"]))),w=[{name:"overweight",backgroundColor:l.theme.colors.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),t=require("react"),n=require("./index-8cf56087.js"),a=require("./index-060b92fc.js"),r=require("./useTranslations-00120db0.js"),l=require("./theme-b4bf0ca3.js"),i=require("recharts"),o=require("./index-76dc603c.js"),c=require("./useOutsideClick-528bfd6c.js"),s=require("styled-components");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./utils-df758048.js"),require("./Locale-11b51016.js"),require("./gAssets.js"),require("./index-d28c27ca.js"),require("./isProduction-32e6a55a.js"),require("./index-ebe71f71.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-9e231a88.js"),require("string-format");var u,m,f,p,g=d(t),x=d(s),h=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("circle",{r:12,fill:l.theme.colors.primaryBase}),g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},y=x.default.div(u||(u=e.__makeTemplateObject(["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"],["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"])),l.theme.colors.yellow600),v=x.default.div(m||(m=e.__makeTemplateObject(["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"],["\n position: relative;\n width: 100%;\n .custom-chart-label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n }\n .chart-legend {\n display: flex;\n justify-content: space-between;\n }\n"]))),k=x.default.div(f||(f=e.__makeTemplateObject(["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"],["\n display: flex;\n gap: 40px;\n justify-content: center;\n margin-bottom: 8px;\n & > div {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n"]))),w=[{name:"overweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"underweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"healthy",backgroundColor:l.theme.colors.green50,color:l.theme.colors.green900}],E=function(e){var a,r,i,o,c,s=e.payload,d=e.active,u=null===(a=null==s?void 0:s[0])||void 0===a?void 0:a.payload;if(!u||!u.toolTipLabel||!d)return null;var m=t.useMemo((function(){return w.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),f=m.backgroundColor,p=m.color;return g.default.createElement(y,null,g.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(i=u.toolTipLabel)||void 0===i?void 0:i[1]),g.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&g.default.createElement(n.Text,{as:"span",size:"s3",color:l.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),g.default.createElement("div",{className:"risk",style:{backgroundColor:f}},g.default.createElement(n.Text,{size:"n1",color:p},u.translatedStatus))))},T=function(a){var s=a.weightBefore,d=a.weightByWeek,u=a.activeWeek,m=a.currentWeight,f=a.toolTipLabel,p=void 0===f?[]:f,x=a.status,y=a.withLine,k=void 0!==y&&y,w=r.useTranslations().t,T=t.useMemo((function(){return h({weightByWeek:d,weightBefore:s,toolTipLabel:p,status:x,activeWeek:u,t:w})}),[d,s,p,x,u]),j=t.useState(!1),_=j[0],q=j[1],C=t.useRef(null);return c.useOutsideClick(C,(function(){return q(!1)})),g.default.createElement(v,null,g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("babyGrowth.weight")," ",w("pregnancyWeightGain.weightInput.desc")),Array.isArray(T)&&T.length>0&&g.default.createElement(v,null,g.default.createElement(i.ResponsiveContainer,{height:388,className:"chart"},g.default.createElement(i.AreaChart,{data:T,margin:{top:16,right:0,left:0}},g.default.createElement(i.CartesianGrid,{stroke:l.theme.colors.neutral100}),g.default.createElement(i.Tooltip,{trigger:"click",content:function(t){return g.default.createElement(E,e.__assign({active:!k&&_&&void 0!==u&&void 0!==m},t))}}),g.default.createElement(i.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return g.default.createElement(b,e.__assign({},t,{activeWeek:u}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),g.default.createElement(i.YAxis,{domain:[function(e){return Math.max(e,s-10||e)},function(e){return Math.max(e,s+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:l.theme.colors.gray600}}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:l.theme.colors.blue100}),void 0!==u&&void 0!==m&&g.default.createElement(i.ReferenceDot,{onClick:function(){return q(!0)},x:0===u?1:u,y:m,r:4,shape:g.default.createElement(o.CustomReferenceDot,{ref:C,r:4}),fill:l.theme.colors.primaryBase,stroke:l.theme.colors.primaryBase}))),g.default.createElement("div",{className:"custom-chart-label"},g.default.createElement("i",null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return g.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),g.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||l.theme.colors.primaryBase}))},_=function(e){var t=e.idealWeight,a=r.useTranslations().t;return g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(j,{color:l.theme.colors.blue100}),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},g.default.createElement(n.Text,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray800,type:"bold",as:"span"},t))),g.default.createElement("div",null,g.default.createElement(j,null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},a("pwg.placeholder.weight"))))},q=x.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 16px;\n width: 100%;\n gap: 24px;\n border: 1px solid ",";\n border-radius: 8px;\n .chart-header {\n text-align: center;\n }\n > div {\n width: 100%;\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 16px;\n width: 100%;\n gap: 24px;\n border: 1px solid ",";\n border-radius: 8px;\n .chart-header {\n text-align: center;\n }\n > div {\n width: 100%;\n }\n"])),l.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var i=t.chartProps,o=t.pillCarouselProps,c=t.idealWeight,s=t.description,d=r.useTranslations().t;return g.default.createElement(q,null,g.default.createElement("div",{className:"chart-header"},g.default.createElement(n.Text,{size:"s1",type:"semiBold",color:l.theme.colors.gray800},d("pregnancyTool.weightSuggested")),s&&s),g.default.createElement(a.PillCarousel,e.__assign({},o)),g.default.createElement("div",null,g.default.createElement(_,{idealWeight:c}),g.default.createElement(T,e.__assign({},i))))};
|