npm - @hhgtech/hhg-components - Versions diffs - 1.21.0-beta-9 → 1.21.0-beta-10 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1561) hide show

package/build/esm/components/molecules/datePicker/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var r,t,a=e.div(r||(r=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"],["\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})),i=e.form(t||(t=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"],["\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}));export{i as StyledCaptionWrapper,a as StyledPickerContainer};

package/build/esm/components/molecules/dateRangePicker/calendar/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__assign as t}from"../../../../node_modules/tslib/tslib.es6.js";import e,{useState as o,useMemo as n,useEffect as r}from"react";import{startOfMonth as s,addMonths as i,format as a,subMonths as m,getDaysInMonth as l,isToday as d,isSameDay as c,isBefore as p,isWithinInterval as u,isAfter as f,isPast as j}from"date-fns";import y from"date-fns/locale/en-US";import x from"date-fns/locale/id";import g from"date-fns/locale/vi";import v from"date-fns/locale/zh-TW";import"../../../atoms/text/index.styled.js";import"../../../atoms/alert/index.styled.js";import"../../../atoms/avatar/index.styled.js";import"../../../atoms/badge/index.styled.js";import"../../../atoms/borderHeading/index.styled.js";import{Button as h}from"../../../atoms/button/index.js";import"../../../atoms/divider/index.styled.js";import"../../../atoms/fileDropdown/index.styled.js";import"../../../atoms/flag/index.styled.js";import"../../../atoms/grid/index.styled.js";import"../../../atoms/heading/index.styled.js";import"../../../atoms/label/index.js";import"../../../atoms/input/index.styled.js";import"../../../atoms/logo/index.js";import"../../../../misc/utils.js";import"../../../atoms/pagination/index.styled.js";import"../../../atoms/pureInput/index.js";import"../../../atoms/radio/index.styled.js";import"../../../atoms/shadow/index.styled.js";import"react-range";import"../../../atoms/slider/index.styled.js";import"../../../atoms/tag/index.styled.js";import"../../../atoms/toggle/index.styled.js";import"../../../atoms/underlinedLink/index.styled.js";import"../../../atoms/uploader/index.styled.js";import"../../../atoms/textArea/index.js";import"../../../atoms/container/index.styled.js";import"../../../atoms/checkbox/index.styled.js";import"../../../atoms/textDivider/index.js";import"../../../atoms/rateStars/index.styled.js";import"../../../atoms/icons/Ask.js";import"../../../atoms/icons/BarChart.js";import"../../../atoms/icons/Booking.js";import"../../../atoms/icons/Bookmark.js";import"../../../atoms/icons/Community.js";import"../../../atoms/icons/EditSpecial.js";import"../../../atoms/icons/Family.js";import"../../../atoms/icons/Font.js";import"../../../atoms/icons/Heart.js";import"../../../atoms/icons/Home.js";import"../../../atoms/icons/Like.js";import"../../../atoms/icons/MyCommunity.js";import"../../../atoms/icons/PlusSpecial.js";import"../../../atoms/icons/Recalculate.js";import"../../../atoms/icons/Scale.js";import"../../../atoms/icons/Share.js";import"../../../atoms/icons/Stethoscope.js";import"../../../atoms/progress/index.styled.js";import"react-dom";import"../../../atoms/backdrop/index.styled.js";import"../../../atoms/drawer/index.styled.js";import"../../../atoms/menu/index.js";import"../../../atoms/radioImageGroup/index.styled.js";import"../../../../interfaces/types/BabyGrowth.js";import"../../../../interfaces/types/Locale.js";import"../../../../interfaces/constants.js";import{useTranslations as E}from"../../../../hooks/useTranslations.js";import"lodash/debounce";import"../../../../misc/animation.js";import"../../../../misc/lazyLoad.js";import"styled-components";import{useScreenSize as k}from"../../../../hooks/useScreenSize.js";import D from"../../../../assets/svg/calendarArrowLeft.svg.js";import M from"../../../../assets/svg/calendarArrowRight.svg.js";import{handleClickDay as b}from"../utils.js";import{StyledCalendarMonthSeparator as w,StyledCalendarWrapper as C,StyledCalendarHead as S,StyledCalendarCellsWrapper as z,StyledCalendarDaysOfWeek as H,StyledCalendarDayLabel as T,StyledCalendarMonthWrapper as L,StyledCalendarDaysWrapper as B,StyledCalendarDateGrid as N,StyledCalendarDayNumberWrapper as P,StyledCalendarDayNumber as A}from"./index.styled.js";var F={"en-PH":y,"vi-VN":g,"zh-TW":v,"id-ID":x};function R(r){var a=r.value,l=void 0===a?{from:null,to:null}:a,d=o(null),c=d[0],p=d[1],u=k().isMobile,f=o((function(){return l})),j=f[0],y=f[1],x=o((function(){var t;return s(null!==(t=l.from)&&void 0!==t?t:new Date)})),g=x[0],v=x[1],h=n((function(){return i(g,1)}),[g]);var E=t(t({},r),{goToNextMonth:function(){v((function(t){return i(t,1)}))},goToPreviousMonth:function(){v((function(t){return m(t,1)}))},range:j,setRange:y,hoverDay:c,setHoverDay:p});return e.createElement(e.Fragment,null,e.createElement(I,t({},E,{date:g})),!u&&e.createElement(w,null),!u&&e.createElement(I,t({},E,{date:h})))}function I(t){var o=t.date,s=t.range,i=t.setRange,m=t.onChange,y=t.goToPreviousMonth,x=t.goToNextMonth,g=t.minDate,v=t.maxDate,k=t.close,w=void 0===k?function(){}:k,R=t.autoClose,I=void 0!==R&&R,G=t.hoverDay,W=t.setHoverDay,U=E().locale,V=n((function(){var t;return null!==(t=F[U])&&void 0!==t?t:F["en-PH"]}),[U]),Y=n((function(){return a(o,"MMMM",{locale:V})}),[o,V]),_=n((function(){return V?[1,2,3,4,5,6,0].map((function(t){return V.localize.day(t,{width:"narrow"})})):[]}),[V]);function q(t,o){if(null===t)return e.createElement(P,{key:"idx-".concat(o),"data-empty":"true"});var n=t.getDate(),r=d(t),a=!!s.from&&c(s.from,t),m=!!s.to&&c(s.to,t),l=a||m,y=!1;null!==G&&s.from&&p(s.from,G)&&!s.to?y=u(t,{start:s.from,end:G}):s.from&&s.to&&(y=u(t,{start:s.from,end:s.to}));var x=!1;return g&&v?x=!u(t,{start:g,end:v}):g?x=p(t,g):v&&(x=f(t,v)),e.createElement(P,{key:n,"data-is-today":r,"data-is-past":!r&&j(t),"data-is-selected":l,"data-is-disabled":x,"data-in-range":y,"data-is-from":a,"data-is-to":m,onMouseEnter:function(){W(t)},onMouseLeave:function(){return W(null)},onClick:function(){x||i((function(e){return I&&s.from&&!s.to&&w(),b(t,e)}))}},e.createElement(A,{onClick:function(){}},e.createElement("p",null,n)))}return r((function(){s.from&&s.to&&m(s)}),[s]),e.createElement(C,{className:"calendar-wrapper"},e.createElement(S,null,e.createElement(h,{onClick:y,size:"md",color:"ghost",icon:e.createElement("img",{src:D})}),e.createElement("div",{className:"calendar-month"},Y,e.createElement("strong",null,a(o,"yyyy"))),e.createElement(h,{onClick:x,size:"md",color:"ghost",icon:e.createElement("img",{src:M})})),e.createElement(z,null,e.createElement("div",null,e.createElement(H,null,_.map((function(t,o){return e.createElement(T,{key:"".concat(t,"-").concat(o)},t)})))),e.createElement("div",null,function(){for(var t=o.getFullYear(),n=o.getMonth(),r=l(o),i=[],a=1;a<=r;a++)i.push(new Date(t,n,a));var m=i[0]?i[0].getDay():0;if(1!==m){var d=0===m?6:m-1;for(a=0;a<d;a++)i.unshift(null)}return e.createElement(L,{key:"month-".concat(n),"data-month-index":n,"data-has-range":Boolean(s.from&&s.to)},e.createElement(B,null,e.createElement(N,null,i.map(q))))}())))}export{R as DateRangePickerCalendar};

package/build/esm/components/molecules/dateRangePicker/calendar/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import"../../../../interfaces/types/BabyGrowth.js";import"../../../../interfaces/types/Locale.js";import"../../../../interfaces/constants.js";import"react";import"../../../../i18n/translationsContext.js";import"string-format";import"lodash/debounce";import"date-fns";import"../../../../misc/animation.js";import"../../../../misc/lazyLoad.js";import t from"styled-components";import{MediaQueries as e}from"../../../../misc/utils.js";var r=t.div(d||(d=n(["\n flex: 1;\n"],["\n flex: 1;\n"]))),i=t.div(l||(l=n(["\n padding: 0 10px;\n"],["\n padding: 0 10px;\n"]))),o=t.div(c||(c=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"],["\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"])),e.mbDown),a=t.div(p||(p=n(["\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"]))),s=t(a)(u||(u=n(["\n margin-bottom: 8px;\n"],["\n margin-bottom: 8px;\n"])));t.div(g||(g=n(["\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));var d,l,c,p,u,g,f,h,m,x,b,y,v,w=t.div(f||(f=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"],["\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(n){return n.theme.colors.gray800})),j=t.div(h||(h=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"],["\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(n){return n.theme.colors.neutral100})),k=t.div(m||(m=n(["\n margin: 0 auto;\n"],["\n margin: 0 auto;\n"]))),z=t.div(x||(x=n(["\n position: relative;\n"],["\n position: relative;\n"]))),B=t(a)(b||(b=n([""],[""]))),D=t.div(y||(y=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"],["\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"])),e.mbUp,(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray100})),L=t.div(v||(v=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"],["\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"])),e.mbDown,e.mbUp,(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}));export{i as StyledCalendarCellsWrapper,B as StyledCalendarDateGrid,w as StyledCalendarDayLabel,L as StyledCalendarDayNumber,D as StyledCalendarDayNumberWrapper,s as StyledCalendarDaysOfWeek,k as StyledCalendarDaysWrapper,a as StyledCalendarGrid,o as StyledCalendarHead,j as StyledCalendarMonthSeparator,z as StyledCalendarMonthWrapper,r as StyledCalendarWrapper};

package/build/esm/components/molecules/dateRangePicker/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e,{useState as o,useRef as t,useMemo as n}from"react";import{isSameDay as r,format as a}from"date-fns";import{PureInput as m}from"../../atoms/pureInput/index.js";import{useOutsideClick as i}from"../../../hooks/useOutsideClick.js";import c from"../../../assets/svg/calendar.svg.js";import{DateRangePickerCalendar as l}from"./calendar/index.js";import{StyledWrapper as u,StyledCalendarWrapper as s}from"./index.styled.js";function f(f){var d=f.inputSize,p=void 0===d?"md":d,v=f.name,g=void 0===v?"date-range-picker":v,j=f.value,x=f.minDate,E=f.maxDate,y=f.onChange,C=f.className,D=f.autoClose,h=void 0!==D&&D;j||(j={from:null,to:null});var k=o(!1),F=k[0],M=k[1];function z(){M(!1)}var I=t(null);function N(e){y&&y(e)}function b(e){return a(e,"dd/MM/yyyy")}i(I,(function(){z()}));var w=n((function(){return j.from&&j.to?r(j.from,j.to)?b(j.from):"".concat(b(j.from)," - ").concat(b(j.to)):""}),[j.from,j.to]);return e.createElement(u,{className:[C,F&&"focused"].filter(Boolean).join(" "),ref:I},e.createElement("label",{htmlFor:g},e.createElement(m,{size:p,value:w,name:g,actionIcon:e.createElement("img",{src:c}),autoFocus:!1,onFocus:function(){return M(!0)}})),F?e.createElement(s,{onMouseDown:function(e){e.stopPropagation()}},e.createElement(l,{value:j,onChange:N,minDate:x,maxDate:E,close:z,autoClose:h})):null)}export{f as DateRangePicker};

