@hhgtech/hhg-components 1.21.0-beta-13 → 1.21.0-beta-14

package/build/Locale-11b51016.js

@@ -0,0 +1 @@
+"use strict";var e,t,r,a,o;exports.Gender=void 0,(e=exports.Gender||(exports.Gender={})).Boy="boy",e.Girl="girl",exports.BabyGrowthChartType=void 0,(t=exports.BabyGrowthChartType||(exports.BabyGrowthChartType={}))[t.Weight=0]="Weight",t[t.Height=1]="Height",t[t.Head=2]="Head",t[t.BMI=3]="BMI",exports.BabyGrowthChartDuration=void 0,(r=exports.BabyGrowthChartDuration||(exports.BabyGrowthChartDuration={}))[r.Weekly=0]="Weekly",r[r.Monthly=1]="Monthly",r[r.Yearly=2]="Yearly",exports.BabyGrowthResultTab=void 0,(a=exports.BabyGrowthResultTab||(exports.BabyGrowthResultTab={}))[a.Weight=0]="Weight",a[a.Height=1]="Height",a[a.Head=2]="Head",a[a.BMI=3]="BMI",a[a.Record=4]="Record",exports.LOCALE=void 0,(o=exports.LOCALE||(exports.LOCALE={})).Vietnam="vi-VN",o.Indonesia="id-ID",o.Malaysia="ms-MY",o.Cambodia="km-KH",o.PhilippinesEnglish="en-PH",o.PhilippinesTagalog="tl-PH",o.Thailand="th-TH",o.Myanmar="my-MM",o.Taiwan="zh-TW",o.India="hi-IN";

package/build/babyGrowth.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/babyGrowthGender.js"),r=require("./components/babyGrowthLegend.js"),o=require("./components/babyGrowthSwitch.js"),t=require("./components/babyGrowthTooltip.js"),s=require("./components/babyGrowthProfileRadio.js"),a=require("./components/babyGrowthRecord.js"),i=require("./components/childCard.js"),n=require("./components/babyGrowthChooseProfileDrawer.js"),u=require("./index-19a7a687.js");require("react"),require("./useTranslations-77f20604.js"),require("./translationsContext-af789c7c.js"),require("./_commonjsHelpers-2e1dcd72.js"),require("./components/icons.js"),require("./tslib.es6-f7929e76.js"),require("./theme-696d81a9.js"),require("./FullScreen-924067af.js"),require("./components/text.js"),require("./utils-1cac3068.js"),require("styled-components"),require("./components/radioImageGroup.js"),require("./BabyGrowth-67f596f1.js"),require("./Locale-a38e4154.js"),require("./components/button.js"),require("./animation-b53aef6e.js"),require("date-fns"),require("./localizeNumberFormat-d34a738e.js"),require("./components/heading.js"),require("./components/menu.js"),require("./useOutsideClick-528bfd6c.js"),require("./components/newBabyProfileRadio.js"),require("./components/input.js"),require("./components/label.js"),require("./components/drawer.js"),require("react-dom"),require("./components/backdrop.js"),require("./components/modal.js"),require("./useScrollbarSize-586f6706.js"),require("lodash/debounce"),require("lodash"),require("lodash/get"),require("lodash/isArray"),require("lodash/isNaN"),require("lodash/isNumber"),require("lodash/isString"),require("lodash/every"),require("lodash/find"),require("lodash/isFunction"),require("lodash/throttle"),require("lodash/sortBy"),require("lodash/range"),require("lodash/isNil"),require("lodash/isBoolean"),require("lodash/isObject"),require("lodash/uniqBy"),require("./index-fbae171b.js"),require("lodash/upperFirst"),require("lodash/isEqual"),require("lodash/max"),require("lodash/min"),require("lodash/flatMap"),require("lodash/mapValues"),require("lodash/some"),require("lodash/last"),exports.BabyGrowthGender=e.BabyGrowthGender,exports.BabyGrowthLegend=r.BabyGrowthLegend,exports.BabyGrowthSwitch=o.BabyGrowthSwitch,Object.defineProperty(exports,"BabyGrowthSwitchChart",{enumerable:!0,get:function(){return o.BabyGrowthSwitchChart}}),exports.BabyGrowthTooltip=t.BabyGrowthTooltip,exports.BabyGrowthProfileRadio=s.BabyGrowthProfileRadio,exports.BabyGrowthRecord=a.BabyGrowthRecord,exports.ChildCard=i.ChildCard,exports.BabyGrowthChooseProfileDrawer=n.BabyGrowthChooseProfileDrawer,exports.BabyGrowthChart=u.BabyGrowthChart,exports.BabyGrowthChartPercentile=u.BabyGrowthChartPercentile,exports.BabyGrowthChartZScore=u.BabyGrowthChartZScore,exports.LABELS_PERCENTILE=u.LABELS_PERCENTILE,exports.LABELS_Z_SCORE=u.LABELS_Z_SCORE,exports.divideChartData=u.divideChartData,exports.generateGrowthChart=u.generateGrowthChart,exports.generateXAxisTicks=u.generateXAxisTicks,exports.getAxisYDomain=u.getAxisYDomain,exports.refineDataWithLine=u.refineDataWithLine,exports.transformDataToChart=u.transformDataToChart;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/babyGrowthGender.js"),r=require("./components/babyGrowthLegend.js"),o=require("./components/babyGrowthSwitch.js"),t=require("./components/babyGrowthTooltip.js"),s=require("./components/babyGrowthProfileRadio.js"),a=require("./components/babyGrowthRecord.js"),i=require("./components/childCard.js"),n=require("./components/babyGrowthChooseProfileDrawer.js"),u=require("./index-e49563ad.js");require("react"),require("./useTranslations-77f20604.js"),require("./translationsContext-af789c7c.js"),require("./_commonjsHelpers-2e1dcd72.js"),require("./Locale-11b51016.js"),require("./components/icons.js"),require("./tslib.es6-f7929e76.js"),require("./theme-696d81a9.js"),require("./FullScreen-924067af.js"),require("./components/text.js"),require("./utils-1cac3068.js"),require("styled-components"),require("./components/radioImageGroup.js"),require("./components/button.js"),require("./animation-b53aef6e.js"),require("date-fns"),require("lodash/debounce"),require("./constants-5675963f.js"),require("./localizeNumberFormat-d34a738e.js"),require("./lazyLoad-b5986db9.js"),require("./components/heading.js"),require("./components/menu.js"),require("./useOutsideClick-528bfd6c.js"),require("./components/newBabyProfileRadio.js"),require("./components/input.js"),require("./components/label.js"),require("./components/drawer.js"),require("react-dom"),require("./components/backdrop.js"),require("./components/modal.js"),require("./useScrollbarSize-586f6706.js"),require("lodash"),require("lodash/get"),require("lodash/isArray"),require("lodash/isNaN"),require("lodash/isNumber"),require("lodash/isString"),require("lodash/every"),require("lodash/find"),require("lodash/isFunction"),require("lodash/throttle"),require("lodash/sortBy"),require("lodash/range"),require("lodash/isNil"),require("lodash/isBoolean"),require("lodash/isObject"),require("lodash/uniqBy"),require("./index-fbae171b.js"),require("lodash/upperFirst"),require("lodash/isEqual"),require("lodash/max"),require("lodash/min"),require("lodash/flatMap"),require("lodash/mapValues"),require("lodash/some"),require("lodash/last"),exports.BabyGrowthGender=e.BabyGrowthGender,exports.BabyGrowthLegend=r.BabyGrowthLegend,exports.BabyGrowthSwitch=o.BabyGrowthSwitch,Object.defineProperty(exports,"BabyGrowthSwitchChart",{enumerable:!0,get:function(){return o.BabyGrowthSwitchChart}}),exports.BabyGrowthTooltip=t.BabyGrowthTooltip,exports.BabyGrowthProfileRadio=s.BabyGrowthProfileRadio,exports.BabyGrowthRecord=a.BabyGrowthRecord,exports.ChildCard=i.ChildCard,exports.BabyGrowthChooseProfileDrawer=n.BabyGrowthChooseProfileDrawer,exports.BabyGrowthChart=u.BabyGrowthChart,exports.BabyGrowthChartPercentile=u.BabyGrowthChartPercentile,exports.BabyGrowthChartZScore=u.BabyGrowthChartZScore,exports.LABELS_PERCENTILE=u.LABELS_PERCENTILE,exports.LABELS_Z_SCORE=u.LABELS_Z_SCORE,exports.divideChartData=u.divideChartData,exports.generateGrowthChart=u.generateGrowthChart,exports.generateXAxisTicks=u.generateXAxisTicks,exports.getAxisYDomain=u.getAxisYDomain,exports.refineDataWithLine=u.refineDataWithLine,exports.transformDataToChart=u.transformDataToChart;

package/build/components/babyGrowthChart.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react"),require("../useOutsideClick-528bfd6c.js"),require("../useTranslations-77f20604.js"),require("./babyGrowthTooltip.js"),require("./text.js");var e=require("../index-19a7a687.js");require("../theme-696d81a9.js"),require("../Locale-a38e4154.js"),require("../BabyGrowth-67f596f1.js"),require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js"),require("styled-components"),require("../utils-1cac3068.js"),require("lodash"),require("lodash/debounce"),require("react-dom"),require("lodash/get"),require("lodash/isArray"),require("lodash/isNaN"),require("lodash/isNumber"),require("lodash/isString"),require("lodash/every"),require("lodash/find"),require("lodash/isFunction"),require("lodash/throttle"),require("lodash/sortBy"),require("lodash/range"),require("lodash/isNil"),require("lodash/isBoolean"),require("lodash/isObject"),require("lodash/uniqBy"),require("../index-fbae171b.js"),require("lodash/upperFirst"),require("lodash/isEqual"),require("lodash/max"),require("lodash/min"),require("lodash/flatMap"),require("lodash/mapValues"),require("lodash/some"),require("lodash/last"),exports.BabyGrowthChart=e.BabyGrowthChart,exports.LABELS_PERCENTILE=e.LABELS_PERCENTILE,exports.LABELS_Z_SCORE=e.LABELS_Z_SCORE;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react"),require("../Locale-11b51016.js"),require("../useOutsideClick-528bfd6c.js"),require("../useTranslations-77f20604.js"),require("date-fns"),require("../animation-b53aef6e.js"),require("../lazyLoad-b5986db9.js"),require("styled-components"),require("../theme-696d81a9.js"),require("../constants-5675963f.js"),require("../utils-1cac3068.js"),require("./babyGrowthTooltip.js"),require("./text.js");var e=require("../index-e49563ad.js");require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js"),require("lodash"),require("lodash/debounce"),require("react-dom"),require("lodash/get"),require("lodash/isArray"),require("lodash/isNaN"),require("lodash/isNumber"),require("lodash/isString"),require("lodash/every"),require("lodash/find"),require("lodash/isFunction"),require("lodash/throttle"),require("lodash/sortBy"),require("lodash/range"),require("lodash/isNil"),require("lodash/isBoolean"),require("lodash/isObject"),require("lodash/uniqBy"),require("../index-fbae171b.js"),require("lodash/upperFirst"),require("lodash/isEqual"),require("lodash/max"),require("lodash/min"),require("lodash/flatMap"),require("lodash/mapValues"),require("lodash/some"),require("lodash/last"),exports.BabyGrowthChart=e.BabyGrowthChart,exports.LABELS_PERCENTILE=e.LABELS_PERCENTILE,exports.LABELS_Z_SCORE=e.LABELS_Z_SCORE;

