@hhgtech/hhg-components 1.21.0-beta-10 → 1.21.0-beta-12

package/build/components/babyGrowthChart.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react"),require("../Locale-11b51016.js"),require("recharts"),require("../useOutsideClick-528bfd6c.js"),require("../useTranslations-589049a5.js"),require("date-fns"),require("../animation-b53aef6e.js"),require("../lazyLoad-f5c59bb0.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-38178dca.js");require("../translationsContext-af789c7c.js"),require("string-format"),require("vanilla-lazyload"),require("lodash"),exports.BabyGrowthChart=e.BabyGrowthChart,exports.LABELS_PERCENTILE=e.LABELS_PERCENTILE,exports.LABELS_Z_SCORE=e.LABELS_Z_SCORE;

package/build/components/babyGrowthChooseProfileDrawer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../tslib.es6-f7929e76.js"),n=require("react"),t=require("../useTranslations-589049a5.js"),l=require("./babyGrowthProfileRadio.js"),o=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("string-format"),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-f5c59bb0.js"),require("vanilla-lazyload"),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(o.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"}))},L("babyGrowth.drawer.createBaby")),m.default.createElement(o.Button,{size:"lg",color:"primary",onClick:function(){null==e||e(),v?null==g||g(N):null==b||b(N),f()}},L(v?"babyGrowth.drawer.switchProfile":"babyGrowth.drawer.addMeasurement"))):m.default.createElement(o.Button,{size:"lg",color:"primary",onClick:function(){null==b||b(N),null==e||e(),f()}},L("chooseBaby.button"))},k=n.useState(c||(null===(u=s[0])||void 0===u?void 0:u.id)),N=k[0],M=k[1],L=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(l.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"},L("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(l.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()))};

package/build/components/babyGrowthGender.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("../useTranslations-589049a5.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("string-format"),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

@@ -0,0 +1 @@
+"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/babyGrowthProfileRadio.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("../theme-696d81a9.js"),r=require("./icons.js"),t=require("./text.js"),i=require("../tslib.es6-f7929e76.js"),a=require("../animation-b53aef6e.js"),o=require("styled-components");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../FullScreen-924067af.js"),require("../utils-1cac3068.js");var d,l=s(e),c=s(o).default.div(d||(d=i.__makeTemplateObject(["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  .baby {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  .baby {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"])),n.theme.colors.gray50,n.theme.colors.gray600,"300ms",n.theme.colors.primaryBase,n.theme.colors.primaryBase,a.fadeIn,"300ms");exports.BabyGrowthProfileRadio=function(e){var i=e.profile,a=e.onChange,o=e.isActive;return l.default.createElement(c,{onClick:function(){return a(i.id)}},l.default.createElement("div",{className:"baby"},"male"===i.gender?l.default.createElement(r.Icon.Boy,{size:24}):l.default.createElement(r.Icon.Girl,{size:24}),l.default.createElement(t.Text,{size:"p2",color:n.theme.colors.gray800},i.name)),l.default.createElement("div",{className:o?"radio active":"radio"}))};

package/build/components/babyGrowthRecord.js

@@ -0,0 +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("../useTranslations-589049a5.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-f5c59bb0.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("string-format"),require("vanilla-lazyload");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/babyGrowthSwitch.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("./button.js"),n=require("../tslib.es6-f7929e76.js"),r=require("../theme-696d81a9.js"),o=require("styled-components");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a,s,p=i(t),h=i(o).default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  .switch {\n    border: 1px solid ",";\n    padding: 6px 12px;\n    font-weight: 600;\n    font-size: 11px;\n    &:nth-child(2n + 1) {\n      border-radius: 6px 0px 0px 6px;\n      border-right: none;\n    }\n    &:nth-child(2n) {\n      border-radius: 0px 6px 6px 0px;\n      border-left: none;\n    }\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  .switch {\n    border: 1px solid ",";\n    padding: 6px 12px;\n    font-weight: 600;\n    font-size: 11px;\n    &:nth-child(2n + 1) {\n      border-radius: 6px 0px 0px 6px;\n      border-right: none;\n    }\n    &:nth-child(2n) {\n      border-radius: 0px 6px 6px 0px;\n      border-left: none;\n    }\n  }\n"])),r.theme.colors.neutral200);exports.BabyGrowthSwitchChart=void 0,(s=exports.BabyGrowthSwitchChart||(exports.BabyGrowthSwitchChart={}))[s.WHO=0]="WHO",s[s.CDC=1]="CDC";var c=function(t){var n=t.switchType,r=t.onTypeChange;return p.default.createElement(h,null,p.default.createElement(e.Button,{className:"switch",size:"sm",color:n===exports.BabyGrowthSwitchChart.WHO?"primary":"ghost",onClick:function(){return r(exports.BabyGrowthSwitchChart.WHO)}},"WHO"),p.default.createElement(e.Button,{className:"switch",size:"sm",isDisabled:!0,color:n===exports.BabyGrowthSwitchChart.CDC?"primary":"ghost",onClick:function(){return r(exports.BabyGrowthSwitchChart.CDC)}},"CDC"))};exports.BabyGrowthSwitch=c,exports.default=c;

package/build/components/babyGrowthTooltip.js

@@ -0,0 +1 @@
+"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/backdrop.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("../tslib.es6-f7929e76.js"),t=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,r=i(e),l=i(t).default.div(o||(o=n.__makeTemplateObject(["\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  background-color: rgba(38, 38, 38, 0.3);\n  z-index: 1;\n  visibility: ",";\n  pointer-events: ",";\n"],["\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  background-color: rgba(38, 38, 38, 0.3);\n  z-index: 1;\n  visibility: ",";\n  pointer-events: ",";\n"])),(function(e){return e.open?"visible":"hidden"}),(function(e){return e.open?"auto":"none"}));exports.Backdrop=function(e){var n=e.open,t=void 0!==n&&n,i=e.onClickOutside;return r.default.createElement(l,{open:t,onClick:i})};

package/build/components/badge.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("../tslib.es6-f7929e76.js"),t=require("../theme-696d81a9.js"),i=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,c=o(n),r=o(i).default.div(a||(a=e.__makeTemplateObject(["\n  position: relative;\n\n  > div {\n    width: max-content;\n    position: relative;\n  }\n\n  span {\n    font-weight: ",";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ","\n  }\n\n  ","\n"],["\n  position: relative;\n\n  > div {\n    width: max-content;\n    position: relative;\n  }\n\n  span {\n    font-weight: ",";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ","\n  }\n\n  ","\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return function(n,e,i,o){var a="";if("numeric"===n)switch(e){case"medium":a="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":a="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}var c,r="";i&&(r="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),i&&(c="\n      left: 70%;\n\n      ".concat("large"===e?"\n        top: -7px;\n      ":"medium"===e?"\n       top: -2px;\n       width: 16px;\n       height: 16px;\n      ":"","\n    "));var s="";switch(o){case"primary":s="\n      background: ".concat(t.theme.colors.blue50,";\n      color: ").concat(t.theme.colors.blue600,";  \n    ");break;case"error":s="\n        background: ".concat(t.theme.colors.error,";\n        color: white;\n      ")}switch(n){case"dot":return"\n        ".concat(r,"\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ").concat(s,"\n      ");case"numeric":return"\n        ".concat(r,"\n        width: max-content;\n        border-radius: 32px;\n        ").concat(a,"\n        ").concat(c,"\n        ").concat(s,"\n      ")}}(n.notificationType,n.notificationSize,n.hasIcon,n.notificationColor)}),(function(n){return n.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "}));exports.Badge=function(n){var e=n.amount,t=n.type,i=n.size,o=void 0===i?"medium":i,a=n.color,s=void 0===a?"primary":a,l=n.icon,d=n.className;return c.default.createElement(r,{"data-notification-type":t,"data-notification-size":o,"data-notification-color":s,"data-has-icon":!!l||void 0,notificationType:t,notificationSize:o,notificationColor:s,hasIcon:!!l,className:d},c.default.createElement("div",null,e&&c.default.createElement("span",null,e)," ",l&&c.default.createElement("div",null,l)))};

package/build/components/borderHeading.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../tslib.es6-f7929e76.js"),e=require("react"),t=require("../utils-1cac3068.js"),a=require("styled-components");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,s=i(e),p=i(a).default.h4(o||(o=n.__makeTemplateObject(["\n  position: relative;\n  line-height: 18px;\n\n  &:after {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    width: 4px;\n    height: 18px;\n    background-color: ",";\n    content: '';\n  }\n\n  &[data-size='lg'] {\n    font-size: 18px;\n    padding-left: 12px;\n  }\n\n  &[data-size='sm'] {\n    font-size: 14px;\n    padding-left: 8px;\n\n    &::after {\n      width: 2px;\n      height: 15px;\n    }\n  }\n\n  &[data-type='bold'] {\n    font-weight: ",";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ",";\n  }\n\n  &[data-uppercase] {\n    text-transform: uppercase;\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n    }\n  }\n"],["\n  position: relative;\n  line-height: 18px;\n\n  &:after {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    width: 4px;\n    height: 18px;\n    background-color: ",";\n    content: '';\n  }\n\n  &[data-size='lg'] {\n    font-size: 18px;\n    padding-left: 12px;\n  }\n\n  &[data-size='sm'] {\n    font-size: 14px;\n    padding-left: 8px;\n\n    &::after {\n      width: 2px;\n      height: 15px;\n    }\n  }\n\n  &[data-type='bold'] {\n    font-weight: ",";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ",";\n  }\n\n  &[data-uppercase] {\n    text-transform: uppercase;\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwSemiBold}),t.MediaQueries.mbDown);exports.BorderHeading=function(e){var t=e.style,a=e.children,i=e.className,o=e.size,r=void 0===o?"lg":o,d=e.type,l=void 0===d?"bold":d,f=e.upperCase,u=e.as,c=void 0===u?"h4":u,h=e.color;return s.default.createElement(p,{style:n.__assign({color:h},t),className:i,"data-size":r,"data-type":l,"data-uppercase":f,as:c},a)};