package/build/esm/components/molecules/dateRangePicker/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import"../../../interfaces/types/BabyGrowth.js";import"../../../interfaces/types/Locale.js";import"../../../interfaces/constants.js";import"react";import"../../../i18n/translationsContext.js";import"string-format";import"lodash/debounce";import"date-fns";import"../../../misc/animation.js";import"../../../misc/lazyLoad.js";import o from"styled-components";import{MediaQueries as t}from"../../../misc/utils.js";var r,i,p=o.div(r||(r=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"],["\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"])),t.mbDown),e=o.div(i||(i=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"],["\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(n){return n.theme.colors.gray200}),t.mbDown);export{e as StyledCalendarWrapper,p as StyledWrapper};

package/build/esm/components/molecules/dateRangePicker/utils.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{__assign as o}from"../../../node_modules/tslib/tslib.es6.js";import{isBefore as r}from"date-fns";function m(m,t){return t.from\|\|t.to?t.from&&t.to?{from:m,to:null}:t.from?r(m,t.from)?o(o({},t),{from:m}):o(o({},t),{to:m}):t:o(o({},t),{from:m})}export{m as handleClickDay};

package/build/esm/components/molecules/doctorInfo/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as t}from"../../../node_modules/tslib/tslib.es6.js";import o from"react";import{Text as i}from"../../atoms/text/index.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/button/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import"react-dom";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import s from"styled-components";var e,m=s.figure(e||(e=t(["\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"]))),n=function(t){var s=t.name,e=t.description,n=t.image,r=t.isDescriptionHidden;return o.createElement(m,null,n,!r&&o.createElement("figcaption",null,o.createElement(i,{size:"p4",type:"bold"},s),o.createElement(i,{size:"p4"},e)))};export{n as DoctorInfo};

package/build/esm/components/molecules/dropdown/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import a from"react";import{StyledDropdown as t,StyledDropdownLabel as l,StyledDropdownName as n,StyledDropdownList as i,StyledDropdownOption as o,StyledIcon as d}from"./index.styled.js";var r=function(r){var c=r.className,s=r.value,u=r.options,v=r.onChange,m=void 0===v?function(){}:v,b=r.id,p=r.placeholderIcon,f=r.placeholder,E=r.style,g=r.size,h=void 0===g?"lg":g,k=r.groupedWithLabel,y=r.disabled,C=r.dropdownLabelTrackingAttributes,N=void 0===C?{}:C,w=r.isNativeSelect,x=void 0!==w&&w,j=a.useState(!1),z=j[0],I=j[1],L=function(){return!y&&I(!z)};return x?a.createElement(t,{as:"select","data-is-native":"true",value:(null==s?void 0:s.value)||void 0,disabled:y,onChange:function(e){if("string"==typeof e.target.value){var a=u.find((function(a){return a.value===e.target.value}));a&&m(a)}}},f&&a.createElement("option",{value:f,disabled:!0,selected:!0},f),u.map((function(e){return a.createElement("option",{key:"".concat(b,"-").concat(e.value),value:e.value,disabled:!!e.disabled&&e.disabled},e.label)}))):a.createElement(t,{className:c,"data-dropdown-open":z||void 0,"data-size":h,id:b,"data-has-icons":!!p,style:E,onBlur:function(){return I(!1)},tabIndex:0,"data-disabled":y},!!k&&a.createElement(l,null,k),a.createElement(n,e({onClick:L,className:k&&"with-label"},N),p," ",a.createElement("span",null,s&&s.value?s.label:f)),z&&a.createElement(i,{onClick:L,"data-has-icons":!!p},u.map((function(e){return a.createElement(o,{key:"".concat(b,"-").concat(e.value),"data-selected":s&&s.value===e.value||void 0,onClick:function(){return!e.disabled&&!y&&(null==m?void 0:m(e))},"data-disabled":!!e.disabled&&e.disabled},e.icon&&a.createElement(d,null,e.icon),e.label)}))))};export{r as Dropdown};

package/build/esm/components/molecules/dropdown/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var e,i,r,t,d,p,a=o.div(e||(e=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"],["\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})),s=o.div(i||(i=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"],["\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})),x=o.ul(r||(r=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"],["\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})),l=o.li(t||(t=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"],["\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})),g=o.div(d||(d=n(["\n max-width: 16px;\n margin-right: 8px;\n"],["\n max-width: 16px;\n margin-right: 8px;\n"]))),h=o.div(p||(p=n(["\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"])));export{a as StyledDropdown,h as StyledDropdownLabel,x as StyledDropdownList,s as StyledDropdownName,l as StyledDropdownOption,g as StyledIcon};

package/build/esm/components/molecules/floatButtonGroup/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t,{useState as n,useEffect as o}from"react";import{StyledFloatButtonGroup as l,StyledFloatButtonGroupBackgroundPanel as a,StyledFloatButtonGroupContent as i,StyledFloatButtonGroupItemsWrapper as c,StyledFloatButtonGroupButton as s,TRANSITION_TIMING as m,StyledFloatButtonGroupButtonLabel as r,StyledFloatButtonGroupButtonIcon as d,StyledFloatButtonGroupToggleIcon as p}from"./index.styled.js";var u=function(u){var y=u.items,f=u.className,g=u.style,b=u.backgroundPanelStyle,h=u.isOpen,k=u.onOpen,E=u.onClose,_=u.disableBackdropClick,v=u.siteType,z=void 0===v?"hb":v,C=u.animationType,N=void 0===C?"zoom":C,x=u.zIndex,D=void 0===x?300:x,I=n(!!h),O=I[0],j=I[1];o((function(){j(!!h)}),[h]);var T=function(){j(!1),E&&E()};return t.createElement(l,{style:g,className:f,"data-floatmenu-open":O,"data-site-type":z,"data-animation-type":N},t.createElement(a,{className:"float-button-group__panel",style:e({zIndex:D},b),onClick:_?void 0:T}),t.createElement(i,{className:"float-button-group___content",style:{zIndex:D}},t.createElement(c,null,y.map((function(n,o){return t.createElement(s,{className:"float-item-button-".concat(o),style:e(e({},"zoom"===N&&{bottom:64*(y.length-1-o),transitionDelay:"".concat(m/y.length*(O?y.length-1-o:o),"ms")}),"slide"===N&&{bottom:64*(y.length-1-o),transitionDelay:"".concat(m/y.length*(O?o:y.length-1-o),"ms")}),key:o,onClick:function(){n.onClick(),n.keepMenuOnClick||j(!1)}},t.createElement(r,{style:e({},"zoom"===N&&{transitionDelay:"".concat(m/y.length*(O?y.length-1-o:o),"ms")})},n.label),t.createElement(d,{className:"float-item-button__icon-wrapper",style:e({},("zoom"===N||"slide"===N)&&{transitionDelay:"".concat(m/y.length*(O?y.length-1-o:o),"ms")})},n.icon))}))),t.createElement(p,{onClick:O?T:function(){j(!0),k&&k()}})))};export{u as FloatButtonGroup};

package/build/esm/components/molecules/floatButtonGroup/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var a,o,e,i,r,s,l,m,d=200,p=t.div(a||(a=n([""],[""]))),f=t.div(o||(o=n(["\n width: 100vw;\n height: 100vh;\n position: fixed;\n bottom: 0;\n right: 0;\n background-color: ",";\n opacity: 0.83;\n transition: display ","ms linear;\n\n [data-floatmenu-open='true'] & {\n animation: showBackgroundPanel ","ms linear 0s normal\n forwards;\n }\n\n [data-floatmenu-open='false'] & {\n animation: hideBackgroundPanel ","ms linear 0s normal\n forwards;\n }\n\n @keyframes showBackgroundPanel {\n 0% {\n opacity: 0;\n width: 100vw;\n height: 100vh;\n }\n 100% {\n opacity: 0.83;\n }\n }\n\n @keyframes hideBackgroundPanel {\n 0% {\n width: 100vw;\n height: 100vh;\n }\n 99% {\n width: 100vw;\n height: 100vh;\n }\n 100% {\n opacity: 0;\n width: 0;\n height: 0;\n }\n }\n"],["\n width: 100vw;\n height: 100vh;\n position: fixed;\n bottom: 0;\n right: 0;\n background-color: ",";\n opacity: 0.83;\n transition: display ","ms linear;\n\n [data-floatmenu-open='true'] & {\n animation: showBackgroundPanel ","ms linear 0s normal\n forwards;\n }\n\n [data-floatmenu-open='false'] & {\n animation: hideBackgroundPanel ","ms linear 0s normal\n forwards;\n }\n\n @keyframes showBackgroundPanel {\n 0% {\n opacity: 0;\n width: 100vw;\n height: 100vh;\n }\n 100% {\n opacity: 0.83;\n }\n }\n\n @keyframes hideBackgroundPanel {\n 0% {\n width: 100vw;\n height: 100vh;\n }\n 99% {\n width: 100vw;\n height: 100vh;\n }\n 100% {\n opacity: 0;\n width: 0;\n height: 0;\n }\n }\n"])),(function(n){var t,a;return n.theme.colors.white||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}),200,200,200),h=t.div(e||(e=n(["\n position: fixed;\n right: 16px;\n bottom: 40px;\n"],["\n position: fixed;\n right: 16px;\n bottom: 40px;\n"]))),u=t.div(i||(i=n(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n transition: all ","ms ease-in-out;\n position: fixed;\n bottom: 112px;\n right: 16px;\n\n // scale\n [data-animation-type='scale'] & {\n transform-origin: 100% 100%;\n }\n\n [data-animation-type='scale'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='scale'][data-floatmenu-open='false'] & {\n transform: scale(0);\n bottom: 46px;\n right: 36px;\n }\n"],["\n display: flex;\n flex-direction: column;\n gap: 16px;\n transition: all ","ms ease-in-out;\n position: fixed;\n bottom: 112px;\n right: 16px;\n\n // scale\n [data-animation-type='scale'] & {\n transform-origin: 100% 100%;\n }\n\n [data-animation-type='scale'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='scale'][data-floatmenu-open='false'] & {\n transform: scale(0);\n bottom: 46px;\n right: 36px;\n }\n"])),200),c=t.div(r||(r=n(["\n border-radius: 50%;\n width: 56px;\n height: 56px;\n position: relative;\n cursor: pointer;\n margin-left: auto;\n transition: all 0.1s linear;\n -webkit-tap-highlight-color: transparent;\n [data-site-type='hb'] & {\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n }\n [data-site-type='mb'] & {\n background-color: #2d87f3;\n &:hover {\n background-color: #2c74df;\n }\n }\n\n &:before {\n content: '';\n width: 2px;\n height: 20px;\n background-color: ",";\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:after {\n content: '';\n width: 20px;\n height: 2px;\n background-color: ",";\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n [data-floatmenu-open='true'] &:before,\n [data-floatmenu-open='true'] &:after {\n animation: toX ","ms linear 0s normal forwards;\n }\n\n [data-floatmenu-open='false'] &:before,\n [data-floatmenu-open='false'] &:after {\n animation: toPlus ","ms linear 0s normal forwards;\n }\n\n @keyframes toX {\n 0% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 49% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 50% {\n width: 2px;\n height: 2px;\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 100% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n }\n\n @keyframes toPlus {\n 0% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 49% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 50% {\n width: 2px;\n height: 2px;\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 100% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n }\n"],["\n border-radius: 50%;\n width: 56px;\n height: 56px;\n position: relative;\n cursor: pointer;\n margin-left: auto;\n transition: all 0.1s linear;\n -webkit-tap-highlight-color: transparent;\n [data-site-type='hb'] & {\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n }\n [data-site-type='mb'] & {\n background-color: #2d87f3;\n &:hover {\n background-color: #2c74df;\n }\n }\n\n &:before {\n content: '';\n width: 2px;\n height: 20px;\n background-color: ",";\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:after {\n content: '';\n width: 20px;\n height: 2px;\n background-color: ",";\n border-radius: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n [data-floatmenu-open='true'] &:before,\n [data-floatmenu-open='true'] &:after {\n animation: toX ","ms linear 0s normal forwards;\n }\n\n [data-floatmenu-open='false'] &:before,\n [data-floatmenu-open='false'] &:after {\n animation: toPlus ","ms linear 0s normal forwards;\n }\n\n @keyframes toX {\n 0% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 49% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 50% {\n width: 2px;\n height: 2px;\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 100% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n }\n\n @keyframes toPlus {\n 0% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 49% {\n transform: translate(-50%, -50%) rotateZ(45deg);\n }\n 50% {\n width: 2px;\n height: 2px;\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n 100% {\n transform: translate(-50%, -50%) rotateZ(0deg);\n }\n }\n"])),(function(n){return n.theme.colors.primaryBase||n.theme.colors.primary}),(function(n){var t,a;return n.theme.colors.primaryHover||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.blue_700)}),(function(n){var t,a;return n.theme.colors.white||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}),(function(n){var t,a;return n.theme.colors.white||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}),200,200),g=t.div(s||(s=n(["\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: flex-end;\n\n width: fit-content;\n margin-left: auto;\n\n [data-floatmenu-open='true'] {\n cursor: pointer;\n }\n [data-floatmenu-open='false'] {\n pointer-events: none;\n }\n\n [data-animation-type='zoom'] &,\n [data-animation-type='slide'] & {\n position: absolute;\n right: 0;\n width: max-content;\n }\n // slide\n [data-animation-type='slide'] & {\n transition: all ","ms ease-in;\n }\n\n [data-animation-type='slide'][data-floatmenu-open='true'] & {\n animation: showItem ","ms;\n }\n [data-animation-type='slide'][data-floatmenu-open='false'] & {\n bottom: -64px !important;\n animation: hideItemOnZoom ","ms normal forwards;\n }\n\n // zoom\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n animation: hideItemOnZoom ","ms normal forwards;\n }\n\n @keyframes showItem {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes hideItemOnZoom {\n 0% {\n transform: translateX(0);\n opacity: 1;\n }\n\n 99% {\n transform: translateX(0);\n opacity: 0.5;\n }\n\n 100% {\n transform: translateX(calc(100% + 16px));\n opacity: 0;\n }\n }\n"],["\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: flex-end;\n\n width: fit-content;\n margin-left: auto;\n\n [data-floatmenu-open='true'] {\n cursor: pointer;\n }\n [data-floatmenu-open='false'] {\n pointer-events: none;\n }\n\n [data-animation-type='zoom'] &,\n [data-animation-type='slide'] & {\n position: absolute;\n right: 0;\n width: max-content;\n }\n // slide\n [data-animation-type='slide'] & {\n transition: all ","ms ease-in;\n }\n\n [data-animation-type='slide'][data-floatmenu-open='true'] & {\n animation: showItem ","ms;\n }\n [data-animation-type='slide'][data-floatmenu-open='false'] & {\n bottom: -64px !important;\n animation: hideItemOnZoom ","ms normal forwards;\n }\n\n // zoom\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n animation: hideItemOnZoom ","ms normal forwards;\n }\n\n @keyframes showItem {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes hideItemOnZoom {\n 0% {\n transform: translateX(0);\n opacity: 1;\n }\n\n 99% {\n transform: translateX(0);\n opacity: 0.5;\n }\n\n 100% {\n transform: translateX(calc(100% + 16px));\n opacity: 0;\n }\n }\n"])),200,200,250,250),x=t.div(l||(l=n(["\n font-size: 14px;\n\n // zoom\n [data-animation-type='zoom'] & {\n transition: transform ","ms ease-in-out;\n transform-origin: 100% 0;\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n transform: scale(0);\n }\n\n // slide\n [data-animation-type='slide'] & {\n transition: opacity ","ms;\n }\n [data-animation-type='slide'][data-floatmenu-open='true'] & {\n opacity: 1;\n }\n [data-animation-type='slide'][data-floatmenu-open='false'] & {\n opacity: 0;\n }\n"],["\n font-size: 14px;\n\n // zoom\n [data-animation-type='zoom'] & {\n transition: transform ","ms ease-in-out;\n transform-origin: 100% 0;\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n transform: scale(0);\n }\n\n // slide\n [data-animation-type='slide'] & {\n transition: opacity ","ms;\n }\n [data-animation-type='slide'][data-floatmenu-open='true'] & {\n opacity: 1;\n }\n [data-animation-type='slide'][data-floatmenu-open='false'] & {\n opacity: 0;\n }\n"])),200,200),y=t.div(m||(m=n(["\n border-radius: 50%;\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n\n // zoom\n [data-animation-type='zoom'] & {\n transition: transform ","ms ease-in-out;\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n transform: scale(0);\n }\n\n > img {\n width: 24px;\n height: 24px;\n object-fit: contain;\n }\n"],["\n border-radius: 50%;\n box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ",";\n\n // zoom\n [data-animation-type='zoom'] & {\n transition: transform ","ms ease-in-out;\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='true'] & {\n transform: scale(1);\n }\n\n [data-animation-type='zoom'][data-floatmenu-open='false'] & {\n transform: scale(0);\n }\n\n > img {\n width: 24px;\n height: 24px;\n object-fit: contain;\n }\n"])),(function(n){var t,a;return n.theme.colors.white||(null===(a=null===(t=n.theme.colors)||void 0===t?void 0:t.palette)||void 0===a?void 0:a.white)}),200);export{p as StyledFloatButtonGroup,f as StyledFloatButtonGroupBackgroundPanel,g as StyledFloatButtonGroupButton,y as StyledFloatButtonGroupButtonIcon,x as StyledFloatButtonGroupButtonLabel,h as StyledFloatButtonGroupContent,u as StyledFloatButtonGroupItemsWrapper,c as StyledFloatButtonGroupToggleIcon,d as TRANSITION_TIMING};

package/build/esm/components/molecules/iconText/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import e from"react";import{StyledIconText as i}from"./index.styled.js";var t=function(t){var o=t.size,r=t.iconPosition,a=t.className,n=t.children,s=t.icon;return e.createElement(i,{className:a,"data-size":o,"data-icon-position":r},"left"===r&&s,n,"right"===r&&s)};export{t as IconText};

package/build/esm/components/molecules/iconText/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";var e,o=i.div(e||(e=n(["\n display: flex;\n align-items: center;\n --font-weight-lg: ",";\n --font-weight-md: ",";\n --font-weight-sm: ",";\n\n &[data-icon-position='left'] {\n & > *:first-child {\n margin-right: 8px;\n }\n\n & > *:last-child {\n width: calc(100% - 24px);\n }\n }\n &[data-icon-position='right'] {\n & > *:first-child {\n width: calc(100% - 24px);\n }\n & > *:last-child {\n margin-left: 8px;\n }\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--font-weight-lg);\n }\n &[data-size='md'] {\n font-size: 14px;\n line-height: 22px;\n font-weight: var(--font-weight-md);\n }\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n font-weight: var(----font-weight-sm);\n }\n }\n"],["\n display: flex;\n align-items: center;\n --font-weight-lg: ",";\n --font-weight-md: ",";\n --font-weight-sm: ",";\n\n &[data-icon-position='left'] {\n & > *:first-child {\n margin-right: 8px;\n }\n\n & > *:last-child {\n width: calc(100% - 24px);\n }\n }\n &[data-icon-position='right'] {\n & > *:first-child {\n width: calc(100% - 24px);\n }\n & > *:last-child {\n margin-left: 8px;\n }\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n line-height: 24px;\n font-weight: var(--font-weight-lg);\n }\n &[data-size='md'] {\n font-size: 14px;\n line-height: 22px;\n font-weight: var(--font-weight-md);\n }\n &[data-size='sm'] {\n font-size: 13px;\n line-height: 20px;\n font-weight: var(----font-weight-sm);\n }\n }\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.sizes.fwRegular}),t.mbDown);export{o as StyledIconText};

