@hhgtech/hhg-components 1.21.80 → 1.21.81

package/build/esm/index-0f2ac9f2.js

@@ -0,0 +1 @@
+import{a as e,c as n,_ as r}from"./tslib.es6-44f7e5ec.js";import t,{useState as a,useEffect as o,createContext as i,useContext as l,useRef as u}from"react";import{createEmotionCache as s,FileInput as c,NumberInput as d,PasswordInput as m,TextInput as f}from"@mantine/core";import{useDebouncedValue as v,useResizeObserver as p}from"@mantine/hooks";import{L as Y}from"./Locale-69030fff.js";import{CommonGAssets as h}from"./gAssets.js";import{Carousel as g}from"@mantine/carousel";import M from"styled-components";var D,y=300,C=s({key:"mantine",prepend:!1}),F=((D={})[Y.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},D[Y.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},D[Y.India]={dateFormat:"DD/MM/YYYY",separator:"."},D[Y.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},D[Y.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},D[Y.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},D[Y.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},D[Y.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},D[Y.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},D[Y.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},D),b=h.getAssetPath("EyeVisible.svg"),E=h.getAssetPath("EyeHidden.svg"),S=function(r){var i=r.value,l=r.onChange,u=n(r,["value","onChange"]),s=a(i||""),c=s[0],d=s[1],m=v(c,y)[0];return o((function(){null==l||l(m)}),[m]),o((function(){d(i)}),[i]),t.createElement(f,e({size:"md",onChange:function(e){return d(e.currentTarget.value)},value:c},u))};S.File=function(n){return t.createElement(c,e({size:"md"},n))},S.Password=function(r){var i=r.value,l=r.onChange,u=n(r,["value","onChange"]),s=a(i||""),c=s[0],d=s[1],f=v(c,y)[0];return o((function(){null==l||l(f)}),[f]),o((function(){d(i)}),[i]),t.createElement(m,e({size:"md",onChange:function(e){return d(e.currentTarget.value)},visibilityToggleIcon:function(e){var n=e.reveal,r=e.size;return n?t.createElement("img",{src:b,width:r}):t.createElement("img",{src:E,width:r})},styles:{rightSection:{pointerEvents:"initial"}},value:c},u))},S.Number=function(r){var i=r.value,l=r.onChange,u=n(r,["value","onChange"]),s=a(i||0),c=s[0],m=s[1],f=v(c,y)[0];return o((function(){null==l||l(f)}),[f]),o((function(){m(i)}),[i]),t.createElement(d,e({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:m,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:c},u))};var I,x=M(g.Slide)(I||(I=r([""],[""]))),k=i({}),T=function(e,n){return e>=n?e-n:e},w=function(r){var i=r.children,l=r.blurFromCenter,s=r.blurFromIndex,c=r.blurLength,d=void 0===c?3:c,m=r.maxBlurOpacity,f=void 0===m?.5:m,v=r.onSlideChange,Y=n(r,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange"]),h=p(),M=h[0],D=h[1],y=u(null),C=a(0),F=C[0],b=C[1],E=function(){var e,n,r,t=null===(e=null==y?void 0:y.current)||void 0===e?void 0:e.selectedScrollSnap();b(t);var a=(null===(n=null==y?void 0:y.current)||void 0===n?void 0:n.slideNodes())||[],o=a.length,i=(null===(r=null==y?void 0:y.current)||void 0===r?void 0:r.slidesInView()).length,u=Math.floor(i/2),c=l?s+d-1:u,m=t+c,v=m===o?0:m>o?m-o:m,p=t-c,Y=p<0?o+p:p>0?t-c:0,h=Array(2*c+1).fill("").map((function(e,n){return T(Y+n,o)}));a.map((function(e,n){if(n===t?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==h.indexOf(n))for(var r=f/d,a=0;a<d;a++){if(n===T(Y+a,o)||n===(l=o,(i=v-a)<0?l+i:i)){e.style.opacity=String((a+1)*r);break}e.style.opacity="1"}else e.style.opacity="0";var i,l}))},S={getEmblaApi:function(e){y.current=e},onSlideChange:function(e){E(),null==v||v(e)}};return o((function(){(null==y?void 0:y.current)&&E()}),[D]),t.createElement(k.Provider,{value:{slider:null==y?void 0:y.current,centerSlide:F}},t.createElement(g,e({ref:M,slideSize:"auto",containScroll:"trimSnaps"},S,Y,{loop:!0}),"function"==typeof i?i(F):i))};w.Slide=function(r){var i=r.children,s=r.onClick,c=n(r,["children","onClick"]),d=l(k).slider,m=u(),f=u(""),v=a(0),p=v[0],Y=v[1];return o((function(){f.current=String(Math.round(1e4*Math.random()))}),[]),o((function(){var e=(null==d?void 0:d.slideNodes())||[];Y(e.findIndex((function(e){return e.dataset.key===f.current})))}),[d]),t.createElement(x,e({ref:m,"data-key":f.current,"data-index":p},c),t.createElement("div",{onClick:function(){null==d||d.scrollTo(p),null==s||s(p)}},i))};export{w as C,y as D,S as I,F as a,C as e};

package/build/esm/index-182c57d1.js

@@ -0,0 +1 @@
+import{a as e}from"./tslib.es6-44f7e5ec.js";import t,{forwardRef as r}from"react";var a=r((function(r,a){return t.createElement("circle",e({},r,{ref:a}),t.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))}));export{a as C};

package/build/esm/index-2058993e.js

@@ -0,0 +1 @@
+import n from"react";import{_ as e,a as o}from"./tslib.es6-44f7e5ec.js";import t from"styled-components";import{u as a}from"./useTranslations-b3eb31ef.js";var r,i,d,l,p,s,u,c,b=t.hr(r||(r=e(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.dividerType})),x=function(e){var o=e.type,t=void 0===o?"solid":o,a=e.className,r=e.style;return n.createElement(b,{style:r,className:a,"data-diver-type":t,dividerType:t})},g=t.div(i||(i=e(["\n  display: inline-block;\n  height: 1rem;\n  flex-shrink: 0;\n  padding: 0 0.5rem;\n  margin-left: 4px;\n  border-radius: 1rem;\n  color: white;\n  font-size: 8px;\n  font-weight: 600;\n  line-height: 1rem;\n  &[data-label-type='admin'] {\n    background: ",";\n  }\n  &[data-label-type='local admin'] {\n    background: ",";\n  }\n  &[data-label-type='ambassador'] {\n    background: ",";\n  }\n  &[data-label-type='expert'] {\n    background: ",";\n  }\n  &[data-label-type='moderator'] {\n    background: ",";\n  }\n  &[data-label-type='sponsor'] {\n    background: ",";\n  }\n  &[data-label-type='guide'] {\n    background: ",";\n  }\n  &[data-label-type='influencer'] {\n    background: ",";\n  }\n"],["\n  display: inline-block;\n  height: 1rem;\n  flex-shrink: 0;\n  padding: 0 0.5rem;\n  margin-left: 4px;\n  border-radius: 1rem;\n  color: white;\n  font-size: 8px;\n  font-weight: 600;\n  line-height: 1rem;\n  &[data-label-type='admin'] {\n    background: ",";\n  }\n  &[data-label-type='local admin'] {\n    background: ",";\n  }\n  &[data-label-type='ambassador'] {\n    background: ",";\n  }\n  &[data-label-type='expert'] {\n    background: ",";\n  }\n  &[data-label-type='moderator'] {\n    background: ",";\n  }\n  &[data-label-type='sponsor'] {\n    background: ",";\n  }\n  &[data-label-type='guide'] {\n    background: ",";\n  }\n  &[data-label-type='influencer'] {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.green400}),(function(n){return n.theme.colors.red400}),(function(n){return n.theme.colors.yellow800}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400})),h={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},m=function(e){var o=e.role,t=e.title,r=a().t,i=o?function(n){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===n}))}(o):"";return i&&h[i]?n.createElement(g,{"data-label-type":i},t||r(h[i])):null},f=t.div(d||(d=e(["\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  --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"])),(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})),v=t.div(l||(l=e(["\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})),w=t.ul(p||(p=e(["\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), -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), -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})),k=t.li(s||(s=e(["\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})),y=t.div(u||(u=e(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),E=t.div(c||(c=e(["\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"]))),z=function(e){var t=e.className,a=e.value,r=e.options,i=e.onChange,d=void 0===i?function(){}:i,l=e.id,p=e.placeholderIcon,s=e.placeholder,u=e.style,c=e.size,b=void 0===c?"lg":c,x=e.groupedWithLabel,g=e.disabled,h=e.dropdownLabelTrackingAttributes,m=void 0===h?{}:h,z=e.isNativeSelect,C=void 0!==z&&z,A=n.useState(!1),L=A[0],j=A[1],B=function(){return!g&&j(!L)};return C?n.createElement(f,{as:"select","data-is-native":"true",value:(null==a?void 0:a.value)||void 0,disabled:g,onChange:function(n){if("string"==typeof n.target.value){var e=r.find((function(e){return e.value===n.target.value}));e&&d(e)}}},s&&n.createElement("option",{value:s,disabled:!0,selected:!0},s),r.map((function(e){return n.createElement("option",{key:"".concat(l,"-").concat(e.value),value:e.value,disabled:!!e.disabled&&e.disabled},e.label)}))):n.createElement(f,{className:t,"data-dropdown-open":L||void 0,"data-size":b,id:l,"data-has-icons":!!p,style:u,onBlur:function(){return j(!1)},tabIndex:0,"data-disabled":g},!!x&&n.createElement(E,null,x),n.createElement(v,o({onClick:B,className:x&&"with-label"},m),p," ",n.createElement("span",null,a&&a.value?a.label:s)),L&&n.createElement(w,{onClick:B,"data-has-icons":!!p},r.map((function(e){return n.createElement(k,{key:"".concat(l,"-").concat(e.value),"data-selected":a&&a.value===e.value||void 0,onClick:function(){return!e.disabled&&!g&&(null==d?void 0:d(e))},"data-disabled":!!e.disabled&&e.disabled},e.icon&&n.createElement(y,null,e.icon),e.label)}))))};export{m as A,x as D,z as a};