@hhgtech/hhg-components 1.22.13 → 1.22.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,6 +2,8 @@ export type { SelectProps } from './select';
|
|
|
2
2
|
export { Select } from './select';
|
|
3
3
|
export type { DatePickerProps, DateRangePickerProps } from './datepicker';
|
|
4
4
|
export { DatePicker } from './datepicker';
|
|
5
|
+
export { Indicator } from './indicator';
|
|
6
|
+
export type { IndicatorProps } from './indicator';
|
|
5
7
|
export { TextArea } from './textArea';
|
|
6
8
|
export type { TextAreaProps } from './textArea';
|
|
7
9
|
export { Modal } from './modal';
|
|
@@ -15,7 +17,7 @@ export type { AccordionProps } from './accordion';
|
|
|
15
17
|
export { Avatar } from './avatar';
|
|
16
18
|
export type { AvatarProps } from './avatar';
|
|
17
19
|
export { Input } from './input';
|
|
18
|
-
export type { InputProps, FileInputProps, NumberInputProps, PasswordInputProps } from './input';
|
|
20
|
+
export type { InputProps, FileInputProps, NumberInputProps, PasswordInputProps, } from './input';
|
|
19
21
|
export { LoadingOverlay } from './loadingOverlay';
|
|
20
22
|
export type { LoadingOverlayProps } from './loadingOverlay';
|
|
21
23
|
export { Carousel } from './carousel';
|
package/build/esm/mantine.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as n,_ as t,b as r}from"./tslib.es6-2fa94e2c.js";import o,{useMemo as i,useState as a,useEffect as l}from"react";import{Autocomplete as c,Image as s,Select as d,Textarea as m,Modal as p,Badge as u,Spoiler as h,Accordion as g,Indicator as f,Avatar as v,LoadingOverlay as b,Checkbox as x,Slider as w,Radio as k,Switch as y,MantineProvider as E}from"@mantine/core";import{CommonGAssets as S}from"./gAssets.js";import{DatePicker as j,DateRangePicker as A}from"@mantine/dates";import P,{css as M}from"styled-components";import"dayjs";import"./screenSizeContext-ff96a3d1.js";import"./lazyLoad-59e8ff6d.js";import{t as z}from"./theme-13d11d67.js";import"./index-2cf746a8.js";import"./utils-40d4438f.js";import"./isProduction-6fc0946c.js";import{L as B}from"./Locale-69030fff.js";import{T as H}from"./index-a0e2043c.js";import{u as L}from"./useTranslations-b3eb31ef.js";import{D as R,a as D}from"./index-d87f080b.js";export{I as Input,e as emotionCache}from"./index-d87f080b.js";import{Carousel as T}from"@mantine/carousel";export{C as CentralCarousel}from"./index-d20231b7.js";import{useDebouncedValue as W}from"@mantine/hooks";import{B as F}from"./index-bfb83ce8.js";import{g as G}from"./defaultClassWrapper-27a74473.js";import"lodash/throttle";import"vanilla-lazyload";import"./translationsContext-e7808c8f.js";import"string-format";var O,N,U,V,q=function(e){var r=e.keepSearch,i=void 0!==r&&r,a=n(e,["keepSearch"]);return i?o.createElement(c,t({rightSection:o.createElement(s,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a)):o.createElement(d,t({rightSection:o.createElement(s,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a))},_=P(j)(N||(N=r(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&M(O||(O=r(["\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 "])))})),J=P(A)(V||(V=r(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&M(U||(U=r(["\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 "])))})),K=function(n){return o.createElement(_,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:S.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};K.Range=function(n){return o.createElement(J,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:S.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var Q,X,Y,Z=P(m)(Q||(Q=r(["\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"])),z.colors.gray200),$=function(n){return o.createElement(Z,t({minRows:2,maxRows:4},n))},nn=P(p)(X||(X=r(["\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"])),z.colors.neutral100),en=function(e){var r=e.title,i=n(e,["title"]);return o.createElement(o.Fragment,null,o.createElement(nn,t({centered:!0},i,{withCloseButton:!1,title:o.createElement(o.Fragment,null,r,o.createElement("img",{className:"mantine-Modal-close",src:S.getAssetPath("CloseModal.svg"),onClick:function(){var n;return null===(n=i.onClose)||void 0===n?void 0:n.call(i)}}))})))},tn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,a=n(e,["color"]);return o.createElement(u,t({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},a))},rn=function(e){var r=e.children,a=e.line,l=e.lineHeight,c=e.trackingAttributes,s=e.maxHeight,d=n(e,["children","line","lineHeight","trackingAttributes","maxHeight"]),m=L().t,p=i((function(){return s||(a&&l?a*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);r||console.error("[HHG-Comp]:[Spoiler] Please provide children");var u=i((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return o.createElement(h,t({showLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},u),m("articlePage.readMore")),hideLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},u),m("articlePage.showLess"))},d,{maxHeight:p}),r)},on=P(g)(Y||(Y=r(["\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(n){return n.closeChevron||S.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||S.getAssetPath("minus-icon.svg")})),an=function(e){var r=e.children,i=n(e,["children"]);return o.createElement(on,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},i),r)};an.Control=g.Control,an.Item=g.Item,an.Panel=g.Panel;var ln=S.getAssetPath("avatar.jpg"),cn=function(e){var r=e.withIndicator,i=void 0!==r&&r,a=e.indicatorConfig,l=void 0===a?null:a,c=e.size,s=void 0===c?56:c,d=e.children,m=n(e,["withIndicator","indicatorConfig","size","children"]),p=function(){return o.createElement(v,t({size:s,radius:"xl"},m),d||o.createElement("img",{src:ln,width:s}))};return i?o.createElement(f,t({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:o.isValidElement(l.label)&&"transparent"}}}),p()):p()},sn=function(n){return o.createElement(b,t({loaderProps:{color:z.colors.primaryBase}},n))},dn=function(e){var r=e.slidesToShow,i=void 0===r?1:r,a=e.children,l=n(e,["slidesToShow","children"]);return o.createElement(T,t({slideSize:String(Math.floor(1/i*100))+"%",containScroll:"trimSnaps"},l),a)};dn.Slide=T.Slide;var mn=function(n){return o.createElement(x,t({},n))};mn.Group=x.Group;var pn,un,hn,gn="hhgcomp-mantine-slider-slider",fn=G(P(w)(pn||(pn=r(["\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(n){return n.color||n.theme.colors.primaryBase})),gn),vn=P.div(un||(un=r(["\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"])),gn),bn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,c=e.withControl,s=e.onChange,d=e.value,m=e.min,p=e.max,u=e.isStatic,h=n(e,["color","withControl","onChange","value","min","max","isStatic"]),g=a(d||m||0),f=g[0],v=g[1],b=W(f,R)[0];return l((function(){null==s||s(b)}),[b]),o.createElement(vn,null,c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return m&&n===m?n:n-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(fn,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:f,onChange:u?function(){return null}:v,min:m,max:p},h)),c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return p&&n===p?n:n+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},xn=P(k)(hn||(hn=r(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(n){return n.color||z.colors.primaryBase})),wn=function(n){return o.createElement(xn,t({size:"sm"},n))};wn.Group=k.Group;var kn,yn,Cn=P(y)(kn||(kn=r(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),En=((yn={})[B.Vietnam]="vi",yn[B.Cambodia]="km",yn[B.India]="hi",yn[B.Indonesia]="id",yn[B.Malaysia]="ms",yn[B.Thailand]="th",yn[B.Taiwan]="zh-tw",yn[B.PhilippinesTagalog]="tl-ph",yn[B.PhilippinesEnglish]="en",yn[B.Myanmar]="my",yn),Sn=function(n){l((function(){En[n]&&require("dayjs/locale/".concat(En[n],".js"))}),[n])},jn={"&:hover":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},An=function(n){return{datesLocale:En[n],dateFormat:D[n].dateFormat,fontFamily:n===B.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:D[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:jn}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},jn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},Pn=function(e){var r=e.children,i=e.locale,a=n(e,["children","locale"]);return Sn(i),o.createElement(E,t({theme:An(i)},a),r)};export{an as Accordion,cn as Avatar,tn as Badge,dn as Carousel,mn as Checkbox,K as DatePicker,sn as LoadingOverlay,En as MAPPED_LOCALE,Pn as MantineProvider,en as Modal,wn as Radio,q as Select,bn as Slider,rn as Spoiler,Cn as Switch,$ as TextArea,An as getMantineThemeOverride,Sn as useMantineLocale};
|
|
1
|
+
import{c as n,_ as t,b as r}from"./tslib.es6-2fa94e2c.js";import o,{useMemo as i,useState as a,useEffect as l}from"react";import{Autocomplete as c,Image as s,Select as d,Indicator as m,Textarea as u,Modal as p,Badge as h,Spoiler as f,Accordion as g,Avatar as v,LoadingOverlay as b,Checkbox as x,Slider as w,Radio as k,Switch as y,MantineProvider as E}from"@mantine/core";import{CommonGAssets as S}from"./gAssets.js";import{DatePicker as j,DateRangePicker as A}from"@mantine/dates";import P,{css as M}from"styled-components";import"dayjs";import"./screenSizeContext-ff96a3d1.js";import"./lazyLoad-59e8ff6d.js";import{t as z}from"./theme-13d11d67.js";import"./index-2cf746a8.js";import"./utils-40d4438f.js";import"./isProduction-6fc0946c.js";import{L as B}from"./Locale-69030fff.js";import{T as H}from"./index-a0e2043c.js";import{u as L}from"./useTranslations-b3eb31ef.js";import{D as R,a as D}from"./index-d87f080b.js";export{I as Input,e as emotionCache}from"./index-d87f080b.js";import{Carousel as T}from"@mantine/carousel";export{C as CentralCarousel}from"./index-d20231b7.js";import{useDebouncedValue as W}from"@mantine/hooks";import{B as F}from"./index-bfb83ce8.js";import{g as G}from"./defaultClassWrapper-27a74473.js";import"lodash/throttle";import"vanilla-lazyload";import"./translationsContext-e7808c8f.js";import"string-format";var O,N,U,V,q=function(e){var r=e.keepSearch,i=void 0!==r&&r,a=n(e,["keepSearch"]);return i?o.createElement(c,t({rightSection:o.createElement(s,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a)):o.createElement(d,t({rightSection:o.createElement(s,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a))},_=P(j)(N||(N=r(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&M(O||(O=r(["\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 "])))})),J=P(A)(V||(V=r(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&M(U||(U=r(["\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 "])))})),K=function(n){return o.createElement(_,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:S.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};K.Range=function(n){return o.createElement(J,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:S.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var Q,X,Y,Z=function(n){return o.createElement(m,t({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:z.colors.red700}}},n))},$=P(u)(Q||(Q=r(["\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"])),z.colors.gray200),nn=function(n){return o.createElement($,t({minRows:2,maxRows:4},n))},en=P(p)(X||(X=r(["\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"])),z.colors.neutral100),tn=function(e){var r=e.title,i=n(e,["title"]);return o.createElement(o.Fragment,null,o.createElement(en,t({centered:!0},i,{withCloseButton:!1,title:o.createElement(o.Fragment,null,r,o.createElement("img",{className:"mantine-Modal-close",src:S.getAssetPath("CloseModal.svg"),onClick:function(){var n;return null===(n=i.onClose)||void 0===n?void 0:n.call(i)}}))})))},rn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,a=n(e,["color"]);return o.createElement(h,t({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},a))},on=function(e){var r=e.children,a=e.line,l=e.lineHeight,c=e.trackingAttributes,s=e.maxHeight,d=n(e,["children","line","lineHeight","trackingAttributes","maxHeight"]),m=L().t,u=i((function(){return s||(a&&l?a*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);r||console.error("[HHG-Comp]:[Spoiler] Please provide children");var p=i((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return o.createElement(f,t({showLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},p),m("articlePage.readMore")),hideLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},p),m("articlePage.showLess"))},d,{maxHeight:u}),r)},an=P(g)(Y||(Y=r(["\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(n){return n.closeChevron||S.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||S.getAssetPath("minus-icon.svg")})),ln=function(e){var r=e.children,i=n(e,["children"]);return o.createElement(an,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},i),r)};ln.Control=g.Control,ln.Item=g.Item,ln.Panel=g.Panel;var cn=S.getAssetPath("avatar.jpg"),sn=function(e){var r=e.withIndicator,i=void 0!==r&&r,a=e.indicatorConfig,l=void 0===a?null:a,c=e.size,s=void 0===c?56:c,d=e.children,u=n(e,["withIndicator","indicatorConfig","size","children"]),p=function(){return o.createElement(v,t({size:s,radius:"xl"},u),d||o.createElement("img",{src:cn,width:s}))};return i?o.createElement(m,t({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:o.isValidElement(l.label)&&"transparent"}}}),p()):p()},dn=function(n){return o.createElement(b,t({loaderProps:{color:z.colors.primaryBase}},n))},mn=function(e){var r=e.slidesToShow,i=void 0===r?1:r,a=e.children,l=n(e,["slidesToShow","children"]);return o.createElement(T,t({slideSize:String(Math.floor(1/i*100))+"%",containScroll:"trimSnaps"},l),a)};mn.Slide=T.Slide;var un=function(n){return o.createElement(x,t({},n))};un.Group=x.Group;var pn,hn,fn,gn="hhgcomp-mantine-slider-slider",vn=G(P(w)(pn||(pn=r(["\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(n){return n.color||n.theme.colors.primaryBase})),gn),bn=P.div(hn||(hn=r(["\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"])),gn),xn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,c=e.withControl,s=e.onChange,d=e.value,m=e.min,u=e.max,p=e.isStatic,h=n(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(d||m||0),g=f[0],v=f[1],b=W(g,R)[0];return l((function(){null==s||s(b)}),[b]),o.createElement(bn,null,c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return m&&n===m?n:n-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(vn,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:g,onChange:p?function(){return null}:v,min:m,max:u},h)),c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return u&&n===u?n:n+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},wn=P(k)(fn||(fn=r(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(n){return n.color||z.colors.primaryBase})),kn=function(n){return o.createElement(wn,t({size:"sm"},n))};kn.Group=k.Group;var yn,Cn,En=P(y)(yn||(yn=r(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),Sn=((Cn={})[B.Vietnam]="vi",Cn[B.Cambodia]="km",Cn[B.India]="hi",Cn[B.Indonesia]="id",Cn[B.Malaysia]="ms",Cn[B.Thailand]="th",Cn[B.Taiwan]="zh-tw",Cn[B.PhilippinesTagalog]="tl-ph",Cn[B.PhilippinesEnglish]="en",Cn[B.Myanmar]="my",Cn),jn=function(n){l((function(){Sn[n]&&require("dayjs/locale/".concat(Sn[n],".js"))}),[n])},An={"&:hover":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},Pn=function(n){return{datesLocale:Sn[n],dateFormat:D[n].dateFormat,fontFamily:n===B.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:D[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:An}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},An),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},Mn=function(e){var r=e.children,i=e.locale,a=n(e,["children","locale"]);return jn(i),o.createElement(E,t({theme:Pn(i)},a),r)};export{ln as Accordion,sn as Avatar,rn as Badge,mn as Carousel,un as Checkbox,K as DatePicker,Z as Indicator,dn as LoadingOverlay,Sn as MAPPED_LOCALE,Mn as MantineProvider,tn as Modal,kn as Radio,q as Select,xn as Slider,on as Spoiler,En as Switch,nn as TextArea,Pn as getMantineThemeOverride,jn as useMantineLocale};
|
package/build/mantine.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),n=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),a=require("@mantine/dates"),o=require("styled-components");require("dayjs"),require("./screenSizeContext-00584173.js"),require("./lazyLoad-f5c59bb0.js");var i=require("./theme-b4bf0ca3.js");require("./index-04b29b8d.js"),require("./utils-43f2c752.js"),require("./isProduction-32e6a55a.js");var l=require("./Locale-11b51016.js"),s=require("./index-f50d4c63.js"),c=require("./useTranslations-00120db0.js"),d=require("./index-66fcfd20.js"),u=require("@mantine/carousel"),m=require("./index-8ddc0bb9.js"),p=require("@mantine/hooks"),f=require("./index-d632029d.js"),g=require("./defaultClassWrapper-0eac7dff.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/throttle"),require("vanilla-lazyload"),require("./translationsContext-9e231a88.js"),require("string-format");var x,b,v,_,C=h(n),k=h(o),w=k.default(a.DatePicker)(b||(b=e.__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&o.css(x||(x=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 "])))})),E=k.default(a.DateRangePicker)(_||(_=e.__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&o.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 "])))})),A=function(n){return C.default.createElement(w,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};A.Range=function(n){return C.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var y,S,j,L=k.default(t.Textarea)(y||(y=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"])),i.theme.colors.gray200),O=k.default(t.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"])),i.theme.colors.neutral100),M=k.default(t.Accordion)(j||(j=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||r.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||r.CommonGAssets.getAssetPath("minus-icon.svg")})),P=function(n){var t=n.children,r=e.__rest(n,["children"]);return C.default.createElement(M,e.__assign({chevron:C.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};P.Control=t.Accordion.Control,P.Item=t.Accordion.Item,P.Panel=t.Accordion.Panel;var T=r.CommonGAssets.getAssetPath("avatar.jpg"),q=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return C.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};q.Slide=u.Carousel.Slide;var I=function(n){return C.default.createElement(t.Checkbox,e.__assign({},n))};I.Group=t.Checkbox.Group;var z,B,R,D=k.default(t.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})),G="hhgcomp-mantine-slider-slider",H=g.getDefaultClassWrapper(D,G),W=k.default.div(B||(B=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"])),G),F=k.default(t.Radio)(R||(R=e.__makeTemplateObject(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(e){return e.color||i.theme.colors.primaryBase})),N=function(n){return C.default.createElement(F,e.__assign({size:"sm"},n))};N.Group=t.Radio.Group;var U,V,J=k.default(t.Switch)(U||(U=e.__makeTemplateObject(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),K=((V={})[l.LOCALE.Vietnam]="vi",V[l.LOCALE.Cambodia]="km",V[l.LOCALE.India]="hi",V[l.LOCALE.Indonesia]="id",V[l.LOCALE.Malaysia]="ms",V[l.LOCALE.Thailand]="th",V[l.LOCALE.Taiwan]="zh-tw",V[l.LOCALE.PhilippinesTagalog]="tl-ph",V[l.LOCALE.PhilippinesEnglish]="en",V[l.LOCALE.Myanmar]="my",V),Q=function(e){n.useEffect((function(){K[e]&&require("dayjs/locale/".concat(K[e],".js"))}),[e])},X={"&:hover":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},Y=function(n){return{datesLocale:K[n],dateFormat:d.ISO_FORMAT[n].dateFormat,fontFamily:n===l.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:d.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:X}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},X),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};exports.Input=d.Input,exports.emotionCache=d.emotionCache,exports.CentralCarousel=m.CentralCarousel,exports.Accordion=P,exports.Avatar=function(n){var r=n.withIndicator,a=void 0!==r&&r,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,s=void 0===l?56:l,c=n.children,d=e.__rest(n,["withIndicator","indicatorConfig","size","children"]),u=function(){return C.default.createElement(t.Avatar,e.__assign({size:s,radius:"xl"},d),c||C.default.createElement("img",{src:T,width:s}))};return a?C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:C.default.isValidElement(i.label)&&"transparent"}}}),u()):u()},exports.Badge=function(n){var r=n.color,a=void 0===r?i.theme.colors.primaryBase:r,o=e.__rest(n,["color"]);return C.default.createElement(t.Badge,e.__assign({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},o))},exports.Carousel=q,exports.Checkbox=I,exports.DatePicker=A,exports.LoadingOverlay=function(n){return C.default.createElement(t.LoadingOverlay,e.__assign({loaderProps:{color:i.theme.colors.primaryBase}},n))},exports.MAPPED_LOCALE=K,exports.MantineProvider=function(n){var r=n.children,a=n.locale,o=e.__rest(n,["children","locale"]);return Q(a),C.default.createElement(t.MantineProvider,e.__assign({theme:Y(a)},o),r)},exports.Modal=function(n){var t=n.title,a=e.__rest(n,["title"]);return C.default.createElement(C.default.Fragment,null,C.default.createElement(O,e.__assign({centered:!0},a,{withCloseButton:!1,title:C.default.createElement(C.default.Fragment,null,t,C.default.createElement("img",{className:"mantine-Modal-close",src:r.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))},exports.Radio=N,exports.Select=function(n){var a=n.keepSearch,o=void 0!==a&&a,i=e.__rest(n,["keepSearch"]);return o?C.default.createElement(t.Autocomplete,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):C.default.createElement(t.Select,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},exports.Slider=function(t){var r=t.color,a=void 0===r?i.theme.colors.primaryBase:r,o=t.withControl,l=t.onChange,s=t.value,c=t.min,u=t.max,m=t.isStatic,g=e.__rest(t,["color","withControl","onChange","value","min","max","isStatic"]),h=n.useState(s||c||0),x=h[0],b=h[1],v=p.useDebouncedValue(x,d.DEBOUNCED_TIME)[0];return n.useEffect((function(){null==l||l(v)}),[v]),C.default.createElement(W,null,o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return c&&e===c?e:e-1}))}},C.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},C.default.createElement("path",{d:"M1 1.004h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),C.default.createElement(H,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:x,onChange:m?function(){return null}:b,min:c,max:u},g)),o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return u&&e===u?e:e+1}))}},C.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},C.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(r){var a=r.children,o=r.line,l=r.lineHeight,d=r.trackingAttributes,u=r.maxHeight,m=e.__rest(r,["children","line","lineHeight","trackingAttributes","maxHeight"]),p=c.useTranslations().t,f=n.useMemo((function(){return u||(o&&l?o*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var g=n.useMemo((function(){return d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{}}),[d]);return C.default.createElement(t.Spoiler,e.__assign({showLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},g),p("articlePage.readMore")),hideLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},g),p("articlePage.showLess"))},m,{maxHeight:f}),a)},exports.Switch=J,exports.TextArea=function(n){return C.default.createElement(L,e.__assign({minRows:2,maxRows:4},n))},exports.getMantineThemeOverride=Y,exports.useMantineLocale=Q;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),n=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),a=require("@mantine/dates"),o=require("styled-components");require("dayjs"),require("./screenSizeContext-00584173.js"),require("./lazyLoad-f5c59bb0.js");var i=require("./theme-b4bf0ca3.js");require("./index-04b29b8d.js"),require("./utils-43f2c752.js"),require("./isProduction-32e6a55a.js");var l=require("./Locale-11b51016.js"),s=require("./index-f50d4c63.js"),c=require("./useTranslations-00120db0.js"),d=require("./index-66fcfd20.js"),u=require("@mantine/carousel"),m=require("./index-8ddc0bb9.js"),p=require("@mantine/hooks"),f=require("./index-d632029d.js"),g=require("./defaultClassWrapper-0eac7dff.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/throttle"),require("vanilla-lazyload"),require("./translationsContext-9e231a88.js"),require("string-format");var x,b,v,_,C=h(n),k=h(o),w=k.default(a.DatePicker)(b||(b=e.__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&o.css(x||(x=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 "])))})),E=k.default(a.DateRangePicker)(_||(_=e.__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&o.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 "])))})),A=function(n){return C.default.createElement(w,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};A.Range=function(n){return C.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var y,S,j,L=k.default(t.Textarea)(y||(y=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"])),i.theme.colors.gray200),O=k.default(t.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"])),i.theme.colors.neutral100),M=k.default(t.Accordion)(j||(j=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||r.CommonGAssets.getAssetPath("plus-icon.svg")}),(function(e){return e.openChevron||r.CommonGAssets.getAssetPath("minus-icon.svg")})),P=function(n){var t=n.children,r=e.__rest(n,["children"]);return C.default.createElement(M,e.__assign({chevron:C.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};P.Control=t.Accordion.Control,P.Item=t.Accordion.Item,P.Panel=t.Accordion.Panel;var T=r.CommonGAssets.getAssetPath("avatar.jpg"),q=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return C.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};q.Slide=u.Carousel.Slide;var I=function(n){return C.default.createElement(t.Checkbox,e.__assign({},n))};I.Group=t.Checkbox.Group;var z,B,R,D=k.default(t.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})),G="hhgcomp-mantine-slider-slider",H=g.getDefaultClassWrapper(D,G),W=k.default.div(B||(B=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"])),G),F=k.default(t.Radio)(R||(R=e.__makeTemplateObject(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(e){return e.color||i.theme.colors.primaryBase})),N=function(n){return C.default.createElement(F,e.__assign({size:"sm"},n))};N.Group=t.Radio.Group;var U,V,J=k.default(t.Switch)(U||(U=e.__makeTemplateObject(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),K=((V={})[l.LOCALE.Vietnam]="vi",V[l.LOCALE.Cambodia]="km",V[l.LOCALE.India]="hi",V[l.LOCALE.Indonesia]="id",V[l.LOCALE.Malaysia]="ms",V[l.LOCALE.Thailand]="th",V[l.LOCALE.Taiwan]="zh-tw",V[l.LOCALE.PhilippinesTagalog]="tl-ph",V[l.LOCALE.PhilippinesEnglish]="en",V[l.LOCALE.Myanmar]="my",V),Q=function(e){n.useEffect((function(){K[e]&&require("dayjs/locale/".concat(K[e],".js"))}),[e])},X={"&:hover":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},Y=function(n){return{datesLocale:K[n],dateFormat:d.ISO_FORMAT[n].dateFormat,fontFamily:n===l.LOCALE.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:d.ISO_FORMAT[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:X}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},X),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};exports.Input=d.Input,exports.emotionCache=d.emotionCache,exports.CentralCarousel=m.CentralCarousel,exports.Accordion=P,exports.Avatar=function(n){var r=n.withIndicator,a=void 0!==r&&r,o=n.indicatorConfig,i=void 0===o?null:o,l=n.size,s=void 0===l?56:l,c=n.children,d=e.__rest(n,["withIndicator","indicatorConfig","size","children"]),u=function(){return C.default.createElement(t.Avatar,e.__assign({size:s,radius:"xl"},d),c||C.default.createElement("img",{src:T,width:s}))};return a?C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:C.default.isValidElement(i.label)&&"transparent"}}}),u()):u()},exports.Badge=function(n){var r=n.color,a=void 0===r?i.theme.colors.primaryBase:r,o=e.__rest(n,["color"]);return C.default.createElement(t.Badge,e.__assign({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},o))},exports.Carousel=q,exports.Checkbox=I,exports.DatePicker=A,exports.Indicator=function(n){return C.default.createElement(t.Indicator,e.__assign({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:i.theme.colors.red700}}},n))},exports.LoadingOverlay=function(n){return C.default.createElement(t.LoadingOverlay,e.__assign({loaderProps:{color:i.theme.colors.primaryBase}},n))},exports.MAPPED_LOCALE=K,exports.MantineProvider=function(n){var r=n.children,a=n.locale,o=e.__rest(n,["children","locale"]);return Q(a),C.default.createElement(t.MantineProvider,e.__assign({theme:Y(a)},o),r)},exports.Modal=function(n){var t=n.title,a=e.__rest(n,["title"]);return C.default.createElement(C.default.Fragment,null,C.default.createElement(O,e.__assign({centered:!0},a,{withCloseButton:!1,title:C.default.createElement(C.default.Fragment,null,t,C.default.createElement("img",{className:"mantine-Modal-close",src:r.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:function(){var e;return null===(e=a.onClose)||void 0===e?void 0:e.call(a)}}))})))},exports.Radio=N,exports.Select=function(n){var a=n.keepSearch,o=void 0!==a&&a,i=e.__rest(n,["keepSearch"]);return o?C.default.createElement(t.Autocomplete,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):C.default.createElement(t.Select,e.__assign({rightSection:C.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},exports.Slider=function(t){var r=t.color,a=void 0===r?i.theme.colors.primaryBase:r,o=t.withControl,l=t.onChange,s=t.value,c=t.min,u=t.max,m=t.isStatic,g=e.__rest(t,["color","withControl","onChange","value","min","max","isStatic"]),h=n.useState(s||c||0),x=h[0],b=h[1],v=p.useDebouncedValue(x,d.DEBOUNCED_TIME)[0];return n.useEffect((function(){null==l||l(v)}),[v]),C.default.createElement(W,null,o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return c&&e===c?e:e-1}))}},C.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},C.default.createElement("path",{d:"M1 1.004h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),C.default.createElement(H,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:x,onChange:m?function(){return null}:b,min:c,max:u},g)),o&&C.default.createElement(f.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return u&&e===u?e:e+1}))}},C.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},C.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Spoiler=function(r){var a=r.children,o=r.line,l=r.lineHeight,d=r.trackingAttributes,u=r.maxHeight,m=e.__rest(r,["children","line","lineHeight","trackingAttributes","maxHeight"]),p=c.useTranslations().t,f=n.useMemo((function(){return u||(o&&l?o*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var g=n.useMemo((function(){return d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{}}),[d]);return C.default.createElement(t.Spoiler,e.__assign({showLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},g),p("articlePage.readMore")),hideLabel:C.default.createElement(s.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},g),p("articlePage.showLess"))},m,{maxHeight:f}),a)},exports.Switch=J,exports.TextArea=function(n){return C.default.createElement(L,e.__assign({minRows:2,maxRows:4},n))},exports.getMantineThemeOverride=Y,exports.useMantineLocale=Q;
|