package/build/esm/components/molecules/index.js ADDED Viewed

@@ -0,0 +1 @@

+ export{ArticleCard}from"./articleCard/index.js";export{Breadcrumbs}from"./breadcrumbs/index.js";export{CategoryCard}from"./categoryCard/index.js";export{CheckboxGroup}from"./checkboxGroup/index.js";export{DatePicker}from"./datePicker/index.js";export{Dropdown}from"./dropdown/index.js";export{IconText}from"./iconText/index.js";export{Popup}from"./popup/index.js";export{Modal}from"./modal/index.js";export{ProgressBar}from"./progressBar/index.js";export{RadioGroup}from"./radioGroup/index.js";import*as o from"./sidemenu/index.js";export{o as SideMenu};export{ScrollList}from"./scrollList/index.js";export{Carousel}from"./carousel/index.js";export{StatisticCard}from"./statisticCard/index.js";import*as r from"./table/index.js";export{r as Table};export{Tabs}from"./tabs/index.js";export{DoctorInfo}from"./doctorInfo/index.js";export{SurveyQuestionCard}from"./surveyQuestionCard/surveyQuestionCard.js";export{SurveyThankyouCard}from"./surveyQuestionCard/surveyThankyouCard.js";export{FloatButtonGroup}from"./floatButtonGroup/index.js";export{CookieAcceptConfirm}from"./cookieAcceptConfirm/index.js";export{MobileBottomNavigation}from"./mobileBottomNavigation/index.js";export{MobileBottomNavigationIcon}from"./mobileBottomNavigation/MobileBottomNavigationIcon.js";export{SeoHead}from"./seoHead/index.js";export{LanguageSwitcher}from"./languageSwitcher/index.js";export{AmpNextPage}from"./ampNextPage/index.js";export{DateRangePicker}from"./dateRangePicker/index.js";export{ShareContainer}from"./shareContainer/index.js";export{ShareDrawer}from"./shareDrawer/index.js";

package/build/esm/components/molecules/languageSwitcher/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import t from"react";import"../../atoms/text/index.styled.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/button/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import{Flag as o}from"../../atoms/flag/index.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import"react-dom";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import{StyledLanguageChangeLink as i}from"./index.styled.js";import{TooltipSelection as s}from"./tooltipSelection/index.js";var e=function(o){var i,e,n=o.languageOptions,r=o.locale,a=null==n?void 0:n.find((function(t){return t.locale===r}));return(null==n?void 0:n.length)?t.createElement(s,{options:n,selected:a.value,label:t.createElement(m,{locale:r,label:a.label||(null===(e=null===(i=r.split("-"))||void 0===i?void 0:i[0])||void 0===e?void 0:e.toUpperCase())}),onChange:function(t){"undefined"!=typeof window&&(window.location.href=t)},style:{width:100},showSelected:!0,showIndicator:!1}):null},m=function(s){var e,m,n,r=s.locale,a=s.label,d=s.href;return t.createElement(i,{href:d},t.createElement(o,{country:null===(m=null===(e=null==r?void 0:r.split("-"))||void 0===e?void 0:e[1])||void 0===m?void 0:m.toUpperCase(),width:16,height:16,rounded:!0,language:null===(n=null==r?void 0:r.split("-"))||void 0===n?void 0:n[0]}),t.createElement("span",null,a))};export{m as LanguageLabel,e as LanguageSwitcher};

