@hhgtech/hhg-components 1.21.21 → 1.21.23

package/build/esm/index-19bb3ca2.js

@@ -0,0 +1 @@
+import e from"react";import{H as t}from"./index.styled-e9b530f0.js";var r=function(r){var a=r.type,s=void 0===a?"solid":a,i=r.className,d=r.style;return e.createElement(t,{style:d,className:i,"data-diver-type":s,dividerType:s})};export{r as D};

package/build/esm/index-6cee03c4.js

@@ -0,0 +1 @@
+import{$ as e,a0 as a,a1 as t,a2 as l,a3 as o,a4 as n,a5 as i,a6 as c,a7 as r,a8 as s,a9 as d,aa as m,ab as h,ac as v,ad as u,ae as p,af as f,ag as g,ah as w,ai as z,aj as E,ak as C,al as y,am as M,T as b,an as x}from"./index.styled-e9b530f0.js";import{b as k,_ as H}from"./tslib.es6-dcf36680.js";import A,{useRef as B,useState as L,useEffect as F}from"react";import"date-fns";import"./screenSizeContext-d0c9aa9b.js";import"styled-components";import{t as V}from"./theme-a50a1aa5.js";import"./index-58ae0705.js";import"./Locale-69030fff.js";import"./gAssets.js";import{u as j}from"./useTranslations-3e47eecc.js";import"lodash/debounce";import{I as _}from"./index-e11730e3.js";import{u as S}from"./useScrollbarSize-99db33e1.js";import{createPortal as R}from"react-dom";import{S as N,a as D,b as G}from"./index.styled-5edcd725.js";var P={Ask:e,BarChart:a,Booking:t,Bookmark:l,Boy:function(e){var a=e.size,t=void 0===a?40:a,l=k(e,["size"]);return A.createElement("svg",H({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 40 40"},l),A.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"#2D87F3"}),A.createElement("path",{fill:"#fff",d:"M20.002 30.973c-2.616 0-4.945-.607-6.734-1.755-1.82-1.166-3.058-2.884-3.604-4.992-.045 0-.09.003-.136.003-.758 0-1.486-.3-2.023-.834a2.843 2.843 0 010-4.029 2.868 2.868 0 012.194-.83c.577-2.321 1.83-4.42 3.567-5.952C15.16 10.918 17.552 10 20.002 10s4.84.918 6.733 2.587c1.737 1.53 2.99 3.628 3.567 5.952a2.868 2.868 0 012.194.83 2.843 2.843 0 010 4.028 2.868 2.868 0 01-2.16.831c-.546 2.106-1.782 3.826-3.602 4.992-1.79 1.146-4.118 1.753-6.732 1.753z"}),A.createElement("path",{fill:"#2D87F3",d:"M17.95 13.19h-.014a.525.525 0 00-.524.509c0 .015-.059 1.466-2.006 1.927a.525.525 0 00-.389.63.523.523 0 00.633.386c2.18-.516 2.793-2.134 2.812-2.917a.519.519 0 00-.313-.491.527.527 0 00-.2-.044zM20.591 12.874a.524.524 0 00-.326.663c.004.014.455 1.396-1.212 2.5a.521.521 0 00.19.936.526.526 0 00.39-.066c1.866-1.236 1.878-2.966 1.625-3.708a.521.521 0 00-.464-.352.529.529 0 00-.203.027zM23.292 13.4a.525.525 0 00-.735.749c.008.007.787.783.35 2.119a.523.523 0 00.898.508.523.523 0 00.098-.183c.641-1.946-.56-3.142-.611-3.192zM15.977 21.818a1.365 1.365 0 000-1.936 1.38 1.38 0 00-1.945 0 1.365 1.365 0 000 1.936 1.38 1.38 0 001.945 0zM25.445 22.172a1.368 1.368 0 10-.682-2.652 1.369 1.369 0 10.682 2.652zM22.837 22.755a.532.532 0 00-.66.338c-.005.012-.414 1.222-2.124 1.222-1.71 0-2.12-1.21-2.124-1.222a.523.523 0 00-.998.316c.026.08.656 1.947 3.123 1.947s3.097-1.867 3.122-1.947a.52.52 0 00-.339-.654z"}))},Calendar:function(e){var a=e.size,t=void 0===a?20:a,l=e.color,o=void 0===l?"#595959":l,n=k(e,["size","color"]);return A.createElement("svg",H({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),A.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.8337 2.50065H16.667C17.5837 2.50065 18.3337 3.25065 18.3337 4.16732V17.5006C18.3337 18.4173 17.5837 19.1673 16.667 19.1673H3.33366C2.41699 19.1673 1.66699 18.4173 1.66699 17.5006V4.16732C1.66699 3.25065 2.41699 2.50065 3.33366 2.50065H4.16699V1.66732C4.16699 1.20898 4.54199 0.833984 5.00033 0.833984C5.45866 0.833984 5.83366 1.20898 5.83366 1.66732V2.50065H14.167V1.66732C14.167 1.20898 14.542 0.833984 15.0003 0.833984C15.4587 0.833984 15.8337 1.20898 15.8337 1.66732V2.50065ZM4.16699 17.5007H15.8337C16.292 17.5007 16.667 17.1257 16.667 16.6673V6.66732H3.33366V16.6673C3.33366 17.1257 3.70866 17.5007 4.16699 17.5007Z",fill:o}))},Community:o,EditSpecial:n,Family:i,Font:c,GenderBoy:function(e){var a=e.size,t=void 0===a?16:a,l=k(e,["size"]);return A.createElement("svg",H({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 16 16"},l),A.createElement("g",{fill:"#595959",clipPath:"url(#clip0_408_8625)"},A.createElement("path",{d:"M15.325 1.199a.602.602 0 00-.038-.151v-.005h-.001a.618.618 0 00-.107-.168.623.623 0 00-.117-.105l-.004-.002a.6.6 0 00-.175-.078.609.609 0 00-.161-.024h-4.278a.611.611 0 000 1.223h2.802L9.6 5.535a5.469 5.469 0 00-3.433-1.203 5.506 5.506 0 00-5.5 5.5c0 3.033 2.468 5.5 5.5 5.5 3.033 0 5.5-2.467 5.5-5.5 0-1.262-.425-2.46-1.203-3.433l3.648-3.647v2.802a.611.611 0 001.222 0V1.277c0-.012-.003-.025-.004-.037a.617.617 0 00-.004-.041zM6.166 14.11A4.282 4.282 0 011.89 9.833a4.282 4.282 0 017.303-3.028 4.282 4.282 0 01-3.026 7.305z"}),A.createElement("path",{fillRule:"evenodd",d:"M15.287 1.048a.602.602 0 01.042.192l.002.016a.156.156 0 01.002.021v4.278a.611.611 0 01-1.222 0V2.753L10.463 6.4a5.469 5.469 0 011.203 3.433c0 3.033-2.467 5.5-5.5 5.5a5.506 5.506 0 01-5.5-5.5c0-3.033 2.468-5.5 5.5-5.5 1.263 0 2.46.425 3.433 1.203l3.647-3.647h-2.802a.611.611 0 010-1.223h4.278a.609.609 0 01.197.036.6.6 0 01.14.067h.003a.623.623 0 01.14.135h.001a.618.618 0 01.083.138v.003l.001.003zm.064-.02c.021.053.033.107.04.162m-.04-.162a.695.695 0 00-.096-.165l-.001-.002c-.008-.009-.016-.02-.026-.03A.69.69 0 0015.1.715m-.2-.089A.675.675 0 0014.722.6h-4.278a.678.678 0 000 1.355h2.641L9.594 5.447a5.535 5.535 0 00-3.428-1.18A5.573 5.573 0 00.6 9.832 5.573 5.573 0 006.166 15.4a5.573 5.573 0 005.567-5.567c0-1.257-.417-2.45-1.18-3.427l3.491-3.492v2.641a.678.678 0 001.356 0V1.277a.202.202 0 00-.003-.027v-.004l-.001-.01a.743.743 0 00-.005-.046M1.955 9.833a4.216 4.216 0 004.211 4.211 4.216 4.216 0 002.979-7.191 4.216 4.216 0 00-7.19 2.98zm7.237-3.028a4.282 4.282 0 00-7.304 3.028 4.282 4.282 0 004.278 4.278 4.282 4.282 0 003.026-7.306z",clipRule:"evenodd"})),A.createElement("defs",null,A.createElement("clipPath",{id:"clip0_408_8625"},A.createElement("path",{fill:"#fff",d:"M0 0H16V16H0z"}))))},GenderChooseBoy:function(e){var a=B("svg-".concat(Math.random()));return A.createElement("svg",H({xmlns:"http://www.w3.org/2000/svg",width:"21",height:"20",fill:"none",viewBox:"0 0 21 20"},e),A.createElement("g",{clipPath:"url(#".concat(a.current,")")},A.createElement("path",{fill:"#45A4FF",d:"M11.203 7.633l1.914 1.914 6.397-6.397L17.6 1.235l-6.397 6.398z"}),A.createElement("path",{fill:"#45A4FF",d:"M8.083 5.334a7.333 7.333 0 100 14.667 7.333 7.333 0 000-14.667zm0 11.96a4.626 4.626 0 110-9.253 4.626 4.626 0 010 9.252z"}),A.createElement("path",{fill:"#2D87F3",d:"M7.508 8.077a4.626 4.626 0 100 9.181 4.627 4.627 0 010-9.181zM8.083 5.334a7.43 7.43 0 00-.575.022 7.334 7.334 0 010 14.622 7.333 7.333 0 10.575-14.644zM19.88 2.785v-.78L18.744.872h-.78l-2.707 2.707h1.55c.2 0 .364.163.364.365v1.55l2.707-2.708z"}),A.createElement("path",{fill:"#45A4FF",d:"M18.043 0h-4.585a.365.365 0 00-.364.365v1.978c0 .201.163.364.364.364h4.22c.201 0 .365.163.365.365v4.22c0 .2.163.364.364.364h1.978a.365.365 0 00.365-.364V.365A.365.365 0 0020.385 0h-2.342z"})),A.createElement("defs",null,A.createElement("clipPath",{id:a.current},A.createElement("path",{fill:"#fff",d:"M0 0H20V20H0z",transform:"translate(.75)"}))))},GenderChooseGirl:function(e){return A.createElement("svg",H({xmlns:"http://www.w3.org/2000/svg",width:"21",height:"20",fill:"none",viewBox:"0 0 21 20"},e),A.createElement("path",{fill:"#FE9DC2",d:"M13.748 15.546h-1.503a.321.321 0 01-.321-.322v-3.7H9.577v3.7a.321.321 0 01-.322.322H7.753a.321.321 0 00-.321.321v1.704c0 .178.144.322.321.322h1.502c.178 0 .322.144.322.321v1.465c0 .178.144.321.321.321h1.704a.321.321 0 00.322-.321v-1.465c0-.177.144-.321.321-.321h1.503a.321.321 0 00.321-.322v-1.704a.322.322 0 00-.321-.321z"}),A.createElement("path",{fill:"#FC488D",d:"M9.576 11.523v2.151a7.466 7.466 0 002.347 0v-2.15H9.576z"}),A.createElement("path",{fill:"#FE9DC2",d:"M10.75 0a6.357 6.357 0 100 12.715A6.357 6.357 0 0010.75 0zm0 10.368a4.01 4.01 0 110-8.021 4.01 4.01 0 010 8.021z"}),A.createElement("path",{fill:"#FC488D",d:"M10.157 2.391a4.01 4.01 0 100 7.934 4.011 4.011 0 010-7.934zM10.75 0c-.2 0-.398.01-.593.028a6.358 6.358 0 010 12.66A6.357 6.357 0 1010.75 0z"}))},GenderGirl:function(e){var a=e.size,t=void 0===a?16:a,l=k(e,["size"]);return A.createElement("svg",H({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 16 16"},l),A.createElement("path",{fill:"#595959",d:"M11.445 8.979a4.875 4.875 0 000-6.888 4.879 4.879 0 00-6.89 0 4.875 4.875 0 000 6.888 4.849 4.849 0 002.872 1.39V12H6.28a.573.573 0 100 1.147h1.147v1.614a.573.573 0 001.146 0v-1.614H9.72a.573.573 0 100-1.146H8.573v-1.63a4.849 4.849 0 002.872-1.391zm-6.08-.81a3.728 3.728 0 010-5.268 3.73 3.73 0 015.27 0 3.728 3.728 0 010 5.267 3.73 3.73 0 01-5.27 0z"}),A.createElement("path",{fill:"#595959",fillRule:"evenodd",d:"M5.366 8.168a3.73 3.73 0 005.268 0 3.728 3.728 0 000-5.267 3.73 3.73 0 00-5.268 0 3.728 3.728 0 000 5.267zm6.15-6.148a4.975 4.975 0 010 7.03 4.948 4.948 0 01-2.843 1.407V11.9H9.72a.673.673 0 110 1.346H8.673v1.514a.673.673 0 01-1.346 0v-1.514H6.28a.673.673 0 110-1.346h1.046v-1.443A4.948 4.948 0 014.484 9.05a4.975 4.975 0 010-7.029 4.979 4.979 0 017.032 0zm-4.09 8.35a4.849 4.849 0 01-2.871-1.391 4.875 4.875 0 010-6.888 4.879 4.879 0 016.89 0 4.875 4.875 0 010 6.888 4.849 4.849 0 01-2.872 1.39V12H9.72a.573.573 0 110 1.147H8.573v1.614a.573.573 0 01-1.146 0v-1.614H6.28a.573.573 0 110-1.146h1.147v-1.63zm-1.99-7.398a3.628 3.628 0 000 5.126 3.63 3.63 0 005.128 0 3.628 3.628 0 000-5.126 3.63 3.63 0 00-5.128 0z",clipRule:"evenodd"}))},Girl:function(e){var a=e.size,t=void 0===a?40:a,l=k(e,["size"]);return A.createElement("svg",H({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 24 24"},l),A.createElement("circle",{cx:"12",cy:"12",r:"12",fill:"#FC5D9A"}),A.createElement("path",{fill:"#fff",d:"M18.283 11.759c-.034 0-.068 0-.102.003-.346-1.394-1.099-2.652-2.14-3.57a6.132 6.132 0 00-3.726-1.544v-.532a2.062 2.062 0 001.617-.634 1.178 1.178 0 000-1.638 1.13 1.13 0 00-1.626 0c-.116.119-.218.25-.305.392a2.212 2.212 0 00-.308-.393 1.13 1.13 0 00-1.625 0 1.179 1.179 0 000 1.638 2.06 2.06 0 001.5.639c.041 0 .08 0 .117-.004v.533a6.143 6.143 0 00-3.726 1.543c-1.042.918-1.793 2.177-2.14 3.572a1.72 1.72 0 00-1.317.498 1.706 1.706 0 000 2.417c.323.32.76.5 1.215.5.027 0 .054 0 .081-.002a4.968 4.968 0 002.162 2.996c1.073.69 2.47 1.053 4.04 1.053 1.57 0 2.967-.364 4.04-1.053a4.987 4.987 0 002.162-2.998 1.72 1.72 0 001.295-.499 1.705 1.705 0 000-2.417c-.322-.32-.759-.5-1.214-.5zm-5.527-7.477a.5.5 0 01.724 0 .55.55 0 010 .763 1.446 1.446 0 01-1.165.446 1.834 1.834 0 01-.004-.077v-.09c.01-.392.168-.764.445-1.042zm-2.238.762a.55.55 0 010-.763.501.501 0 01.724 0c.276.278.435.65.444 1.042v.09c0 .027-.002.053-.004.078a1.45 1.45 0 01-1.164-.447z"}),A.createElement("path",{fill:"#FC5D9A",d:"M9.586 13.68a.819.819 0 000-1.161.828.828 0 00-1.167 0 .819.819 0 000 1.162c.323.32.845.32 1.167 0zM15.267 13.894a.821.821 0 10-.41-1.592.821.821 0 10.41 1.592zM13.704 14.242a.32.32 0 00-.282.045.314.314 0 00-.114.159c-.002.007-.248.733-1.274.733-1.027 0-1.272-.726-1.275-.733a.314.314 0 10-.598.19c.016.046.394 1.168 1.873 1.168s1.858-1.12 1.873-1.168a.313.313 0 00-.203-.394zM12.402 7.713a.315.315 0 00-.53.24.313.313 0 00.1.218c.253.248.466.533.632.845.316.61.298 1.118-.056 1.551-.403.493-.865.449-1.104.378-.33-.096-.598-.351-.625-.595-.03-.263.058-.585.318-.71.165-.077.337-.039.486.11a.315.315 0 00.538-.22.313.313 0 00-.092-.222c-.336-.337-.797-.426-1.204-.232-.473.226-.737.752-.671 1.343.055.494.495.957 1.072 1.128.151.045.308.067.465.068.491 0 .958-.228 1.305-.652.514-.63.558-1.402.127-2.234a4.11 4.11 0 00-.761-1.016z"}))},Heart:r,Home:s,Kebab:function(e){var a=e.size,t=void 0===a?20:a,l=k(e,["size"]);return A.createElement("svg",H({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:"none",viewBox:"0 0 20 20"},l),A.createElement("path",{fill:"#000",fillOpacity:"0.54",fillRule:"evenodd",d:"M10 6.667c.916 0 1.666-.75 1.666-1.666 0-.917-.75-1.667-1.666-1.667-.917 0-1.667.75-1.667 1.667 0 .916.75 1.666 1.667 1.666zm0 1.667c-.917 0-1.667.75-1.667 1.667 0 .916.75 1.666 1.667 1.666.916 0 1.666-.75 1.666-1.666 0-.917-.75-1.667-1.666-1.667zm-1.667 6.667c0-.917.75-1.667 1.667-1.667.916 0 1.666.75 1.666 1.667 0 .916-.75 1.666-1.666 1.666-.917 0-1.667-.75-1.667-1.666z",clipRule:"evenodd"}))},Like:d,MyCommunity:m,PlusSpecial:h,Recalculate:v,Scale:u,Share:p,Stethoscope:f,FullScreen:g,GroupPeople:w,GroupPeopleSolid:z,Activities:E,Reply:C,Check:function(e){var a=e.size,t=void 0===a?20:a,l=e.color,o=void 0===l?"#595959":l,n=e.activeColor,i=void 0===n?V.colors.primaryBase:n,c=e.isActive,r=void 0!==c&&c,s=k(e,["size","color","activeColor","isActive"]);return A.createElement("svg",H({width:t,height:t,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s),A.createElement("path",{d:"M13.3334 4L6.00002 11.3333L2.66669 8",stroke:r?i:o,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},UserCheck:function(e){var a=e.size,t=void 0===a?20:a,l=e.color,o=void 0===l?"#595959":l,n=e.activeColor,i=void 0===n?V.colors.primaryBase:n,c=e.isActive,r=void 0!==c&&c,s=k(e,["size","color","activeColor","isActive"]);return A.createElement("svg",H({width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s),A.createElement("path",{d:"M16 11.8L16.4705 12.2694C16.8709 12.6689 17.5225 12.6571 17.9082 12.2435L20 10",stroke:r?i:o,strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),A.createElement("path",{d:"M4 18.3213C4 16.1763 5.50873 14.3493 7.55915 14.0112L7.74384 13.9808C9.3857 13.7101 11.0587 13.7101 12.7006 13.9808L12.8853 14.0112C14.9357 14.3493 16.4444 16.1763 16.4444 18.3213C16.4444 19.2484 15.7169 20 14.8194 20H5.625C4.72754 20 4 19.2484 4 18.3213Z",stroke:r?i:o,strokeWidth:"1.2"}),A.createElement("path",{d:"M13.8519 7.5C13.8519 9.433 12.2268 11 10.2222 11C8.21765 11 6.59261 9.433 6.59261 7.5C6.59261 5.567 8.21765 4 10.2222 4C12.2268 4 13.8519 5.567 13.8519 7.5Z",stroke:r?i:o,strokeWidth:"1.2"}))}},I=function(e){var a=e.value,t=e.options,l=e.className,o=e.direction,n=void 0===o?"horizontal":o,i=e.onChange,c=e.isDisabled,r=L(a),s=r[0],d=r[1];return A.createElement(y,{className:l,"data-direction":n},t.map((function(e,t){return A.createElement(M,{"data-selected":(a||s)===e.value,"data-disabled":c,key:t,onClick:function(){var a;a=e.value,c||(d(a),i&&i(a))}},A.createElement("div",null,e.content,e.label&&A.createElement(b,{type:"bold",color:(a||s)===e.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},e.label)))})))},T=function(e){var a=e.isActive,t=e.onChange,l=e.value,o=void 0===l?"":l,n=e.onInputChange,i=j().t;return A.createElement(x,{onClick:function(){return t("new")}},A.createElement("div",{className:"title"},A.createElement(b,{size:"p2",color:V.colors.gray800},i("chooseBaby.new")),A.createElement("div",{className:a?"radio active":"radio"})),A.createElement(_,{name:"name",value:o,size:"md",placeholder:i("chooseBaby.placeholder"),type:"text",onChange:n}))},W="hhg-modals",Z=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},q=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"))},O=function(e){var a=e.type,t=void 0===a?"lead":a,l=e.closeIcon,o=e.isOpen,n=void 0===o||o,i=e.onClose,c=e.children,r=e.className,s=void 0===r?"":r,d=e.animationType,m=void 0===d?"slideTop":d,h=e.isStaticBackdrop,v=void 0!==h&&h;e.style;var u=L(!1),p=u[0],f=u[1],g=B(null),w=S().width;if(!g.current&&p&&(g.current=document.createElement("div")),F((function(){return f(!0),function(){f(!1),Z(),q()}}),[]),F((function(){if(p){var e=((a=document.getElementById(W))||((a=document.createElement("div")).setAttribute("id",W),document.body.append(a)),a);return e.appendChild(g.current),function(){e.removeChild(g.current)}}var a}),[p]),F((function(){n?document.body.classList.add("hhc-modal-show"):Z()}),[n]),F((function(){n?(document.body.style.overflow="hidden",document.body.style.paddingRight=w+"px",document.body.classList.add("hhc-disabled-scroll")):q()}),[n,w]),!p)return null;var z=["hhg-modal__wrapper",s,m].filter((function(e){return e})).join(" ");return R(A.createElement(N,{className:z,"data-open":n,"data-type":t},!v&&A.createElement(D,{"data-open":n,onClick:i,"data-type":t}),!v&&"video"===t&&!!l&&A.createElement("div",{className:"hhg-modal__close",onClick:i},l),A.createElement(G,{className:"hhg-modal","data-open":n},A.createElement("div",{className:"video"===t?"hhg-modal__video":"hhg-modal__content"},!!l&&"video"!==t&&A.createElement("div",{className:"hhg-modal__close",onClick:i},l),c))),g.current)};export{P as I,O as M,T as N,I as R};