package/build/components/breadcrumbs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../tslib.es6-f7929e76.js"),e=require("react"),t=require("react-id-generator"),a=require("./dropdown.js"),r=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,l,d,s=o(e),g=o(r),p=g.default.div(i||(i=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n\n  & > .collapsed-breadcrumb {\n    border: none;\n    & > div {\n      padding: 0;\n    }\n    & > ul {\n      min-width: max-content;\n    }\n  }\n\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: ",";\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n  }\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n    font-weight: ",";\n  }\n"],["\n  position: relative;\n  display: flex;\n\n  & > .collapsed-breadcrumb {\n    border: none;\n    & > div {\n      padding: 0;\n    }\n    & > ul {\n      min-width: max-content;\n    }\n  }\n\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: ",";\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n  }\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n    font-weight: ",";\n  }\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular})),c=g.default.div(l||(l=n.__makeTemplateObject(["\n  margin-right: 8px;\n  margin-left: 8px;\n  width: 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  &[data-size='lg'] {\n    width: 6px;\n    margin-right: 8px;\n    margin-left: 8px;\n  }\n  &[data-size='md'] {\n    width: 5px;\n    margin-right: 7px;\n    margin-left: 7px;\n  }\n  &[data-size='sm'] {\n    width: 4px;\n    margin-right: 6px;\n    margin-left: 6px;\n  }\n"],["\n  margin-right: 8px;\n  margin-left: 8px;\n  width: 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  &[data-size='lg'] {\n    width: 6px;\n    margin-right: 8px;\n    margin-left: 8px;\n  }\n  &[data-size='md'] {\n    width: 5px;\n    margin-right: 7px;\n    margin-left: 7px;\n  }\n  &[data-size='sm'] {\n    width: 4px;\n    margin-right: 6px;\n    margin-left: 6px;\n  }\n"]))),u=g.default.div(d||(d=n.__makeTemplateObject(["\n  max-width: 12em;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  > a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: none;\n  }\n\n  &[data-last='true'] {\n    > a {\n      color: ",";\n    }\n  }\n\n  > a {\n    &:hover,\n    &:focus {\n      color: ",";\n      outline: none;\n      .arrowLeft,\n      .arrowRight {\n        stroke: ",";\n      }\n    }\n\n    &:active {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    > a {\n      cursor: not-allowed;\n      color: ",";\n    }\n  }\n"],["\n  max-width: 12em;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  > a {\n    color: ",";\n    cursor: pointer;\n    text-decoration: none;\n  }\n\n  &[data-last='true'] {\n    > a {\n      color: ",";\n    }\n  }\n\n  > a {\n    &:hover,\n    &:focus {\n      color: ",";\n      outline: none;\n      .arrowLeft,\n      .arrowRight {\n        stroke: ",";\n      }\n    }\n\n    &:active {\n      color: ",";\n    }\n  }\n\n  &[data-disabled] {\n    > a {\n      cursor: not-allowed;\n      color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryHover}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.gray300})),m=function(n){var e=n.LinkComponent,t=n.page,r=n.isLast,o=n.onChangePage,i=t.label,l=t.value,d=t.isDropdown,g=t.dropdownItems,p=t.dataEventCategory,c=t.dataEventAction,m=t.dataEventLabel;return d?s.default.createElement(a.Dropdown,{options:g,placeholder:"...",id:"",placeholderIcon:null,onChange:o,className:"collapsed-breadcrumb"}):s.default.createElement(u,{title:"string"!=typeof i?l:i,"data-last":r},e&&s.default.createElement(e,{"data-event-category":p,"data-event-action":c,"data-event-label":m,href:l||"#"},i))};exports.Breadcrumbs=function(a){var r=a.className,o=a.pages,i=a.size,l=a.LinkComponent,d=void 0===l?"a":l,g=a.onChangePage,u=a.separator,h=e.useMemo((function(){return o.map((function(e,t){return o.length>4?t>1&&t<o.length-2?null:1===t?n.__assign(n.__assign({},e),{isDropdown:1===t,dropdownItems:o.slice(1,o.length-2)}):e:e})).filter(Boolean)}),[o]),f=t.useId(h.length);return s.default.createElement(p,{"data-size":i,className:r},h.map((function(n,t){var a=t+1===h.length;return s.default.createElement(e.Fragment,{key:f[t]},s.default.createElement(m,{LinkComponent:d,page:n,isLast:a,onChangePage:g}),!a&&(u||s.default.createElement(c,{"data-size":i})))})))};