package/build/esm/components/molecules/languageSwitcher/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var o,r=e.a(o||(o=n(["\n display: inline-flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n padding: 7px 11px;\n gap: 2px;\n\n background: ",";\n border: 1px solid ",";\n border-radius: 20px;\n\n color: ",";\n font-weight: 600;\n font-size: 12px;\n line-height: 18px;\n text-decoration: none;\n\n cursor: pointer;\n"],["\n display: inline-flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n padding: 7px 11px;\n gap: 2px;\n\n background: ",";\n border: 1px solid ",";\n border-radius: 20px;\n\n color: ",";\n font-weight: 600;\n font-size: 12px;\n line-height: 18px;\n text-decoration: none;\n\n cursor: pointer;\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray600}));export{r as StyledLanguageChangeLink};

package/build/esm/components/molecules/languageSwitcher/tooltipSelection/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e,{useState as t}from"react";import n from"../../../../assets/svg/check.svg.js";import{Text as r}from"../../../atoms/text/index.js";import{StyledSelectionContainer as l,StyledSelectionLabel as o,StyleSelectionPopup as a,StyledOption as c,StyledPopupBackground as i}from"./index.styled.js";var s=function(s){var m=s.options,u=s.label,d=s.labelRenderer,v=s.selected,f=s.onChange,p=s.showSelected,E=void 0===p||p,h=s.style,k=void 0===h?{}:h,g=s.showIndicator,x=void 0===g||g,y=t(!1),C=y[0],b=y[1];return e.createElement(e.Fragment,null,e.createElement(l,null,e.createElement(o,{onClick:function(){return b((function(e){return!e}))}},u||(null==d?void 0:d(C))||null,e.createElement(a,{"data-is-open":C,style:k,"data-show-indicator":x},m.map((function(t,l){return e.createElement(c,{key:l,"data-selected":E&&v===t.value,onClick:function(e){v!==t.value&&(f(t.value),b((function(e){return!e}))),e.stopPropagation()}},e.createElement(r,{size:"p3"},t.label),E&&v===t.value&&e.createElement("img",{src:n,alt:"check",className:"check-icon"}))}))))),C&&e.createElement(i,{onClick:function(){return b(!1)}}))};export{s as TooltipSelection};

package/build/esm/components/molecules/languageSwitcher/tooltipSelection/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var o,t,i,r,d,p=e.div(o||(o=n(["\n position: relative;\n display: inline-block;\n"],["\n position: relative;\n display: inline-block;\n"]))),a=e.div(t||(t=n(["\n position: relative;\n"],["\n position: relative;\n"]))),s=e.div(i||(i=n(["\n position: absolute;\n z-index: 21;\n top: 100%;\n right: 0;\n width: 327px;\n padding: 8px;\n background: white;\n border-radius: 4px;\n filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n &[data-is-open='false'] {\n display: none;\n }\n &[data-show-indicator='true'] {\n &:before {\n position: absolute;\n right: 11px;\n bottom: 100%;\n width: 0;\n height: 0;\n border: 0.5rem solid transparent;\n border-top: none;\n border-bottom-color: #fff;\n content: '';\n filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n }\n }\n"],["\n position: absolute;\n z-index: 21;\n top: 100%;\n right: 0;\n width: 327px;\n padding: 8px;\n background: white;\n border-radius: 4px;\n filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));\n\n &[data-is-open='false'] {\n display: none;\n }\n &[data-show-indicator='true'] {\n &:before {\n position: absolute;\n right: 11px;\n bottom: 100%;\n width: 0;\n height: 0;\n border: 0.5rem solid transparent;\n border-top: none;\n border-bottom-color: #fff;\n content: '';\n filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n }\n }\n"]))),l=e.div(r||(r=n(["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: space-between;\n\n padding: 0 16px;\n border-radius: 6px;\n cursor: pointer;\n\n .check-icon {\n width: 16px;\n height: 16px;\n }\n &[data-selected='false'] {\n background-color: ",";\n }\n"],["\n display: flex;\n height: 40px;\n align-items: center;\n justify-content: space-between;\n\n padding: 0 16px;\n border-radius: 6px;\n cursor: pointer;\n\n .check-icon {\n width: 16px;\n height: 16px;\n }\n &[data-selected='false'] {\n background-color: ",";\n }\n"])),(function(n){return n.theme.colors.gray100})),h=e.div(d||(d=n(["\n position: fixed;\n z-index: 20;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: default;\n"],["\n position: fixed;\n z-index: 20;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: default;\n"])));export{s as StyleSelectionPopup,l as StyledOption,h as StyledPopupBackground,p as StyledSelectionContainer,a as StyledSelectionLabel};

package/build/esm/components/molecules/mobileBottomNavigation/MobileBottomNavigationIcon.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__rest as t,__assign as o}from"../../../node_modules/tslib/tslib.es6.js";import s from"react";import{Text as i}from"../../atoms/text/index.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/button/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import"react-dom";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import{theme as e}from"../../../misc/theme.js";import{StyledMobileBottomNavigationIcon as m,StyledBadge as a}from"./index.styled.js";var r=function(r){var d=r.badgeAmount,n=r.disabled,l=void 0!==n&&n,p=r.hasBadge,j=void 0!==p&&p,c=r.icon,x=r.isActive,y=void 0!==x&&x,b=r.isSpecial,g=void 0!==b&&b,u=r.label,v=t(r,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return s.createElement(m,o({"data-is-special":g,"data-is-active":y,"data-is-disabled":l},v),s.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(u)},j&&s.createElement(a,{"data-no-label":!Boolean(u)},s.createElement(i,{size:"s5",type:"semiBold",color:e.colors.white},d)),c),u&&s.createElement("span",{className:"mobile-navigation-label"},u))};export{r as MobileBottomNavigationIcon};

package/build/esm/components/molecules/mobileBottomNavigation/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__rest as o,__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import r from"react";import{StyledMobileBottomNavigation as i}from"./index.styled.js";import{MobileBottomNavigationIcon as n}from"./MobileBottomNavigationIcon.js";var l=function(n){var l=n.children,t=n.numberOfChildren,d=void 0===t?5:t,m=n.on,s=void 0===m?"":m,a=n.isCollapsed,c=void 0!==a&&a,f=o(n,["children","numberOfChildren","on","isCollapsed"]);return r.createElement(i,e({numberOfChildren:d,on:s,"data-is-collapsed":c},f),l)};l.Icon=n;export{l as MobileBottomNavigation};

package/build/esm/components/molecules/mobileBottomNavigation/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t,{keyframes as i}from"styled-components";import{theme as e}from"../../../misc/theme.js";var o,a,r,l,s,d,p,c=i(o||(o=n(["\n from {\n transform: translateY(100%);\n visibility: visible;\n }\n\n to {\n transform: translateY(0);\n }\n"],["\n from {\n transform: translateY(100%);\n visibility: visible;\n }\n\n to {\n transform: translateY(0);\n }\n"]))),m=i(a||(a=n(["\n from {\n transform: translate(0, 0);\n }\n\n to {\n visibility: hidden;\n transform: translate(0, 100%);\n }\n"],["\n from {\n transform: translate(0, 0);\n }\n\n to {\n visibility: hidden;\n transform: translate(0, 100%);\n }\n"]))),x=t.div(r||(r=n(["\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-items: center;\n gap: 4px;\n\n .mobile-navigation-label {\n font-weight: 500;\n font-size: 10px;\n line-height: 16px;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 70px;\n }\n\n .mobile-navigation-icon {\n position: relative;\n height: 24px;\n &[data-no-label='true'] {\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 40px;\n height: 40px;\n transition: background-color 200ms ease-in;\n &:hover {\n background-color: ",";\n }\n }\n }\n\n &[data-is-special='true'] {\n .mobile-navigation-icon {\n height: 32px;\n }\n }\n\n &[data-is-active='true'] {\n .mobile-navigation-label {\n color: ",";\n }\n }\n\n &[data-is-disabled='true'] {\n opacity: 0.2;\n }\n"],["\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-items: center;\n gap: 4px;\n\n .mobile-navigation-label {\n font-weight: 500;\n font-size: 10px;\n line-height: 16px;\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 70px;\n }\n\n .mobile-navigation-icon {\n position: relative;\n height: 24px;\n &[data-no-label='true'] {\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 0px;\n gap: 16px;\n width: 40px;\n height: 40px;\n transition: background-color 200ms ease-in;\n &:hover {\n background-color: ",";\n }\n }\n }\n\n &[data-is-special='true'] {\n .mobile-navigation-icon {\n height: 32px;\n }\n }\n\n &[data-is-active='true'] {\n .mobile-navigation-label {\n color: ",";\n }\n }\n\n &[data-is-disabled='true'] {\n opacity: 0.2;\n }\n"])),e.colors.gray600,e.colors.blue50,e.colors.primaryBase),g=t.div(l||(l=n(["\n z-index: 100;\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-height: 64px;\n min-height: 64px;\n display: grid;\n grid-template-columns: repeat(",", 1fr);\n grid-template-rows: 1fr;\n grid-column-gap: 0px;\n grid-row-gap: 0px;\n align-items: flex-end;\n padding-bottom: 8px;\n padding-top: 4px;\n\n background-color: ",";\n border: 1px solid ",";\n a {\n text-decoration: none;\n }\n &[data-is-collapsed='true'] {\n animation: "," 500ms ease-in-out forwards;\n }\n\n &[data-is-collapsed='false'] {\n animation: "," 500ms ease-in-out forwards;\n }\n"],["\n z-index: 100;\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n max-height: 64px;\n min-height: 64px;\n display: grid;\n grid-template-columns: repeat(",", 1fr);\n grid-template-rows: 1fr;\n grid-column-gap: 0px;\n grid-row-gap: 0px;\n align-items: flex-end;\n padding-bottom: 8px;\n padding-top: 4px;\n\n background-color: ",";\n border: 1px solid ",";\n a {\n text-decoration: none;\n }\n &[data-is-collapsed='true'] {\n animation: "," 500ms ease-in-out forwards;\n }\n\n &[data-is-collapsed='false'] {\n animation: "," 500ms ease-in-out forwards;\n }\n"])),(function(n){return n.numberOfChildren}),e.colors.white,e.colors.neutral100,m,c),f=t.span(s||(s=n(["\n position: absolute;\n left: 100%;\n transform: translate(-10px, calc(-50% + 3px));\n background-color: ",";\n border-radius: 32px;\n border: 2px solid ",";\n padding: 1px 4px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 20px;\n aspect-ratio: 1;\n &[data-no-label='true'] {\n left: 0;\n transform: translate(22px, -50%);\n }\n"],["\n position: absolute;\n left: 100%;\n transform: translate(-10px, calc(-50% + 3px));\n background-color: ",";\n border-radius: 32px;\n border: 2px solid ",";\n padding: 1px 4px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 20px;\n aspect-ratio: 1;\n &[data-no-label='true'] {\n left: 0;\n transform: translate(22px, -50%);\n }\n"])),e.colors.green800,e.colors.white);t.div(d||(d=n(["\n position: absolute;\n top: 0;\n left: 0;\n height: 3px;\n background-color: ",";\n transition: width 150ms linear;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 3px;\n background-color: ",";\n transition: width 150ms linear;\n"])),e.colors.primaryBase),t.div(p||(p=n(["\n a {\n text-decoration: none;\n }\n"],["\n a {\n text-decoration: none;\n }\n"])));export{f as StyledBadge,g as StyledMobileBottomNavigation,x as StyledMobileBottomNavigationIcon,m as slideOutDown};

package/build/esm/components/molecules/modal/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e,{useState as o,useRef as t,useEffect as d}from"react";import{useScrollbarSize as n}from"../../../hooks/useScrollbarSize.js";import{createPortal as a}from"react-dom";import{StyledModalWrapper as l,StyledModalMask as c,StyledModal as r}from"./index.styled.js";var i=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},m=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},s=function(s){var u=s.type,h=void 0===u?"lead":u,p=s.closeIcon,v=s.isOpen,y=void 0===v||v,f=s.onClose,g=s.children,b=s.className,_=void 0===b?"":b,E=s.animationType,w=void 0===E?"slideTop":E,C=s.isStaticBackdrop,N=void 0!==C&&C,k=o(!1),S=k[0],L=k[1],j=t(null),x=n().width;if(!j.current&&S&&(j.current=document.createElement("div")),d((function(){return L(!0),function(){L(!1),i(),m()}}),[]),d((function(){if(S){var e=((o=document.getElementById("hhg-modals"))||((o=document.createElement("div")).setAttribute("id","hhg-modals"),document.body.append(o)),o);return e.appendChild(j.current),function(){e.removeChild(j.current)}}var o}),[S]),d((function(){y?document.body.classList.add("hhc-modal-show"):i()}),[y]),d((function(){y?(document.body.style.overflow="hidden",document.body.style.paddingRight=x+"px",document.body.classList.add("hhc-disabled-scroll")):m()}),[y,x]),!S)return null;var A=["hhg-modal__wrapper",_,w].filter((function(e){return e})).join(" ");return a(e.createElement(l,{className:A,"data-open":y,"data-type":h},!N&&e.createElement(c,{"data-open":y,onClick:f,"data-type":h}),!N&&"video"===h&&!!p&&e.createElement("div",{className:"hhg-modal__close",onClick:f},p),e.createElement(r,{className:"hhg-modal","data-open":y},e.createElement("div",{className:"video"===h?"hhg-modal__video":"hhg-modal__content"},!!p&&"video"!==h&&e.createElement("div",{className:"hhg-modal__close",onClick:f},p),g))),j.current)};export{s as Modal};

package/build/esm/components/molecules/modal/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../misc/utils.js";import e from"styled-components";var i,o,a,d=e.div(i||(i=n(["\n position: relative;\n z-index: 200;\n background-color: ",";\n border-radius: 6px;\n box-shadow: 0px 4px 8px ",";\n\n .hhg-modal__content {\n position: relative;\n z-index: 111;\n height: 100%;\n padding: 16px;\n }\n .hhg-modal__video {\n position: relative;\n z-index: 111;\n height: 100%;\n background-color: none;\n box-shadow: none;\n }\n"],["\n position: relative;\n z-index: 200;\n background-color: ",";\n border-radius: 6px;\n box-shadow: 0px 4px 8px ",";\n\n .hhg-modal__content {\n position: relative;\n z-index: 111;\n height: 100%;\n padding: 16px;\n }\n .hhg-modal__video {\n position: relative;\n z-index: 111;\n height: 100%;\n background-color: none;\n box-shadow: none;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),r=e.div(o||(o=n(["\n position: fixed;\n top: 0;\n left: 0;\n z-index: 201;\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 visibility: hidden;\n background-color: rgba(38, 38, 38, 0.3);\n\n .hhg-modal__close {\n position: absolute;\n top: 16px;\n right: 16px;\n cursor: pointer;\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n &[data-type='video'] {\n z-index: 1001;\n }\n &[data-open='true'] {\n visibility: visible;\n }\n\n &.slideTop {\n "," {\n transform: translate(0, -100vh);\n transition: all 0.5s ease;\n }\n\n &[data-open='true'] {\n "," {\n transform: translate(0);\n }\n }\n }\n\n &.scaleUp {\n "," {\n transform: scale(0.9);\n }\n\n &[data-open='true'] {\n "," {\n transition: all 0.3s ease-out;\n transform: scale(1);\n }\n }\n }\n\n &[data-type='tail'] {\n justify-content: flex-end;\n "," {\n width: 420px;\n height: 100%;\n border-radius: 0;\n overflow: hidden auto;\n }\n }\n &[data-type='form'] {\n "," {\n width: 496px;\n height: 548px;\n max-height: 100%;\n overflow-y: auto;\n "," {\n width: 340px;\n }\n }\n }\n &[data-type='video'] {\n "," {\n height: 100%;\n max-height: 539px;\n "," {\n height: 192px;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n max-height: 192px;\n }\n }\n }\n &[data-type='confirm'] {\n "," {\n width: 100%;\n max-width: 407px;\n "," {\n width: calc(100% - 32px);\n max-width: calc(100% - 32px);\n }\n }\n }\n"],["\n position: fixed;\n top: 0;\n left: 0;\n z-index: 201;\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 visibility: hidden;\n background-color: rgba(38, 38, 38, 0.3);\n\n .hhg-modal__close {\n position: absolute;\n top: 16px;\n right: 16px;\n cursor: pointer;\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n &[data-type='video'] {\n z-index: 1001;\n }\n &[data-open='true'] {\n visibility: visible;\n }\n\n &.slideTop {\n "," {\n transform: translate(0, -100vh);\n transition: all 0.5s ease;\n }\n\n &[data-open='true'] {\n "," {\n transform: translate(0);\n }\n }\n }\n\n &.scaleUp {\n "," {\n transform: scale(0.9);\n }\n\n &[data-open='true'] {\n "," {\n transition: all 0.3s ease-out;\n transform: scale(1);\n }\n }\n }\n\n &[data-type='tail'] {\n justify-content: flex-end;\n "," {\n width: 420px;\n height: 100%;\n border-radius: 0;\n overflow: hidden auto;\n }\n }\n &[data-type='form'] {\n "," {\n width: 496px;\n height: 548px;\n max-height: 100%;\n overflow-y: auto;\n "," {\n width: 340px;\n }\n }\n }\n &[data-type='video'] {\n "," {\n height: 100%;\n max-height: 539px;\n "," {\n height: 192px;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n max-height: 192px;\n }\n }\n }\n &[data-type='confirm'] {\n "," {\n width: 100%;\n max-width: 407px;\n "," {\n width: calc(100% - 32px);\n max-width: calc(100% - 32px);\n }\n }\n }\n"])),d,d,d,d,d,d,t.mbDown,d,t.mbDown,d,t.mbDown),h=e.div(a||(a=n(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n align-items: center;\n\n &[data-open='false'] {\n display: none;\n }\n &[data-type='video'] {\n background-color: ",";\n }\n"],["\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n align-items: center;\n\n &[data-open='false'] {\n display: none;\n }\n &[data-type='video'] {\n background-color: ",";\n }\n"])),(function(n){return n.theme.colors.secondaryDark}));export{d as StyledModal,h as StyledModalMask,r as StyledModalWrapper};

package/build/esm/components/molecules/popup/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e from"react";import{StyledPopup as t,StyledPopupWrapper as a}from"./index.styled.js";var n=function(n){var o=n.type,c=void 0===o?"lead":o,l=n.closeIcon,i=n.isOpen,r=void 0===i||i,m=n.onClose,d=n.children,s=n.className,p=void 0===s?"":s,v=n.enableAnimation,u=void 0===v||v;return e.createElement(e.Fragment,null,e.createElement(t,{"data-open":r,"data-type":c,"data-animation":u},e.createElement("div",{className:"".concat(p||""," popup-content")},!!l&&e.createElement("div",{className:"close-button",onClick:m},l),d)),e.createElement(a,{"data-open":r,onClick:m}))};export{n as Popup};

package/build/esm/components/molecules/popup/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";var o,e,p=i.div(o||(o=n(["\n position: fixed;\n left: 50%;\n\n padding: 0 16px 32px;\n background-color: ",";\n border-radius: 6px;\n box-shadow: 0px 4px 8px ",";\n transform: translate(-50%, -50%);\n transition: all 0.5s ease-in-out;\n visibility: hidden;\n\n &[data-open='true'] {\n z-index: 200;\n top: 50%;\n opacity: 1;\n visibility: visible;\n }\n\n &[data-open='false'] {\n top: -50%;\n }\n\n &[data-type='lead'] {\n width: 332px;\n height: 460px;\n\n div {\n top: -15px;\n right: -15px;\n }\n }\n\n &[data-type='form'] {\n width: 496px;\n height: 548px;\n "," {\n width: 340px;\n }\n }\n\n &[data-type='confirm'] {\n "," {\n width: calc(100% - 32px);\n }\n "," {\n width: 100%;\n max-width: 407px;\n }\n }\n\n .popup-content {\n position: relative;\n z-index: 111;\n height: 100%;\n padding: 16px;\n }\n\n .close-button {\n position: absolute;\n top: 16px;\n right: 0;\n cursor: pointer;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n"],["\n position: fixed;\n left: 50%;\n\n padding: 0 16px 32px;\n background-color: ",";\n border-radius: 6px;\n box-shadow: 0px 4px 8px ",";\n transform: translate(-50%, -50%);\n transition: all 0.5s ease-in-out;\n visibility: hidden;\n\n &[data-open='true'] {\n z-index: 200;\n top: 50%;\n opacity: 1;\n visibility: visible;\n }\n\n &[data-open='false'] {\n top: -50%;\n }\n\n &[data-type='lead'] {\n width: 332px;\n height: 460px;\n\n div {\n top: -15px;\n right: -15px;\n }\n }\n\n &[data-type='form'] {\n width: 496px;\n height: 548px;\n "," {\n width: 340px;\n }\n }\n\n &[data-type='confirm'] {\n "," {\n width: calc(100% - 32px);\n }\n "," {\n width: 100%;\n max-width: 407px;\n }\n }\n\n .popup-content {\n position: relative;\n z-index: 111;\n height: 100%;\n padding: 16px;\n }\n\n .close-button {\n position: absolute;\n top: 16px;\n right: 0;\n cursor: pointer;\n\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),t.mbDown,t.mbDown,t.mbUp),d=i.div(e||(e=n(["\n position: fixed;\n z-index: 110;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background: rgba(38, 38, 38, 0.3);\n\n &[data-open='false'] {\n display: none;\n }\n"],["\n position: fixed;\n z-index: 110;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n background: rgba(38, 38, 38, 0.3);\n\n &[data-open='false'] {\n display: none;\n }\n"])));export{p as StyledPopup,d as StyledPopupWrapper};

package/build/esm/components/molecules/progressBar/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__rest as e,__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import n,{useState as r,useCallback as a,useEffect as l}from"react";import{throttle as c}from"lodash";import{useId as o}from"react-id-generator";import{StyledSlider as i,StyledBreadcrumbContainer as s,StyledBreadcrumbWrapper as m,StyledTrackContainer as u,StyledTrack as d,StyledStep as f,StyledStepLabel as p,StyledDetailStep as g,StyledDetailStepIndicatorExternal as h,StyledDetailStepIndicator as v,StyledDetailStepLabel as E,StyledDetailStepDescription as k}from"./index.styled.js";var y=function(y){var b=y.type,C=y.numberOfStep,S=y.activeStep,w=y.labelPrefix,x=y.detailSteps,L=y.className,N=y.onChange,j=r(0),A=j[0],P=j[1],W=function(r){var a=r.trackClassName,l=e(r,["trackClassName"]);return n.createElement(u,t({},l,{className:a}),n.createElement(d,null))},q=n.createElement(i,{className:L+" progress-bar"},n.createElement(W,null),n.createElement((function(e){var t=e.trackLength,r=e.activeStep,a=e.labelPrefix,l=void 0===a?"Step":a,c=e.onChange;return n.createElement(n.Fragment,null,Array.from({length:C},(function(e,t){return t})).map((function(e,a){return n.createElement(f,{"data-is-active":a===r,"data-label":a,style:{left:a*t/(C-1)},onClick:function(){c&&c(a)},key:a},a+1,n.createElement(p,{"data-step-passed":a<=r},l+" "+(a+1)))})))}),{trackLength:A,activeStep:S,labelPrefix:w,onChange:N})),z=n.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},n.createElement("title",null,"chevron-right"),n.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),F=n.createElement(s,null,x&&Array.from({length:x.length},(function(e,t){return t})).map((function(e,t){var r;return n.createElement(m,{key:t,"data-selected":t===S,onClick:function(){N&&N(t)}},null===(r=x[t])||void 0===r?void 0:r.text," ",t<x.length-1&&z)}))),B=n.createElement(i,{className:L+" progress-bar"},n.createElement((function(e){var t=e.detailSteps,r=e.activeStep,a=e.onChange,l=o(t.length);return n.createElement(n.Fragment,null,Array.from({length:t.length},(function(e,t){return t})).map((function(e,c){return n.createElement(g,{key:l[c],style:{left:100/t.length*c+"%",width:100/t.length+"%"},onClick:function(){a&&a(c)}},t[c].icon?n.createElement(h,{onClick:function(){a&&a(c)}},t[c].icon):n.createElement(v,{"data-is-active":c===r,"data-label":e,onClick:function(){a&&a(c)},key:c},c+1),n.createElement(E,{"data-step-passed":c<r+1},t[c].text,n.createElement(k,null,t[c].description)),c<t.length-1&&n.createElement(W,{"data-step-passed":c<r,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:S,detailSteps:x,onChange:N})),M=a(c((function(){var e=document.querySelector(".progress-bar");e&&P(e.offsetWidth)}),1e3),[]);return l((function(){var e=document.querySelector(".progress-bar");return P(null==e?void 0:e.offsetWidth),window.addEventListener("resize",M),function(){window.removeEventListener("resize",M)}}),[]),"step-track"===b&&q||"breadcrumb"===b&&F||"detail-track"===b&&B};export{y as ProgressBar};

package/build/esm/components/molecules/progressBar/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var e,r,o,i,s,a,l,c,d,p,u,h,g=t.div(e||(e=n(["\n position: relative;\n width: 100%;\n\n & div[role='slider'] {\n -webkit-text-size-adjust: none;\n -webkit-user-select: none;\n &:focus {\n outline: none;\n }\n }\n"],["\n position: relative;\n width: 100%;\n\n & div[role='slider'] {\n -webkit-text-size-adjust: none;\n -webkit-user-select: none;\n &:focus {\n outline: none;\n }\n }\n"]))),f=t.div(r||(r=n(["\n position: absolute;\n top: 19px;\n width: 24px;\n height: 24px;\n color: ",";\n border: 2px solid ",";\n border-radius: 50%;\n transform: translateY(-50%) translateX(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background-color: ",";\n color: ",";\n border: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n color: ",";\n border: none;\n }\n"],["\n position: absolute;\n top: 19px;\n width: 24px;\n height: 24px;\n color: ",";\n border: 2px solid ",";\n border-radius: 50%;\n transform: translateY(-50%) translateX(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background-color: ",";\n color: ",";\n border: 1px solid ",";\n\n &[data-is-active='true'] {\n background-color: ",";\n color: ",";\n border: none;\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white})),x=t.div(o||(o=n(["\n display: flex;\n width: 100%;\n height: 36px;\n\n &[data-track-type='detail'] {\n margin-top: 0;\n }\n\n &[data-track-type='detail'][data-step-passed='true'] > div {\n border: 1px solid ",";\n height: 0px;\n }\n\n &[data-track-type='detail'] > div {\n border: 1px solid ",";\n height: 0px;\n }\n"],["\n display: flex;\n width: 100%;\n height: 36px;\n\n &[data-track-type='detail'] {\n margin-top: 0;\n }\n\n &[data-track-type='detail'][data-step-passed='true'] > div {\n border: 1px solid ",";\n height: 0px;\n }\n\n &[data-track-type='detail'] > div {\n border: 1px solid ",";\n height: 0px;\n }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray200})),m=t.div(i||(i=n(["\n width: 100%;\n height: 5px;\n align-self: center;\n border-radius: 4px;\n background-color: ",";\n"],["\n width: 100%;\n height: 5px;\n align-self: center;\n border-radius: 4px;\n background-color: ",";\n"])),(function(n){return n.theme.colors.gray200})),b=t.div(s||(s=n(["\n position: absolute;\n top: 32px;\n min-width: 100px;\n text-align: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n\n &[data-step-passed='true'] {\n color: ",";\n }\n"],["\n position: absolute;\n top: 32px;\n min-width: 100px;\n text-align: center;\n color: ",";\n font-size: ",";\n font-weight: ",";\n\n &[data-step-passed='true'] {\n color: ",";\n }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800})),y=t.div(a||(a=n(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),w=t.div(l||(l=n(["\n display: flex;\n align-items: center;\n font-size: ",";\n font-weight: ",";\n color: ",";\n cursor: pointer;\n\n & > svg {\n height: 10px;\n width: 10px;\n margin: 0 14px;\n }\n\n & > svg > path {\n stroke: ",";\n }\n\n &[data-selected='true'] {\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n font-size: ",";\n font-weight: ",";\n color: ",";\n cursor: pointer;\n\n & > svg {\n height: 10px;\n width: 10px;\n margin: 0 14px;\n }\n\n & > svg > path {\n stroke: ",";\n }\n\n &[data-selected='true'] {\n color: ",";\n }\n"])),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase})),v=t.div(c||(c=n(["\n position: absolute;\n left: 0;\n top: 19px;\n height: 24px;\n cursor: pointer;\n\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n\n padding: 8px;\n background-color: ",";\n"],["\n position: absolute;\n left: 0;\n top: 19px;\n height: 24px;\n cursor: pointer;\n\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n\n padding: 8px;\n background-color: ",";\n"])),(function(n){return n.theme.colors.white})),k=t.div(d||(d=n(["\n min-width: 24px;\n height: 24px;\n border: 2px solid ",";\n border-radius: 50%;\n margin-right: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background-color: ",";\n color: ",";\n border: 1px solid ",";\n\n &[data-is-active='true'] {\n border: none;\n background-color: ",";\n color: ",";\n }\n"],["\n min-width: 24px;\n height: 24px;\n border: 2px solid ",";\n border-radius: 50%;\n margin-right: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background-color: ",";\n color: ",";\n border: 1px solid ",";\n\n &[data-is-active='true'] {\n border: none;\n background-color: ",";\n color: ",";\n }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white})),z=t.div(p||(p=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > svg {\n height: 20px;\n width: 20px;\n margin-right: 8px;\n\n & > path {\n stroke: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > svg {\n height: 20px;\n width: 20px;\n margin-right: 8px;\n\n & > path {\n stroke: ",";\n }\n }\n"])),(function(n){return n.theme.colors.gray500})),j=t.div(u||(u=n(["\n color: ",";\n font-size: ",";\n font-weight: ",";\n margin-right: 8px;\n flex: 0 0 auto;\n\n &[data-step-passed='true'] {\n color: ",";\n }\n"],["\n color: ",";\n font-size: ",";\n font-weight: ",";\n margin-right: 8px;\n flex: 0 0 auto;\n\n &[data-step-passed='true'] {\n color: ",";\n }\n"])),(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800})),B=t.div(h||(h=n(["\n position: absolute;\n top: 32px;\n font-weight: ",";\n color: ",";\n padding-right: 16px;\n"],["\n position: absolute;\n top: 32px;\n font-weight: ",";\n color: ",";\n padding-right: 16px;\n"])),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray400}));export{y as StyledBreadcrumbContainer,w as StyledBreadcrumbWrapper,v as StyledDetailStep,B as StyledDetailStepDescription,k as StyledDetailStepIndicator,z as StyledDetailStepIndicatorExternal,j as StyledDetailStepLabel,g as StyledSlider,f as StyledStep,b as StyledStepLabel,m as StyledTrack,x as StyledTrackContainer};

package/build/esm/components/molecules/radioGroup/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e,{useState as a,useImperativeHandle as t,Fragment as n}from"react";import{Radio as r}from"../../atoms/radio/index.js";import{StyledRadioGroup as o}from"./index.styled.js";var i=e.forwardRef((function(i,d){var c=i.id,l=i.value,v=i.options,s=i.className,u=i.type,m=void 0===u?"circle":u,p=i.isDisabled,f=i.size,E=void 0===f?"small":f,g=i.direction,b=void 0===g?"vertical":g,y=i.group,A=void 0===y?"group1":y,C=i.onChange,h=i.dataEventCategory,x=i.dataEventAction,j=i.dataEventLabel,k=a(l),z=k[0],D=k[1];t(d,(function(){return{reset:function(){D(l)}}}));var L=function(e){D(e),C&&C(e)};return e.createElement(o,{className:s,"data-direction":b,"data-group":A},v.map((function(a){var t=z===a.value;return e.createElement(n,{key:"".concat(c,"-").concat(a.value)},e.createElement(r,{type:m,size:E,label:a.label,name:c,checked:t,value:a.value,isDisabled:p,onChange:!p&&L,dataEventCategory:h,dataEventAction:x,dataEventLabel:j}),t&&a.renderActivated&&a.renderActivated())})))}));export{i as RadioGroup};

package/build/esm/components/molecules/radioGroup/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var r,a=t.div(r||(r=n(["\n display: flex;\n\n &[data-direction='vertical'] {\n flex-direction: column;\n\n div {\n &[data-type='circle'] {\n margin-bottom: 20px;\n }\n\n &[data-type='rectangle'] {\n margin-bottom: 20px;\n }\n }\n }\n\n &[data-direction='horizontal'] {\n flex-wrap: wrap;\n\n &[data-group='group1'] {\n div {\n &[data-type='rectangle'] {\n flex-wrap: wrap;\n\n &:first-child {\n label {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n }\n\n &:last-child {\n label {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n }\n\n &:not(:last-child) {\n label {\n border-right: unset;\n }\n }\n\n label {\n border-radius: unset;\n }\n }\n }\n }\n\n &[data-group='group2'] {\n div {\n &[data-type='rectangle'] {\n flex-wrap: wrap;\n margin-right: 8px;\n margin-bottom: 8px;\n }\n }\n }\n\n div {\n &[data-type='circle'] {\n margin-right: 25px;\n }\n\n &[data-type='rectangle'] {\n margin-bottom: 20px;\n }\n }\n }\n"],["\n display: flex;\n\n &[data-direction='vertical'] {\n flex-direction: column;\n\n div {\n &[data-type='circle'] {\n margin-bottom: 20px;\n }\n\n &[data-type='rectangle'] {\n margin-bottom: 20px;\n }\n }\n }\n\n &[data-direction='horizontal'] {\n flex-wrap: wrap;\n\n &[data-group='group1'] {\n div {\n &[data-type='rectangle'] {\n flex-wrap: wrap;\n\n &:first-child {\n label {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n }\n\n &:last-child {\n label {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px;\n }\n }\n\n &:not(:last-child) {\n label {\n border-right: unset;\n }\n }\n\n label {\n border-radius: unset;\n }\n }\n }\n }\n\n &[data-group='group2'] {\n div {\n &[data-type='rectangle'] {\n flex-wrap: wrap;\n margin-right: 8px;\n margin-bottom: 8px;\n }\n }\n }\n\n div {\n &[data-type='circle'] {\n margin-right: 25px;\n }\n\n &[data-type='rectangle'] {\n margin-bottom: 20px;\n }\n }\n }\n"])));export{a as StyledRadioGroup};

package/build/esm/components/molecules/scrollList/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import e,{useState as t,useRef as n,useEffect as r}from"react";import{throttle as l}from"lodash";import a from"smoothscroll-polyfill";import{StyledScrollList as o}from"./index.styled.js";"undefined"!=typeof window&&a.polyfill();var i=function(t){var n=t.status;return"inActive"===n?e.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===n?e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),e.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===n?e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),e.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):e.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}))},c=function(a){var c=a.row,s=void 0===c?2:c,d=a.column,m=void 0===d?3:d,u=a.isDotsShown,f=void 0===u||u,h=a.isImageGalleryShown,p=void 0!==h&&h,v=a.mode,E=void 0===v?"infinity":v,w=a.type,g=void 0===w?"separated":w,C=a.distanceOverlappedLeft,x=void 0===C?{amount:0,unit:"pixel"}:C,L=a.children,y=a.className,k=a.isProgressShown,_=void 0!==k&&k,B=a.statusChildren,M=a.isArrowShown,D=void 0!==M&&M,N=a.classNameLeftArrow,S=a.classNameRightArrow,b=a.dataEventCategory,F=a.dataEventAction,A=a.dataEventLabel,Z=a.onChangePage,W=a.page,V=a.customPageWidth,T=a.scheme,G=void 0===T?"hellosites":T,O=a.arrowType,j=void 0===O?"Discover":O,H=t("number"==typeof W?W:0),I=H[0],X=H[1],R=[];e.Children.map(L,(function(t,n){n%(s*m)==0&&R.push([]),R[R.length-1].push(e.cloneElement(t))}));var U=n(),Y=n(0),P=function(e){if(U.current){var t=U.current.clientWidth,n=V||t,r="intertwined"===g?"percentage"===x.unit?e*n+x.amount/100*n*e:e*n+x.amount*n*e:e*n;U.current.scrollTo({top:0,left:r,behavior:"smooth"}),Y.current=e,X(e),Z&&Z(e)}};r((function(){"number"==typeof W&&function(e){if(U.current){var t=U.current.clientWidth,n=V||t,r="intertwined"===g?"percentage"===x.unit?e*n+x.amount/100*n*e:e*n+x.amount*n*e:e*n;U.current.scrollTo({top:0,left:r,behavior:"smooth"}),Y.current=e,X(e)}}(W)}),[W]);var q=function(e){if(U.current){var t,n=U.current.clientWidth,r=V||n;t=0===I?0:I*r,"forward"===e&&(t===r*(R.length-1)?(X(R.length-1),t=r*(R.length-1),Z&&Z(R.length-1)):(X(I+1),t+=r,Z&&Z(I+1)),U.current.scrollTo({top:0,left:t,behavior:"smooth"})),"back"===e&&(0===t?(X(0),Z&&Z(0),t=0):(X(I-1),Z&&Z(I-1),t-=r),U.current.scrollTo({top:0,left:t,behavior:"smooth"}))}},z=l((function(){if("infinity"===E){if(!U.current)return;var e=U.current,t=e.clientWidth,n=e.scrollLeft,r=V||t,l=Math.floor(n/r);X(l),Z&&Z(l)}}),400);return r((function(){if("snapped"===E){var e,t,n,r,l,a,o=!1,i=U.current,c=function(a,c){o=!0,n=!1,r=!1,e=a-i.offsetLeft,t=c-i.offsetTop,l=i.scrollLeft},s=function(e){c(e.pageX,e.pageY)},d=function(e){c(e.touches[0].pageX,e.touches[0].pageY)},m=function(){if(o=!1,n=!1,r=!1,U.current){var e=U.current.clientWidth,t=V||e,l="ltr"===a?0!==Y.current?Y.current-1:Y.current:"rtl"===a&&Y.current<R.length-1?Y.current+1:Y.current,i="intertwined"===g?"percentage"===x.unit?l*t+x.amount/100*t*l:l*t+x.amount*t*l:l*t;U.current.scrollTo({top:0,left:i,behavior:"smooth"}),a="none",Y.current!==l&&(Y.current=l,X(l),Z&&Z(l))}},u=function(c,s){if(o){var d=c-i.offsetLeft,m=s-i.offsetTop,u=d-e,f=m-t;n||r||!(f>20||f<-20)||(n=!0),!n&&(u>20||u<-20)&&(r=!0,i.scrollLeft=l-u,u>0&&(a="ltr"),u<0&&(a="rtl"),0===u&&(a="none"))}},f=function(e){r&&e.preventDefault(),u(e.pageX,e.pageY)},h=function(e){r&&e.preventDefault(),u(e.touches[0].pageX,e.touches[0].pageY)};return null==i||i.addEventListener("mousedown",s),null==i||i.addEventListener("touchstart",d),window.addEventListener("mouseup",m),window.addEventListener("touchend",m),null==i||i.addEventListener("mousemove",f),null==i||i.addEventListener("touchmove",h),function(){null==i||i.removeEventListener("mousedown",s),null==i||i.removeEventListener("touchstart",d),window.removeEventListener("mouseup",m),window.removeEventListener("touchend",m),null==i||i.removeEventListener("mousemove",f),null==i||i.removeEventListener("touchmove",h)}}}),[]),e.createElement(o,{className:y,"data-row":s,onScroll:z},D&&I>0&&e.createElement("div",{className:"".concat(N," arrow-left"),onClick:function(){return q("back")},"data-event-category":b,"data-event-action":F,"data-event-label":A},"Care"===j?e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},e.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},e.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),e.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),e.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-2",dy:"2"}),e.createElement("feGaussianBlur",{stdDeviation:"2.5"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-1",dy:"1"}),e.createElement("feGaussianBlur",{stdDeviation:"1"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),e.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===G?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===G?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===G?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),e.createElement("div",{ref:U,className:"container",style:{overflowX:"snapped"===E||D?"hidden":"scroll"}},R.map((function(t,n){for(var r=0,l=0;l<n;l++)r+=R[l].length;return e.createElement("div",{key:n,className:"section",style:{marginLeft:"intertwined"===g&&0!==n?x.amount+""+("percentage"===x.unit?"%":"px"):"0px"}},1===s&&_&&e.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:"repeat(".concat(m,", calc(100% / ").concat(m,"))")}},t.map((function(l,a){var o=r+a,c=B.find((function(e){return e.index===o}));return e.createElement("div",{className:"items-progress",key:a},0===a&&0===n?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}),e.createElement("div",{className:"icon-status"},e.createElement(i,{status:null==c?void 0:c.status})),n===R.length-1&&a===t.length-1?e.createElement("div",{className:"line",style:{visibility:"hidden"}}):e.createElement("div",{className:"line"}))}))),e.createElement("div",{className:"grid-layout","data-index":n,style:{gridTemplateColumns:"repeat(".concat(m,", calc(100% / ").concat(m,"))"),gridTemplateRows:"repeat(".concat(s,", 1fr)")}},t.map((function(t,n){return e.createElement(e.Fragment,{key:n},e.createElement("div",{className:"item-grid",key:n},t))}))))}))),D&&I<R.length-1&&e.createElement("div",{className:"".concat(S," arrow-right"),onClick:function(){return q("forward")},"data-event-category":b,"data-event-action":F,"data-event-label":A}," ","Care"===j?e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},e.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},e.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),e.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),e.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),e.createElement("defs",null,e.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},e.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-2",dy:"2"}),e.createElement("feGaussianBlur",{stdDeviation:"2.5"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),e.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),e.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.createElement("feOffset",{dx:"-1",dy:"1"}),e.createElement("feGaussianBlur",{stdDeviation:"1"}),e.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),e.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),e.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):e.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===G?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===G?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===G?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),f&&e.createElement("ul",{className:"bullet-nav"},R.map((function(t,n){return e.createElement("li",{key:n,className:"bullet-nav__item "},e.createElement("p",{onClick:function(){return P(n)},className:"bullet-nav__link scroll ".concat(I==n?"active":null),"data-scheme":G}))}))),p&&e.createElement("div",{className:"image-gallery-wrapper","data-test":R.length},R.slice(0,3).map((function(t,n){return e.createElement("div",{className:"image-block ".concat(I==n?"active":null),key:n,onClick:function(){return P(n)},"data-scheme":G},t)}))))};export{c as ScrollList};

