@hhgtech/hhg-components 1.25.35 → 1.25.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.25.35",
+  "version": "1.25.37",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [
@@ -170,7 +170,9 @@
     "stylelint-prettier": "^1.1.2",
     "ts-jest": "^26.4.4",
     "tslib": "^2.3.1",
+    "ttypescript": "^1.5.15",
     "typescript": "^4.4.3",
+    "typescript-transform-paths": "^3.4.6",
     "webpack": "^5.75.0",
     "xlsx": "^0.18.5"
   },

package/build/core-536248a7.js

@@ -1 +0,0 @@
-"use strict";var t=require("./tslib.es6-a48eec7a.js"),e=require("./isProduction-6fed8e6c.js");const a={},i=t=>{if("undefined"!=typeof window){let a;try{a=JSON.parse(localStorage.getItem((e.isProduction?"":"staging_")+"hhg-cache-"+t)||"{}")}catch(t){}return a||{}}return a[t]},r=(t,i)=>{try{"undefined"!=typeof window?localStorage.setItem((e.isProduction?"":"staging_")+"hhg-cache-"+t,JSON.stringify({data:i,time:Date.now()})):a[t]={data:i,time:Date.now()}}catch(t){}};exports.getCachedItem=i,exports.getDataWithCache=(e,a,o,n=9e5)=>t.__awaiter(void 0,void 0,void 0,(function*(){const t=i(e);if(t&&t.data&&t.time&&Date.now()-t.time<n)return t.data;if(a){const t=yield a();return o&&!o(t)||r(e,t),t}return null})),exports.setCachedItem=r;

package/build/esm/index-031cff1d.js

@@ -1 +0,0 @@
-import{_ as a}from"./tslib.es6-1368c874.js";import e from"react";var t="wIj6fkD";const s=s=>{var{size:r="base",type:c="regular",className:o,style:n,children:d,color:i,dataEventCategory:l,dataEventAction:p,dataEventLabel:v,as:m="p",wordWrap:y,isUppercase:b}=s,g=a(s,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]);const E=m;return e.createElement(E,Object.assign({"data-size":r,"data-type":c,style:Object.assign(Object.assign({},n),i?{"--custom-color":i}:void 0),className:`${t} ${o||""}`,"data-event-category":l,"data-event-action":p,"data-event-label":v,"data-word-wrap":y,"data-is-uppercase":b},g),d)};export{s as T};

package/build/esm/index-43bcdd39.js

@@ -1 +0,0 @@
-import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-c01be8fe.js";import{t as c}from"./theme-e3ce3910.js";import{I as r}from"./index-86398030.js";import{I as l}from"./index-c80ab0b0.js";import{M as s}from"./index-b2657953.js";import{T as n}from"./index-031cff1d.js";import{aj as m}from"./index.styled-c831c189.js";import{u as i}from"./useScrollbarSize-dc705fcd.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-6dfd1b6f.js";const b=({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(s,{type:"bodytext-1",color:c.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"},t&&e.createElement(r.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(n,{size:"p2",color:c.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"})),e.createElement(l,{name:"name",value:o,size:"md",placeholder:p("chooseBaby.placeholder"),type:"text",onChange:i}))},v="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:c,isOpen:r=!0,onClose:l,children:s,className:n="",animationType:m="slideTop",isStaticBackdrop:b=!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(v);return e||(e=document.createElement("div"),e.setAttribute("id",v),document.body.append(e)),e})();return e.appendChild(x.current),()=>{e.removeChild(x.current)}}}),[C]),o((()=>{r?document.body.classList.add("hhc-modal-show"):f()}),[r]),o((()=>{r?(document.body.style.overflow="hidden",document.body.style.paddingRight=_+"px",document.body.classList.add("hhc-disabled-scroll")):g()}),[r,_]),!C)return null;const w=["hhg-modal__wrapper",n,m].filter((e=>e)).join(" ");return h(e.createElement(p,{className:w,"data-open":r,"data-type":d},!b&&e.createElement(u,{"data-open":r,onClick:l,"data-type":d}),!b&&"video"===d&&!!c&&e.createElement("div",{className:"hhg-modal__close",onClick:l},c),e.createElement(y,{className:"hhg-modal","data-open":r,"data-site-type":E},e.createElement("div",{className:"video"===d?"hhg-modal__video":"hhg-modal__content"},!!c&&"video"!==d&&e.createElement("div",{className:"hhg-modal__close",onClick:l},c),s))),x.current)};export{E as M,b as N};

