@hhgtech/hhg-components 1.25.29 → 1.25.30

package/build/esm/index-87222fbf.js

@@ -0,0 +1 @@
+import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-a1370566.js";import{t as r}from"./theme-19adcdff.js";import{I as l}from"./index-fa862db7.js";import{I as s}from"./index-efa783a5.js";import{M as c}from"./index-386782bb.js";import{T as n}from"./index-83605947.js";import{aj as m}from"./index.styled-d0900a86.js";import{u as i}from"./useScrollbarSize-2aa2c0e2.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-6c83f229.js";const v=({isActive:t,onChange:a,value:o="",onInputChange:i,siteType:h})=>{const{t:p}=d(),u="marryBaby"===h;return e.createElement(m,{onClick:()=>a("new"),"data-is-mb":u,"data-isActive":u&&t},"marryBaby"===h?e.createElement("div",{className:"title"},e.createElement(c,{type:"bodytext-1",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"},t&&e.createElement(l.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(n,{size:"p2",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"})),e.createElement(s,{name:"name",value:o,size:"md",placeholder:p("chooseBaby.placeholder"),type:"text",onChange:i}))},b="hhg-modals",f=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},g=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},E=({type:d="lead",closeIcon:r,isOpen:l=!0,onClose:s,children:c,className:n="",animationType:m="slideTop",isStaticBackdrop:v=!1,siteType:E,style:j})=>{const[C,N]=t(!1),x=a(null),{width:_}=i();if(!x.current&&C&&(x.current=document.createElement("div")),o((()=>(N(!0),()=>{N(!1),f(),g()})),[]),o((()=>{if(C){const e=(()=>{let e=document.getElementById(b);return e||(e=document.createElement("div"),e.setAttribute("id",b),document.body.append(e)),e})();return e.appendChild(x.current),()=>{e.removeChild(x.current)}}}),[C]),o((()=>{l?document.body.classList.add("hhc-modal-show"):f()}),[l]),o((()=>{l?(document.body.style.overflow="hidden",document.body.style.paddingRight=_+"px",document.body.classList.add("hhc-disabled-scroll")):g()}),[l,_]),!C)return null;const w=["hhg-modal__wrapper",n,m].filter((e=>e)).join(" ");return h(e.createElement(p,{className:w,"data-open":l,"data-type":d},!v&&e.createElement(u,{"data-open":l,onClick:s,"data-type":d}),!v&&"video"===d&&!!r&&e.createElement("div",{className:"hhg-modal__close",onClick:s},r),e.createElement(y,{className:"hhg-modal","data-open":l,"data-site-type":E},e.createElement("div",{className:"video"===d?"hhg-modal__video":"hhg-modal__content"},!!r&&"video"!==d&&e.createElement("div",{className:"hhg-modal__close",onClick:s},r),c))),x.current)};export{E as M,v as N};

package/build/esm/{index-1b533bde.js → index-8c67af14.js}

@@ -1 +1 @@
-import{_ as t}from"./tslib.es6-86adc282.js";import a from"react";var e="xzO2I0N";const n=n=>{var{as:o,tag:s,className:c,children:i,title:l,color:r,style:d,fontWeight:g,dataEventCategory:v,dataEventAction:m,dataEventLabel:b}=n,E=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const h=o||s;return a.createElement(h,Object.assign({title:l,style:Object.assign(Object.assign({},r?{"--custom-heading-color":r}:void 0),d),"data-tag":s,"data-font-weight":g||void 0,"data-event-category":v,"data-event-action":m,"data-event-label":b,className:`${e} ${c||""}`},E),i)};export{n as H};
+import{_ as t}from"./tslib.es6-06f1d113.js";import a from"react";var e="xzO2I0N";const n=n=>{var{as:o,tag:s,className:c,children:i,title:l,color:r,style:d,fontWeight:g,dataEventCategory:v,dataEventAction:m,dataEventLabel:b}=n,E=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const f=o||s;return a.createElement(f,Object.assign({title:l,style:Object.assign(Object.assign({},r?{"--custom-heading-color":r}:void 0),d),"data-tag":s,"data-font-weight":g||void 0,"data-event-category":v,"data-event-action":m,"data-event-label":b,className:`${e} ${c||""}`},E),i)};export{n as H};

package/build/esm/{index-9f39fb83.js → index-966dbb72.js}

@@ -1,4 +1,4 @@
-import{M as t}from"./utils-5e8e0c38.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as h}from"./gAssets.js";import{L as l}from"./Onboarding-e4d06372.js";const r=e.div`
+import{M as t}from"./utils-d8136247.js";import e from"styled-components";import o,{memo as a,useMemo as s}from"react";import{CommonGAssets as h}from"./gAssets.js";import{L as l}from"./Onboarding-1f02d774.js";const r=e.div`
   position: relative;
   display: inline-flex;
   align-items: center;

package/build/esm/index-9828e851.js

@@ -0,0 +1 @@
+import{_ as e}from"./tslib.es6-06f1d113.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as s}from"@mantine/hooks";import{B as a}from"./index-c61921bd.js";import{D as r,S as i,i as l}from"./index-cdf74541.js";const m=m=>{var{color:c,withControl:h,onChange:d,value:g,min:w,max:p,isStatic:u,containerClassName:k,containerStyle:v}=m,x=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[f,C]=o(g||w||0),[E]=s(f,r);return n((()=>{null==d||d(E)}),[E]),n((()=>{C(g)}),[g]),t.createElement(i,{className:k,style:v},h&&t.createElement(a,{type:"button",size:"sm",color:"ghost",onClick:()=>{C((e=>w&&e===w?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",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:f,onChange:u?()=>null:C,min:w,max:p},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(a,{type:"button",size:"sm",color:"ghost",onClick:()=>{C((e=>p&&e===p?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};