package/build/esm/components/molecules/scrollList/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var e,i=t.div(e||(e=n(["\n position: relative;\n width: 100%;\n > .container {\n display: flex;\n width: 100%;\n -ms-overflow-style: none;\n overflow-x: auto;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n .section {\n display: flex;\n width: 100%;\n flex-direction: column;\n flex-shrink: 0;\n margin: auto;\n\n > .grid-layout {\n display: grid;\n width: 100%;\n grid-row-gap: 8px;\n\n > .item-grid {\n width: 100%;\n\n > * {\n margin: 0 auto;\n }\n }\n }\n\n .progress-bar {\n display: grid;\n height: 15px;\n margin-bottom: 10px;\n\n .items-progress {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n\n .icon-status {\n position: absolute;\n display: flex;\n }\n\n .line {\n width: 50%;\n height: 2px;\n background-color: ",";\n }\n }\n }\n }\n }\n\n .bullet-nav {\n position: absolute;\n z-index: ",";\n bottom: -30px;\n left: 50%;\n display: flex;\n transform: translate(-50%, -50%);\n }\n\n .bullet-nav__link {\n display: block;\n width: 8px;\n height: 8px;\n padding: 0;\n margin-right: 8px;\n backface-visibility: hidden;\n background-color: #e4e8ec;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .bullet-nav__link.active[data-scheme='hellosites'] {\n background-color: ",";\n }\n\n .bullet-nav__link.active[data-scheme='marrybaby'] {\n background-color: ",";\n }\n\n .arrow-left {\n position: absolute;\n z-index: 10;\n top: 50%;\n left: -35px;\n transform: translateY(-50%);\n &[data-event-category] > * {\n pointer-events: none;\n }\n }\n\n .arrow-right {\n position: absolute;\n z-index: 10;\n top: 50%;\n right: -35px;\n transform: translateY(-50%);\n &[data-event-category] > * {\n pointer-events: none;\n }\n }\n\n .image-gallery-wrapper {\n display: flex;\n position: relative;\n margin-top: 16px;\n justify-content: center;\n gap: 16px;\n .image-block {\n display: block;\n width: 100%;\n border: 2px solid transparent;\n border-radius: 4px;\n }\n .image-block.active {\n border-color: ",";\n }\n img {\n height: 40px;\n width: auto;\n max-width: 100%;\n }\n }\n"],["\n position: relative;\n width: 100%;\n > .container {\n display: flex;\n width: 100%;\n -ms-overflow-style: none;\n overflow-x: auto;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n .section {\n display: flex;\n width: 100%;\n flex-direction: column;\n flex-shrink: 0;\n margin: auto;\n\n > .grid-layout {\n display: grid;\n width: 100%;\n grid-row-gap: 8px;\n\n > .item-grid {\n width: 100%;\n\n > * {\n margin: 0 auto;\n }\n }\n }\n\n .progress-bar {\n display: grid;\n height: 15px;\n margin-bottom: 10px;\n\n .items-progress {\n position: relative;\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n\n .icon-status {\n position: absolute;\n display: flex;\n }\n\n .line {\n width: 50%;\n height: 2px;\n background-color: ",";\n }\n }\n }\n }\n }\n\n .bullet-nav {\n position: absolute;\n z-index: ",";\n bottom: -30px;\n left: 50%;\n display: flex;\n transform: translate(-50%, -50%);\n }\n\n .bullet-nav__link {\n display: block;\n width: 8px;\n height: 8px;\n padding: 0;\n margin-right: 8px;\n backface-visibility: hidden;\n background-color: #e4e8ec;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .bullet-nav__link.active[data-scheme='hellosites'] {\n background-color: ",";\n }\n\n .bullet-nav__link.active[data-scheme='marrybaby'] {\n background-color: ",";\n }\n\n .arrow-left {\n position: absolute;\n z-index: 10;\n top: 50%;\n left: -35px;\n transform: translateY(-50%);\n &[data-event-category] > * {\n pointer-events: none;\n }\n }\n\n .arrow-right {\n position: absolute;\n z-index: 10;\n top: 50%;\n right: -35px;\n transform: translateY(-50%);\n &[data-event-category] > * {\n pointer-events: none;\n }\n }\n\n .image-gallery-wrapper {\n display: flex;\n position: relative;\n margin-top: 16px;\n justify-content: center;\n gap: 16px;\n .image-block {\n display: block;\n width: 100%;\n border: 2px solid transparent;\n border-radius: 4px;\n }\n .image-block.active {\n border-color: ",";\n }\n img {\n height: 40px;\n width: auto;\n max-width: 100%;\n }\n }\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.zIndexes.belowHeader}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.colors.primaryBase}));export{i as StyledScrollList};

package/build/esm/components/molecules/seoHead/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__spreadArray as e,__assign as t}from"../../../node_modules/tslib/tslib.es6.js";import a from"react";import{LOCALE_SPECS as n,FAVICONS as o,domainLocales as r}from"../../organisms/navigationLayout/constants.js";import c from"../../../node_modules/html-react-parser/index.js";import{isProduction as i}from"../../../interfaces/constants.js";var l=function(l){var m,p,s,d,g,h,v,u,y,E,f,w,k,b,S,_,j,G,x,I=l.SEOData,D=void 0===I?{}:I,H=l.isAmp,M=void 0!==H&&H,A=l.locale,L=void 0===A?"vi-VN":A,O=l.routerPathname,T=l.routerQuery,N=l.nextHead,P=l.siteType,W=l.seoCustom,B=l.userId,U=l.forcedCanonicalUrl,C=D.totalPages,F=D.currentPage,z=D.SEOTitle,K=void 0===z?"":z,V=D.SEODescription,Q=void 0===V?"":V,R=D.SEOImage,X=D.seoType,Y=D.SEOImageWidth,q=D.SEOImageHeight,J=D.customMetaData,Z=void 0===J?[]:J,$=D.isIndexable,ee=void 0===$||$,te=D.hasNoCanonical,ae=void 0!==te&&te,ne=ee&&i?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",oe=process.env.NEXT_PUBLIC_BASE_API_URL,re=D.canonicalUrl||O;Object.keys(T).forEach((function(e){var t=T[e];t&&Array.isArray(t)&&(re=re.replace("[...".concat(e,"]"),t.join("/")))}));var ce,ie=L||"en-PH",le="helloSites"===P?r[ie]:"www.marrybaby.vn",me=re.endsWith("/")?"":"/";if(D.apiMetaData&&"string"==typeof D.apiMetaData){var pe=null===(m=D.apiMetaData)||void 0===m?void 0:m.match(/<title.*?>(.*)<\/title>/),se=" - Page ".concat(F," of ").concat(C),de=F&&1!==F&&pe?D.apiMetaData.replace(pe[0],pe[0].includes("-")?pe[0].replace("-",se+" - "):"<title>".concat(pe[1].concat(se),"</title>")).replace('<link rel="canonical" href="https://'.concat(le).concat(re).concat(me,'" />'),'<link rel="canonical" href="https://'.concat(le).concat(re).concat(me,"?page=").concat(F,'" />')):D.apiMetaData,ge=(ce=c(de,{trim:!0})).find((function(e){var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}));if(!ge){var he="https://".concat(le,"/images/").concat(L,".png");ce=e(e([],ce,!0),[a.createElement("meta",{key:"og:image",property:"og:image",content:(null===(p=D.openGraph)||void 0===p?void 0:p.image)||he||""}),a.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(s=D.openGraph)||void 0===s?void 0:s.image)||he}),a.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(d=D.openGraph)||void 0===d?void 0:d.imageWidth)&&String(null===(g=D.openGraph)||void 0===g?void 0:g.imageWidth)||"1200"}),a.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(h=D.openGraph)||void 0===h?void 0:h.imageHeight)&&String(null===(v=D.openGraph)||void 0===v?void 0:v.imageHeight)||"630"})],!1)}}var ve="https://".concat(le,"/images/").concat(L,".png");return a.createElement(N,null,a.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===P&&a.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===L?a.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===L||"ms-MY"===L?a.createElement(a.Fragment,null):a.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),a.createElement("link",{rel:"preconnect",href:oe}),a.createElement("meta",{charSet:"UTF-8"}),!M&&a.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),a.createElement("meta",{name:"google",content:"notranslate"}),a.createElement("meta",{name:"robots",content:ne}),a.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),Z.map((function(e,n){return a.createElement("meta",t({key:n},e))})),a.createElement("meta",{name:"theme-color",content:"helloSites"===P?"#2c87f3":"#e85388"}),a.createElement("meta",{name:"page_type",content:"Home"}),a.createElement("meta",{name:"page_platform",content:"WEB"}),a.createElement("meta",{name:"page_language",content:ie}),a.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),M&&a.createElement(a.Fragment,null,a.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),a.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),a.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),a.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),a.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),a.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),a.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ce&&a.createElement(a.Fragment,null,"helloSites"===P?a.createElement("title",null,W?K:K+" - "+(null===(u=n[L])||void 0===u?void 0:u.SITE_NAME)):a.createElement("title",null,K),!ae&&a.createElement("link",{rel:"canonical",href:"https://".concat(le).concat(re)}),a.createElement("meta",{name:"description",content:Q||(null===(y=D.openGraph)||void 0===y?void 0:y.description)}),D.schemaData&&a.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:D.schemaData}}),a.createElement("meta",{property:"og:locale",content:L}),a.createElement("meta",{property:"og:type",content:X||"website"}),a.createElement("meta",{property:"og:title",content:(null===(E=D.openGraph)||void 0===E?void 0:E.title)||K}),a.createElement("meta",{property:"og:description",content:(null===(f=D.openGraph)||void 0===f?void 0:f.description)||Q}),a.createElement("meta",{property:"og:url",content:"https://".concat(le).concat(re)}),a.createElement("meta",{property:"og:site_name",content:"https://".concat(le)}),a.createElement("meta",{property:"og:image",content:(null===(w=D.openGraph)||void 0===w?void 0:w.image)||R||ve||""}),a.createElement("meta",{property:"og:image:secure_url",content:(null===(k=D.openGraph)||void 0===k?void 0:k.image)||R||ve}),a.createElement("meta",{property:"og:image:width",content:(null===(b=D.openGraph)||void 0===b?void 0:b.imageWidth)&&String(null===(S=D.openGraph)||void 0===S?void 0:S.imageWidth)||Y&&String(Y)||"1200"}),a.createElement("meta",{property:"og:image:height",content:(null===(_=D.openGraph)||void 0===_?void 0:_.imageHeight)&&String(null===(j=D.openGraph)||void 0===j?void 0:j.imageHeight)||q&&String(q)||"630"}),a.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),a.createElement("meta",{name:"twitter:title",content:(null===(G=D.twitter)||void 0===G?void 0:G.title)||K}),a.createElement("meta",{name:"twitter:description",content:Q}),a.createElement("meta",{name:"twitter:image",content:(null===(x=D.twitter)||void 0===x?void 0:x.image)||R})),("helloSites"===P?o[ie]||[]:o.marryBaby).map((function(e,t){return"link"===e.type?a.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?a.createElement("meta",{key:t,name:e.name,content:e.content}):null})),Array.isArray(ce)&&U?ce.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ce,U&&a.createElement("link",{rel:"canonical",href:U}),!D.hasNoAmp&&"vi-VN"!==L&&a.createElement("link",{rel:"amphtml",href:"https://".concat(le).concat(re).concat(me,"?amp=1")}),B&&"undefined"!=typeof window?a.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(B,"'});")}}):null)};export{l as SeoHead};

package/build/esm/components/molecules/shareContainer/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__awaiter as t,__generator as o}from"../../../node_modules/tslib/tslib.es6.js";import s from"react";import{Text as e}from"../../atoms/text/index.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import{Button as i}from"../../atoms/button/index.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import"react-dom";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import"date-fns";import"../../../misc/animation.js";import"../../../misc/lazyLoad.js";import"styled-components";import{theme as r}from"../../../misc/theme.js";import"../../../interfaces/constants.js";import{getSocialList as m}from"../../../misc/getSocialList.js";import{StyledShareContainer as n}from"./index.styled.js";var a=function(){return s.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),s.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},d=function(d){var l=d.url,p=d.onCopied,c=d.locale,j=m(l||"").filter((function(t){return!t.allowedLocales||t.allowedLocales.includes(c)}));return s.createElement(n,null,s.createElement(e,{size:"p3",color:r.colors.gray800},"Share the results"),s.createElement("div",{className:"icon-group"},j.map((function(t,o){return s.createElement("a",{key:o,href:t.href,target:"_blank",rel:"noreferrer"},t.icon)})),s.createElement(i,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:s.createElement(a,null),onClick:function(){return t(void 0,void 0,void 0,(function(){var t;return o(this,(function(o){switch(o.label){case 0:return[4,null===(t=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===t?void 0:t.writeText(l)];case 1:return o.sent(),null==p||p(),[2]}}))}))}})))};export{d as ShareContainer};

package/build/esm/components/molecules/shareContainer/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var t,i=e.div(t||(t=n(["\n display: flex;\n gap: 20px;\n width: 100%;\n align-items: center;\n justify-content: center;\n .icon-group {\n display: flex;\n align-items: center;\n gap: 10px;\n a,\n svg {\n width: 32px;\n height: 32px;\n }\n .share {\n width: 32px;\n height: 32px;\n padding: 8px;\n\n &:hover {\n background-color: ",";\n }\n\n svg {\n margin: 0;\n width: 16px;\n height: 16px;\n }\n }\n }\n"],["\n display: flex;\n gap: 20px;\n width: 100%;\n align-items: center;\n justify-content: center;\n .icon-group {\n display: flex;\n align-items: center;\n gap: 10px;\n a,\n svg {\n width: 32px;\n height: 32px;\n }\n .share {\n width: 32px;\n height: 32px;\n padding: 8px;\n\n &:hover {\n background-color: ",";\n }\n\n svg {\n margin: 0;\n width: 16px;\n height: 16px;\n }\n }\n }\n"])),(function(n){return n.theme.colors.neutral50}));export{i as StyledShareContainer};

package/build/esm/components/molecules/shareDrawer/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__rest as t,__awaiter as o,__generator as e,__assign as s}from"../../../node_modules/tslib/tslib.es6.js";import i,{useCallback as r,useEffect as a}from"react";import{Text as n}from"../../atoms/text/index.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import{Button as m}from"../../atoms/button/index.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import{Input as l}from"../../atoms/input/index.js";import"../../atoms/label/index.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import"react-dom";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import"../../../interfaces/types/BabyGrowth.js";import"../../../interfaces/types/Locale.js";import"../../../interfaces/constants.js";import{useTranslations as d}from"../../../hooks/useTranslations.js";import"lodash/debounce";import"date-fns";import"../../../misc/animation.js";import"../../../misc/lazyLoad.js";import"styled-components";import{theme as c}from"../../../misc/theme.js";import{getSocialList as p}from"../../../misc/getSocialList.js";import{StyledShareDrawer as j}from"./index.styled.js";var u=function(){return i.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},i.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"}))},y=function(y){var x=y.open,f=y.title,g=y.onClose,h=y.onCopied,v=y.onShared,C=y.url,b=y.locale,k=t(y,["open","title","onClose","onCopied","onShared","url","locale"]),E=d().t,w=r((function(){return o(void 0,void 0,void 0,(function(){var t;return e(this,(function(o){switch(o.label){case 0:return[4,null===(t=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===t?void 0:t.writeText(C)];case 1:return o.sent(),null==h||h(),[2]}}))}))}),[C,h]),H=p(C||"").filter((function(t){return!t.allowedLocales||t.allowedLocales.includes(b)}));return console.log(H),a((function(){x&&navigator.share&&navigator.share({title:null!=f?f:"Read This Post",url:C}).then((function(){null==v||v()})).catch((function(){null==g||g()}))}),[C,f,v,x]),navigator.share?null:i.createElement(j,s({title:E("share.title"),onClose:g,open:x,placement:"bottom"},k),i.createElement("div",{className:"share-container"},i.createElement("div",{className:"icon-container"},i.createElement(n,{type:"semiBold",size:"s3",color:c.colors.gray600},E("share.title")),i.createElement("div",{className:"icon-group"},H.map((function(t,o){return i.createElement("a",{key:o,href:t.href,target:"_blank",rel:"noreferrer"},t.icon)})))),i.createElement("div",{className:"link-container"},i.createElement(n,{type:"semiBold",size:"s3",color:c.colors.gray600},E("share.copyLink")),i.createElement("div",{className:"input-group"},i.createElement(l,{name:"link",size:"md",value:C,isDisabled:!0}),i.createElement(m,{size:"md",type:"button",color:"tertiary",icon:i.createElement(u,null),onClick:w})))))};export{y as ShareDrawer};

package/build/esm/components/molecules/shareDrawer/index.styled.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as o}from"../../../node_modules/tslib/tslib.es6.js";import"react";import"../../atoms/text/index.styled.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/button/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import{Drawer as t}from"../../atoms/drawer/index.js";import"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import s from"styled-components";var n,i=s(t)(n||(n=o(["\n padding-bottom: 24px;\n .share-container {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n .icon-group {\n margin-top: 12px;\n display: flex;\n gap: 16px;\n img {\n border-radius: 8px;\n }\n }\n .input-group {\n margin-top: 8px;\n display: flex;\n gap: 8px;\n button {\n padding: 10px;\n &:hover {\n background-color: ",";\n }\n }\n svg {\n margin: 0;\n }\n a,\n svg:not(.copy) {\n width: 32px;\n height: 32px;\n }\n }\n"],["\n padding-bottom: 24px;\n .share-container {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n .icon-group {\n margin-top: 12px;\n display: flex;\n gap: 16px;\n img {\n border-radius: 8px;\n }\n }\n .input-group {\n margin-top: 8px;\n display: flex;\n gap: 8px;\n button {\n padding: 10px;\n &:hover {\n background-color: ",";\n }\n }\n svg {\n margin: 0;\n }\n a,\n svg:not(.copy) {\n width: 32px;\n height: 32px;\n }\n }\n"])),(function(o){return o.theme.colors.neutral50}));export{i as StyledShareDrawer};