package/build/esm/index-87e0a273.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-1368c874.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as s}from"@mantine/hooks";import{B as a}from"./index-db8021c7.js";import{D as r,S as i,i as l}from"./index-702375f3.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[C,f]=o(g||w||0),[E]=s(C,r);return n((()=>{null==d||d(E)}),[E]),n((()=>{f(g)}),[g]),t.createElement(i,{className:k,style:v},h&&t.createElement(a,{type:"button",size:"sm",color:"ghost",onClick:()=>{f((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:C,onChange:u?()=>null:f,min:w,max:p},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(a,{type:"button",size:"sm",color:"ghost",onClick:()=>{f((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};

package/build/esm/index-d1f1a730.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-1368c874.js";import e from"react";import{Text as s}from"@mantine/core";import"dayjs";import"./screenSizeContext-34204c6d.js";import"styled-components";import{t as a}from"./theme-e3ce3910.js";import"./index-3305ebf9.js";import"./utils-07699107.js";import"./isProduction-736d6063.js";import"./Onboarding-b384332c.js";import"./gAssets.js";import{h as o}from"./index-702375f3.js";const r=r=>{var{size:i,color:n=a.colors.gray800,weight:c="regular",as:m="p",styles:l,className:d,dataEventCategory:p,dataEventAction:g,dataEventLabel:j}=r,v=t(r,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:y,cx:b}=o({size:i,weight:c},{name:"Text",styles:l});return e.createElement(s,Object.assign({className:b(y.root,d),color:n,component:m,"data-event-category":p,"data-event-action":g,"data-event-label":j},v))};export{r as T};

package/build/esm/useHealthToolCache-451448aa.js

@@ -1 +0,0 @@
-import{a as o}from"./tslib.es6-1368c874.js";import{useState as t,useEffect as i,useCallback as a}from"react";import{a as l}from"./getDynamicHealthTool-4127b7a1.js";const n=n=>{const[r,e]=t([]);i((()=>{o(void 0,void 0,void 0,(function*(){const o=yield l(n);e(o)}))}),[l,n]);const s=a((o=>{var t;return(null===(t=r.find((t=>t.template===o)))||void 0===t?void 0:t.link)||""}),[r]);return{allTools:r,getHealthToolLink:s}};export{n as u};

package/build/esm/useTranslations-c01be8fe.js

@@ -1 +0,0 @@
-import{useContext as o,useMemo as a}from"react";import{T as e,d as r}from"./translationsContext-6eed96b5.js";import t from"string-format";function n(){const{values:n,locale:s}=o(e)||{locale:"en-PH"};return a((()=>({t:(o,a)=>n?n[o]?a?t(n[o]||o,a):n[o]||o:(console.warn(`[useTranslations] Missing translation for key ${o} and locale ${s}`),a?t(r[o]||o,a):r[o]||o):(console.error("[useTranslations] t method called before translation values are loaded"),o),locale:s})),[n,s])}export{n as u};

package/build/getDynamicHealthTool-3a674326.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-a48eec7a.js"),t=require("./core-536248a7.js"),i=require("./normalizeLink-0180038e.js"),o=require("./routing-40b2cfe1.js");const l=(e,t)=>{var i,o;if(!e)return{};const l="tl-PH"===t?"/fil":"";return{id:e.id,isSubot:e.is_subot,template:e.template,icon:e.icon,link:(null===(i=e.link)||void 0===i?void 0:i.startsWith("http"))?e.link:`${l}/health-tools`+(null===(o=e.link)||void 0===o?void 0:o.replace(`${l}/`,"/")),subtitle:e.subtitle,title:e.title}},n=t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,n;try{let a;a="undefined"!=typeof window?window.fetch:yield require("node-fetch");const r="tl-PH"===t?"lang=fil":"";let s=[];try{const d=yield a(i.normalizeLinkSlash(`${o.getDiscoverApiDomain(t)}/wp-json/api/healthtools?ismenu=0${r?"&"+r:""}`)).then((e=>e.json()));s=(null===(n=null===(e=null==d?void 0:d.data)||void 0===e?void 0:e.map)||void 0===n?void 0:n.call(e,(e=>l(e,t))))||[]}catch(e){}return s}catch(e){console.error(e)}}));exports.formatHealthTool=l,exports.getDynamicHealthTool=n,exports.getDynamicHealthToolWithCache=i=>e.__awaiter(void 0,void 0,void 0,(function*(){return(yield t.getDataWithCache("all-health-tools",(()=>n(i||"en-PH")),(e=>!!(null==e?void 0:e.length)),6e4))||[]}));