package/build/components/babyGrowthChooseProfileDrawer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../tslib.es6-f7929e76.js"),n=require("react"),t=require("../useTranslations-77f20604.js"),o=require("./babyGrowthProfileRadio.js"),l=require("./button.js"),a=require("./newBabyProfileRadio.js"),r=require("./text.js"),i=require("../theme-696d81a9.js"),u=require("./drawer.js"),d=require("styled-components"),s=require("./modal.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js"),require("./icons.js"),require("../FullScreen-924067af.js"),require("../animation-b53aef6e.js"),require("../utils-1cac3068.js"),require("./input.js"),require("./label.js"),require("react-dom"),require("./backdrop.js"),require("../useScrollbarSize-586f6706.js"),require("lodash/debounce");var f,p,m=c(n),b=c(d),x=b.default(u.Drawer)(f||(f=e.__makeTemplateObject(["\n  .add-profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  .button-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    button {\n      width: 100%;\n    }\n  }\n"],["\n  .add-profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  .button-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    button {\n      width: 100%;\n    }\n  }\n"]))),C=b.default(s.Modal)(p||(p=e.__makeTemplateObject(["\n  .hhg-modal {\n    min-width: 570px;\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n    border-bottom: 1px solid ",";\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  .profile-container {\n    padding-block: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    border-bottom: 1px solid ",";\n    max-height: 300px;\n    overflow-y: auto;\n  }\n\n  .button-group {\n    display: flex;\n    justify-content: flex-end;\n    gap: 16px;\n    margin-block: 16px;\n  }\n"],["\n  .hhg-modal {\n    min-width: 570px;\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n    border-bottom: 1px solid ",";\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  .profile-container {\n    padding-block: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    border-bottom: 1px solid ",";\n    max-height: 300px;\n    overflow-y: auto;\n  }\n\n  .button-group {\n    display: flex;\n    justify-content: flex-end;\n    gap: 16px;\n    margin-block: 16px;\n  }\n"])),i.theme.colors.neutral100,i.theme.colors.neutral100);exports.BabyGrowthChooseProfileDrawer=function(i){var u,d,s=i.babyProfiles,c=i.currentProfileId,f=i.onClose,p=i.onCreate,b=i.onAddMeasurement,g=i.onSwitchProfile,y=i.open,h=i.isMobile,w=i.isMyProfile,v=void 0!==w&&w,j=i.buttonGroup,q=i.newBabyValue,E=i.onNewBabyValueChange,B=e.__rest(i,["babyProfiles","currentProfileId","onClose","onCreate","onAddMeasurement","onSwitchProfile","open","isMobile","isMyProfile","buttonGroup","newBabyValue","onNewBabyValueChange"]),P=function(e){return v?m.default.createElement(m.default.Fragment,null,m.default.createElement(l.Button,{onClick:function(){null==p||p(),f()},size:"lg",color:"secondary",icon:m.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m.default.createElement("path",{d:"M13.5 9.75H9.75V13.5C9.75 13.9125 9.4125 14.25 9 14.25C8.5875 14.25 8.25 13.9125 8.25 13.5V9.75H4.5C4.0875 9.75 3.75 9.4125 3.75 9C3.75 8.5875 4.0875 8.25 4.5 8.25H8.25V4.5C8.25 4.0875 8.5875 3.75 9 3.75C9.4125 3.75 9.75 4.0875 9.75 4.5V8.25H13.5C13.9125 8.25 14.25 8.5875 14.25 9C14.25 9.4125 13.9125 9.75 13.5 9.75Z",fill:"#2D87F3"}))},_("babyGrowth.drawer.createBaby")),m.default.createElement(l.Button,{size:"lg",color:"primary",onClick:function(){null==e||e(),v?null==g||g(N):null==b||b(N),f()}},_(v?"babyGrowth.drawer.switchProfile":"babyGrowth.drawer.addMeasurement"))):m.default.createElement(l.Button,{size:"lg",color:"primary",onClick:function(){null==b||b(N),null==e||e(),f()}},_("chooseBaby.button"))},k=n.useState(c||(null===(u=s[0])||void 0===u?void 0:u.id)),N=k[0],M=k[1],_=t.useTranslations().t;return h?m.default.createElement(x,e.__assign({title:"Baby profiles",onClose:f,open:y,placement:"bottom"},B),(function(e){var n,t=e.internalClose;return m.default.createElement("div",{className:"add-profile-container"},m.default.createElement("div",{className:"profile-container"},null===(n=s||[])||void 0===n?void 0:n.map((function(e){return m.default.createElement(o.BabyGrowthProfileRadio,{key:e.id,profile:e,isActive:N===e.id,onChange:M})})),!v&&m.default.createElement(a.NewBabyProfileRadio,{value:q,onInputChange:E,isActive:"new"===N,onChange:M})),m.default.createElement("div",{className:"button-group"},j||P(t)))})):m.default.createElement(C,{type:"confirm",isOpen:y,onClose:f},m.default.createElement("div",{className:"header"},m.default.createElement("div",{className:"title"},m.default.createElement(r.Text,{size:"s2",type:"semiBold"},_("chooseBaby.title")),m.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:f},m.default.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"})))),m.default.createElement("div",{className:"profile-container"},null===(d=s||[])||void 0===d?void 0:d.map((function(e){return m.default.createElement(o.BabyGrowthProfileRadio,{key:e.id,profile:e,isActive:N===e.id,onChange:M})})),!v&&m.default.createElement(a.NewBabyProfileRadio,{value:q,onInputChange:E,isActive:"new"===N,onChange:M})),m.default.createElement("div",{className:"button-group"},j||P()))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../tslib.es6-f7929e76.js"),n=require("react"),t=require("../useTranslations-77f20604.js"),o=require("./babyGrowthProfileRadio.js"),l=require("./button.js"),r=require("./newBabyProfileRadio.js"),a=require("./text.js"),i=require("../theme-696d81a9.js"),u=require("./drawer.js"),d=require("styled-components"),s=require("./modal.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js"),require("./icons.js"),require("../FullScreen-924067af.js"),require("../animation-b53aef6e.js"),require("../utils-1cac3068.js"),require("lodash/debounce"),require("../constants-5675963f.js"),require("date-fns"),require("../lazyLoad-b5986db9.js"),require("../Locale-11b51016.js"),require("./input.js"),require("./label.js"),require("react-dom"),require("./backdrop.js"),require("../useScrollbarSize-586f6706.js");var f,p,m=c(n),b=c(d),x=b.default(u.Drawer)(f||(f=e.__makeTemplateObject(["\n  .add-profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  .button-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    button {\n      width: 100%;\n    }\n  }\n"],["\n  .add-profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  .profile-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  .button-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    button {\n      width: 100%;\n    }\n  }\n"]))),C=b.default(s.Modal)(p||(p=e.__makeTemplateObject(["\n  .hhg-modal {\n    min-width: 570px;\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n    border-bottom: 1px solid ",";\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  .profile-container {\n    padding-block: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    border-bottom: 1px solid ",";\n    max-height: 300px;\n    overflow-y: auto;\n  }\n\n  .button-group {\n    display: flex;\n    justify-content: flex-end;\n    gap: 16px;\n    margin-block: 16px;\n  }\n"],["\n  .hhg-modal {\n    min-width: 570px;\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n    border-bottom: 1px solid ",";\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  .profile-container {\n    padding-block: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    border-bottom: 1px solid ",";\n    max-height: 300px;\n    overflow-y: auto;\n  }\n\n  .button-group {\n    display: flex;\n    justify-content: flex-end;\n    gap: 16px;\n    margin-block: 16px;\n  }\n"])),i.theme.colors.neutral100,i.theme.colors.neutral100);exports.BabyGrowthChooseProfileDrawer=function(i){var u,d,s=i.babyProfiles,c=i.currentProfileId,f=i.onClose,p=i.onCreate,b=i.onAddMeasurement,g=i.onSwitchProfile,y=i.open,h=i.isMobile,w=i.isMyProfile,v=void 0!==w&&w,j=i.buttonGroup,q=i.newBabyValue,E=i.onNewBabyValueChange,B=e.__rest(i,["babyProfiles","currentProfileId","onClose","onCreate","onAddMeasurement","onSwitchProfile","open","isMobile","isMyProfile","buttonGroup","newBabyValue","onNewBabyValueChange"]),P=function(e){return v?m.default.createElement(m.default.Fragment,null,m.default.createElement(l.Button,{onClick:function(){null==p||p(),f()},size:"lg",color:"secondary",icon:m.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m.default.createElement("path",{d:"M13.5 9.75H9.75V13.5C9.75 13.9125 9.4125 14.25 9 14.25C8.5875 14.25 8.25 13.9125 8.25 13.5V9.75H4.5C4.0875 9.75 3.75 9.4125 3.75 9C3.75 8.5875 4.0875 8.25 4.5 8.25H8.25V4.5C8.25 4.0875 8.5875 3.75 9 3.75C9.4125 3.75 9.75 4.0875 9.75 4.5V8.25H13.5C13.9125 8.25 14.25 8.5875 14.25 9C14.25 9.4125 13.9125 9.75 13.5 9.75Z",fill:"#2D87F3"}))},_("babyGrowth.drawer.createBaby")),m.default.createElement(l.Button,{size:"lg",color:"primary",onClick:function(){null==e||e(),v?null==g||g(N):null==b||b(N),f()}},_(v?"babyGrowth.drawer.switchProfile":"babyGrowth.drawer.addMeasurement"))):m.default.createElement(l.Button,{size:"lg",color:"primary",onClick:function(){null==b||b(N),null==e||e(),f()}},_("chooseBaby.button"))},k=n.useState(c||(null===(u=s[0])||void 0===u?void 0:u.id)),N=k[0],M=k[1],_=t.useTranslations().t;return h?m.default.createElement(x,e.__assign({title:"Baby profiles",onClose:f,open:y,placement:"bottom"},B),(function(e){var n,t=e.internalClose;return m.default.createElement("div",{className:"add-profile-container"},m.default.createElement("div",{className:"profile-container"},null===(n=s||[])||void 0===n?void 0:n.map((function(e){return m.default.createElement(o.BabyGrowthProfileRadio,{key:e.id,profile:e,isActive:N===e.id,onChange:M})})),!v&&m.default.createElement(r.NewBabyProfileRadio,{value:q,onInputChange:E,isActive:"new"===N,onChange:M})),m.default.createElement("div",{className:"button-group"},j||P(t)))})):m.default.createElement(C,{type:"confirm",isOpen:y,onClose:f},m.default.createElement("div",{className:"header"},m.default.createElement("div",{className:"title"},m.default.createElement(a.Text,{size:"s2",type:"semiBold"},_("chooseBaby.title")),m.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:f},m.default.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"})))),m.default.createElement("div",{className:"profile-container"},null===(d=s||[])||void 0===d?void 0:d.map((function(e){return m.default.createElement(o.BabyGrowthProfileRadio,{key:e.id,profile:e,isActive:N===e.id,onChange:M})})),!v&&m.default.createElement(r.NewBabyProfileRadio,{value:q,onInputChange:E,isActive:"new"===N,onChange:M})),m.default.createElement("div",{className:"button-group"},j||P()))};

package/build/components/babyGrowthGender.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("../useTranslations-77f20604.js"),t=require("./icons.js"),r=require("./text.js"),a=require("../tslib.es6-f7929e76.js"),l=require("../utils-1cac3068.js"),i=require("styled-components"),o=require("./radioImageGroup.js"),d=require("../BabyGrowth-67f596f1.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js"),require("../theme-696d81a9.js"),require("../FullScreen-924067af.js");var c,u,p=s(e),m=s(i),f=m.default.div(c||(c=a.__makeTemplateObject(["\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        max-width: 186px;\n        justify-self: left;\n      }\n    }\n  }\n"],["\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        max-width: 186px;\n        justify-self: left;\n      }\n    }\n  }\n"])),l.MediaQueries.mbUp),g=m.default(o.RadioImageGroup)(u||(u=a.__makeTemplateObject(["\n  & > div > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-content: center;\n    gap: 8px;\n    padding-block: 5px;\n  }\n  .radio-group-item-heading {\n    margin-top: 0;\n  }\n"],["\n  & > div > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-content: center;\n    gap: 8px;\n    padding-block: 5px;\n  }\n  .radio-group-item-heading {\n    margin-top: 0;\n  }\n"])));exports.BabyGrowthGender=function(e){var a=e.value,l=e.onChange,i=n.useTranslations().t;return p.default.createElement(f,null,p.default.createElement(r.Text,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},i("babyVaccineTool.selectGender")),p.default.createElement(g,{options:[{value:d.Gender.Girl,label:i("gender.female"),content:p.default.createElement(t.Icon.GenderChooseGirl,null)},{value:d.Gender.Boy,label:i("gender.male"),content:p.default.createElement(t.Icon.GenderChooseBoy,null)}],value:a,onChange:l,className:"gender-selector"}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("../useTranslations-77f20604.js"),t=require("../Locale-11b51016.js"),r=require("./icons.js"),a=require("./text.js"),l=require("../tslib.es6-f7929e76.js"),i=require("../utils-1cac3068.js"),o=require("styled-components"),d=require("./radioImageGroup.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js"),require("../theme-696d81a9.js"),require("../FullScreen-924067af.js");var c,u,p=s(e),m=s(o),f=m.default.div(c||(c=l.__makeTemplateObject(["\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        max-width: 186px;\n        justify-self: left;\n      }\n    }\n  }\n"],["\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        max-width: 186px;\n        justify-self: left;\n      }\n    }\n  }\n"])),i.MediaQueries.mbUp),g=m.default(d.RadioImageGroup)(u||(u=l.__makeTemplateObject(["\n  & > div > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-content: center;\n    gap: 8px;\n    padding-block: 5px;\n  }\n  .radio-group-item-heading {\n    margin-top: 0;\n  }\n"],["\n  & > div > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-content: center;\n    gap: 8px;\n    padding-block: 5px;\n  }\n  .radio-group-item-heading {\n    margin-top: 0;\n  }\n"])));exports.BabyGrowthGender=function(e){var l=e.value,i=e.onChange,o=n.useTranslations().t;return p.default.createElement(f,null,p.default.createElement(a.Text,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},o("babyVaccineTool.selectGender")),p.default.createElement(g,{options:[{value:t.Gender.Girl,label:o("gender.female"),content:p.default.createElement(r.Icon.GenderChooseGirl,null)},{value:t.Gender.Boy,label:o("gender.male"),content:p.default.createElement(r.Icon.GenderChooseBoy,null)}],value:l,onChange:i,className:"gender-selector"}))};

package/build/components/babyGrowthLegend.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../theme-696d81a9.js"),n=require("./text.js"),r=require("../tslib.es6-f7929e76.js"),a=require("styled-components"),l=require("../Locale-a38e4154.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../utils-1cac3068.js");var s,c,o=i(e),u=i(a),d=u.default.div(s||(s=r.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  gap: 16px;\n"],["\n  display: flex;\n  justify-content: center;\n  gap: 16px;\n"]))),p=u.default.div(c||(c=r.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  .dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  .dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n  }\n"])));exports.BabyGrowthLegend=function(e){var r=e.legends,a=e.locale;return o.default.createElement(d,null,r.map((function(e,r){return o.default.createElement(p,{key:r},o.default.createElement("span",{className:"dot",style:{backgroundColor:e.color}}),o.default.createElement(n.Text,{size:"n1",color:t.theme.colors.gray800},a===l.LOCALE.Indonesia?e["z-score"]:e.text))})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../Locale-11b51016.js"),n=require("../theme-696d81a9.js"),r=require("./text.js"),a=require("../tslib.es6-f7929e76.js"),l=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../utils-1cac3068.js");var s,c,o=i(e),u=i(l),d=u.default.div(s||(s=a.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  gap: 16px;\n"],["\n  display: flex;\n  justify-content: center;\n  gap: 16px;\n"]))),p=u.default.div(c||(c=a.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  .dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  .dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n  }\n"])));exports.BabyGrowthLegend=function(e){var a=e.legends,l=e.locale;return o.default.createElement(d,null,a.map((function(e,a){return o.default.createElement(p,{key:a},o.default.createElement("span",{className:"dot",style:{backgroundColor:e.color}}),o.default.createElement(r.Text,{size:"n1",color:n.theme.colors.gray800},l===t.LOCALE.Indonesia?e["z-score"]:e.text))})))};

package/build/components/babyGrowthRecord.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("date-fns"),l=require("../theme-696d81a9.js"),r=require("./childCard.js"),a=require("./text.js"),n=require("../tslib.es6-f7929e76.js"),i=require("styled-components"),d=require("../localizeNumberFormat-d34a738e.js"),o=require("../Locale-a38e4154.js"),s=require("../useTranslations-77f20604.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./heading.js"),require("../utils-1cac3068.js"),require("./icons.js"),require("../FullScreen-924067af.js"),require("./menu.js"),require("../useOutsideClick-528bfd6c.js"),require("../BabyGrowth-67f596f1.js"),require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js");var c,m=C(e),u=C(i).default.div(c||(c=n.__makeTemplateObject(["\n  cursor: pointer;\n  position: relative;\n  padding: 20px 2px;\n  border-bottom: 1px solid ",";\n  .time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .edit-button {\n    margin-left: auto;\n    justify-self: end;\n  }\n  .record {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: 1fr;\n    grid-column-gap: 30px;\n    grid-row-gap: 0px;\n  }\n  .record-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n"],["\n  cursor: pointer;\n  position: relative;\n  padding: 20px 2px;\n  border-bottom: 1px solid ",";\n  .time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .edit-button {\n    margin-left: auto;\n    justify-self: end;\n  }\n  .record {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: 1fr;\n    grid-column-gap: 30px;\n    grid-row-gap: 0px;\n  }\n  .record-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n"])),l.theme.colors.gray100),f=function(e,t){return e&&"NaN"!==e?e+" "+(t||""):"--"};exports.BabyGrowthRecord=function(e){var n=e.measurementDate,i=void 0===n?new Date:n,C=e.weight,c=e.height,p=e.head,g=e.onEdit,h=e.birthday,L=e.dateFormat,w=void 0===L?"dd/MM/yyyy":L,x=e.locale;void 0===x&&o.LOCALE.PhilippinesEnglish;var E=s.useTranslations().t;return m.default.createElement(u,{onClick:g},m.default.createElement("div",{className:"time"},m.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m.default.createElement("path",{d:"M5.64421 0.666016C5.27621 0.666016 4.97754 0.964682 4.97754 1.33268V1.99935H4.31087C3.57754 1.99935 2.97754 2.59935 2.97754 3.33268V12.666C2.97754 13.3993 3.57754 13.9993 4.31087 13.9993H13.6442C14.3775 13.9993 14.9775 13.3993 14.9775 12.666V3.33268C14.9775 2.59935 14.3775 1.99935 13.6442 1.99935H12.9775V1.33268C12.9775 0.964682 12.6789 0.666016 12.3109 0.666016C11.9429 0.666016 11.6442 0.964682 11.6442 1.33268V1.99935H6.31087V1.33268C6.31087 0.964682 6.01221 0.666016 5.64421 0.666016ZM4.31087 5.33268H13.6442V11.9993C13.6442 12.3673 13.3455 12.666 12.9775 12.666H4.97754C4.60954 12.666 4.31087 12.3673 4.31087 11.9993V5.33268Z",fill:"#8C8C8C"})),m.default.createElement(a.Text,{size:"p3",color:l.theme.colors.gray600},"".concat(t.format(i,w)," (").concat(r.renderChildAge(d.ageGenerate(h,i),E),")")),m.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"edit-button"},m.default.createElement("path",{d:"M12.7721 1.33398C12.2911 1.33398 11.8102 1.51773 11.443 1.88607L10.6643 2.66732L13.3224 5.33398L14.1011 4.55273C14.8348 3.81673 14.8348 2.62273 14.1011 1.88607C13.734 1.51773 13.253 1.33398 12.7721 1.33398ZM9.66748 3.66732L2.02539 11.334V14.0007H4.68351L12.3256 6.33398L9.66748 3.66732Z",fill:"#8C8C8C"}))),m.default.createElement("div",{className:"record"},m.default.createElement("div",{className:"record-item"},m.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m.default.createElement("path",{d:"M8.44401 9.86602C8.44401 9.57146 8.68279 9.33268 8.97734 9.33268C9.2719 9.33268 9.51068 9.57146 9.51068 9.86602V11.466C9.51068 11.7606 9.2719 11.9993 8.97734 11.9993C8.68279 11.9993 8.44401 11.7606 8.44401 11.466V9.86602Z",fill:"#8C8C8C"}),m.default.createElement("path",{d:"M8.17595 3.05319C7.96767 3.26147 7.96767 3.59916 8.17595 3.80744L8.83592 4.46741C9.0442 4.67569 9.38189 4.67569 9.59017 4.46741C9.79844 4.25913 9.79844 3.92144 9.59017 3.71316L8.9302 3.05319C8.72192 2.84491 8.38423 2.84492 8.17595 3.05319Z",fill:"#8C8C8C"}),m.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.2941 3.66435C12.1261 1.98071 10.7053 0.666016 8.97738 0.666016C7.2495 0.666016 5.82868 1.9807 5.66067 3.66434L3.67054 3.86336C2.92499 3.93791 2.38724 4.61197 2.48017 5.35545L3.498 13.4981C3.5814 14.1653 4.1486 14.666 4.82104 14.666H13.1336C13.806 14.666 14.3732 14.1653 14.4567 13.4981L15.4745 5.35545C15.5674 4.61197 15.0297 3.93791 14.2841 3.86336L12.2941 3.66435ZM12.1607 4.991C11.7386 6.34768 10.473 7.33268 8.97738 7.33268C7.48176 7.33268 6.2162 6.34767 5.79403 4.99099L3.80321 5.19007L4.82104 13.3327L13.1336 13.3327L14.1514 5.19007L12.1607 4.991ZM10.9774 3.99935C10.9774 5.10392 10.0819 5.99935 8.97738 5.99935C7.87281 5.99935 6.97738 5.10392 6.97738 3.99935C6.97738 2.89478 7.87281 1.99935 8.97738 1.99935C10.0819 1.99935 10.9774 2.89478 10.9774 3.99935Z",fill:"#8C8C8C"})),m.default.createElement(a.Text,{size:"s3",color:l.theme.colors.gray800,type:"semiBold"},f(d.localizeNumberFormat(C),"kg"))),m.default.createElement("div",{className:"record-item"},m.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m.default.createElement("g",{clipPath:"url(#clip0_855_82991)"},m.default.createElement("path",{d:"M12.6055 13.9993L12.6055 1.99935C12.6055 1.26602 12.0055 0.666016 11.2721 0.666016L5.9388 0.666015C5.20547 0.666015 4.60547 1.26602 4.60547 1.99935L4.60547 13.9993C4.60547 14.7327 5.20547 15.3327 5.9388 15.3327L11.2721 15.3327C12.0055 15.3327 12.6055 14.7327 12.6055 13.9993ZM5.9388 13.9993L5.9388 1.99935L11.2721 1.99935L11.2721 3.33268L8.60547 3.33268L8.60547 4.66602L11.2721 4.66602L11.2721 5.99935L8.60547 5.99935L8.60547 7.33268L11.2721 7.33268L11.2721 8.66602L8.60547 8.66601L8.60547 9.99935L11.2721 9.99935L11.2721 11.3327L8.60547 11.3327L8.60547 12.666L11.2721 12.666L11.2721 13.9993L5.9388 13.9993Z",fill:"#8C8C8C"})),m.default.createElement("defs",null,m.default.createElement("clipPath",{id:"clip0_855_82991"},m.default.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(16.6055) rotate(90)"})))),m.default.createElement(a.Text,{size:"s3",color:l.theme.colors.gray800,type:"semiBold"},f(d.localizeNumberFormat(c),"cm"))),m.default.createElement("div",{className:"record-item"},m.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m.default.createElement("g",{clipPath:"url(#clip0_855_82994)"},m.default.createElement("path",{d:"M9.90072 7.83268C10.361 7.83268 10.734 7.45959 10.734 6.99935C10.734 6.53911 10.361 6.16602 9.90072 6.16602C9.44048 6.16602 9.06738 6.53911 9.06738 6.99935C9.06738 7.45959 9.44048 7.83268 9.90072 7.83268Z",fill:"#8C8C8C"}),m.default.createElement("path",{d:"M6.56771 7.83268C7.02795 7.83268 7.40104 7.45959 7.40104 6.99935C7.40104 6.53911 7.02795 6.16602 6.56771 6.16602C6.10747 6.16602 5.73438 6.53911 5.73438 6.99935C5.73438 7.45959 6.10747 7.83268 6.56771 7.83268Z",fill:"#8C8C8C"}),m.default.createElement("path",{d:"M15.528 7.56C15.3614 6.55333 14.6214 5.73333 13.6547 5.44667C13.3014 4.7 12.8014 4.04667 12.1947 3.50667C11.1414 2.56667 9.7547 2 8.2347 2C6.7147 2 5.32803 2.56667 4.2747 3.50667C3.66137 4.04667 3.16137 4.70667 2.8147 5.44667C1.84803 5.73333 1.10803 6.54667 0.941367 7.56C0.9147 7.7 0.901367 7.84667 0.901367 8C0.901367 8.15333 0.9147 8.3 0.941367 8.44C1.10803 9.44667 1.84803 10.2667 2.8147 10.5533C3.16137 11.2933 3.66137 11.9467 4.26137 12.48C5.3147 13.4267 6.70803 14 8.2347 14C9.76137 14 11.1547 13.4267 12.2147 12.48C12.8147 11.9467 13.3147 11.2867 13.6614 10.5533C14.6214 10.2667 15.3614 9.45333 15.528 8.44C15.5547 8.3 15.568 8.15333 15.568 8C15.568 7.84667 15.5547 7.7 15.528 7.56ZM12.9014 9.33333C12.8347 9.33333 12.7747 9.32 12.708 9.31333C12.5747 9.76 12.3814 10.1733 12.1347 10.5533C11.3014 11.8267 9.86803 12.6667 8.2347 12.6667C6.60137 12.6667 5.16803 11.8267 4.3347 10.5533C4.08803 10.1733 3.8947 9.76 3.76137 9.31333C3.6947 9.32 3.6347 9.33333 3.56803 9.33333C2.8347 9.33333 2.2347 8.73333 2.2347 8C2.2347 7.26667 2.8347 6.66667 3.56803 6.66667C3.6347 6.66667 3.6947 6.68 3.76137 6.68667C3.8947 6.24 4.08803 5.82667 4.3347 5.44667C5.16803 4.17333 6.60137 3.33333 8.2347 3.33333C9.86803 3.33333 11.3014 4.17333 12.1347 5.44667C12.3814 5.82667 12.5747 6.24 12.708 6.68667C12.7747 6.68 12.8347 6.66667 12.9014 6.66667C13.6347 6.66667 14.2347 7.26667 14.2347 8C14.2347 8.73333 13.6347 9.33333 12.9014 9.33333ZM8.2347 11.3333C9.5747 11.3333 10.728 10.5133 11.2347 9.33333H5.2347C5.74137 10.5133 6.8947 11.3333 8.2347 11.3333Z",fill:"#8C8C8C"})),m.default.createElement("defs",null,m.default.createElement("clipPath",{id:"clip0_855_82994"},m.default.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.234375)"})))),m.default.createElement(a.Text,{size:"s3",color:l.theme.colors.gray800,type:"semiBold"},f(d.localizeNumberFormat(p),"cm")))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("date-fns"),l=require("../theme-696d81a9.js"),r=require("./childCard.js"),a=require("../useTranslations-77f20604.js");require("lodash/debounce"),require("../constants-5675963f.js");var n=require("../Locale-11b51016.js"),i=require("../localizeNumberFormat-d34a738e.js");require("../animation-b53aef6e.js"),require("../lazyLoad-b5986db9.js");var d=require("styled-components");require("../utils-1cac3068.js");var o=require("./text.js"),s=require("../tslib.es6-f7929e76.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./heading.js"),require("./icons.js"),require("../FullScreen-924067af.js"),require("./menu.js"),require("../useOutsideClick-528bfd6c.js"),require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js");var C,m=c(e),u=c(d).default.div(C||(C=s.__makeTemplateObject(["\n  cursor: pointer;\n  position: relative;\n  padding: 20px 2px;\n  border-bottom: 1px solid ",";\n  .time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .edit-button {\n    margin-left: auto;\n    justify-self: end;\n  }\n  .record {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: 1fr;\n    grid-column-gap: 30px;\n    grid-row-gap: 0px;\n  }\n  .record-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n"],["\n  cursor: pointer;\n  position: relative;\n  padding: 20px 2px;\n  border-bottom: 1px solid ",";\n  .time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .edit-button {\n    margin-left: auto;\n    justify-self: end;\n  }\n  .record {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: 1fr;\n    grid-column-gap: 30px;\n    grid-row-gap: 0px;\n  }\n  .record-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n"])),l.theme.colors.gray100),f=function(e,t){return e&&"NaN"!==e?e+" "+(t||""):"--"};exports.BabyGrowthRecord=function(e){var d=e.measurementDate,s=void 0===d?new Date:d,c=e.weight,C=e.height,p=e.head,g=e.onEdit,h=e.birthday,L=e.dateFormat,w=void 0===L?"dd/MM/yyyy":L,x=e.locale;void 0===x&&n.LOCALE.PhilippinesEnglish;var v=a.useTranslations().t;return m.default.createElement(u,{onClick:g},m.default.createElement("div",{className:"time"},m.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m.default.createElement("path",{d:"M5.64421 0.666016C5.27621 0.666016 4.97754 0.964682 4.97754 1.33268V1.99935H4.31087C3.57754 1.99935 2.97754 2.59935 2.97754 3.33268V12.666C2.97754 13.3993 3.57754 13.9993 4.31087 13.9993H13.6442C14.3775 13.9993 14.9775 13.3993 14.9775 12.666V3.33268C14.9775 2.59935 14.3775 1.99935 13.6442 1.99935H12.9775V1.33268C12.9775 0.964682 12.6789 0.666016 12.3109 0.666016C11.9429 0.666016 11.6442 0.964682 11.6442 1.33268V1.99935H6.31087V1.33268C6.31087 0.964682 6.01221 0.666016 5.64421 0.666016ZM4.31087 5.33268H13.6442V11.9993C13.6442 12.3673 13.3455 12.666 12.9775 12.666H4.97754C4.60954 12.666 4.31087 12.3673 4.31087 11.9993V5.33268Z",fill:"#8C8C8C"})),m.default.createElement(o.Text,{size:"p3",color:l.theme.colors.gray600},"".concat(t.format(s,w)," (").concat(r.renderChildAge(i.ageGenerate(h,s),v),")")),m.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"edit-button"},m.default.createElement("path",{d:"M12.7721 1.33398C12.2911 1.33398 11.8102 1.51773 11.443 1.88607L10.6643 2.66732L13.3224 5.33398L14.1011 4.55273C14.8348 3.81673 14.8348 2.62273 14.1011 1.88607C13.734 1.51773 13.253 1.33398 12.7721 1.33398ZM9.66748 3.66732L2.02539 11.334V14.0007H4.68351L12.3256 6.33398L9.66748 3.66732Z",fill:"#8C8C8C"}))),m.default.createElement("div",{className:"record"},m.default.createElement("div",{className:"record-item"},m.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m.default.createElement("path",{d:"M8.44401 9.86602C8.44401 9.57146 8.68279 9.33268 8.97734 9.33268C9.2719 9.33268 9.51068 9.57146 9.51068 9.86602V11.466C9.51068 11.7606 9.2719 11.9993 8.97734 11.9993C8.68279 11.9993 8.44401 11.7606 8.44401 11.466V9.86602Z",fill:"#8C8C8C"}),m.default.createElement("path",{d:"M8.17595 3.05319C7.96767 3.26147 7.96767 3.59916 8.17595 3.80744L8.83592 4.46741C9.0442 4.67569 9.38189 4.67569 9.59017 4.46741C9.79844 4.25913 9.79844 3.92144 9.59017 3.71316L8.9302 3.05319C8.72192 2.84491 8.38423 2.84492 8.17595 3.05319Z",fill:"#8C8C8C"}),m.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.2941 3.66435C12.1261 1.98071 10.7053 0.666016 8.97738 0.666016C7.2495 0.666016 5.82868 1.9807 5.66067 3.66434L3.67054 3.86336C2.92499 3.93791 2.38724 4.61197 2.48017 5.35545L3.498 13.4981C3.5814 14.1653 4.1486 14.666 4.82104 14.666H13.1336C13.806 14.666 14.3732 14.1653 14.4567 13.4981L15.4745 5.35545C15.5674 4.61197 15.0297 3.93791 14.2841 3.86336L12.2941 3.66435ZM12.1607 4.991C11.7386 6.34768 10.473 7.33268 8.97738 7.33268C7.48176 7.33268 6.2162 6.34767 5.79403 4.99099L3.80321 5.19007L4.82104 13.3327L13.1336 13.3327L14.1514 5.19007L12.1607 4.991ZM10.9774 3.99935C10.9774 5.10392 10.0819 5.99935 8.97738 5.99935C7.87281 5.99935 6.97738 5.10392 6.97738 3.99935C6.97738 2.89478 7.87281 1.99935 8.97738 1.99935C10.0819 1.99935 10.9774 2.89478 10.9774 3.99935Z",fill:"#8C8C8C"})),m.default.createElement(o.Text,{size:"s3",color:l.theme.colors.gray800,type:"semiBold"},f(i.localizeNumberFormat(c),"kg"))),m.default.createElement("div",{className:"record-item"},m.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m.default.createElement("g",{clipPath:"url(#clip0_855_82991)"},m.default.createElement("path",{d:"M12.6055 13.9993L12.6055 1.99935C12.6055 1.26602 12.0055 0.666016 11.2721 0.666016L5.9388 0.666015C5.20547 0.666015 4.60547 1.26602 4.60547 1.99935L4.60547 13.9993C4.60547 14.7327 5.20547 15.3327 5.9388 15.3327L11.2721 15.3327C12.0055 15.3327 12.6055 14.7327 12.6055 13.9993ZM5.9388 13.9993L5.9388 1.99935L11.2721 1.99935L11.2721 3.33268L8.60547 3.33268L8.60547 4.66602L11.2721 4.66602L11.2721 5.99935L8.60547 5.99935L8.60547 7.33268L11.2721 7.33268L11.2721 8.66602L8.60547 8.66601L8.60547 9.99935L11.2721 9.99935L11.2721 11.3327L8.60547 11.3327L8.60547 12.666L11.2721 12.666L11.2721 13.9993L5.9388 13.9993Z",fill:"#8C8C8C"})),m.default.createElement("defs",null,m.default.createElement("clipPath",{id:"clip0_855_82991"},m.default.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(16.6055) rotate(90)"})))),m.default.createElement(o.Text,{size:"s3",color:l.theme.colors.gray800,type:"semiBold"},f(i.localizeNumberFormat(C),"cm"))),m.default.createElement("div",{className:"record-item"},m.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m.default.createElement("g",{clipPath:"url(#clip0_855_82994)"},m.default.createElement("path",{d:"M9.90072 7.83268C10.361 7.83268 10.734 7.45959 10.734 6.99935C10.734 6.53911 10.361 6.16602 9.90072 6.16602C9.44048 6.16602 9.06738 6.53911 9.06738 6.99935C9.06738 7.45959 9.44048 7.83268 9.90072 7.83268Z",fill:"#8C8C8C"}),m.default.createElement("path",{d:"M6.56771 7.83268C7.02795 7.83268 7.40104 7.45959 7.40104 6.99935C7.40104 6.53911 7.02795 6.16602 6.56771 6.16602C6.10747 6.16602 5.73438 6.53911 5.73438 6.99935C5.73438 7.45959 6.10747 7.83268 6.56771 7.83268Z",fill:"#8C8C8C"}),m.default.createElement("path",{d:"M15.528 7.56C15.3614 6.55333 14.6214 5.73333 13.6547 5.44667C13.3014 4.7 12.8014 4.04667 12.1947 3.50667C11.1414 2.56667 9.7547 2 8.2347 2C6.7147 2 5.32803 2.56667 4.2747 3.50667C3.66137 4.04667 3.16137 4.70667 2.8147 5.44667C1.84803 5.73333 1.10803 6.54667 0.941367 7.56C0.9147 7.7 0.901367 7.84667 0.901367 8C0.901367 8.15333 0.9147 8.3 0.941367 8.44C1.10803 9.44667 1.84803 10.2667 2.8147 10.5533C3.16137 11.2933 3.66137 11.9467 4.26137 12.48C5.3147 13.4267 6.70803 14 8.2347 14C9.76137 14 11.1547 13.4267 12.2147 12.48C12.8147 11.9467 13.3147 11.2867 13.6614 10.5533C14.6214 10.2667 15.3614 9.45333 15.528 8.44C15.5547 8.3 15.568 8.15333 15.568 8C15.568 7.84667 15.5547 7.7 15.528 7.56ZM12.9014 9.33333C12.8347 9.33333 12.7747 9.32 12.708 9.31333C12.5747 9.76 12.3814 10.1733 12.1347 10.5533C11.3014 11.8267 9.86803 12.6667 8.2347 12.6667C6.60137 12.6667 5.16803 11.8267 4.3347 10.5533C4.08803 10.1733 3.8947 9.76 3.76137 9.31333C3.6947 9.32 3.6347 9.33333 3.56803 9.33333C2.8347 9.33333 2.2347 8.73333 2.2347 8C2.2347 7.26667 2.8347 6.66667 3.56803 6.66667C3.6347 6.66667 3.6947 6.68 3.76137 6.68667C3.8947 6.24 4.08803 5.82667 4.3347 5.44667C5.16803 4.17333 6.60137 3.33333 8.2347 3.33333C9.86803 3.33333 11.3014 4.17333 12.1347 5.44667C12.3814 5.82667 12.5747 6.24 12.708 6.68667C12.7747 6.68 12.8347 6.66667 12.9014 6.66667C13.6347 6.66667 14.2347 7.26667 14.2347 8C14.2347 8.73333 13.6347 9.33333 12.9014 9.33333ZM8.2347 11.3333C9.5747 11.3333 10.728 10.5133 11.2347 9.33333H5.2347C5.74137 10.5133 6.8947 11.3333 8.2347 11.3333Z",fill:"#8C8C8C"})),m.default.createElement("defs",null,m.default.createElement("clipPath",{id:"clip0_855_82994"},m.default.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.234375)"})))),m.default.createElement(o.Text,{size:"s3",color:l.theme.colors.gray800,type:"semiBold"},f(i.localizeNumberFormat(p),"cm")))))};

package/build/components/babyGrowthTooltip.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("../theme-696d81a9.js"),t=require("./text.js"),r=require("../tslib.es6-f7929e76.js"),o=require("styled-components"),i=require("../Locale-a38e4154.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../utils-1cac3068.js");var l,d=a(e),s=a(o).default.div(l||(l=r.__makeTemplateObject(["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\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  .tooltip {\n    text-align: left;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\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  .tooltip {\n    text-align: left;\n  }\n"])),n.theme.colors.yellow600),p=[{name:["3rd","-3SD","97th","3SD"],color:n.theme.colors.red600},{name:["15rd","-2SD","85th","2SD"],color:n.theme.colors.yellow600},{name:["50th","0Median"],color:n.theme.colors.green600}],u={"3rd":"-3SD","15th":"-2SD","50th":"Median","85th":"2SD","97th":"3SD"};exports.BabyGrowthTooltip=function(r){var o=r.riskLevel,a=r.tooltips,l=r.locale,c=e.useMemo((function(){var e;return null===(e=p.find((function(e){return e.name.includes(o||"")})))||void 0===e?void 0:e.color}),[o]),x=e.useMemo((function(){return l===i.LOCALE.Indonesia?o?u[o]:"":o}),[l,o]);return d.default.createElement(s,null,d.default.createElement("div",{className:"risk",style:{backgroundColor:c}},d.default.createElement(t.Text,{size:"s3",color:n.theme.colors.white,type:"semiBold"},x)),d.default.createElement("div",{className:"tooltip"},a.map((function(e,r){return d.default.createElement(t.Text,{key:r,size:"n1",color:n.theme.colors.gray600},e)}))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("../Locale-11b51016.js"),t=require("../theme-696d81a9.js"),r=require("./text.js"),o=require("../tslib.es6-f7929e76.js"),i=require("styled-components");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../utils-1cac3068.js");var l,d=a(e),s=a(i).default.div(l||(l=o.__makeTemplateObject(["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\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  .tooltip {\n    text-align: left;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\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  .tooltip {\n    text-align: left;\n  }\n"])),t.theme.colors.yellow600),p=[{name:["3rd","-3SD","97th","3SD"],color:t.theme.colors.red600},{name:["15rd","-2SD","85th","2SD"],color:t.theme.colors.yellow600},{name:["50th","0Median"],color:t.theme.colors.green600}],u={"3rd":"-3SD","15th":"-2SD","50th":"Median","85th":"2SD","97th":"3SD"};exports.BabyGrowthTooltip=function(o){var i=o.riskLevel,a=o.tooltips,l=o.locale,c=e.useMemo((function(){var e;return null===(e=p.find((function(e){return e.name.includes(i||"")})))||void 0===e?void 0:e.color}),[i]),x=e.useMemo((function(){return l===n.LOCALE.Indonesia?i?u[i]:"":i}),[l,i]);return d.default.createElement(s,null,d.default.createElement("div",{className:"risk",style:{backgroundColor:c}},d.default.createElement(r.Text,{size:"s3",color:t.theme.colors.white,type:"semiBold"},x)),d.default.createElement("div",{className:"tooltip"},a.map((function(e,n){return d.default.createElement(r.Text,{key:n,size:"n1",color:t.theme.colors.gray600},e)}))))};

package/build/components/childCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../useTranslations-77f20604.js"),n=require("../theme-696d81a9.js"),l=require("./heading.js"),a=require("./icons.js"),r=require("./text.js"),i=require("../tslib.es6-f7929e76.js"),o=require("./menu.js"),d=require("styled-components"),s=require("../useOutsideClick-528bfd6c.js"),C=require("../utils-1cac3068.js"),c=require("../BabyGrowth-67f596f1.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js"),require("../FullScreen-924067af.js");var m,f,p,h=u(e),g=u(d),x=g.default.div(m||(m=i.__makeTemplateObject(["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"],["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"])),n.theme.colors.white,n.theme.colors.gray100),E=g.default.div(f||(f=i.__makeTemplateObject(["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"]))),v=g.default(o.Menu)(p||(p=i.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"],["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"]))),w=function(l){var a=l.name,i=l.onClose,d=l.onEdit,C=l.onSwitch,c=l.onAdd,u=l.onRemove,m=t.useTranslations().t,f=e.useRef();return s.useOutsideClick(f,i),h.default.createElement("div",{ref:f},h.default.createElement(v,{width:250},h.default.createElement(o.Menu.Item,{onClick:d,icon:h.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{d:"M12.7812 1.83301C12.2987 1.83301 11.8162 2.01676 11.4479 2.38509L10.6667 3.16634L13.3333 5.83301L14.1146 5.05176C14.8506 4.31576 14.8506 3.12176 14.1146 2.38509C13.7463 2.01676 13.2638 1.83301 12.7812 1.83301ZM9.66667 4.16634L2 11.833V14.4997H4.66667L12.3333 6.83301L9.66667 4.16634Z",fill:"#595959"}))},h.default.createElement(r.Text,{size:"p2",color:n.theme.colors.gray800},m("childCard.menu.edit",{name:a}))),h.default.createElement(o.Menu.Item,{onClick:C,icon:h.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{d:"M8 2.5C4.9478 2.5 2.4204 4.79359 2.05078 7.7513C2.03763 7.83928 2.04222 7.929 2.06428 8.01518C2.08634 8.10136 2.12542 8.18226 2.17922 8.2531C2.23303 8.32394 2.30046 8.3833 2.37756 8.42768C2.45465 8.47206 2.53985 8.50057 2.62813 8.51152C2.71642 8.52247 2.806 8.51564 2.8916 8.49143C2.9772 8.46723 3.05709 8.42614 3.12657 8.37059C3.19605 8.31503 3.2537 8.24613 3.29615 8.16795C3.33859 8.08978 3.36496 8.00389 3.3737 7.91536C3.66141 5.61307 5.61354 3.83333 8 3.83333C9.34288 3.83333 10.5434 4.39987 11.3919 5.30339L10.0977 6.59766C9.96766 6.72766 9.96766 6.93901 10.0977 7.06901C10.1623 7.13434 10.248 7.16667 10.3333 7.16667H13.3333C13.5101 7.16667 13.6797 7.09643 13.8047 6.9714C13.9298 6.84638 14 6.67681 14 6.5V3.5C14 3.41467 13.967 3.32966 13.9023 3.26432C13.7723 3.13432 13.561 3.13432 13.431 3.26432L12.3359 4.35938C11.2437 3.21415 9.7037 2.5 8 2.5ZM13.2943 8.49089C13.1292 8.48959 12.9695 8.54959 12.8461 8.65928C12.7227 8.76896 12.6444 8.92053 12.6263 9.08464C12.3386 11.3869 10.3865 13.1667 8 13.1667C6.65713 13.1667 5.45884 12.5994 4.60938 11.6953L5.90234 10.4023C6.03234 10.2723 6.03234 10.061 5.90234 9.93099C5.83768 9.86566 5.752 9.83333 5.66667 9.83333H2.66667C2.48986 9.83333 2.32029 9.90357 2.19526 10.0286C2.07024 10.1536 2 10.3232 2 10.5V13.5C2 13.5853 2.03299 13.6703 2.09766 13.7357C2.22766 13.8657 2.43901 13.8657 2.56901 13.7357L3.66536 12.6393C4.75711 13.7836 6.29696 14.5 8 14.5C11.0522 14.5 13.5796 12.2064 13.9492 9.2487C13.9622 9.1548 13.955 9.05922 13.928 8.96833C13.9011 8.87745 13.8552 8.79334 13.7932 8.72163C13.7312 8.64991 13.6546 8.59224 13.5686 8.55245C13.4826 8.51266 13.3891 8.49167 13.2943 8.49089Z",fill:"#595959"}))},h.default.createElement(r.Text,{size:"p2",color:n.theme.colors.gray800},m("childCard.menu.switch"))),h.default.createElement(o.Menu.Item,{onClick:c,icon:h.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9564 8.56545C15.7745 7.46727 14.9673 6.57273 13.9127 6.26C13.5273 5.44545 12.9818 4.73273 12.32 4.14364C11.1709 3.11818 9.65818 2.5 8 2.5C6.34182 2.5 4.82909 3.11818 3.68 4.14364C3.01091 4.73273 2.46545 5.45273 2.08727 6.26C1.03273 6.57273 0.225455 7.46 0.0436364 8.56545C0.0145455 8.71818 0 8.87818 0 9.04545C0 9.21273 0.0145455 9.37273 0.0436364 9.52545C0.225455 10.6236 1.03273 11.5182 2.08727 11.8309C2.46545 12.6382 3.01091 13.3509 3.66545 13.9327C4.81455 14.9655 6.33455 15.5909 8 15.5909C9.66545 15.5909 11.1855 14.9655 12.3418 13.9327C12.9964 13.3509 13.5418 12.6309 13.92 11.8309C14.9673 11.5182 15.7745 10.6309 15.9564 9.52545C15.9855 9.37273 16 9.21273 16 9.04545C16 8.87818 15.9855 8.71818 15.9564 8.56545ZM6.18182 7.04545C5.67974 7.04545 5.27273 7.45247 5.27273 7.95455C5.27273 8.45662 5.67974 8.86364 6.18182 8.86364C6.6839 8.86364 7.09091 8.45662 7.09091 7.95455C7.09091 7.45247 6.6839 7.04545 6.18182 7.04545ZM9.81818 7.04545C9.3161 7.04545 8.90909 7.45247 8.90909 7.95455C8.90909 8.45662 9.3161 8.86364 9.81818 8.86364C10.3203 8.86364 10.7273 8.45662 10.7273 7.95455C10.7273 7.45247 10.3203 7.04545 9.81818 7.04545ZM5.01821 10.5H10.9818C11.1128 10.5 11.2073 10.6455 11.1491 10.7691C10.5455 11.9109 9.36002 12.6818 8.00002 12.6818C6.64002 12.6818 5.45457 11.9109 4.85093 10.7691C4.78548 10.6455 4.88002 10.5 5.01821 10.5ZM12.9538 10.4875C12.9991 10.4938 13.0435 10.5 13.0909 10.5C13.8909 10.5 14.5455 9.84545 14.5455 9.04545C14.5455 8.24545 13.8909 7.59091 13.0909 7.59091C13.0435 7.59091 12.9991 7.5971 12.9538 7.60343C12.9297 7.60679 12.9053 7.6102 12.88 7.61273C12.7345 7.12545 12.5236 6.67455 12.2545 6.26C11.3455 4.87091 9.78182 3.95455 8 3.95455C6.21818 3.95455 4.65455 4.87091 3.74545 6.26C3.47636 6.67455 3.26545 7.12545 3.12 7.61273C3.09473 7.6102 3.07033 7.60679 3.0462 7.60343C3.0009 7.5971 2.95654 7.59091 2.90909 7.59091C2.10909 7.59091 1.45455 8.24545 1.45455 9.04545C1.45455 9.84545 2.10909 10.5 2.90909 10.5C2.95654 10.5 3.0009 10.4938 3.0462 10.4875C3.07033 10.4841 3.09473 10.4807 3.12 10.4782C3.26545 10.9655 3.47636 11.4164 3.74545 11.8309C4.65455 13.22 6.21818 14.1364 8 14.1364C9.78182 14.1364 11.3455 13.22 12.2545 11.8309C12.5236 11.4164 12.7345 10.9655 12.88 10.4782C12.9053 10.4807 12.9297 10.4841 12.9538 10.4875Z",fill:"#595959"}),h.default.createElement("path",{d:"M2.5 2V1C2.5 0.725 2.275 0.5 2 0.5C1.725 0.5 1.5 0.725 1.5 1V2H0.5C0.225 2 0 2.225 0 2.5C0 2.775 0.225 3 0.5 3H1.5V4C1.5 4.275 1.725 4.5 2 4.5C2.275 4.5 2.5 4.275 2.5 4V3H3.5C3.775 3 4 2.775 4 2.5C4 2.225 3.775 2 3.5 2H2.5Z",fill:"#595959"}))},h.default.createElement(r.Text,{size:"p2",color:n.theme.colors.gray800},m("childCard.menu.add"))),h.default.createElement(o.Menu.Item,{onClick:u,icon:h.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{d:"M6.66699 1.83301L6.00033 2.49967H3.33366C2.93366 2.49967 2.66699 2.76634 2.66699 3.16634C2.66699 3.56634 2.93366 3.83301 3.33366 3.83301H4.66699H11.3337H12.667C13.067 3.83301 13.3337 3.56634 13.3337 3.16634C13.3337 2.76634 13.067 2.49967 12.667 2.49967H10.0003L9.33366 1.83301H6.66699ZM3.33366 5.16634V13.833C3.33366 14.5663 3.93366 15.1663 4.66699 15.1663H11.3337C12.067 15.1663 12.667 14.5663 12.667 13.833V5.16634H3.33366ZM6.00033 6.49967C6.40033 6.49967 6.66699 6.76634 6.66699 7.16634V13.1663C6.66699 13.5663 6.40033 13.833 6.00033 13.833C5.60033 13.833 5.33366 13.5663 5.33366 13.1663V7.16634C5.33366 6.76634 5.60033 6.49967 6.00033 6.49967ZM10.0003 6.49967C10.4003 6.49967 10.667 6.76634 10.667 7.16634V13.1663C10.667 13.5663 10.4003 13.833 10.0003 13.833C9.60033 13.833 9.33366 13.5663 9.33366 13.1663V7.16634C9.33366 6.76634 9.60033 6.49967 10.0003 6.49967Z",fill:"#F44D2C"}))},h.default.createElement(r.Text,{size:"p2",color:n.theme.colors.red600},m("childCard.menu.remove",{name:a})))))},y=function(e,t){if(e)if(e.year<1){if(0===e.month)switch(e.week){case 0:case 1:return t("childCard.age.oneWeek");default:return t("childCard.age.week",{weeks:e.week})}if(e.month>0)return t("childCard.age.months",{month:e.month})}else{if(0===e.month)return t("childCard.age.yearNoMonth",{year:e.year});if(e.month>0)return t("childCard.age.yearMonth",{year:e.year,month:e.month})}};exports.ChildCard=function(i){var o=i.name,d=i.gender,s=i.age,u=i.isLoggedIn,m=void 0!==u&&u,f=i.showMenu,p=void 0!==f&&f,g=i.onEdit,v=i.onSwitch,b=i.onAdd,M=i.onRemove,j=i.className,H=t.useTranslations().t,k=e.useState(!1),q=k[0],Z=k[1];return h.default.createElement(x,{className:j},h.default.createElement("div",{"data-testid":"gender"},d===c.Gender.Boy?h.default.createElement(a.Icon.Boy,{"data-testid":"boy",id:"boy"}):h.default.createElement(a.Icon.Girl,{"data-testid":"girl",id:"girl"})),h.default.createElement("div",{className:"information"},h.default.createElement(l.Heading,{tag:"h5",fontWeight:"bold",color:n.theme.colors.gray800},C.startCase(o)||H("childCard.noName")),h.default.createElement("div",{className:"detail"},h.default.createElement("div",null,d===c.Gender.Boy?h.default.createElement(a.Icon.GenderBoy,null):h.default.createElement(a.Icon.GenderGirl,null),h.default.createElement(r.Text,{size:"p3",color:n.theme.colors.gray800,style:{textTransform:"capitalize"}},d)),h.default.createElement("div",null,h.default.createElement(a.Icon.Calendar,{size:16}),s&&h.default.createElement(r.Text,{size:"p3",color:n.theme.colors.gray800},y(s,H))))),p&&m&&h.default.createElement(E,null,h.default.createElement(a.Icon.Kebab,{onClick:function(){return Z((function(e){return!e}))}}),q&&h.default.createElement(w,{name:o,onClose:function(){return Z(!1)},onEdit:function(){Z(!1),g()},onSwitch:function(){Z(!1),v()},onAdd:function(){Z(!1),b()},onRemove:function(){Z(!1),M()}})))},exports.renderChildAge=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../useTranslations-77f20604.js"),n=require("../theme-696d81a9.js"),a=require("./heading.js"),l=require("./icons.js"),r=require("./text.js"),i=require("../Locale-11b51016.js");require("date-fns"),require("../animation-b53aef6e.js"),require("../lazyLoad-b5986db9.js");var o=require("styled-components");require("../constants-5675963f.js");var d=require("../utils-1cac3068.js"),s=require("../tslib.es6-f7929e76.js"),c=require("./menu.js"),u=require("../useOutsideClick-528bfd6c.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js"),require("../FullScreen-924067af.js");var m,f,p,h=C(e),g=C(o),x=g.default.div(m||(m=s.__makeTemplateObject(["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"],["\n  /* Auto layout */\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding: 16px;\n  gap: 16px;\n  background: ",";\n  border: 1px solid ",";\n  border-radius: 6px;\n  .information {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    h5:first-letter {\n      text-transform: uppercase;\n    }\n    .detail {\n      display: flex;\n      gap: 16px;\n      div {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n    }\n  }\n"])),n.theme.colors.white,n.theme.colors.gray100),v=g.default.div(f||(f=s.__makeTemplateObject(["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 18px;\n  right: 16px;\n  cursor: pointer;\n"]))),E=g.default(c.Menu)(p||(p=s.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"],["\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"]))),w=function(a){var l=a.name,i=a.onClose,o=a.onEdit,d=a.onSwitch,s=a.onAdd,C=a.onRemove,m=t.useTranslations().t,f=e.useRef();return u.useOutsideClick(f,i),h.default.createElement("div",{ref:f},h.default.createElement(E,{width:250},h.default.createElement(c.Menu.Item,{onClick:o,icon:h.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{d:"M12.7812 1.83301C12.2987 1.83301 11.8162 2.01676 11.4479 2.38509L10.6667 3.16634L13.3333 5.83301L14.1146 5.05176C14.8506 4.31576 14.8506 3.12176 14.1146 2.38509C13.7463 2.01676 13.2638 1.83301 12.7812 1.83301ZM9.66667 4.16634L2 11.833V14.4997H4.66667L12.3333 6.83301L9.66667 4.16634Z",fill:"#595959"}))},h.default.createElement(r.Text,{size:"p2",color:n.theme.colors.gray800},m("childCard.menu.edit",{name:l}))),h.default.createElement(c.Menu.Item,{onClick:d,icon:h.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{d:"M8 2.5C4.9478 2.5 2.4204 4.79359 2.05078 7.7513C2.03763 7.83928 2.04222 7.929 2.06428 8.01518C2.08634 8.10136 2.12542 8.18226 2.17922 8.2531C2.23303 8.32394 2.30046 8.3833 2.37756 8.42768C2.45465 8.47206 2.53985 8.50057 2.62813 8.51152C2.71642 8.52247 2.806 8.51564 2.8916 8.49143C2.9772 8.46723 3.05709 8.42614 3.12657 8.37059C3.19605 8.31503 3.2537 8.24613 3.29615 8.16795C3.33859 8.08978 3.36496 8.00389 3.3737 7.91536C3.66141 5.61307 5.61354 3.83333 8 3.83333C9.34288 3.83333 10.5434 4.39987 11.3919 5.30339L10.0977 6.59766C9.96766 6.72766 9.96766 6.93901 10.0977 7.06901C10.1623 7.13434 10.248 7.16667 10.3333 7.16667H13.3333C13.5101 7.16667 13.6797 7.09643 13.8047 6.9714C13.9298 6.84638 14 6.67681 14 6.5V3.5C14 3.41467 13.967 3.32966 13.9023 3.26432C13.7723 3.13432 13.561 3.13432 13.431 3.26432L12.3359 4.35938C11.2437 3.21415 9.7037 2.5 8 2.5ZM13.2943 8.49089C13.1292 8.48959 12.9695 8.54959 12.8461 8.65928C12.7227 8.76896 12.6444 8.92053 12.6263 9.08464C12.3386 11.3869 10.3865 13.1667 8 13.1667C6.65713 13.1667 5.45884 12.5994 4.60938 11.6953L5.90234 10.4023C6.03234 10.2723 6.03234 10.061 5.90234 9.93099C5.83768 9.86566 5.752 9.83333 5.66667 9.83333H2.66667C2.48986 9.83333 2.32029 9.90357 2.19526 10.0286C2.07024 10.1536 2 10.3232 2 10.5V13.5C2 13.5853 2.03299 13.6703 2.09766 13.7357C2.22766 13.8657 2.43901 13.8657 2.56901 13.7357L3.66536 12.6393C4.75711 13.7836 6.29696 14.5 8 14.5C11.0522 14.5 13.5796 12.2064 13.9492 9.2487C13.9622 9.1548 13.955 9.05922 13.928 8.96833C13.9011 8.87745 13.8552 8.79334 13.7932 8.72163C13.7312 8.64991 13.6546 8.59224 13.5686 8.55245C13.4826 8.51266 13.3891 8.49167 13.2943 8.49089Z",fill:"#595959"}))},h.default.createElement(r.Text,{size:"p2",color:n.theme.colors.gray800},m("childCard.menu.switch"))),h.default.createElement(c.Menu.Item,{onClick:s,icon:h.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9564 8.56545C15.7745 7.46727 14.9673 6.57273 13.9127 6.26C13.5273 5.44545 12.9818 4.73273 12.32 4.14364C11.1709 3.11818 9.65818 2.5 8 2.5C6.34182 2.5 4.82909 3.11818 3.68 4.14364C3.01091 4.73273 2.46545 5.45273 2.08727 6.26C1.03273 6.57273 0.225455 7.46 0.0436364 8.56545C0.0145455 8.71818 0 8.87818 0 9.04545C0 9.21273 0.0145455 9.37273 0.0436364 9.52545C0.225455 10.6236 1.03273 11.5182 2.08727 11.8309C2.46545 12.6382 3.01091 13.3509 3.66545 13.9327C4.81455 14.9655 6.33455 15.5909 8 15.5909C9.66545 15.5909 11.1855 14.9655 12.3418 13.9327C12.9964 13.3509 13.5418 12.6309 13.92 11.8309C14.9673 11.5182 15.7745 10.6309 15.9564 9.52545C15.9855 9.37273 16 9.21273 16 9.04545C16 8.87818 15.9855 8.71818 15.9564 8.56545ZM6.18182 7.04545C5.67974 7.04545 5.27273 7.45247 5.27273 7.95455C5.27273 8.45662 5.67974 8.86364 6.18182 8.86364C6.6839 8.86364 7.09091 8.45662 7.09091 7.95455C7.09091 7.45247 6.6839 7.04545 6.18182 7.04545ZM9.81818 7.04545C9.3161 7.04545 8.90909 7.45247 8.90909 7.95455C8.90909 8.45662 9.3161 8.86364 9.81818 8.86364C10.3203 8.86364 10.7273 8.45662 10.7273 7.95455C10.7273 7.45247 10.3203 7.04545 9.81818 7.04545ZM5.01821 10.5H10.9818C11.1128 10.5 11.2073 10.6455 11.1491 10.7691C10.5455 11.9109 9.36002 12.6818 8.00002 12.6818C6.64002 12.6818 5.45457 11.9109 4.85093 10.7691C4.78548 10.6455 4.88002 10.5 5.01821 10.5ZM12.9538 10.4875C12.9991 10.4938 13.0435 10.5 13.0909 10.5C13.8909 10.5 14.5455 9.84545 14.5455 9.04545C14.5455 8.24545 13.8909 7.59091 13.0909 7.59091C13.0435 7.59091 12.9991 7.5971 12.9538 7.60343C12.9297 7.60679 12.9053 7.6102 12.88 7.61273C12.7345 7.12545 12.5236 6.67455 12.2545 6.26C11.3455 4.87091 9.78182 3.95455 8 3.95455C6.21818 3.95455 4.65455 4.87091 3.74545 6.26C3.47636 6.67455 3.26545 7.12545 3.12 7.61273C3.09473 7.6102 3.07033 7.60679 3.0462 7.60343C3.0009 7.5971 2.95654 7.59091 2.90909 7.59091C2.10909 7.59091 1.45455 8.24545 1.45455 9.04545C1.45455 9.84545 2.10909 10.5 2.90909 10.5C2.95654 10.5 3.0009 10.4938 3.0462 10.4875C3.07033 10.4841 3.09473 10.4807 3.12 10.4782C3.26545 10.9655 3.47636 11.4164 3.74545 11.8309C4.65455 13.22 6.21818 14.1364 8 14.1364C9.78182 14.1364 11.3455 13.22 12.2545 11.8309C12.5236 11.4164 12.7345 10.9655 12.88 10.4782C12.9053 10.4807 12.9297 10.4841 12.9538 10.4875Z",fill:"#595959"}),h.default.createElement("path",{d:"M2.5 2V1C2.5 0.725 2.275 0.5 2 0.5C1.725 0.5 1.5 0.725 1.5 1V2H0.5C0.225 2 0 2.225 0 2.5C0 2.775 0.225 3 0.5 3H1.5V4C1.5 4.275 1.725 4.5 2 4.5C2.275 4.5 2.5 4.275 2.5 4V3H3.5C3.775 3 4 2.775 4 2.5C4 2.225 3.775 2 3.5 2H2.5Z",fill:"#595959"}))},h.default.createElement(r.Text,{size:"p2",color:n.theme.colors.gray800},m("childCard.menu.add"))),h.default.createElement(c.Menu.Item,{onClick:C,icon:h.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h.default.createElement("path",{d:"M6.66699 1.83301L6.00033 2.49967H3.33366C2.93366 2.49967 2.66699 2.76634 2.66699 3.16634C2.66699 3.56634 2.93366 3.83301 3.33366 3.83301H4.66699H11.3337H12.667C13.067 3.83301 13.3337 3.56634 13.3337 3.16634C13.3337 2.76634 13.067 2.49967 12.667 2.49967H10.0003L9.33366 1.83301H6.66699ZM3.33366 5.16634V13.833C3.33366 14.5663 3.93366 15.1663 4.66699 15.1663H11.3337C12.067 15.1663 12.667 14.5663 12.667 13.833V5.16634H3.33366ZM6.00033 6.49967C6.40033 6.49967 6.66699 6.76634 6.66699 7.16634V13.1663C6.66699 13.5663 6.40033 13.833 6.00033 13.833C5.60033 13.833 5.33366 13.5663 5.33366 13.1663V7.16634C5.33366 6.76634 5.60033 6.49967 6.00033 6.49967ZM10.0003 6.49967C10.4003 6.49967 10.667 6.76634 10.667 7.16634V13.1663C10.667 13.5663 10.4003 13.833 10.0003 13.833C9.60033 13.833 9.33366 13.5663 9.33366 13.1663V7.16634C9.33366 6.76634 9.60033 6.49967 10.0003 6.49967Z",fill:"#F44D2C"}))},h.default.createElement(r.Text,{size:"p2",color:n.theme.colors.red600},m("childCard.menu.remove",{name:l})))))},y=function(e,t){if(e)if(e.year<1){if(0===e.month)switch(e.week){case 0:case 1:return t("childCard.age.oneWeek");default:return t("childCard.age.week",{weeks:e.week})}if(e.month>0)return t("childCard.age.months",{month:e.month})}else{if(0===e.month)return t("childCard.age.yearNoMonth",{year:e.year});if(e.month>0)return t("childCard.age.yearMonth",{year:e.year,month:e.month})}};exports.ChildCard=function(o){var s=o.name,c=o.gender,u=o.age,C=o.isLoggedIn,m=void 0!==C&&C,f=o.showMenu,p=void 0!==f&&f,g=o.onEdit,E=o.onSwitch,b=o.onAdd,M=o.onRemove,j=o.className,q=t.useTranslations().t,H=e.useState(!1),k=H[0],L=H[1];return h.default.createElement(x,{className:j},h.default.createElement("div",{"data-testid":"gender"},c===i.Gender.Boy?h.default.createElement(l.Icon.Boy,{"data-testid":"boy",id:"boy"}):h.default.createElement(l.Icon.Girl,{"data-testid":"girl",id:"girl"})),h.default.createElement("div",{className:"information"},h.default.createElement(a.Heading,{tag:"h5",fontWeight:"bold",color:n.theme.colors.gray800},d.startCase(s)||q("childCard.noName")),h.default.createElement("div",{className:"detail"},h.default.createElement("div",null,c===i.Gender.Boy?h.default.createElement(l.Icon.GenderBoy,null):h.default.createElement(l.Icon.GenderGirl,null),h.default.createElement(r.Text,{size:"p3",color:n.theme.colors.gray800,style:{textTransform:"capitalize"}},c)),h.default.createElement("div",null,h.default.createElement(l.Icon.Calendar,{size:16}),u&&h.default.createElement(r.Text,{size:"p3",color:n.theme.colors.gray800},y(u,q))))),p&&m&&h.default.createElement(v,null,h.default.createElement(l.Icon.Kebab,{onClick:function(){return L((function(e){return!e}))}}),k&&h.default.createElement(w,{name:s,onClose:function(){return L(!1)},onEdit:function(){L(!1),g()},onSwitch:function(){L(!1),E()},onAdd:function(){L(!1),b()},onRemove:function(){L(!1),M()}})))},exports.renderChildAge=y;

package/build/components/dateRangePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("date-fns"),t=require("./pureInput.js"),a=require("../useOutsideClick-528bfd6c.js"),r=require("../tslib.es6-f7929e76.js"),o=require("date-fns/locale/en-US"),i=require("date-fns/locale/id"),l=require("date-fns/locale/vi"),s=require("date-fns/locale/zh-TW"),d=require("./button.js"),u=require("../useScreenSize-1a87cd03.js"),c=require("../useTranslations-77f20604.js"),f=require("styled-components"),p=require("../utils-1cac3068.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./label.js"),require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js");var g=m(e),h=m(o),x=m(i),v=m(l),b=m(s),w=m(f);var y=w.default.div(E||(E=r.__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),k=w.default.div(D||(D=r.__makeTemplateObject(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),_=w.default.div(T||(T=r.__makeTemplateObject(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),p.MediaQueries.mbDown),j=w.default.div(C||(C=r.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),M=w.default(j)(O||(O=r.__makeTemplateObject(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));w.default.div(q||(q=r.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var E,D,T,C,O,q,z,S,B,H,P,V,I,N=w.default.div(z||(z=r.__makeTemplateObject(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(e){return e.theme.colors.gray800})),Q=w.default.div(S||(S=r.__makeTemplateObject(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(e){return e.theme.colors.neutral100})),F=w.default.div(B||(B=r.__makeTemplateObject(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),L=w.default.div(H||(H=r.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),W=w.default(j)(P||(P=r.__makeTemplateObject([""],[""]))),R=w.default.div(V||(V=r.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),p.MediaQueries.mbUp,(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.gray100})),U=w.default.div(I||(I=r.__makeTemplateObject(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),p.MediaQueries.mbDown,p.MediaQueries.mbUp,(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.primaryBase})),Z={"en-PH":h.default,"vi-VN":v.default,"zh-TW":b.default,"id-ID":x.default};function A(t){var a=t.value,o=void 0===a?{from:null,to:null}:a,i=e.useState(null),l=i[0],s=i[1],d=u.useScreenSize().isMobile,c=e.useState((function(){return o})),f=c[0],p=c[1],m=e.useState((function(){var e;return n.startOfMonth(null!==(e=o.from)&&void 0!==e?e:new Date)})),h=m[0],x=m[1],v=e.useMemo((function(){return n.addMonths(h,1)}),[h]);var b=r.__assign(r.__assign({},t),{goToNextMonth:function(){x((function(e){return n.addMonths(e,1)}))},goToPreviousMonth:function(){x((function(e){return n.subMonths(e,1)}))},range:f,setRange:p,hoverDay:l,setHoverDay:s});return g.default.createElement(g.default.Fragment,null,g.default.createElement(Y,r.__assign({},b,{date:h})),!d&&g.default.createElement(Q,null),!d&&g.default.createElement(Y,r.__assign({},b,{date:v})))}function Y(t){var a=t.date,o=t.range,i=t.setRange,l=t.onChange,s=t.goToPreviousMonth,u=t.goToNextMonth,f=t.minDate,p=t.maxDate,m=t.close,h=void 0===m?function(){}:m,x=t.autoClose,v=void 0!==x&&x,b=t.hoverDay,w=t.setHoverDay,j=c.useTranslations().locale,E=e.useMemo((function(){var e;return null!==(e=Z[j])&&void 0!==e?e:Z["en-PH"]}),[j]),D=e.useMemo((function(){return n.format(a,"MMMM",{locale:E})}),[a,E]),T=e.useMemo((function(){return E?[1,2,3,4,5,6,0].map((function(e){return E.localize.day(e,{width:"narrow"})})):[]}),[E]);function C(e,t){if(null===e)return g.default.createElement(R,{key:"idx-".concat(t),"data-empty":"true"});var a=e.getDate(),l=n.isToday(e),s=!!o.from&&n.isSameDay(o.from,e),d=!!o.to&&n.isSameDay(o.to,e),u=s||d,c=!1;null!==b&&o.from&&n.isBefore(o.from,b)&&!o.to?c=n.isWithinInterval(e,{start:o.from,end:b}):o.from&&o.to&&(c=n.isWithinInterval(e,{start:o.from,end:o.to}));var m=!1;return f&&p?m=!n.isWithinInterval(e,{start:f,end:p}):f?m=n.isBefore(e,f):p&&(m=n.isAfter(e,p)),g.default.createElement(R,{key:a,"data-is-today":l,"data-is-past":!l&&n.isPast(e),"data-is-selected":u,"data-is-disabled":m,"data-in-range":c,"data-is-from":s,"data-is-to":d,onMouseEnter:function(){w(e)},onMouseLeave:function(){return w(null)},onClick:function(){m||i((function(t){return v&&o.from&&!o.to&&h(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?n.isBefore(e,t.from)?r.__assign(r.__assign({},t),{from:e}):r.__assign(r.__assign({},t),{to:e}):t:r.__assign(r.__assign({},t),{from:e})}(e,t)}))}},g.default.createElement(U,{onClick:function(){}},g.default.createElement("p",null,a)))}return e.useEffect((function(){o.from&&o.to&&l(o)}),[o]),g.default.createElement(y,{className:"calendar-wrapper"},g.default.createElement(_,null,g.default.createElement(d.Button,{onClick:s,size:"md",color:"ghost",icon:g.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),g.default.createElement("div",{className:"calendar-month"},D,g.default.createElement("strong",null,n.format(a,"yyyy"))),g.default.createElement(d.Button,{onClick:u,size:"md",color:"ghost",icon:g.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(M,null,T.map((function(e,n){return g.default.createElement(N,{key:"".concat(e,"-").concat(n)},e)})))),g.default.createElement("div",null,function(){for(var e=a.getFullYear(),t=a.getMonth(),r=n.getDaysInMonth(a),i=[],l=1;l<=r;l++)i.push(new Date(e,t,l));var s=i[0]?i[0].getDay():0;if(1!==s){var d=0===s?6:s-1;for(l=0;l<d;l++)i.unshift(null)}return g.default.createElement(L,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(o.from&&o.to)},g.default.createElement(F,null,g.default.createElement(W,null,i.map(C))))}())))}var G,J,K=w.default.div(G||(G=r.__makeTemplateObject(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),p.MediaQueries.mbDown),X=w.default.div(J||(J=r.__makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(e){return e.theme.colors.gray200}),p.MediaQueries.mbDown);exports.DateRangePicker=function(r){var o=r.inputSize,i=void 0===o?"md":o,l=r.name,s=void 0===l?"date-range-picker":l,d=r.value,u=r.minDate,c=r.maxDate,f=r.onChange,p=r.className,m=r.autoClose,h=void 0!==m&&m;d||(d={from:null,to:null});var x=e.useState(!1),v=x[0],b=x[1];function w(){b(!1)}var y=e.useRef(null);function k(e){f&&f(e)}function _(e){return n.format(e,"dd/MM/yyyy")}a.useOutsideClick(y,(function(){w()}));var j=e.useMemo((function(){return d.from&&d.to?n.isSameDay(d.from,d.to)?_(d.from):"".concat(_(d.from)," - ").concat(_(d.to)):""}),[d.from,d.to]);return g.default.createElement(K,{className:[p,v&&"focused"].filter(Boolean).join(" "),ref:y},g.default.createElement("label",{htmlFor:s},g.default.createElement(t.PureInput,{size:i,value:j,name:s,actionIcon:g.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),autoFocus:!1,onFocus:function(){return b(!0)}})),v?g.default.createElement(X,{onMouseDown:function(e){e.stopPropagation()}},g.default.createElement(A,{value:d,onChange:k,minDate:u,maxDate:c,close:w,autoClose:h})):null)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("date-fns"),t=require("./pureInput.js"),a=require("../useOutsideClick-528bfd6c.js"),r=require("../tslib.es6-f7929e76.js"),o=require("date-fns/locale/en-US"),i=require("date-fns/locale/id"),l=require("date-fns/locale/vi"),s=require("date-fns/locale/zh-TW"),d=require("./button.js"),u=require("../useTranslations-77f20604.js");require("../animation-b53aef6e.js"),require("../lazyLoad-b5986db9.js");var c=require("styled-components");require("../constants-5675963f.js");var f=require("../utils-1cac3068.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../Locale-11b51016.js"),require("./label.js"),require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js");var m=p(e),g=p(o),h=p(i),x=p(l),v=p(s),b=p(c),w=function(){return"undefined"!=typeof window&&window.innerWidth<768},y=function(){return"undefined"!=typeof window&&window.innerWidth>=768&&window.innerWidth<1112};var k=b.default.div(D||(D=r.__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),_=b.default.div(T||(T=r.__makeTemplateObject(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),j=b.default.div(C||(C=r.__makeTemplateObject(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),f.MediaQueries.mbDown),M=b.default.div(q||(q=r.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),E=b.default(M)(O||(O=r.__makeTemplateObject(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));b.default.div(z||(z=r.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var D,T,C,q,O,z,B,H,S,L,P,V,I,W=b.default.div(B||(B=r.__makeTemplateObject(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(e){return e.theme.colors.gray800})),N=b.default.div(H||(H=r.__makeTemplateObject(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(e){return e.theme.colors.neutral100})),Q=b.default.div(S||(S=r.__makeTemplateObject(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),F=b.default.div(L||(L=r.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),R=b.default(M)(P||(P=r.__makeTemplateObject([""],[""]))),U=b.default.div(V||(V=r.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),f.MediaQueries.mbUp,(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.gray100})),Z=b.default.div(I||(I=r.__makeTemplateObject(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),f.MediaQueries.mbDown,f.MediaQueries.mbUp,(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.primaryBase})),A={"en-PH":g.default,"vi-VN":x.default,"zh-TW":v.default,"id-ID":h.default};function Y(t){var a=t.value,o=void 0===a?{from:null,to:null}:a,i=e.useState(null),l=i[0],s=i[1],d=function(){var n=e.useState(w()),t=n[0],a=n[1],r=e.useState(y()),o=r[0],i=r[1];return e.useEffect((function(){var e=function(){a(w()),i(y())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:t,isLargeMobile:o}}().isMobile,u=e.useState((function(){return o})),c=u[0],f=u[1],p=e.useState((function(){var e;return n.startOfMonth(null!==(e=o.from)&&void 0!==e?e:new Date)})),g=p[0],h=p[1],x=e.useMemo((function(){return n.addMonths(g,1)}),[g]);var v=r.__assign(r.__assign({},t),{goToNextMonth:function(){h((function(e){return n.addMonths(e,1)}))},goToPreviousMonth:function(){h((function(e){return n.subMonths(e,1)}))},range:c,setRange:f,hoverDay:l,setHoverDay:s});return m.default.createElement(m.default.Fragment,null,m.default.createElement(G,r.__assign({},v,{date:g})),!d&&m.default.createElement(N,null),!d&&m.default.createElement(G,r.__assign({},v,{date:x})))}function G(t){var a=t.date,o=t.range,i=t.setRange,l=t.onChange,s=t.goToPreviousMonth,c=t.goToNextMonth,f=t.minDate,p=t.maxDate,g=t.close,h=void 0===g?function(){}:g,x=t.autoClose,v=void 0!==x&&x,b=t.hoverDay,w=t.setHoverDay,y=u.useTranslations().locale,M=e.useMemo((function(){var e;return null!==(e=A[y])&&void 0!==e?e:A["en-PH"]}),[y]),D=e.useMemo((function(){return n.format(a,"MMMM",{locale:M})}),[a,M]),T=e.useMemo((function(){return M?[1,2,3,4,5,6,0].map((function(e){return M.localize.day(e,{width:"narrow"})})):[]}),[M]);function C(e,t){if(null===e)return m.default.createElement(U,{key:"idx-".concat(t),"data-empty":"true"});var a=e.getDate(),l=n.isToday(e),s=!!o.from&&n.isSameDay(o.from,e),d=!!o.to&&n.isSameDay(o.to,e),u=s||d,c=!1;null!==b&&o.from&&n.isBefore(o.from,b)&&!o.to?c=n.isWithinInterval(e,{start:o.from,end:b}):o.from&&o.to&&(c=n.isWithinInterval(e,{start:o.from,end:o.to}));var g=!1;return f&&p?g=!n.isWithinInterval(e,{start:f,end:p}):f?g=n.isBefore(e,f):p&&(g=n.isAfter(e,p)),m.default.createElement(U,{key:a,"data-is-today":l,"data-is-past":!l&&n.isPast(e),"data-is-selected":u,"data-is-disabled":g,"data-in-range":c,"data-is-from":s,"data-is-to":d,onMouseEnter:function(){w(e)},onMouseLeave:function(){return w(null)},onClick:function(){g||i((function(t){return v&&o.from&&!o.to&&h(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?n.isBefore(e,t.from)?r.__assign(r.__assign({},t),{from:e}):r.__assign(r.__assign({},t),{to:e}):t:r.__assign(r.__assign({},t),{from:e})}(e,t)}))}},m.default.createElement(Z,{onClick:function(){}},m.default.createElement("p",null,a)))}return e.useEffect((function(){o.from&&o.to&&l(o)}),[o]),m.default.createElement(k,{className:"calendar-wrapper"},m.default.createElement(j,null,m.default.createElement(d.Button,{onClick:s,size:"md",color:"ghost",icon:m.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),m.default.createElement("div",{className:"calendar-month"},D,m.default.createElement("strong",null,n.format(a,"yyyy"))),m.default.createElement(d.Button,{onClick:c,size:"md",color:"ghost",icon:m.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),m.default.createElement(_,null,m.default.createElement("div",null,m.default.createElement(E,null,T.map((function(e,n){return m.default.createElement(W,{key:"".concat(e,"-").concat(n)},e)})))),m.default.createElement("div",null,function(){for(var e=a.getFullYear(),t=a.getMonth(),r=n.getDaysInMonth(a),i=[],l=1;l<=r;l++)i.push(new Date(e,t,l));var s=i[0]?i[0].getDay():0;if(1!==s){var d=0===s?6:s-1;for(l=0;l<d;l++)i.unshift(null)}return m.default.createElement(F,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(o.from&&o.to)},m.default.createElement(Q,null,m.default.createElement(R,null,i.map(C))))}())))}var J,K,X=b.default.div(J||(J=r.__makeTemplateObject(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),f.MediaQueries.mbDown),$=b.default.div(K||(K=r.__makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(e){return e.theme.colors.gray200}),f.MediaQueries.mbDown);exports.DateRangePicker=function(r){var o=r.inputSize,i=void 0===o?"md":o,l=r.name,s=void 0===l?"date-range-picker":l,d=r.value,u=r.minDate,c=r.maxDate,f=r.onChange,p=r.className,g=r.autoClose,h=void 0!==g&&g;d||(d={from:null,to:null});var x=e.useState(!1),v=x[0],b=x[1];function w(){b(!1)}var y=e.useRef(null);function k(e){f&&f(e)}function _(e){return n.format(e,"dd/MM/yyyy")}a.useOutsideClick(y,(function(){w()}));var j=e.useMemo((function(){return d.from&&d.to?n.isSameDay(d.from,d.to)?_(d.from):"".concat(_(d.from)," - ").concat(_(d.to)):""}),[d.from,d.to]);return m.default.createElement(X,{className:[p,v&&"focused"].filter(Boolean).join(" "),ref:y},m.default.createElement("label",{htmlFor:s},m.default.createElement(t.PureInput,{size:i,value:j,name:s,actionIcon:m.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),autoFocus:!1,onFocus:function(){return b(!0)}})),v?m.default.createElement($,{onMouseDown:function(e){e.stopPropagation()}},m.default.createElement(Y,{value:d,onChange:k,minDate:u,maxDate:c,close:w,autoClose:h})):null)};

package/build/components/displayWrapper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react");var e=require("../index-cbfaf5d2.js");require("../useScreenSize-1a87cd03.js"),require("../utils-1cac3068.js"),require("../tslib.es6-f7929e76.js"),require("styled-components"),exports.DisplayWrapper=e.DisplayWrapper;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("../utils-1cac3068.js"),r=require("../tslib.es6-f7929e76.js"),t=require("styled-components");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,o=u(e),i=u(t).default.div(a||(a=r.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return"\n    ".concat(0!==e.lowerBound?"@media (max-width: ".concat(e.lowerBound-1,"px) { display: none; }"):"","\n    ").concat(0!==e.upperBound?"@media (min-width: ".concat(e.upperBound,"px) { display: none; }"):"","\n  ")}));exports.DisplayWrapper=function(r){var t=r.forceDisplay,u=r.mediaQueryKey,a=r.children,c=r.className,d=r.style,s=e.useMemo((function(){return n.getBoundariesFromMediaQueryKey(u)}),[u]),l=s[0],p=s[1];return o.default.createElement(i,{lowerBound:t?0:l,upperBound:t?0:p,className:c,style:d},a)};