package/build/esm/components/molecules/sidemenu/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export{SideMenu}from"./sideMenu.js";export{SideHeader}from"./sideHeader.js";export{UserInfo}from"./userInfo.js";export{MenuLink}from"./menuLink.js";

package/build/esm/components/molecules/sidemenu/menuLink.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as t}from"../../../node_modules/tslib/tslib.es6.js";import i from"react";import{Text as o}from"../../atoms/text/index.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/button/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import"react-dom";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import s from"styled-components";var n,e=s.div(n||(n=t(["\n display: flex;\n align-items: center;\n padding: 9px 21px;\n margin-bottom: 4px;\n border-radius: 6px;\n\n &:not([data-is-link-active]) {\n cursor: pointer;\n }\n\n p {\n margin-left: 12px;\n }\n\n &[data-is-link-active] {\n background: ",";\n }\n\n &[data-is-link-collapsed] {\n justify-content: center;\n margin-right: -14px;\n margin-left: -14px;\n }\n"],["\n display: flex;\n align-items: center;\n padding: 9px 21px;\n margin-bottom: 4px;\n border-radius: 6px;\n\n &:not([data-is-link-active]) {\n cursor: pointer;\n }\n\n p {\n margin-left: 12px;\n }\n\n &[data-is-link-active] {\n background: ",";\n }\n\n &[data-is-link-collapsed] {\n justify-content: center;\n margin-right: -14px;\n margin-left: -14px;\n }\n"])),(function(t){return t.theme.colors.primaryBase})),a=function(t){var s=t.icon,n=t.isActive,a=t.children,m=t.isCollapsed,r=t.activeIcon,d=t.onLinkClick,p=t.textSize,l=void 0===p?"base":p,c=t.textType,x=void 0===c?"bold":c,j=t.textColorActive,y=void 0===j?"#fff":j,g=t.textColor,u=void 0===g?"#595959":g;return i.createElement(e,{"data-is-link-active":n||void 0,onClick:d,"data-is-link-collapsed":m||void 0},n&&r?r:s,!m&&i.createElement(o,{size:l,type:x,color:n?y:u},a))};export{a as MenuLink};

