@hhgtech/hhg-components 1.27.163 → 1.28.0

package/build/esm/{index-5fa447ff.js → index-8a64dd1f.js}

@@ -1,4 +1,4 @@
-import{_ as e}from"./tslib.es6-e5b093c6.js";import t,{useMemo as n,useState as a,useEffect as o}from"react";import{L as l}from"./Onboarding-adf1d234.js";import{CommonGAssets as r}from"./gAssets.js";import{t as i}from"./theme-d58c78b7.js";import c from"styled-components";import{I as s,g as d}from"./index-618b9fde.js";import{T as p}from"./index-f1bc0c08.js";const m=c.div`
+import{_ as e}from"./tslib.es6-4e9eb825.js";import t,{useMemo as n,useState as a,useEffect as o}from"react";import{L as l}from"./Onboarding-d985ba09.js";import{CommonGAssets as r}from"./gAssets.js";import{t as i}from"./theme-64263d92.js";import c from"styled-components";import{I as s,g as d}from"./index-1f90df51.js";import{T as p}from"./index-4f47d4eb.js";const m=c.div`
   display: inline-flex;
   overflow: hidden;
   width: ${e=>e.size}px;
@@ -36,9 +36,9 @@ import{_ as e}from"./tslib.es6-e5b093c6.js";import t,{useMemo as n,useState as a
   & > * {
     pointer-events: none;
   }
-`,b=[l.Myanmar,l.Taiwan],h=c((a=>{var{icon:o,name:l,className:c,locale:d="en-PH",dataEventCategory:h,dataEventAction:v,dataEventLabel:u,onSelect:x}=a,k=e(a,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const f=n((()=>null==c?void 0:c.includes("selected-week-pill")),[c]);return t.createElement(g,Object.assign({onClick:x,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child","data-event-category":h,"data-event-action":v,"data-event-label":u},k),t.createElement(m,{size:64,iconSize:40,backgroundColor:i.colors.white},t.createElement(s,{src:o||r.getAssetPath("week_default.png"),alt:`week ${l}`})),f?t.createElement(p,Object.assign({type:"semiBold",size:"n1",color:i.colors.gray800},b.includes(d)&&{style:{fontSize:"10px"}}),l):t.createElement(p,Object.assign({size:"n1",color:i.colors.gray600},b.includes(d)&&{style:{fontSize:"10px"}}),l))}))`
+`,h=[l.Myanmar,l.Taiwan],v=c((a=>{var{icon:o,name:l,className:c,locale:d="en-PH",dataEventCategory:v,dataEventAction:b,dataEventLabel:u,onSelect:x}=a,k=e(a,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const f=n((()=>null==c?void 0:c.includes("selected-week-pill")),[c]);return t.createElement(g,Object.assign({onClick:x,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child","data-event-category":v,"data-event-action":b,"data-event-label":u},k),t.createElement(m,{size:64,iconSize:40,backgroundColor:i.colors.white},t.createElement(s,{src:o||r.getAssetPath("week_default.png"),alt:`week ${l}`})),f?t.createElement(p,Object.assign({type:"semiBold",size:"n1",color:i.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),l):t.createElement(p,Object.assign({size:"n1",color:i.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),l))}))`
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,v=c(d.Slide)`
+`,b=c(d.Slide)`
   cursor: pointer;
   > div * {
     pointer-events: none;
@@ -47,4 +47,4 @@ import{_ as e}from"./tslib.es6-e5b093c6.js";import t,{useMemo as n,useState as a
   .centerred-pill-wrapper {
     padding: 16px 0;
   }
-`,x=n=>{var{data:r,isMobile:i,onSlideChange:c,pillProps:s,locale:d=l.Vietnam,blurFromIndex:p,blurLength:m}=n,g=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const b={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(i?2:4),blurLength:m||(i?1:3),onSlideChange:c},[x,f]=a("");return o((()=>{f(window.location.href)}),[]),t.createElement(u,Object.assign({},b,g,{selectSlideWhenClick:!0,previousControlIcon:t.createElement(k,{currentUrl:x}),nextControlIcon:t.createElement(k,{currentUrl:x,isRight:!0})}),(e=>r.map(((n,a)=>t.createElement(v,Object.assign({key:a,onClick:c,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":x,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":x}},s),t.createElement("div",{className:"centerred-pill-wrapper"},t.createElement(h,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":x,locale:d,name:n.name,icon:n.icon,className:a===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))))},k=({isRight:e,currentUrl:n})=>t.createElement("svg",{viewBox:"0 0 15 15",fill:"none",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":n,className:"pointer-event-child-none"},t.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}));export{x as P};
+`,x=n=>{var{data:r,isMobile:i,onSlideChange:c,pillProps:s,locale:d=l.Vietnam,blurFromIndex:p,blurLength:m}=n,g=e(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const h={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:p||(i?2:4),blurLength:m||(i?1:3),onSlideChange:c},[x,f]=a("");return o((()=>{f(window.location.href)}),[]),t.createElement(u,Object.assign({},h,g,{selectSlideWhenClick:!0,previousControlIcon:t.createElement(k,{currentUrl:x}),nextControlIcon:t.createElement(k,{currentUrl:x,isRight:!0})}),(e=>r.map(((n,a)=>t.createElement(b,Object.assign({key:a,onClick:c,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":x,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":x}},s),t.createElement("div",{className:"centerred-pill-wrapper"},t.createElement(v,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":x,locale:d,name:n.name,icon:n.icon,className:a===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))))},k=({isRight:e,currentUrl:n})=>t.createElement("svg",{viewBox:"0 0 15 15",fill:"none",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":n,className:"pointer-event-child-none"},t.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}));export{x as P};

package/build/esm/{index-8ae78118.js → index-8e7d04ce.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-e5b093c6.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as a}from"@mantine/hooks";import{B as i}from"./index-0968c7ba.js";import{D as r,h as s,i as l}from"./index-618b9fde.js";const m=m=>{var{color:c,withControl:h,onChange:d,value:u,min:p,max:g,isStatic:k,containerClassName:b,containerStyle:v}=m,x=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[C,f]=o(u||p||0),[E]=a(C,r);return n((()=>{null==d||d(E)}),[E]),n((()=>{f(u)}),[u]),t.createElement(s,{className:b,style:v},h&&t.createElement(i,{type:"button",size:"sm",color:"ghost",onClick:()=>{f((e=>p&&e===p?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",viewBox:"0 0 12 3"},t.createElement("path",{d:"M1 1.004h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),t.createElement(l,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:c,value:C,onChange:k?()=>null:f,min:p,max:g},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(i,{type:"button",size:"sm",color:"ghost",onClick:()=>{f((e=>g&&e===g?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};
+import{_ as e}from"./tslib.es6-4e9eb825.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as a}from"@mantine/hooks";import{B as i}from"./index-c732a9b0.js";import{D as r,h as s,i as l}from"./index-1f90df51.js";const m=m=>{var{color:c,withControl:h,onChange:d,value:u,min:p,max:g,isStatic:k,containerClassName:f,containerStyle:v}=m,x=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[C,b]=o(u||p||0),[E]=a(C,r);return n((()=>{null==d||d(E)}),[E]),n((()=>{b(u)}),[u]),t.createElement(s,{className:f,style:v},h&&t.createElement(i,{type:"button",size:"sm",color:"ghost",onClick:()=>{b((e=>p&&e===p?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",viewBox:"0 0 12 3"},t.createElement("path",{d:"M1 1.004h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),t.createElement(l,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:c,value:C,onChange:k?()=>null:b,min:p,max:g},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(i,{type:"button",size:"sm",color:"ghost",onClick:()=>{b((e=>g&&e===g?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};