@hhgtech/hhg-components 1.23.55 → 1.23.56

package/build/index-8868f846.js

@@ -1 +0,0 @@
-"use strict";var a=require("./tslib.es6-12cb6a82.js");function e(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}var t=e(require("react")),r="wIj6fkD";exports.Text=function(e){var s=e.size,c=void 0===s?"base":s,n=e.type,o=void 0===n?"regular":n,d=e.className,i=e.style,l=e.children,v=e.color,p=e.dataEventCategory,u=e.dataEventAction,y=e.dataEventLabel,_=e.as,b=void 0===_?"p":_,f=e.wordWrap,g=e.isUppercase,E=a.__rest(e,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]),m=b;return t.default.createElement(m,a.__assign({"data-size":c,"data-type":o,style:a.__assign(a.__assign({},i),v?{"--custom-color":v}:void 0),className:"".concat(r," ").concat(d||""),"data-event-category":p,"data-event-action":u,"data-event-label":y,"data-word-wrap":f,"data-is-uppercase":g},E),l)};

package/build/index-9875a37d.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-12cb6a82.js"),n=require("react"),t=require("./Vietnam-70fad60d.js"),r=require("./index-e24f310c.js"),a=require("@mantine/core"),o=require("./gAssets.js"),i=require("@mantine/dates"),l=require("styled-components");require("dayjs"),require("./screenSizeContext-73ab1bbc.js");var u=require("./theme-7f4f2614.js");require("./utils-1da403cf.js"),require("./isProduction-c472f5df.js");var c=require("./Locale-32c3b208.js"),s=require("@mantine/carousel"),d=require("./defaultClassWrapper-e6545aec.js"),f=require("./index-baf15fc9.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var g,h,v,b,y=m(n),C=m(l),x=f.createCommonjsModule((function(e){!function(){var n={}.hasOwnProperty;function t(){for(var e=[],r=0;r<arguments.length;r++){var a=arguments[r];if(a){var o=typeof a;if("string"===o||"number"===o)e.push(a);else if(Array.isArray(a)){if(a.length){var i=t.apply(null,a);i&&e.push(i)}}else if("object"===o){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){e.push(a.toString());continue}for(var l in a)n.call(a,l)&&a[l]&&e.push(l)}}}return e.join(" ")}e.exports?(t.default=t,e.exports=t):window.classNames=t}()})),k=Object.values(r.siteOptions).reduce((function(e,n){var t=n.phoneCountry;return e.includes(t)||e.push(t),e}),[]),_={PH:t.Phillipines,KH:t.Cambodia,ID:t.India,IN:t.Indonesia,MM:t.Myanmar,MY:t.Malaysia,TH:t.Thailand,TW:t.Taiwan,VN:t.Vietnam},j={phoneInput:"i-9Ibox",error:"YDWHh9b"},A=n.forwardRef((function(r,a){var o,i=r.isError,l=r.defaultCountry,u=r.countries,c=void 0===u?k:u,s=r.countryCallingCodeEditable,d=void 0!==s&&s,f=r.defaultValue,m=r.value,g=r.onChange,h=r.className,v=e.__rest(r,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),b=n.useState(f||m),C=b[0],A=b[1],E=n.useState(null),w=E[0],L=E[1];return n.useEffect((function(){A(m)}),[m]),n.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,Promise.resolve().then((function(){return p(require("react-phone-number-input"))}))];case 1:return n=e.sent(),L(n),[2]}}))}))}),[]),w?y.default.createElement(w.default,e.__assign({ref:a,value:C,onChange:function(e){A(e),null==g||g(e)},countries:c,defaultCountry:l,countryCallingCodeEditable:d,className:x(j.phoneInput,(o={isError:i},o[j.error]=i,o),h),flagUrl:void 0,flagComponent:function(n){var t=n.country,r=n.countryName;n.flagUrl;var a=e.__rest(n,["country","countryName","flagUrl"]),o=_[t],i=t?"(+".concat(w.getCountryCallingCode(t),")"):"";return o?y.default.createElement(y.default.Fragment,null,y.default.createElement(o,e.__assign({title:r},a)),y.default.createElement("span",{className:x(j.callingCode,"PhoneInputCountryIconCallingCode")},i)):y.default.createElement(y.default.Fragment,null)},countrySelectProps:{arrowComponent:function(){return y.default.createElement("div",{className:x(j.arrowSelect,"PhoneInputArrowContainer")},y.default.createElement(t.CaretDown,null))}}},v)):null})),E=C.default(i.DatePicker)(h||(h=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&l.css(g||(g=e.__makeTemplateObject(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),w=C.default(i.DateRangePicker)(b||(b=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&l.css(v||(v=e.__makeTemplateObject(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),L=function(n){return y.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:y.default.createElement(a.Image,{src:o.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};L.Range=function(n){return y.default.createElement(w,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:y.default.createElement(a.Image,{src:o.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var O,S,P,I=C.default(a.Textarea)(O||(O=e.__makeTemplateObject(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),u.theme.colors.gray200),M=C.default(a.Modal)(S||(S=e.__makeTemplateObject(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),u.theme.colors.neutral100),T=C.default(a.Accordion)(P||(P=e.__makeTemplateObject(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.closeChevron||o.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||o.CommonGAssets.getAssetPath("minus-icon.svg")})),q=function(n){var t=n.children,r=e.__rest(n,["children"]);return y.default.createElement(T,e.__assign({chevron:y.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};q.Control=a.Accordion.Control,q.Item=a.Accordion.Item,q.Panel=a.Accordion.Panel;var D=o.CommonGAssets.getAssetPath("avatar.jpg"),R=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return y.default.createElement(s.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};R.Slide=s.Carousel.Slide;var N=function(n){return y.default.createElement(a.Checkbox,e.__assign({},n))};N.Group=a.Checkbox.Group;var z,F,G,W,V,B=C.default(a.Slider)(z||(z=e.__makeTemplateObject(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(e){return e.color||e.theme.colors.primaryBase})),H="hhgcomp-mantine-slider-slider",U=d.getDefaultClassWrapper(B,H),Y=C.default.div(F||(F=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),H),K=C.default(a.Radio)(G||(G=e.__makeTemplateObject(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||u.theme.colors.primaryBase})),Q=function(n){return y.default.createElement(K,e.__assign({size:"sm"},n))};Q.Group=a.Radio.Group;var J=((W={})[c.LOCALE.Vietnam]="vi",W[c.LOCALE.Cambodia]="km",W[c.LOCALE.India]="hi",W[c.LOCALE.Indonesia]="id",W[c.LOCALE.Malaysia]="ms",W[c.LOCALE.Thailand]="th",W[c.LOCALE.Taiwan]="zh-tw",W[c.LOCALE.PhilippinesTagalog]="tl-ph",W[c.LOCALE.PhilippinesEnglish]="en",W[c.LOCALE.Myanmar]="my",W),X=((V={})[c.LOCALE.Vietnam]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/vi.js"))}))},V[c.LOCALE.Cambodia]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/km.js"))}))},V[c.LOCALE.India]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/hi.js"))}))},V[c.LOCALE.Indonesia]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/id.js"))}))},V[c.LOCALE.Malaysia]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/ms.js"))}))},V[c.LOCALE.Thailand]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/th.js"))}))},V[c.LOCALE.Taiwan]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/zh-tw.js"))}))},V[c.LOCALE.PhilippinesTagalog]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/tl-ph.js"))}))},V[c.LOCALE.PhilippinesEnglish]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/en.js"))}))},V[c.LOCALE.Myanmar]=function(){return Promise.resolve().then((function(){return p(require("dayjs/locale/my.js"))}))},V),Z={"&:hover":{borderColor:"".concat(u.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(u.theme.colors.blue200)}};function $(e,n){void 0===n&&(n=6);var t=new Array(n).fill("");if(e){var r=e.toString().split("");t.map((function(e,n){r[n]&&(t[n]=r[n]||"")}))}return t}function ee(e){return e.join("")}var ne="_2iQs0sk",te="Ia6IojY",re=n.forwardRef((function(n,t){var r=n.maxLength,a=void 0===r?1:r,o=n.placeholder,i=n.className,l=e.__rest(n,["maxLength","placeholder","className"]);return y.default.createElement("input",e.__assign({maxLength:a,className:x(te,"otpInput",i),placeholder:o,type:"number"},l,{ref:t}))})),ae=n.forwardRef((function(e,t){var r=e.valueLength,o=void 0===r?6:r,i=e.type,l=void 0===i?"number":i,u=e.value,c=e.defaultValue,s=e.onChange,d=e.onBlur,f=n.useRef(new Array(o).fill(null)),m=n.useState(c||u),p=m[0],g=m[1],h=n.useState(-1),v=h[0],b=h[1],C=n.useState((function(){return $(p,o)})),k=C[0],_=C[1],j=n.useCallback((function(){if(-1!==v){var e=f.current[v];if(e){e.value="";var n=k;n[v]="",_(n),g((function(){return ee(n)})),null==s||s(ee(n))}}}),[v,s,k]),A=n.useCallback((function(){if(0!==v){var e=f.current[v];e&&e.blur();var n=f.current[v-1];n&&n.focus()}}),[v]),E=n.useCallback((function(){if(v!==o-1){var e=f.current[v];e&&e.blur();var n=f.current[v+1];n&&n.focus()}}),[v,o]),w=n.useCallback((function(e){var n=e.target,t=n.value.toString().slice(0,1),r=f.current.findIndex((function(e){return e===n}));if(-1!==r){var a=k;a[r]=t,_(a),g((function(){return ee(a)})),null==s||s(ee(a))}E()}),[E,s,k]),L=n.useCallback((function(e){var n=e.target,t=f.current.findIndex((function(e){return e===n}));"number"===l?n.select():n.setSelectionRange(0,n.value.length,"backward"),-1!==t&&b(t)}),[]),O=n.useCallback((function(e){var n=$(e.clipboardData.getData("text/plain"),o),t=ee(n);_(n),g(t),null==s||s(t)}),[s,l,o]),S=n.useCallback((function(e){8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),j(),A()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),j()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),A()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),E()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[j,E,A]);return n.useImperativeHandle(t,(function(){return f.current[0]}),[]),n.useEffect((function(){_((function(){return $(u,o)})),g(u)}),[o,u]),y.default.createElement(a.Flex,{justify:"center",columnGap:8,className:x(ne,"otpContainer")},k.map((function(e,n){return y.default.createElement(re,{ref:function(e){f.current[n]=e},key:""+n,value:e,type:l,onChange:w,onFocus:L,onKeyDown:S,onPaste:O,onBlur:d})})))}));exports.Accordion=q,exports.Avatar=function(n){var t=n.withIndicator,r=void 0!==t&&t,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,u=void 0===l?56:l,c=n.children,s=n.styles,d=e.__rest(n,["withIndicator","indicatorConfig","size","children","styles"]),f=function(){return y.default.createElement(a.Avatar,e.__assign({size:u,radius:"xl"},d),c||y.default.createElement("img",{src:D,width:u}))};return r?y.default.createElement(a.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:e.__assign({indicator:{backgroundColor:y.default.isValidElement(i.label)&&"transparent",zIndex:1}},s)}),f()):f()},exports.Carousel=R,exports.Checkbox=N,exports.DatePicker=L,exports.MAPPED_LOCALE=J,exports.OTP=ae,exports.Phone=A,exports.Radio=Q,exports.StyledModal=M,exports.StyledSlider=U,exports.StyledSliderWrapper=Y,exports.StyledTextArea=I,exports.getMantineThemeOverride=function(n){return{datesLocale:J[n],dateFormat:r.ISO_FORMAT[n].dateFormat,fontFamily:n===c.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.375rem"},error:{marginTop:"0.375rem"}}},NumberInput:{defaultProps:{decimalSeparator:r.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(u.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(u.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:Z}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},Z),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},exports.useMantineLocale=function(e){n.useEffect((function(){var n;null===(n=X[e])||void 0===n||n.call(X)}),[e])};