package/build/esm/components/molecules/sidemenu/sideHeader.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as t}from"../../../node_modules/tslib/tslib.es6.js";import o from"react";import"../../atoms/text/index.styled.js";import"../../atoms/alert/index.styled.js";import"../../atoms/avatar/index.styled.js";import"../../atoms/badge/index.styled.js";import"../../atoms/borderHeading/index.styled.js";import"../../atoms/button/index.styled.js";import"../../atoms/divider/index.styled.js";import"../../atoms/fileDropdown/index.styled.js";import"../../atoms/flag/index.styled.js";import"../../atoms/grid/index.styled.js";import"../../atoms/heading/index.styled.js";import"../../atoms/label/index.js";import"../../atoms/input/index.styled.js";import{Logo as s}from"../../atoms/logo/index.js";import"../../../misc/utils.js";import"../../atoms/pagination/index.styled.js";import"../../atoms/pureInput/index.js";import"../../atoms/radio/index.styled.js";import"../../atoms/shadow/index.styled.js";import"react-range";import"../../atoms/slider/index.styled.js";import"../../atoms/tag/index.styled.js";import"../../atoms/toggle/index.styled.js";import"../../atoms/underlinedLink/index.styled.js";import"../../atoms/uploader/index.styled.js";import"../../atoms/textArea/index.js";import"../../atoms/container/index.styled.js";import"../../atoms/checkbox/index.styled.js";import"../../atoms/textDivider/index.js";import"../../atoms/rateStars/index.styled.js";import"../../atoms/icons/Ask.js";import"../../atoms/icons/BarChart.js";import"../../atoms/icons/Booking.js";import"../../atoms/icons/Bookmark.js";import"../../atoms/icons/Community.js";import"../../atoms/icons/EditSpecial.js";import"../../atoms/icons/Family.js";import"../../atoms/icons/Font.js";import"../../atoms/icons/Heart.js";import"../../atoms/icons/Home.js";import"../../atoms/icons/Like.js";import"../../atoms/icons/MyCommunity.js";import"../../atoms/icons/PlusSpecial.js";import"../../atoms/icons/Recalculate.js";import"../../atoms/icons/Scale.js";import"../../atoms/icons/Share.js";import"../../atoms/icons/Stethoscope.js";import"../../atoms/progress/index.styled.js";import"react-dom";import"../../atoms/backdrop/index.styled.js";import"../../atoms/drawer/index.styled.js";import"../../atoms/menu/index.js";import"../../atoms/radioImageGroup/index.styled.js";import e from"styled-components";var i,n,m=e.div(i||(i=t(["\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n\n svg {\n transition: 0.4s ease-in-out;\n }\n"],["\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n\n svg {\n transition: 0.4s ease-in-out;\n }\n"]))),a=e.div(n||(n=t(["\n cursor: pointer;\n &[data-is-collapsed] {\n transform: rotate(180deg);\n }\n"],["\n cursor: pointer;\n &[data-is-collapsed] {\n transform: rotate(180deg);\n }\n"]))),r=function(t){var e=t.isCollapsed,i=t.defaultLogo,n=t.onBackClick,r=t.customIcon;return o.createElement(m,null,o.createElement(s,{type:e?"logomark":i||"hellocare",height:"24px",width:e?"24px":"77px"}),o.createElement(a,{"data-is-collapsed":e||void 0,onClick:n},r||o.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},o.createElement("path",{d:"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z",fill:"none",stroke:"#d2d6dc",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),o.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}))))};export{r as SideHeader};