package/build/components/button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../tslib.es6-f7929e76.js"),e=require("react"),t=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,a,i,d,l,c,s,p,m,h,b,u,g,x,f,k,_,w,v,y,z,C,T,j,O,B,S,E,P,A,L,I,F,N,D,H,M,V,W,q,Z,G,J=o(e),K=o(t),Q=K.default.button(q||(q=n.__makeTemplateObject(["\n  width: auto;\n  border-radius: 6px;\n  ","\n\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n    ","\n\n  ","\n\n  &[data-theme='marryBaby']:disabled,\n  &:disabled {\n    border-color: ",";\n    background-color: ",";\n    color: ",";\n    cursor: not-allowed;\n  }\n\n  ","\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"],["\n  width: auto;\n  border-radius: 6px;\n  ","\n\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n    ","\n\n  ","\n\n  &[data-theme='marryBaby']:disabled,\n  &:disabled {\n    border-color: ",";\n    background-color: ",";\n    color: ",";\n    cursor: not-allowed;\n  }\n\n  ","\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"])),(function(e){return"marryBaby"===e.buttonTheme&&t.css(r||(r=n.__makeTemplateObject(["\n      border-radius: 16px;\n    "],["\n      border-radius: 16px;\n    "])))}),(function(n){return n.theme.sizes.fwBold}),(function(e){return e.buttonHasIcon&&t.css(a||(a=n.__makeTemplateObject(["\n      & > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      svg {\n        width: 16px;\n        height: 16px;\n        margin-right: 8px;\n        vertical-align: middle;\n      }\n\n      & .button-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n      }\n    "],["\n      & > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      svg {\n        width: 16px;\n        height: 16px;\n        margin-right: 8px;\n        vertical-align: middle;\n      }\n\n      & .button-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n      }\n    "])))}),(function(e){return"primary"===e.buttonColor&&t.css(m||(m=n.__makeTemplateObject(["\n      background-color: ",";\n      border: 1px solid ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover:not(:disabled) {\n        background-color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n\n        ","\n      }\n    "],["\n      background-color: ",";\n      border: 1px solid ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover:not(:disabled) {\n        background-color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n\n        ","\n      }\n    "])),e.theme.colors.primaryBase,e.theme.colors.primaryBase,e.theme.colors.white,"marryBaby"===e.buttonTheme&&t.css(i||(i=n.__makeTemplateObject(["\n        border: solid 2px ",";\n        background-color: ",";\n      "],["\n        border: solid 2px ",";\n        background-color: ",";\n      "])),e.theme.mbColors.pink,e.theme.mbColors.pink),"lg"===e.buttonSize&&t.css(d||(d=n.__makeTemplateObject(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===e.buttonSize&&t.css(l||(l=n.__makeTemplateObject(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "]))),"sm"===e.buttonSize&&t.css(c||(c=n.__makeTemplateObject(["\n        padding: 5px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        font-weight: ",";\n      "],["\n        padding: 5px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        font-weight: ",";\n      "])),e.theme.sizes.fwSemiBold),e.theme.colors.primaryHover,"marryBaby"===e.buttonTheme&&t.css(s||(s=n.__makeTemplateObject(["\n          border: solid 2px ",";\n          background-color: ",";\n          color: ",";\n        "],["\n          border: solid 2px ",";\n          background-color: ",";\n          color: ",";\n        "])),e.theme.mbColors.pink,e.theme.colors.white,e.theme.mbColors.pink),e.theme.colors.primaryActive,"marryBaby"===e.buttonTheme&&t.css(p||(p=n.__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),e.theme.mbColors.pink))}),(function(e){return"secondary"===e.buttonColor&&t.css(k||(k=n.__makeTemplateObject(["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n    "],["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n    "])),e.theme.colors.primaryBase,e.theme.colors.white,e.theme.colors.primaryBase,"marryBaby"===e.buttonTheme&&t.css(h||(h=n.__makeTemplateObject(["\n        border-color: ",";\n        background-color: transparent;\n        color: ",";\n      "],["\n        border-color: ",";\n        background-color: transparent;\n        color: ",";\n      "])),e.theme.mbColors.pink,e.theme.mbColors.pink),"lg"===e.buttonSize&&t.css(b||(b=n.__makeTemplateObject(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===e.buttonSize&&t.css(u||(u=n.__makeTemplateObject(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "]))),"sm"===e.buttonSize&&t.css(g||(g=n.__makeTemplateObject(["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "],["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "])),e.theme.sizes.fwSemiBold),e.theme.colors.primaryHover,e.theme.colors.primaryHover,e.theme.colors.white,"marryBaby"===e.buttonTheme&&t.css(x||(x=n.__makeTemplateObject(["\n          border-color: ",";\n          background-color: ",";\n        "],["\n          border-color: ",";\n          background-color: ",";\n        "])),e.theme.mbColors.pink,e.theme.mbColors.pink),e.theme.colors.primaryActive,e.theme.colors.primaryActive,e.theme.colors.white,"marryBaby"===e.buttonTheme&&t.css(f||(f=n.__makeTemplateObject(["\n          border-color: ",";\n          background-color: ",";\n        "],["\n          border-color: ",";\n          background-color: ",";\n        "])),e.theme.mbColors.pink,e.theme.mbColors.pink))}),(function(e){return"tertiary"===e.buttonColor&&t.css(C||(C=n.__makeTemplateObject(["\n      border: solid 2px ",";\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n      &:hover {\n        ","\n      }\n\n      ","\n    "],["\n      border: solid 2px ",";\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n      &:hover {\n        ","\n      }\n\n      ","\n    "])),e.theme.colors.gray300,e.theme.colors.gray800,"lg"===e.buttonSize&&t.css(_||(_=n.__makeTemplateObject(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===e.buttonSize&&t.css(w||(w=n.__makeTemplateObject(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n        font-weight: ",";\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n        font-weight: ",";\n      "])),e.theme.sizes.fwSemiBold),"sm"===e.buttonSize&&t.css(v||(v=n.__makeTemplateObject(["\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n        border-width: 1px;\n        font-weight: ",";\n      "],["\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n        border-width: 1px;\n        font-weight: ",";\n      "])),e.theme.sizes.fwSemiBold),"marryBaby"===e.buttonTheme&&t.css(y||(y=n.__makeTemplateObject(["\n          color: ",";\n          background-color: ",";\n        "],["\n          color: ",";\n          background-color: ",";\n        "])),e.theme.colors.white,e.theme.mbColors.pink),"marryBaby"===e.buttonTheme&&t.css(z||(z=n.__makeTemplateObject(["\n        color: ",";\n        border-color: ",";\n      "],["\n        color: ",";\n        border-color: ",";\n      "])),e.theme.mbColors.pink,e.theme.mbColors.pink))}),(function(e){return"ghost"===e.buttonColor&&t.css(B||(B=n.__makeTemplateObject(["\n      border: 0;\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n   ","\n\n    &:disabled {\n        border-color: 0;\n        background-color: transparent;\n        color: ",";\n        cursor: not-allowed;\n      }\n    "],["\n      border: 0;\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n   ","\n\n    &:disabled {\n        border-color: 0;\n        background-color: transparent;\n        color: ",";\n        cursor: not-allowed;\n      }\n    "])),e.theme.colors.primaryBase,"lg"===e.buttonSize&&t.css(T||(T=n.__makeTemplateObject(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===e.buttonSize&&t.css(j||(j=n.__makeTemplateObject(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "]))),"sm"===e.buttonSize&&t.css(O||(O=n.__makeTemplateObject(["\n        padding: 5px 12px;\n        font-size: 12px;\n        line-height: 18px;\n        font-weight: ",";\n      "],["\n        padding: 5px 12px;\n        font-size: 12px;\n        line-height: 18px;\n        font-weight: ",";\n      "])),e.theme.sizes.fwSemiBold),e.theme.colors.gray300)}),(function(e){return"transparent"===e.buttonColor&&t.css(A||(A=n.__makeTemplateObject(["\n      border: none;\n      background-color: transparent;\n      ","\n\n      ","\n\n    ","\n    "],["\n      border: none;\n      background-color: transparent;\n      ","\n\n      ","\n\n    ","\n    "])),"lg"===e.buttonSize&&t.css(S||(S=n.__makeTemplateObject(["\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===e.buttonSize&&t.css(E||(E=n.__makeTemplateObject(["\n        font-size: 14px;\n        line-height: 24px;\n      "],["\n        font-size: 14px;\n        line-height: 24px;\n      "]))),"sm"===e.buttonSize&&t.css(P||(P=n.__makeTemplateObject(["\n        font-size: 13px;\n        line-height: 20px;\n      "],["\n        font-size: 13px;\n        line-height: 20px;\n      "]))))}),(function(e){return"danger"===e.buttonColor&&t.css(N||(N=n.__makeTemplateObject(["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n      ","\n\n      &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n      }\n    "],["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n      ","\n\n      &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n      }\n    "])),e.theme.colors.red600,e.theme.colors.red600,e.theme.colors.white,"lg"===e.buttonSize&&t.css(L||(L=n.__makeTemplateObject(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===e.buttonSize&&t.css(I||(I=n.__makeTemplateObject(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "]))),"sm"===e.buttonSize&&t.css(F||(F=n.__makeTemplateObject(["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "],["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "])),e.theme.sizes.fwSemiBold),e.theme.colors.red200,e.theme.colors.red200,e.theme.colors.white)}),(function(e){return e.buttonIsLoading&&t.css(V||(V=n.__makeTemplateObject(["\n      span {\n        padding-left: 32px;\n      }\n      svg {\n        position: absolute;\n      }\n\n      ","\n\n      ","\n\n    ","\n    "],["\n      span {\n        padding-left: 32px;\n      }\n      svg {\n        position: absolute;\n      }\n\n      ","\n\n      ","\n\n    ","\n    "])),"lg"===e.buttonSize&&t.css(D||(D=n.__makeTemplateObject(["\n        svg {\n          width: 26px;\n          height: 26px;\n        }\n      "],["\n        svg {\n          width: 26px;\n          height: 26px;\n        }\n      "]))),"md"===e.buttonSize&&t.css(H||(H=n.__makeTemplateObject(["\n        svg {\n          width: 24px;\n          height: 24px;\n        }\n      "],["\n        svg {\n          width: 24px;\n          height: 24px;\n        }\n      "]))),"sm"===e.buttonSize&&t.css(M||(M=n.__makeTemplateObject(["\n        svg {\n          width: 22px;\n          height: 22px;\n        }\n      "],["\n        svg {\n          width: 22px;\n          height: 22px;\n        }\n      "]))))}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.white}),(function(e){return e.buttonIsBlock&&t.css(W||(W=n.__makeTemplateObject(["\n      width: 100%;\n      padding: 12px auto;\n    "],["\n      width: 100%;\n      padding: 12px auto;\n    "])))})),R=t.keyframes(Z||(Z=n.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),U=K.default.svg(G||(G=n.__makeTemplateObject(["\n  animation: "," 1.2s linear infinite;\n"],["\n  animation: "," 1.2s linear infinite;\n"])),R);exports.Button=function(e){var t=e.size,o=e.color,r=void 0===o?"primary":o,a=e.theme,i=void 0===a?"helloSites":a,d=e.isDisabled,l=e.isBlock,c=e.title,s=e.className,p=e.onClick,m=e.icon,h=e.children,b=e.isLoading,u=e.loadingText,g=e.dataEventCategory,x=e.dataEventAction,f=e.dataEventLabel,k=e.dataProductChannel,_=e.dataProductSku,w=e.dataProductBrand,v=e.dataProductName,y=e.dataProductPrice,z=e.dataProductCategory,C=e.dataProductPosition,T=e.isAmp,j=e.on,O=e.dataVarsTracking,B=e.type,S=n.__rest(e,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),E=T?{"data-vars-event-category":g,"data-vars-event-action":x,"data-vars-event-label":f,"data-vars-product-channel":k,"data-vars-product-sku":_,"data-vars-product-brand":w,"data-vars-product-name":v,"data-vars-product-price":y,"data-vars-product-category":z,"data-vars-product-position":C,"data-vars-tracking":O,on:j}:{"data-event-category":g,"data-event-action":x,"data-event-label":f,"data-product-channel":k,"data-product-sku":_,"data-product-brand":w,"data-product-name":v,"data-product-price":y,"data-product-category":z,"data-product-position":C};return J.default.createElement(Q,n.__assign({},E,{className:s,"data-size":t,"data-color":r,"data-block":l,"data-has-icon":!!m||void 0,"data-theme":i,disabled:d,onClick:function(n){!b&&!d&&p&&p(n)},title:c,"data-is-loading":b||void 0,buttonHasIcon:!!m,buttonTheme:i,buttonSize:t,buttonColor:r,buttonIsLoading:b,buttonIsBlock:l,type:B},S),b?J.default.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:24}},("secondary"===r||"transparent"===r||"tertiary"===r||"ghost"===r||"danger"===r)&&J.default.createElement(J.default.Fragment,null,J.default.createElement("svg",{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},J.default.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"#DBDFE5",strokeWidth:"4"})),J.default.createElement(U,{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},J.default.createElement("mask",{id:"a",fill:"#fff"},J.default.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z"})),J.default.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z",stroke:"#2D87F3",strokeWidth:"8",mask:"url(#a)"}))),"primary"===r&&J.default.createElement(J.default.Fragment,null,J.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},J.default.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),J.default.createElement(U,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},J.default.createElement("mask",{id:"path-1-inside-1",fill:"white"},J.default.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),J.default.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),J.default.createElement("span",null,u)):J.default.createElement("span",null,!b&&J.default.createElement("span",{className:"button-icon"},m)," ",h))};

package/build/components/carousel.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../tslib.es6-f7929e76.js"),n=require("react"),t=require("keen-slider/react"),a=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,l,o,s=r(n),d=r(a),c=d.default.button(i||(i=e.__makeTemplateObject(["\n  background: #ffffff;\n  border: 1px solid ",";\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  border-radius: 24px;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &[data-is-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n\n  &[data-is-left='true'] {\n    left: -16px;\n  }\n  &[data-is-left='false'] {\n    right: -16px;\n    left: auto;\n  }\n"],["\n  background: #ffffff;\n  border: 1px solid ",";\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  border-radius: 24px;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &[data-is-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  transform: translateY(-50%);\n\n  &[data-is-left='true'] {\n    left: -16px;\n  }\n  &[data-is-left='false'] {\n    right: -16px;\n    left: auto;\n  }\n"])),(function(e){return e.theme.colors.neutral200})),u=d.default.button(l||(l=e.__makeTemplateObject(["\n  background: ",";\n  border-radius: 50%;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n\n  &[data-is-active='true'] {\n    background: ",";\n\n    &[data-is-hellosites='false'] {\n      background: ",";\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 50%;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n\n  &[data-is-active='true'] {\n    background: ",";\n\n    &[data-is-hellosites='false'] {\n      background: ",";\n    }\n  }\n"])),(function(e){return e.theme.colors.neutral200}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.mbColors.pink})),p=d.default.div(o||(o=e.__makeTemplateObject(["\n  ","\n\n  .navigation-wrapper {\n    position: relative;\n\n    .page-items {\n      display: grid;\n      grid-template-columns: repeat(\n        ",",\n        1fr\n      );\n      grid-template-rows: repeat(",", 1fr);\n      gap: 12px;\n    }\n  }\n\n  .dots {\n    margin-top: 24px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n"],["\n  ","\n\n  .navigation-wrapper {\n    position: relative;\n\n    .page-items {\n      display: grid;\n      grid-template-columns: repeat(\n        ",",\n        1fr\n      );\n      grid-template-rows: repeat(",", 1fr);\n      gap: 12px;\n    }\n  }\n\n  .dots {\n    margin-top: 24px;\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n  }\n"])),"\n   .keen-slider:not([data-keen-slider-disabled]) {\n    align-content: flex-start;\n    display: flex;\n    overflow: hidden;\n    position: relative;\n    user-select: none;\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n    touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n    width: 100%;\n\n    .keen-slider__slide {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n      min-height: 100%;\n    }\n\n    &[data-keen-slider-reverse] {\n      flex-direction: row-reverse;\n    }\n\n    &[data-keen-slider-v] {\n      flex-wrap: wrap;\n    }\n  }\n\n  [data-keen-slider-moves] * {\n    pointer-events: none;\n  }\n}\n",(function(e){return e.column}),(function(e){return e.row})),f=function(e){var n=e.isDisabled,t=e.isLeft,a=e.onClick,r=e.className,i=e.scheme,l=void 0===i?"hellosites":i;return s.default.createElement(c,{onClick:a,"data-is-disabled":n,"data-is-left":t,className:r},s.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t?s.default.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===l?"#595959":"#E55C8A"}):s.default.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===l?"#595959":"#E55C8A"})))};exports.Carousel=function(a){for(var r=a.row,i=a.column,l=a.children,o=a.scheme,d=void 0===o?"hellosites":o,c=a.classNameLeftArrow,m=void 0===c?"":c,g=a.classNameRightArrow,h=void 0===g?"":g,v=a.mode,x=void 0===v?"snap":v,b=a.isDotsShown,w=void 0===b||b,k=a.isArrowShown,y=void 0!==k&&k,C=a.dataEventCategory,E=a.dataEventAction,_=a.dataEventLabel,L=a.onChangePage,j=s.default.useState(0),N=j[0],A=j[1],S=n.useState(!1),q=S[0],D=S[1],O=t.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){A(e.track.details.rel),L&&L(e.track.details.rel)},created:function(){D(!0)},drag:!0,mode:x,slides:{spacing:12}}),P=O[0],T=O[1],Y=[],M=r*i,B=0;B<l.length;B+=M){var Z=l.slice(B,B+M);Y.push(Z)}return s.default.createElement(p,{row:r,column:i},s.default.createElement("div",{className:"navigation-wrapper"},s.default.createElement("div",{ref:P,className:"keen-slider slides-wrapper"},Y.map((function(e,n){return s.default.createElement("div",{key:n,className:"keen-slider__slide page-items"},e.map((function(e,n){return s.default.createElement("div",{key:n},e)})))}))),q&&T.current&&y&&s.default.createElement(s.default.Fragment,null,s.default.createElement(f,{isLeft:!0,onClick:function(e){var n;return e.stopPropagation()||(null===(n=T.current)||void 0===n?void 0:n.prev())},isDisabled:0===N,scheme:d,className:"left-arrow ".concat(m),"data-event-category":C,"data-event-action":E,"data-event-label":_}),s.default.createElement(f,{isLeft:!1,onClick:function(e){var n;return e.stopPropagation()||(null===(n=T.current)||void 0===n?void 0:n.next())},isDisabled:N===T.current.track.details.slides.length-1,scheme:d,className:"right-arrow ".concat(h),"data-event-category":C,"data-event-action":E,"data-event-label":_}))),q&&T.current&&w&&s.default.createElement("div",{className:"dots"},e.__spreadArray([],Array(T.current.track.details.slides.length),!0).map((function(e,n){return s.default.createElement(u,{key:n,onClick:function(){var e;null===(e=T.current)||void 0===e||e.moveToIdx(n)},"data-is-active":N===n,"data-is-hellosites":"hellosites"===d})}))))};

package/build/components/categoryCard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("./text.js"),t=require("../tslib.es6-f7929e76.js"),r=require("styled-components");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../theme-696d81a9.js"),require("../utils-1cac3068.js");var o,i=a(e),l=a(r).default.a(o||(o=t.__makeTemplateObject(["\n  display: flex;\n  height: 125px;\n\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px;\n\n  border: 1px solid ",";\n  background-color: white;\n  border-radius: 6px;\n  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  cursor: pointer;\n  text-decoration: none;\n\n  & > .banner {\n    width: 100%;\n    height: 63px;\n    text-align: center;\n  }\n\n  & > .content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: center;\n    word-break: break-word;\n  }\n\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: flex;\n  height: 125px;\n\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  padding: 8px;\n\n  border: 1px solid ",";\n  background-color: white;\n  border-radius: 6px;\n  box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n  cursor: pointer;\n  text-decoration: none;\n\n  & > .banner {\n    width: 100%;\n    height: 63px;\n    text-align: center;\n  }\n\n  & > .content {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: center;\n    word-break: break-word;\n  }\n\n  * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.neutral100}));exports.CategoryCard=function(e){var t=e.imgBanner,r=e.label,a=e.className,o=e.style,d=e.href,c=void 0===d?"":d,s=e.dataEventCategory,b=e.dataEventAction,x=e.dataEventLabel;return i.default.createElement(l,{"data-event-category":s,"data-event-action":b,"data-event-label":x,className:a,style:o,href:c,onClick:function(e){""===c&&e.preventDefault()}},i.default.createElement("div",{className:"banner"},t),i.default.createElement("div",{className:"content"},i.default.createElement(n.Text,{className:"category_name",size:"sm",type:"bold"},r)))};

package/build/components/checkbox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("../tslib.es6-f7929e76.js"),r=require("../utils-1cac3068.js"),t=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,a=o(n),c=o(t).default.div(i||(i=e.__makeTemplateObject(["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),r.MediaQueries.mbDown,r.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}));exports.Checkbox=function(n){var e=n.label,r=n.name,t=n.checked,o=n.className,i=n.isDisabled,l=n.onChange,d=n.value,s=n.isRectangle;return a.default.createElement(c,{className:o,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":e},a.default.createElement("input",{type:"checkbox",checked:t,name:r,onChange:function(){return l(d,!t)},disabled:i,value:d,id:"".concat(r,"-").concat(d),"data-label-text":e}),!s&&a.default.createElement("label",{htmlFor:"".concat(r,"-").concat(d)},e))};

package/build/components/checkboxGroup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("./checkbox.js"),a=require("../tslib.es6-f7929e76.js"),t=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../utils-1cac3068.js");var r,l=i(e),c=i(t).default.div(r||(r=a.__makeTemplateObject(["\n  display: flex;\n\n  &[data-type='vertical'] {\n    flex-direction: column;\n\n    div {\n      margin-bottom: 20px;\n    }\n  }\n\n  &[data-type='horizontal'] {\n    flex-wrap: wrap;\n\n    div {\n      margin-right: 25px;\n    }\n\n    &[data-is-rectangle] {\n      div {\n        margin-right: 14px;\n      }\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-type='vertical'] {\n    flex-direction: column;\n\n    div {\n      margin-bottom: 20px;\n    }\n  }\n\n  &[data-type='horizontal'] {\n    flex-wrap: wrap;\n\n    div {\n      margin-right: 25px;\n    }\n\n    &[data-is-rectangle] {\n      div {\n        margin-right: 14px;\n      }\n    }\n  }\n"])));exports.CheckboxGroup=function(e){var a=e.name,t=e.values,i=void 0===t?[]:t,r=e.onChanges,d=e.options,o=void 0===d?[]:d,s=e.className,u=e.type,p=void 0===u?"vertical":u,v=e.isDisabled,f=e.isRectangle,m=function(e,n){var a=i.slice();if(n)a.push(e);else{var t=a.findIndex((function(n){return n===e}));a.splice(t,1)}r&&r(a)};return l.default.createElement(c,{className:s,"data-type":p,"data-is-rectangle":f||void 0},o.map((function(e,t){return l.default.createElement(n.Checkbox,{label:e.label,name:a,key:"".concat(t,"-").concat(e.value),checked:i.includes(e.value),value:e.value,isDisabled:v||e.disabled,onChange:!v&&m,isRectangle:f})})))};

package/build/components/childCard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../useTranslations-589049a5.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-f5c59bb0.js");var o=require("styled-components");require("../constants-5675963f.js");var d=require("../utils-1cac3068.js"),s=require("../tslib.es6-f7929e76.js"),u=require("./menu.js"),c=require("../useOutsideClick-528bfd6c.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../translationsContext-af789c7c.js"),require("string-format"),require("../FullScreen-924067af.js"),require("vanilla-lazyload");var f,m,p,h=C(e),g=C(o),x=g.default.div(f||(f=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(m||(m=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(u.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,f=t.useTranslations().t,m=e.useRef();return c.useOutsideClick(m,i),h.default.createElement("div",{ref:m},h.default.createElement(E,{width:250},h.default.createElement(u.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},f("childCard.menu.edit",{name:l}))),h.default.createElement(u.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},f("childCard.menu.switch"))),h.default.createElement(u.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},f("childCard.menu.add"))),h.default.createElement(u.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},f("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,u=o.gender,c=o.age,C=o.isLoggedIn,f=void 0!==C&&C,m=o.showMenu,p=void 0!==m&&m,g=o.onEdit,E=o.onSwitch,b=o.onAdd,M=o.onRemove,j=o.className,q=t.useTranslations().t,k=e.useState(!1),H=k[0],L=k[1];return h.default.createElement(x,{className:j},h.default.createElement("div",{"data-testid":"gender"},u===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,u===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"}},u)),h.default.createElement("div",null,h.default.createElement(l.Icon.Calendar,{size:16}),c&&h.default.createElement(r.Text,{size:"p3",color:n.theme.colors.gray800},y(c,q))))),p&&f&&h.default.createElement(v,null,h.default.createElement(l.Icon.Kebab,{onClick:function(){return L((function(e){return!e}))}}),H&&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/container.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../tslib.es6-f7929e76.js"),n=require("../utils-1cac3068.js"),a=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,d=r(e),s=r(a).default.div(i||(i=t.__makeTemplateObject(["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"],["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"])),n.MediaQueries.mbDown,n.MediaQueries.tdUp);exports.Container=function(e){var t=e.children,n=e.className,a=e.style,r=e.type;return d.default.createElement(s,{className:n,style:a,"data-type":r},t)};

package/build/components/cookieAcceptConfirm.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("../tslib.es6-f7929e76.js"),t=require("../utils-1cac3068.js"),o=require("styled-components");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,r,l,d,p,c,s=i(n),u=i(o),h=u.default.div(a||(a=e.__makeTemplateObject(["\n  padding: 16px;\n  width: 375px;\n  word-wrap: break-word;\n  word-break: break-word;\n  "," {\n    width: 100%;\n  }\n  &[data-theme='helloSites'] {\n    background: ",";\n    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n  }\n  &[data-theme='marryBaby'] {\n    border: none;\n    background: ",";\n    border-radius: 12px 12px 0 0;\n  }\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-default-position='true'] {\n    position: fixed;\n    z-index: 1000;\n    bottom: 0;\n    right: 0;\n    "," {\n      left: 0;\n      right: unset;\n    }\n  }\n"],["\n  padding: 16px;\n  width: 375px;\n  word-wrap: break-word;\n  word-break: break-word;\n  "," {\n    width: 100%;\n  }\n  &[data-theme='helloSites'] {\n    background: ",";\n    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.1);\n  }\n  &[data-theme='marryBaby'] {\n    border: none;\n    background: ",";\n    border-radius: 12px 12px 0 0;\n  }\n  &[data-is-open='false'] {\n    display: none;\n  }\n  &[data-default-position='true'] {\n    position: fixed;\n    z-index: 1000;\n    bottom: 0;\n    right: 0;\n    "," {\n      left: 0;\n      right: unset;\n    }\n  }\n"])),t.MediaQueries.mbDown,(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink}),t.MediaQueries.mbDown),x=u.default.p(r||(r=e.__makeTemplateObject(["\n  position: relative;\n  padding-left: 24px;\n  color: ",";\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  &[data-has-content='true'] {\n    ::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      width: 16px;\n      height: 16px;\n      margin: auto 0;\n      content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n    }\n  }\n"],["\n  position: relative;\n  padding-left: 24px;\n  color: ",";\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  &[data-has-content='true'] {\n    ::before {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      width: 16px;\n      height: 16px;\n      margin: auto 0;\n      content: url(\"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e\");\n    }\n  }\n"])),(function(n){return n.theme.colors.white})),f=u.default.p(l||(l=e.__makeTemplateObject(["\n  margin-top: 2px;\n  color: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n  a {\n    color: ",";\n    text-decoration: none;\n    text-decoration-line: underline;\n  }\n"],["\n  margin-top: 2px;\n  color: ",";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n  a {\n    color: ",";\n    text-decoration: none;\n    text-decoration-line: underline;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),g=u.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n  gap: 16px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 8px;\n  gap: 16px;\n"]))),m=u.default.div(p||(p=e.__makeTemplateObject(["\n  padding: 7px 28px;\n  background: ",";\n  border-radius: 6px;\n  color: ",";\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n"],["\n  padding: 7px 28px;\n  background: ",";\n  border-radius: 6px;\n  color: ",";\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.secondaryBase})),b=u.default.a(c||(c=e.__makeTemplateObject(["\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 22px;\n  text-decoration: none;\n  text-decoration-line: underline;\n"],["\n  color: ",";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 22px;\n  text-decoration: none;\n  text-decoration-line: underline;\n"])),(function(n){return n.theme.colors.white}));exports.CookieAcceptConfirm=function(n){var e=n.className,t=n.policiesUrl,o=n.onAcceptClick,i=n.translations,a=void 0===i?{acceptButton:"Accept",policiesButton:"Our Policies"}:i,r=n.title,l=void 0===r?"":r,d=n.description,p=void 0===d?"":d,c=n.theme,u=void 0===c?"helloSites":c,w=n.isOpen,v=void 0===w||w,k=n.useDefaultPosition,C=void 0===k||k,y=n.trackingAttributes;return s.default.createElement(h,{className:e,"data-theme":u,"data-is-open":v,"data-default-position":C},s.default.createElement(x,{"data-has-content":!!l},l),s.default.createElement(f,{dangerouslySetInnerHTML:{__html:p}}),s.default.createElement(g,null,s.default.createElement(m,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:o,"data-event-category":null==y?void 0:y.dataEventCategory,"data-event-action":null==y?void 0:y.dataEventAction,"data-event-label":null==y?void 0:y.dataEventLabel},a.acceptButton),s.default.createElement(b,{href:t},a.policiesButton)))};

package/build/components/datePicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../tslib.es6-f7929e76.js"),e=require("react"),t=require("date-fns"),r=require("react-day-picker/DayPickerInput"),a=require("styled-components");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,c,d=i(e),l=i(r),s=i(a),p={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},u=s.default.div(o||(o=n.__makeTemplateObject(["\n  .pickerContainer {\n    position: relative;\n    padding-top: 0;\n    & > div > svg {\n      position: absolute;\n      top: 36px;\n      right: 16px;\n      cursor: pointer;\n    }\n\n    & > :not(:first-child) {\n      position: absolute;\n      z-index: 1;\n      width: 100%;\n    }\n  }\n\n  &[data-is-static] .pickerOverlayWrapper {\n    position: static;\n    max-width: 250px;\n    aspect-ratio: 1 / 1;\n\n    > .pickerOverlay {\n      padding: 1rem;\n    }\n  }\n\n  .pickerOverlayWrapper {\n    min-width: 320px;\n  }\n\n  &[data-align-right='true'] {\n    .pickerOverlayWrapper {\n      right: 0;\n    }\n  }\n\n  .pickerOverlay {\n    margin-top: 6px;\n    background: white;\n    border-radius: 6px;\n    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n  }\n\n  .picker {\n    width: 100%;\n  }\n\n  .react-datepicker-popper {\n    .react-datepicker {\n      display: flex;\n      width: 340px;\n      height: 305px;\n      align-items: center;\n      justify-content: center;\n      border: none;\n      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n        (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n    }\n\n    .svg {\n      cursor: pointer;\n      stroke: ",";\n    }\n    .react-datepicker__day {\n      width: 40px;\n    }\n\n    .react-datepicker__header {\n      border-bottom: 0;\n      background-color: white;\n    }\n\n    .react-datepicker__day--outside-month {\n      color: #e9e9e9;\n    }\n\n    .react-datepicker__day {\n      font-weight: ",";\n    }\n\n    .react-datepicker__day--selected,\n    .react-datepicker__day--today,\n    .react-datepicker__day--selected:hover,\n    .react-datepicker__day--keyboard-selected {\n      width: 32px;\n      height: 30px;\n      margin: 4px;\n      margin-bottom: -2px;\n      background: ",";\n      border-radius: 50%;\n    }\n\n    .react-datepicker__day-name {\n      width: 40px;\n    }\n\n    .react-datepicker__triangle {\n      display: none;\n    }\n\n    .react-datepicker__header.react-datepicker__header--custom {\n      svg {\n        stroke: #262626;\n      }\n      select {\n        background: ",";\n        text-align: center;\n        &:not(:last-child) {\n          padding: 8px 10px;\n          margin-right: 15px;\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n\n  /* DayPicker styles */\n\n  .DayPicker {\n    display: inline-block;\n    font-size: 1rem;\n  }\n\n  .DayPicker-wrapper {\n    position: relative;\n\n    flex-direction: row;\n    padding-bottom: 1em;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .DayPicker-Month {\n    display: table;\n    margin: 0 16px;\n    margin-top: 16px;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-NavBar {\n    position: absolute;\n    top: 16px;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 0;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n  }\n\n  .DayPicker-NavButton {\n    width: 24px;\n    height: 24px;\n    margin-bottom: -47px;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 16px 16px;\n    color: #8b9898;\n    cursor: pointer;\n  }\n\n  .DayPicker-NavButton:hover {\n    opacity: 0.8;\n  }\n\n  .DayPicker-NavButton--prev {\n    //left: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--next {\n    //right: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .DayPicker-Caption {\n    display: table-caption;\n    width: 100%;\n    height: 46px;\n    padding: 0 32px;\n  }\n\n  .DayPicker-Caption select {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 24px;\n    text-align: left;\n  }\n\n  .DayPicker-Weekdays {\n    display: table-header-group;\n    margin-top: 1em;\n  }\n\n  .DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .DayPicker-Weekday {\n    display: table-cell;\n    padding: 0.5em;\n    color: #8b9898;\n    font-size: 0.875em;\n    text-align: center;\n  }\n\n  .DayPicker-Weekday abbr[title] {\n    border-bottom: none;\n    text-decoration: none;\n  }\n\n  .DayPicker-Body {\n    display: table-row-group;\n  }\n\n  .DayPicker-Week {\n    display: table-row;\n  }\n\n  .DayPicker-Day {\n    display: table-cell;\n\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .DayPicker-WeekNumber {\n    display: table-cell;\n    min-width: 1em;\n    padding: 0.5em;\n    border-right: 1px solid #eaecec;\n    color: #8b9898;\n    cursor: pointer;\n    font-size: 0.75em;\n    text-align: right;\n    vertical-align: middle;\n  }\n\n  .DayPicker--interactionDisabled .DayPicker-Day {\n    cursor: default;\n  }\n\n  .DayPicker-Footer {\n    padding-top: 0.5em;\n  }\n\n  .DayPicker-TodayButton {\n    border: none;\n    background-color: transparent;\n    background-image: none;\n    box-shadow: none;\n    color: #4a90e2;\n    cursor: pointer;\n    font-size: 0.875em;\n  }\n\n  /* Default modifiers */\n\n  .DayPicker-Day--today {\n    color: #d0021b;\n    font-weight: 700;\n  }\n\n  .DayPicker-Day--outside {\n    color: #8b9898;\n    cursor: default;\n  }\n\n  .DayPicker-Day--disabled {\n    color: #dce0e0;\n    cursor: default;\n    /* background-color: #eff1f1; */\n  }\n\n  /* Example modifiers */\n\n  .DayPicker-Day--sunday {\n    background-color: #f7f8f8;\n  }\n\n  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n    color: #dce0e0;\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n    position: relative;\n\n    background-color: ",";\n    color: #f0f8ff;\n    font-weight: ",";\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n    background-color: #51a0fa;\n  }\n\n  .DayPicker:not(.DayPicker--interactionDisabled)\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n    background-color: #f0f8ff;\n  }\n\n  /* DayPickerInput */\n\n  .DayPickerInput {\n    display: inline-block;\n  }\n\n  .DayPickerInput-OverlayWrapper {\n    position: relative;\n  }\n\n  .DayPickerInput-Overlay {\n    position: absolute;\n    z-index: 1;\n    left: 0;\n\n    background: white;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n  }\n"],["\n  .pickerContainer {\n    position: relative;\n    padding-top: 0;\n    & > div > svg {\n      position: absolute;\n      top: 36px;\n      right: 16px;\n      cursor: pointer;\n    }\n\n    & > :not(:first-child) {\n      position: absolute;\n      z-index: 1;\n      width: 100%;\n    }\n  }\n\n  &[data-is-static] .pickerOverlayWrapper {\n    position: static;\n    max-width: 250px;\n    aspect-ratio: 1 / 1;\n\n    > .pickerOverlay {\n      padding: 1rem;\n    }\n  }\n\n  .pickerOverlayWrapper {\n    min-width: 320px;\n  }\n\n  &[data-align-right='true'] {\n    .pickerOverlayWrapper {\n      right: 0;\n    }\n  }\n\n  .pickerOverlay {\n    margin-top: 6px;\n    background: white;\n    border-radius: 6px;\n    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);\n  }\n\n  .picker {\n    width: 100%;\n  }\n\n  .react-datepicker-popper {\n    .react-datepicker {\n      display: flex;\n      width: 340px;\n      height: 305px;\n      align-items: center;\n      justify-content: center;\n      border: none;\n      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),\n        (-2px 2px 5px rgba(67, 86, 100, 0.123689));\n    }\n\n    .svg {\n      cursor: pointer;\n      stroke: ",";\n    }\n    .react-datepicker__day {\n      width: 40px;\n    }\n\n    .react-datepicker__header {\n      border-bottom: 0;\n      background-color: white;\n    }\n\n    .react-datepicker__day--outside-month {\n      color: #e9e9e9;\n    }\n\n    .react-datepicker__day {\n      font-weight: ",";\n    }\n\n    .react-datepicker__day--selected,\n    .react-datepicker__day--today,\n    .react-datepicker__day--selected:hover,\n    .react-datepicker__day--keyboard-selected {\n      width: 32px;\n      height: 30px;\n      margin: 4px;\n      margin-bottom: -2px;\n      background: ",";\n      border-radius: 50%;\n    }\n\n    .react-datepicker__day-name {\n      width: 40px;\n    }\n\n    .react-datepicker__triangle {\n      display: none;\n    }\n\n    .react-datepicker__header.react-datepicker__header--custom {\n      svg {\n        stroke: #262626;\n      }\n      select {\n        background: ",";\n        text-align: center;\n        &:not(:last-child) {\n          padding: 8px 10px;\n          margin-right: 15px;\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n\n  /* DayPicker styles */\n\n  .DayPicker {\n    display: inline-block;\n    font-size: 1rem;\n  }\n\n  .DayPicker-wrapper {\n    position: relative;\n\n    flex-direction: row;\n    padding-bottom: 1em;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-Months {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .DayPicker-Month {\n    display: table;\n    margin: 0 16px;\n    margin-top: 16px;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    -webkit-user-select: none;\n\n    -moz-user-select: none;\n\n    -ms-user-select: none;\n\n    user-select: none;\n  }\n\n  .DayPicker-NavBar {\n    position: absolute;\n    top: 16px;\n    left: 0;\n    display: flex;\n    width: 100%;\n    height: 0;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n  }\n\n  .DayPicker-NavButton {\n    width: 24px;\n    height: 24px;\n    margin-bottom: -47px;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 16px 16px;\n    color: #8b9898;\n    cursor: pointer;\n  }\n\n  .DayPicker-NavButton:hover {\n    opacity: 0.8;\n  }\n\n  .DayPicker-NavButton--prev {\n    //left: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--next {\n    //right: 2px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n  }\n\n  .DayPicker-NavButton--interactionDisabled {\n    display: none;\n  }\n\n  .DayPicker-Caption {\n    display: table-caption;\n    width: 100%;\n    height: 46px;\n    padding: 0 32px;\n  }\n\n  .DayPicker-Caption select {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 24px;\n    text-align: left;\n  }\n\n  .DayPicker-Weekdays {\n    display: table-header-group;\n    margin-top: 1em;\n  }\n\n  .DayPicker-WeekdaysRow {\n    display: table-row;\n  }\n\n  .DayPicker-Weekday {\n    display: table-cell;\n    padding: 0.5em;\n    color: #8b9898;\n    font-size: 0.875em;\n    text-align: center;\n  }\n\n  .DayPicker-Weekday abbr[title] {\n    border-bottom: none;\n    text-decoration: none;\n  }\n\n  .DayPicker-Body {\n    display: table-row-group;\n  }\n\n  .DayPicker-Week {\n    display: table-row;\n  }\n\n  .DayPicker-Day {\n    display: table-cell;\n\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    text-align: center;\n    vertical-align: middle;\n  }\n\n  .DayPicker-WeekNumber {\n    display: table-cell;\n    min-width: 1em;\n    padding: 0.5em;\n    border-right: 1px solid #eaecec;\n    color: #8b9898;\n    cursor: pointer;\n    font-size: 0.75em;\n    text-align: right;\n    vertical-align: middle;\n  }\n\n  .DayPicker--interactionDisabled .DayPicker-Day {\n    cursor: default;\n  }\n\n  .DayPicker-Footer {\n    padding-top: 0.5em;\n  }\n\n  .DayPicker-TodayButton {\n    border: none;\n    background-color: transparent;\n    background-image: none;\n    box-shadow: none;\n    color: #4a90e2;\n    cursor: pointer;\n    font-size: 0.875em;\n  }\n\n  /* Default modifiers */\n\n  .DayPicker-Day--today {\n    color: #d0021b;\n    font-weight: 700;\n  }\n\n  .DayPicker-Day--outside {\n    color: #8b9898;\n    cursor: default;\n  }\n\n  .DayPicker-Day--disabled {\n    color: #dce0e0;\n    cursor: default;\n    /* background-color: #eff1f1; */\n  }\n\n  /* Example modifiers */\n\n  .DayPicker-Day--sunday {\n    background-color: #f7f8f8;\n  }\n\n  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {\n    color: #dce0e0;\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {\n    position: relative;\n\n    background-color: ",";\n    color: #f0f8ff;\n    font-weight: ",";\n  }\n\n  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {\n    background-color: #51a0fa;\n  }\n\n  .DayPicker:not(.DayPicker--interactionDisabled)\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {\n    background-color: #f0f8ff;\n  }\n\n  /* DayPickerInput */\n\n  .DayPickerInput {\n    display: inline-block;\n  }\n\n  .DayPickerInput-OverlayWrapper {\n    position: relative;\n  }\n\n  .DayPickerInput-Overlay {\n    position: absolute;\n    z-index: 1;\n    left: 0;\n\n    background: white;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold})),y=s.default.form(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n\n  height: 46px;\n  align-items: center;\n  justify-content: space-between;\n  & > :first-child {\n    margin-right: 10px;\n  }\n\n  & * {\n    height: 46px;\n    padding: 10px 10px;\n    background: ",";\n    border-radius: 6px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n\n  height: 46px;\n  align-items: center;\n  justify-content: space-between;\n  & > :first-child {\n    margin-right: 10px;\n  }\n\n  & * {\n    height: 46px;\n    padding: 10px 10px;\n    background: ",";\n    border-radius: 6px;\n  }\n"])),(function(n){return n.theme.colors.neutral100}));exports.DatePicker=function(r){var a=r.alignRight,i=void 0===a||a,o=r.placeholder,c=r.displayDateFormat,s=r.onChange,k=r.customInput,g=r.pickedDate,h=r.className,b=r.isStatic,m=r.disabledDays,D=r.modifiers,x=r.UnHideOnClickOutside,f=r.initialMonth,w=r.locale,v=void 0===w?"en-PH":w,P=e.useRef(!1),_=t.format,C=e.useState(f||new Date),O=C[0],E=C[1],B=e.useRef(null),M=e.useRef(null),N=p[v],W=function(n){x||B.current&&B.current.contains(n.target)||M.current&&M.current.hideDayPicker()},z=(new Date).getFullYear(),T=new Date(z-150,0),j=new Date(z+1,0),I=function(n){for(var e=n.date,t=n.onChange,r=n.monthLabels,a=[],i=j.getFullYear();i>=T.getFullYear();i-=1)a.push(i);var o=function(n){var e=n.target.form,r=e.year,a=e.month;t(new Date(r.value,a.value))};return d.default.createElement("div",{className:"DayPicker-Caption"},d.default.createElement(y,null,d.default.createElement("select",{name:"month",onChange:o,value:e.getMonth()},r.map((function(n,e){return d.default.createElement("option",{key:n,value:e},n)}))),d.default.createElement("select",{name:"year",onChange:o,value:e.getFullYear()},a.map((function(n){return d.default.createElement("option",{key:n,value:n},n)})))))};return e.useEffect((function(){return document.addEventListener("mousedown",W,!1),function(){document.removeEventListener("mousedown",W,!1)}}),[]),d.default.createElement(u,{className:h,"data-align-right":i,ref:B,"data-is-static":b||void 0},d.default.createElement(l.default,{ref:M,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:k&&d.default.forwardRef((function(e,t){return d.default.createElement(k,n.__assign({},e))})),onDayPickerHide:function(){P.current=!1},onDayPickerShow:function(){P.current=!0},dayPickerProps:{month:O,className:"picker",selectedDays:g,canChangeMonth:!0,enableOutsideDaysClick:!b,firstDayOfWeek:1,captionElement:function(n){var e=n.date,t=n.localeUtils,r=null==t?void 0:t.getMonths();return d.default.createElement(I,{date:e,monthLabels:N||r,onChange:E})},disabledDays:m||void 0,modifiers:D},format:c||"yyyy-MM-dd",formatDate:function(n,e){return _(n,e)},hideOnDayClick:!b,placeholder:o||"",onDayChange:function(n){var e;e=n,M.current&&!b&&M.current.hideDayPicker(),s&&s(e)},showOverlay:b}))};

package/build/components/dateRangePicker.js

@@ -0,0 +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-589049a5.js");require("../animation-b53aef6e.js"),require("../lazyLoad-f5c59bb0.js");var f=require("styled-components");require("../constants-5675963f.js");var p=require("../utils-1cac3068.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../Locale-11b51016.js"),require("./label.js"),require("../translationsContext-af789c7c.js"),require("string-format"),require("vanilla-lazyload");var g=m(e),h=m(o),x=m(i),v=m(l),b=m(s),y=m(f);var w=y.default.div(E||(E=r.__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),k=y.default.div(D||(D=r.__makeTemplateObject(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),_=y.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=y.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=y.default(j)(q||(q=r.__makeTemplateObject(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));y.default.div(O||(O=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,q,O,z,S,B,H,P,V,I,L=y.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})),N=y.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})),Q=y.default.div(B||(B=r.__makeTemplateObject(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),F=y.default.div(H||(H=r.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),W=y.default(j)(P||(P=r.__makeTemplateObject([""],[""]))),R=y.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=y.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(N,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,y=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(){y(e)},onMouseLeave:function(){return y(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(w,{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(L,{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(F,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(o.from&&o.to)},g.default.createElement(Q,null,g.default.createElement(W,null,i.map(C))))}())))}var G,J,K=y.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=y.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 y(){b(!1)}var w=e.useRef(null);function k(e){f&&f(e)}function _(e){return n.format(e,"dd/MM/yyyy")}a.useOutsideClick(w,(function(){y()}));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:w},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:y,autoClose:h})):null)};

package/build/components/displayWrapper.js

@@ -0,0 +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;

package/build/components/divider.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../tslib.es6-f7929e76.js"),t=require("styled-components");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,d=n(e),i=n(t).default.hr(o||(o=r.__makeTemplateObject(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(e){return e.theme.colors.neutral200}),(function(e){return e.dividerType}));exports.Divider=function(e){var r=e.type,t=void 0===r?"solid":r,n=e.className,o=e.style;return d.default.createElement(i,{style:o,className:n,"data-diver-type":t,dividerType:t})};

package/build/components/doctorInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../tslib.es6-f7929e76.js"),n=require("react"),t=require("./text.js"),r=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../theme-696d81a9.js"),require("../utils-1cac3068.js");var a,p=i(n),u=i(r).default.figure(a||(a=e.__makeTemplateObject(["\n  display: flex;\n\n  > img,\n  svg,\n  picture {\n    width: 40px;\n    height: 40px;\n    margin-right: 1rem;\n    border-radius: 6px;\n    object-fit: cover;\n  }\n\n  > figcaption {\n    p + p {\n      margin-top: 2px;\n    }\n  }\n"],["\n  display: flex;\n\n  > img,\n  svg,\n  picture {\n    width: 40px;\n    height: 40px;\n    margin-right: 1rem;\n    border-radius: 6px;\n    object-fit: cover;\n  }\n\n  > figcaption {\n    p + p {\n      margin-top: 2px;\n    }\n  }\n"])));exports.DoctorInfo=function(e){var n=e.name,r=e.description,i=e.image,a=e.isDescriptionHidden;return p.default.createElement(u,null,i,!a&&p.default.createElement("figcaption",null,p.default.createElement(t.Text,{size:"p4",type:"bold"},n),p.default.createElement(t.Text,{size:"p4"},r)))};

package/build/components/drawer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("../utils-1cac3068.js"),t=require("react-dom"),i=require("./backdrop.js"),a=require("./text.js"),o=require("../tslib.es6-f7929e76.js"),s=require("../theme-696d81a9.js"),r=require("styled-components"),l=require("../animation-b53aef6e.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var u,p,m,c,f,x,h,b,w,g,C,O,_,j,v=d(n),k=d(r),T=k.default.div(C||(C=o.__makeTemplateObject(["\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n  pointer-events: ",";\n"],["\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n  pointer-events: ",";\n"])),s.theme.zIndexes.drawer,(function(n){return n.open?"auto":"none"})),y=k.default.div(_||(_=o.__makeTemplateObject(["\n  position: fixed;\n  z-index: 300;\n  background: #ffffff;\n  visibility: ",";\n  max-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    ","\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  ","\n"],["\n  position: fixed;\n  z-index: 300;\n  background: #ffffff;\n  visibility: ",";\n  max-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    ","\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  ","\n"])),(function(n){return n.open?"visible":"hidden"}),(function(n){return n.hasTitle?r.css(O||(O=o.__makeTemplateObject(["\n            border-bottom: 1px solid ",";\n          "],["\n            border-bottom: 1px solid ",";\n          "])),s.theme.colors.neutral100):null}),(function(n){return function(n,e){switch(n){case"top":return r.css(p||(p=o.__makeTemplateObject(["\n        top: 0;\n        width: 100%;\n        border-radius: 0px 0px 6px 6px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        top: 0;\n        width: 100%;\n        border-radius: 0px 0px 6px 6px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?r.css(u||(u=o.__makeTemplateObject(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),l.slideInDown,"600ms"):null,l.slideOutUp,"600ms");case"right":return r.css(c||(c=o.__makeTemplateObject(["\n        right: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 6px 0px 0px 6px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        right: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 6px 0px 0px 6px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?r.css(m||(m=o.__makeTemplateObject(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),l.slideInRight,"600ms"):null,l.slideOutRight,"600ms");case"bottom":return r.css(x||(x=o.__makeTemplateObject(["\n        bottom: 0;\n        width: 100%;\n        border-radius: 6px 6px 0px 0px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        bottom: 0;\n        width: 100%;\n        border-radius: 6px 6px 0px 0px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?r.css(f||(f=o.__makeTemplateObject(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),l.slideInUp,"600ms"):null,l.slideOutDown,"600ms");case"left":return r.css(b||(b=o.__makeTemplateObject(["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?r.css(h||(h=o.__makeTemplateObject(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),l.slideInLeft,"600ms"):null,l.slideOutLeft,"600ms");default:return r.css(g||(g=o.__makeTemplateObject(["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?r.css(w||(w=o.__makeTemplateObject(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),l.slideInUp,"600ms"):null,l.slideOutDown,"600ms")}}(n.placement,n.open)})),E=k.default.div(j||(j=o.__makeTemplateObject(["\n  min-height: 200px;\n  padding: 16px;\n  overflow-y: auto;\n"],["\n  min-height: 200px;\n  padding: 16px;\n  overflow-y: auto;\n"])));exports.Drawer=function(o){var s=o.children,r=o.title,l=o.onClose,d=o.open,u=void 0!==d&&d,p=o.placement,m=void 0===p?"left":p,c=o.destroyOnClose,f=void 0!==c&&c,x=o.className,h=n.useRef();n.useEffect((function(){return e.toggleNoScroll(u),function(){return e.toggleNoScroll(!1)}}),[u]);var b=function(){h.current.classList.add("slideOut"),setTimeout((function(){l()}),800)};return!u&&f?null:t.createPortal(v.default.createElement(v.default.Fragment,null,v.default.createElement(T,{className:x,open:u},v.default.createElement(i.Backdrop,{open:u,onClickOutside:b}),v.default.createElement(y,{open:u,placement:m,ref:h,hasTitle:Boolean(r)},v.default.createElement("div",{className:"title"},r&&v.default.createElement(a.Text,{size:"s2",type:"semiBold"},r),v.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:b},v.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"}))),v.default.createElement(E,{onClick:function(n){return n.stopPropagation()}},s&&(v.default.isValidElement(s)?s:"function"==typeof s?s({internalClose:b}):null))))),e.getPopupWrapperDom())};

package/build/components/dropdown.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../tslib.es6-f7929e76.js"),e=require("react"),t=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,i,r,d,l,p,s=o(e),x=o(t),u=x.default.div(a||(a=n.__makeTemplateObject(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),c=x.default.div(i||(i=n.__makeTemplateObject(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),g=x.default.ul(r||(r=n.__makeTemplateObject(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),b=x.default.li(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),h=x.default.div(l||(l=n.__makeTemplateObject(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),v=x.default.div(p||(p=n.__makeTemplateObject(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"])));exports.Dropdown=function(e){var t=e.className,o=e.value,a=e.options,i=e.onChange,r=void 0===i?function(){}:i,d=e.id,l=e.placeholderIcon,p=e.placeholder,x=e.style,f=e.size,m=void 0===f?"lg":f,w=e.groupedWithLabel,k=e.disabled,y=e.dropdownLabelTrackingAttributes,E=void 0===y?{}:y,z=e.isNativeSelect,C=void 0!==z&&z,_=s.default.useState(!1),j=_[0],L=_[1],O=function(){return!k&&L(!j)};return C?s.default.createElement(u,{as:"select","data-is-native":"true",value:(null==o?void 0:o.value)||void 0,disabled:k,onChange:function(n){if("string"==typeof n.target.value){var e=a.find((function(e){return e.value===n.target.value}));e&&r(e)}}},p&&s.default.createElement("option",{value:p,disabled:!0,selected:!0},p),a.map((function(n){return s.default.createElement("option",{key:"".concat(d,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):s.default.createElement(u,{className:t,"data-dropdown-open":j||void 0,"data-size":m,id:d,"data-has-icons":!!l,style:x,onBlur:function(){return L(!1)},tabIndex:0,"data-disabled":k},!!w&&s.default.createElement(v,null,w),s.default.createElement(c,n.__assign({onClick:O,className:w&&"with-label"},E),l," ",s.default.createElement("span",null,o&&o.value?o.label:p)),j&&s.default.createElement(g,{onClick:O,"data-has-icons":!!l},a.map((function(n){return s.default.createElement(b,{key:"".concat(d,"-").concat(n.value),"data-selected":o&&o.value===n.value||void 0,onClick:function(){return!n.disabled&&!k&&(null==r?void 0:r(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&s.default.createElement(h,null,n.icon),n.label)}))))};

package/build/components/dropdownSearch.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../tslib.es6-f7929e76.js"),e=require("react"),t=require("styled-components"),a=require("./pureInput.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("./label.js"),require("../utils-1cac3068.js");var i=o(e),r=o(t);r.default.img(d||(d=n.__makeTemplateObject(["\n  width: 24px;\n  height: 24px;\n"],["\n  width: 24px;\n  height: 24px;\n"])));var d,l,p,s,u,x,c,g=r.default.div(l||(l=n.__makeTemplateObject(["\n  position: relative;\n  border: 1px solid ",";\n  background-position: right 16px center;\n  border-radius: 6px;\n  background-color: ",";\n\n  &[data-has-icons='true'] {\n    border: none;\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      z-index: 0;\n      padding: 8px 0px;\n    }\n\n    &[data-is-open='false'] {\n      > div::after {\n        top: 50%;\n        right: 0;\n        width: 52px;\n        height: 36px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99968 11.7259L6.81551 8.54171C6.47051 8.19671 5.91051 8.19671 5.56551 8.54171C5.22051 8.88671 5.22051 9.44671 5.56551 9.79171L9.41051 13.6367C9.73635 13.9625 10.2638 13.9625 10.5888 13.6367L14.4338 9.79171C14.7788 9.44671 14.7788 8.88671 14.4338 8.54171C14.0888 8.19671 13.5288 8.19671 13.1838 8.54171L9.99968 11.7259Z' fill='%23595959'/%3E%3C/svg%3E%0A\");\n        background-position: center;\n        background-repeat: no-repeat;\n        content: '';\n        transform: translateY(-50%);\n      }\n    }\n    &[data-is-open='true'] {\n      > div::after {\n        top: 50%;\n        right: 0;\n        width: 52px;\n        height: 36px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66675 10.0001C1.66675 5.39175 5.39175 1.66675 10.0001 1.66675C14.6084 1.66675 18.3334 5.39175 18.3334 10.0001C18.3334 14.6084 14.6084 18.3334 10.0001 18.3334C5.39175 18.3334 1.66675 14.6084 1.66675 10.0001ZM12.4084 13.5834C12.7334 13.9084 13.2584 13.9084 13.5834 13.5834C13.9001 13.2584 13.9001 12.7251 13.5834 12.4084L11.1751 10.0001L13.5834 7.59175C13.9084 7.26675 13.9084 6.74175 13.5834 6.41675C13.2584 6.09175 12.7334 6.09175 12.4084 6.41675L10.0001 8.82508L7.59175 6.41675C7.26675 6.09175 6.74175 6.09175 6.41675 6.41675C6.2607 6.57244 6.17301 6.78382 6.17301 7.00425C6.17301 7.22468 6.2607 7.43606 6.41675 7.59175L8.82508 10.0001L6.41675 12.4084C6.2607 12.5641 6.17301 12.7755 6.17301 12.9959C6.17301 13.2163 6.2607 13.4277 6.41675 13.5834C6.74175 13.9084 7.26675 13.9084 7.59175 13.5834L10.0001 11.1751L12.4084 13.5834Z' fill='%238C8C8C'/%3E%3C/svg%3E%0A\");\n        background-position: center;\n        background-repeat: no-repeat;\n        content: '';\n        transform: translateY(-50%);\n      }\n    }\n\n    &:disabled {\n      > div::after {\n        display: none;\n      }\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  position: relative;\n  border: 1px solid ",";\n  background-position: right 16px center;\n  border-radius: 6px;\n  background-color: ",";\n\n  &[data-has-icons='true'] {\n    border: none;\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      z-index: 0;\n      padding: 8px 0px;\n    }\n\n    &[data-is-open='false'] {\n      > div::after {\n        top: 50%;\n        right: 0;\n        width: 52px;\n        height: 36px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99968 11.7259L6.81551 8.54171C6.47051 8.19671 5.91051 8.19671 5.56551 8.54171C5.22051 8.88671 5.22051 9.44671 5.56551 9.79171L9.41051 13.6367C9.73635 13.9625 10.2638 13.9625 10.5888 13.6367L14.4338 9.79171C14.7788 9.44671 14.7788 8.88671 14.4338 8.54171C14.0888 8.19671 13.5288 8.19671 13.1838 8.54171L9.99968 11.7259Z' fill='%23595959'/%3E%3C/svg%3E%0A\");\n        background-position: center;\n        background-repeat: no-repeat;\n        content: '';\n        transform: translateY(-50%);\n      }\n    }\n    &[data-is-open='true'] {\n      > div::after {\n        top: 50%;\n        right: 0;\n        width: 52px;\n        height: 36px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66675 10.0001C1.66675 5.39175 5.39175 1.66675 10.0001 1.66675C14.6084 1.66675 18.3334 5.39175 18.3334 10.0001C18.3334 14.6084 14.6084 18.3334 10.0001 18.3334C5.39175 18.3334 1.66675 14.6084 1.66675 10.0001ZM12.4084 13.5834C12.7334 13.9084 13.2584 13.9084 13.5834 13.5834C13.9001 13.2584 13.9001 12.7251 13.5834 12.4084L11.1751 10.0001L13.5834 7.59175C13.9084 7.26675 13.9084 6.74175 13.5834 6.41675C13.2584 6.09175 12.7334 6.09175 12.4084 6.41675L10.0001 8.82508L7.59175 6.41675C7.26675 6.09175 6.74175 6.09175 6.41675 6.41675C6.2607 6.57244 6.17301 6.78382 6.17301 7.00425C6.17301 7.22468 6.2607 7.43606 6.41675 7.59175L8.82508 10.0001L6.41675 12.4084C6.2607 12.5641 6.17301 12.7755 6.17301 12.9959C6.17301 13.2163 6.2607 13.4277 6.41675 13.5834C6.74175 13.9084 7.26675 13.9084 7.59175 13.5834L10.0001 11.1751L12.4084 13.5834Z' fill='%238C8C8C'/%3E%3C/svg%3E%0A\");\n        background-position: center;\n        background-repeat: no-repeat;\n        content: '';\n        transform: translateY(-50%);\n      }\n    }\n\n    &:disabled {\n      > div::after {\n        display: none;\n      }\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.blue200})),h=r.default.div(p||(p=n.__makeTemplateObject(["\n  cursor: pointer;\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  cursor: pointer;\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),b=r.default.ul(s||(s=n.__makeTemplateObject(["\n  position: absolute;\n  z-index: 100;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  max-height: 500px;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n  overflow-y: auto;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  z-index: 100;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  max-height: 500px;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n  overflow-y: auto;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),v=r.default.li(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 6px 18px 6px 16px;\n  &:hover,\n  :active {\n    background: ",";\n  }\n  .dropdown-label {\n    line-height: 20px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 6px 18px 6px 16px;\n  &:hover,\n  :active {\n    background: ",";\n  }\n  .dropdown-label {\n    line-height: 20px;\n  }\n"])),(function(n){return n.theme.colors.gray100})),f=r.default.div(x||(x=n.__makeTemplateObject(["\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n"],["\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n"]))),m=r.default(a.PureInput)(c||(c=n.__makeTemplateObject(["\n  input {\n    padding: 12px 36px 12px 48px;\n  }\n\n  &[data-has-display-icon] input {\n    padding: 12px 36px 12px 48px;\n  }\n  .displayIcon {\n    img {\n      width: 24px;\n      max-width: unset;\n      height: 24px;\n    }\n  }\n"],["\n  input {\n    padding: 12px 36px 12px 48px;\n  }\n\n  &[data-has-display-icon] input {\n    padding: 12px 36px 12px 48px;\n  }\n  .displayIcon {\n    img {\n      width: 24px;\n      max-width: unset;\n      height: 24px;\n    }\n  }\n"])));exports.DropdownSearch=function(t){var a=t.className,o=t.style,r=t.id,d=t.placeholder,l=t.placeholderIcon,p=t.onChange,s=t.value,u=t.options,x=t.dropdownLabelTrackingAttributes,c=t.disabled,w=t.onSearchChange,C=t.useSearchFilter,k=void 0===C||C,y=e.useState(""),L=y[0],_=y[1],E=i.default.useState(!1),j=E[0],T=E[1],M=e.useRef(null);var O=e.useMemo((function(){return L&&k?(n=u,e="".concat(L).toLowerCase(),n.filter((function(n){return"".concat(n.value).toLowerCase().includes(e)||"".concat(n.label).toLowerCase().includes(e)}))):s?u.filter((function(n){return n.value!==s.value})):u;var n,e}),[L,u,s]);return i.default.createElement(g,{className:a,"data-dropdown-open":j||void 0,id:r,"data-has-icons":!0,"data-is-open":j,ref:M,onBlur:function(n){(!n.relatedTarget||"id"in n.relatedTarget&&n.relatedTarget.id!==r)&&T(!1)},style:o,tabIndex:0},i.default.createElement(h,n.__assign({onClick:function(n){var e,t;"true"===(null===(t=null===(e=n.target)||void 0===e?void 0:e.getAttribute)||void 0===t?void 0:t.call(e,"data-is-open"))&&(_(""),p(null,""),null==w||w("")),!c&&T(!0)},"data-is-open":j},x),i.default.createElement(m,n.__assign({name:"dropdown-input",autoFocus:!1,displayIcon:l,size:"md",onChange:function(n){p(null,n),_(n),null==w||w(L)},placeholder:d,value:s&&s.value?"".concat(s.label):L,isDisabled:c},x))),j&&O.length>0&&i.default.createElement(b,{onClick:function(n){var e,t;"true"===(null===(t=null===(e=n.target)||void 0===e?void 0:e.getAttribute)||void 0===t?void 0:t.call(e,"data-is-open"))&&(_(""),p(null,"")),!c&&T(!j)},className:"dropdown-option","data-has-icons":!0},O.map((function(n){return i.default.createElement(v,{key:"".concat(r,"-").concat(n.value),"data-selected":s&&s.value===n.value||void 0,onClick:function(){!c&&(null==p||p(n,n.value))}},n.icon&&i.default.createElement(f,null,n.icon),i.default.createElement("div",{className:"dropdown-label"},n.label))}))))};

package/build/components/fileDropdown.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("../tslib.es6-f7929e76.js"),t=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,o,l,i,d,p=r(n),s=r(t),u=s.default.div(a||(a=e.__makeTemplateObject(["\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      vertical-align: middle;\n      display: inline-block;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    }\n    > div::after {\n      content: '';\n      right: 12px;\n      top: 50%;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      width: 10px;\n      height: 8px;\n      position: absolute;\n      background-repeat: no-repeat;\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      vertical-align: middle;\n      display: inline-block;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    }\n    > div::after {\n      content: '';\n      right: 12px;\n      top: 50%;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      width: 10px;\n      height: 8px;\n      position: absolute;\n      background-repeat: no-repeat;\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200})),c=s.default.div(o||(o=e.__makeTemplateObject(["\n  padding: 12px 18px 12px 16px;\n  cursor: pointer;\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"],["\n  padding: 12px 18px 12px 16px;\n  cursor: pointer;\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),x=s.default.ul(l||(l=e.__makeTemplateObject(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    background: white;\n    box-shadow: none;\n    border: 1px solid ",";\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    background: white;\n    box-shadow: none;\n    border: 1px solid ",";\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),g=s.default.li(i||(i=e.__makeTemplateObject(["\n  margin: 8px;\n  padding: 12px 18px 12px 16px;\n  border-radius: 6px;\n  display: flex;\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  margin: 8px;\n  padding: 12px 18px 12px 16px;\n  border-radius: 6px;\n  display: flex;\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),h=s.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-right: 8px;\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  margin-right: 8px;\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"])));exports.FileDropdown=function(e){var t=e.className,r=e.value,a=e.options,o=e.onUploadSelected,l=e.id,i=e.placeholderIcon,d=e.placeholder,s=e.style,f=n.useState(!1),m=f[0],b=f[1],v=function(){return b(!m)},w=n.useRef(a.map((function(n){return"upload"===n.type&&p.default.createElement("input",{id:"uploader-dropdown-input-"+l+"-"+n.value,key:"uploader-dropdown-input-"+l+"-"+n.value,accept:n.fileAcceptedType,multiple:n.multiple,type:"file",style:{display:"none"},onChange:function(n){console.log("change"),o(n.target.files)}})}))),k=p.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},p.default.createElement("defs",null,p.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},p.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),p.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),p.default.createElement("title",null,"File"),p.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},p.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),p.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),y=p.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},p.default.createElement("defs",null,p.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),p.default.createElement("title",null,"download"),p.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),_=p.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},p.default.createElement("defs",null,p.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),p.default.createElement("title",null,"upload"),p.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return p.default.createElement(u,{className:t,"data-dropdown-open":!!m,id:l,"data-has-icons":!0,style:s,onBlur:function(){return b(!1)},tabIndex:0},p.default.createElement(c,{onClick:v},i||k," ",p.default.createElement("span",null,r&&r.value?r.label:d)),m&&p.default.createElement(x,{onClick:v,"data-has-icons":!0},a.map((function(n){return p.default.createElement(g,{key:"".concat(l,"-").concat(n.value),"data-selected":r&&r.value===n.value||void 0,onClick:function(){return"upload"===n.type?function(n){var e;null===(e=document.querySelector(n))||void 0===e||e.click()}("#uploader-dropdown-input-"+l+"-"+n.value):void((e=n.url)&&window.open(e,"_blank"));var e}},p.default.createElement(h,null,n.icon||"download"===n.type?y:_),n.label)}))),p.default.createElement(p.default.Fragment,null,w.current))};