package/build/index-baf15fc9.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-12cb6a82.js"),t=require("react"),n=require("@mantine/core"),s=require("@mantine/hooks"),o=require("./gAssets.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(t),i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var u=n.createEmotionCache({key:"mantine",prepend:!1}),l=o.CommonGAssets.getAssetPath("EyeVisible.svg"),c=o.CommonGAssets.getAssetPath("EyeHidden.svg"),f=t.forwardRef((function(t,s){var o=t.size,a=void 0===o?"md":o,i=t.visibilityToggleIcon,u=t.styles,f=e.__rest(t,["size","visibilityToggleIcon","styles"]),d=i||function(e){var t=e.reveal,n=e.size;return t?r.default.createElement("img",{src:l,width:n}):r.default.createElement("img",{src:c,width:n})};return r.default.createElement(n.PasswordInput,e.__assign({ref:s,size:a,visibilityToggleIcon:d,styles:e.__assign({rightSection:{pointerEvents:"initial"}},u)},f,{className:"input-control ".concat((null==f?void 0:f.className)||"")}))})),d=function(o){var a=o.value,i=o.onChange,u=o.onChangeRaw,l=e.__rest(o,["value","onChange","onChangeRaw"]),c=t.useState(a||""),f=c[0],d=c[1],m=s.useDebouncedValue(f,300)[0];return t.useEffect((function(){null==i||i(m)}),[m]),t.useEffect((function(){d(a)}),[a]),r.default.createElement(n.TextInput,e.__assign({size:"md",onChange:function(e){null==u||u(e),d(e.currentTarget.value)},value:f},l,{className:"input-control ".concat((null==l?void 0:l.className)||"")}))};d.File=function(t){return r.default.createElement(n.FileInput,e.__assign({size:"md"},t))},d.Password=f,d.Number=function(o){var a=o.value,i=o.onChange,u=e.__rest(o,["value","onChange"]),l=t.useState(a),c=l[0],f=l[1],d=s.useDebouncedValue(c,300)[0];return t.useEffect((function(){null==i||i(d)}),[d]),t.useEffect((function(){f(a)}),[a]),r.default.createElement(n.NumberInput,e.__assign({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:f,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?e:e||""},removeTrailingZeros:!0,value:c},u))},d.Wrapper=n.Input.Wrapper,exports.DEBOUNCED_TIME=300,exports.Input=d,exports.PasswordInput=f,exports.commonjsGlobal=i,exports.createCommonjsModule=function(e){var t={exports:{}};return e(t,t.exports),t.exports},exports.emotionCache=u;