package/build/index-77021b2b.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-a48eec7a.js"),t=require("react"),l=require("./gAssets.js"),a=require("./index-65ef1823.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(t);exports.Modal=t=>{var{title:r}=t,n=e.__rest(t,["title"]);return s.default.createElement(s.default.Fragment,null,s.default.createElement(a.StyledModal,Object.assign({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},n,{withCloseButton:!1,title:n.withCloseButton&&s.default.createElement(s.default.Fragment,null,r,s.default.createElement("img",{className:"mantine-Modal-close",src:l.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:()=>{var e;return null===(e=n.onClose)||void 0===e?void 0:e.call(n)}}))})))};

package/build/index-80a704bb.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-a48eec7a.js"),t=require("react"),r=require("@mantine/core"),s=require("./gAssets.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t);exports.Select=t=>{var{keepSearch:a=!1}=t,c=e.__rest(t,["keepSearch"]);return a?n.default.createElement(r.Autocomplete,Object.assign({rightSection:n.default.createElement(r.Image,{src:s.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},c)):n.default.createElement(r.Select,Object.assign({rightSection:n.default.createElement(r.Image,{src:s.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},c))};

package/build/index-a891a273.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-a48eec7a.js"),t=require("react"),a=require("@mantine/core");require("dayjs"),require("./screenSizeContext-aa822e03.js"),require("styled-components");var r=require("./theme-dd3d0249.js");require("./index-939cad43.js"),require("./utils-4e5c3ef5.js"),require("./isProduction-6fed8e6c.js"),require("./Onboarding-7f9dadd8.js"),require("./gAssets.js");var s=require("./index-65ef1823.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t);exports.Text=t=>{var{size:i,color:o=r.theme.colors.gray800,weight:c="regular",as:d="p",styles:l,className:u,dataEventCategory:v,dataEventAction:q,dataEventLabel:j}=t,g=e.__rest(t,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:y,cx:m}=s.useStyles$1({size:i,weight:c},{name:"Text",styles:l});return n.default.createElement(a.Text,Object.assign({className:m(y.root,u),color:o,component:d,"data-event-category":v,"data-event-action":q,"data-event-label":j},g))};

package/build/index-b60e84e1.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),t=require("./index.styled-225387b3.js"),a=require("./tslib.es6-a48eec7a.js"),r=require("./useTranslations-b9bf87da.js");require("@mantine/core"),require("./gAssets.js"),require("./index-65ef1823.js"),require("dayjs"),require("./screenSizeContext-aa822e03.js"),require("styled-components"),require("./theme-dd3d0249.js"),require("./index-939cad43.js"),require("./utils-4e5c3ef5.js"),require("./isProduction-6fed8e6c.js"),require("./Onboarding-7f9dadd8.js");var s=require("./index-69b827e7.js");require("./translationsContext-28876e75.js"),require("string-format"),require("./index-dce58d8a.js"),require("@mantine/hooks");var n=require("./index-a891a273.js"),i=require("./index.styled-bfcb5da4.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(e);const o={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"};var c="Dudns9-";exports.AuthorBadge=e=>{var{siteType:s,role:n,title:i,styles:d,className:c}=e,u=a.__rest(e,["siteType","role","title","styles","className"]);const{t:m}=r.useTranslations(),y=n?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(n):"",{classes:v,cx:b}=t.useStyles(void 0,{name:"AuthorBadge",styles:d});return y&&o[y]?l.default.createElement("div",Object.assign({className:b(v.root,c),"data-label-type":y,"data-is-marrybaby":"marryBaby"===s},u),i||m(o[y])):null},exports.BtnChoice=({value:t,choices:a,onChange:r})=>{const[n,i]=e.useState(t);return e.useEffect((()=>{i(t)}),[t]),l.default.createElement("div",{className:c},a.map(((e,t)=>l.default.createElement(s.Button,{size:"sm",variant:e.value===n?"primary":"tertiary",key:t,onClick:()=>{i(e.value),null==r||r(e.value)}},e.label||""))))},exports.Divider=({type:e="solid",className:a,style:r})=>l.default.createElement(t.StyledDivider,{style:r,className:a,"data-diver-type":e,dividerType:e}),exports.Tabs=({style:t,initialTab:a,tabContent:r,onChange:s,className:d,dataEventCategory:o,dataEventAction:c,dataEventLabel:u,id:m,styles:y})=>{const{classes:v,cx:b,theme:f}=i.useStyles(void 0,{name:"Tabs",styles:y}),[E,p]=e.useState(a||0);return e.useEffect((()=>{p(a)}),[a]),l.default.createElement("ul",{style:t,className:b(v.root,d),role:"tablist",id:m},r.map(((e,t)=>l.default.createElement("li",{className:`${v.item} ${E===t?"active":""}`,"aria-selected":E===t,role:"tab",onClick:()=>{p(t),s&&s(t)},onKeyDown:e=>{"Enter"===e.key&&(p(t),s&&s(t))},key:t,"data-event-category":e.dataEventCategory||o,"data-event-action":e.dataEventAction||c,"data-event-label":e.dataEventLabel||u,tabIndex:0,"data-testid":e.dataTestid},l.default.createElement("div",{className:v.itemInner},e.icon&&l.default.createElement("div",{className:v.icon},e.icon),l.default.createElement(n.Text,{className:v.label,size:e.textSize||"sm",weight:e.textType||"bold",color:E===t?f.fn.primaryColor():e.textColor||f.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))};

package/build/screenSizeContext-aa822e03.js

@@ -1,81 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("react"),r=require("lodash/throttle"),s=require("./utils-4e5c3ef5.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t),o=i(r);const a=e.keyframes`
-from {
-  transform: translate3d(0, 100%, 0);
-  visibility: visible;
-}
-
-to {
-  transform: translate3d(0, 0, 0);
-}
-`,d=e.keyframes`
-from {
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,l=e.keyframes`
- from {
-    transform: translate3d(-100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,f=e.keyframes`
- from {
-    transform: translate3d(100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,m=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(0, 100%, 0);
-}
-`,p=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(-100%, 0, 0);
-}
-`,u=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(100%, 0, 0);
-}
-`,y=e.keyframes`
- from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    transform: translate3d(0, -100%, 0);
-  }
-`,c=e.keyframes`
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-`,B=t.createContext({isInit:!0}),v=e=>{const t=(e=>"number"==typeof e?e:"undefined"!=typeof window&&window.innerWidth||0)(e);return{smallMobile:t<s.Breakpoints.BREAK_POINT_SMALL_MOBILE,mobile:t>=s.Breakpoints.BREAK_POINT_SMALL_MOBILE&&t<s.Breakpoints.BREAK_POINT_MOBILE,tablet:t>=s.Breakpoints.BREAK_POINT_MOBILE&&t<s.Breakpoints.BREAK_POINT_TABLET,pc:t>=s.Breakpoints.BREAK_POINT_TABLET&&t<s.Breakpoints.BREAK_POINT_PC,xl:t>=s.Breakpoints.BREAK_POINT_PC}};exports.ScreenSizeContext=B,exports.ScreenSizeContextProvider=({children:e})=>{const[r,s]=t.useState((()=>({isInit:!0})));t.useEffect((()=>{const e=o.default((()=>{s({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const i=t.useMemo((()=>v(r.width)),[r.width]);return n.default.createElement(B.Provider,{value:Object.assign(Object.assign({},r),{sizeGroups:i})},e)},exports.fadeIn=c,exports.getWindowSizeGroups=v,exports.slideInDown=d,exports.slideInLeft=l,exports.slideInRight=f,exports.slideInUp=a,exports.slideOutDown=m,exports.slideOutLeft=p,exports.slideOutRight=u,exports.slideOutUp=y;