package/build/esm/components/molecules/sidemenu/sideMenu.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"react";import i from"styled-components";var t,a=i.div(t||(t=n(["\n --menu-width: 240px;\n --menu-spacing: 28px 16px;\n width: var(--menu-width);\n height: 100vh;\n padding: var(--menu-spacing);\n background-color: ",";\n transition: ease-in-out 0.5s;\n\n &[data-is-collapsed] {\n --menu-width: 64px;\n --menu-spacing: 28px 8px;\n }\n"],["\n --menu-width: 240px;\n --menu-spacing: 28px 16px;\n width: var(--menu-width);\n height: 100vh;\n padding: var(--menu-spacing);\n background-color: ",";\n transition: ease-in-out 0.5s;\n\n &[data-is-collapsed] {\n --menu-width: 64px;\n --menu-spacing: 28px 8px;\n }\n"])),(function(n){return n.theme.colors.neutral50})),s=function(n){var i=n.isCollapsed,t=n.className,s=n.style,o=n.children;return e.createElement(a,{style:s,className:t,"data-is-collapsed":i||void 0},o)};export{s as SideMenu};

package/build/esm/components/molecules/sidemenu/userInfo.js ADDED Viewed

@@ -0,0 +1 @@

+ import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"react";import{DoctorInfo as i}from"../doctorInfo/index.js";import t from"styled-components";var a,r=t.div(a||(a=n(["\n display: flex;\n align-items: center;\n margin-top: 24px;\n margin-bottom: 36px;\n\n figcaption {\n white-space: nowrap;\n }\n\n &[data-is-collapsed='true'] {\n img {\n max-width: 2rem;\n max-height: 2rem;\n }\n }\n"],["\n display: flex;\n align-items: center;\n margin-top: 24px;\n margin-bottom: 36px;\n\n figcaption {\n white-space: nowrap;\n }\n\n &[data-is-collapsed='true'] {\n img {\n max-width: 2rem;\n max-height: 2rem;\n }\n }\n"]))),o=function(n){var t=n.isCollapsed,a=n.userName,o=n.role,m=n.avatar;return e.createElement(r,{"data-is-collapsed":t||void 0},e.createElement(i,{image:m,name:a,description:o,isDescriptionHidden:t}))};export{o as UserInfo};

package/build/esm/components/molecules/statisticCard/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import a from"react";import{StyledStatisticContainer as e,StyledDescriptionWrapper as t,StyledDot as r,StyledStatisticNumberWrapper as l}from"./index.styled.js";var c=function(c){var o=c.type,i=c.description,n=c.value,s=c.withIcon,d=c.isInACard,m=c.cardColor,p=c.className;return a.createElement(e,{className:p,"data-size":o,"data-is-in-card":"big"===o&&d,"data-card-color":m},a.createElement(t,null,"small"===o&&a.createElement(r,{"data-color":m}),i),a.createElement(l,{"data-size":o},"small"!==o&&s,n))};export{c as StatisticCard};