@hhgtech/hhg-components 1.22.7 → 1.22.8

package/README.md

@@ -1,5 +1,7 @@
 # HHG Components
 
+[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
+
 local development
 
 > npm run sb

package/build/components/mantine/index.d.ts

@@ -2,6 +2,10 @@ export type { SelectProps } from './select';
 export { Select } from './select';
 export type { DatePickerProps, DateRangePickerProps } from './datepicker';
 export { DatePicker } from './datepicker';
+export { TextArea } from './textArea';
+export type { TextAreaProps } from './textArea';
+export { Modal } from './modal';
+export type { ModalProps } from './modal';
 export { Badge } from './badge';
 export type { BadgeProps } from './badge';
 export { Spoiler } from './spoiler';

package/build/components/mantine/modal/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ModalProps as MantineModalProps } from '@mantine/core';
+export type ModalProps = MantineModalProps;
+declare const Modal: ({ title, ...rest }: ModalProps) => JSX.Element;
+export { Modal };

package/build/components/mantine/modal/index.styled.d.ts

@@ -0,0 +1,2 @@
+import { Modal } from '@mantine/core';
+export declare const StyledModal: import("styled-components").StyledComponent<typeof Modal, any, {}, never>;

package/build/components/mantine/textArea/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TextareaProps as MantineTextareaProps } from '@mantine/core';
+export type TextAreaProps = MantineTextareaProps;
+declare const TextArea: (props: TextAreaProps) => JSX.Element;
+export { TextArea };

package/build/components/mantine/textArea/index.styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledTextArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mantine/core").TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>, any, {}, never>;

package/build/esm/mantine.js

@@ -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 c}from"react";import{Autocomplete as l,Image as s,Select as d,Badge as m,Spoiler as u,Accordion as p,Indicator as h,Avatar as f,LoadingOverlay as g,Checkbox as v,Slider as b,Radio as w,Switch as x,MantineProvider as k}from"@mantine/core";import{CommonGAssets as y}from"./gAssets.js";import{DatePicker as E,DateRangePicker as S}from"@mantine/dates";import A,{css as P}from"styled-components";import{t as j}from"./theme-13d11d67.js";import{T as z}from"./index-b39dee28.js";import{u as B}from"./useTranslations-b3eb31ef.js";import{D as H,a as L}from"./index-d87f080b.js";export{I as Input,e as emotionCache}from"./index-d87f080b.js";import{Carousel as R}from"@mantine/carousel";export{C as CentralCarousel}from"./index-b080540e.js";import{useDebouncedValue as D}from"@mantine/hooks";import{B as M}from"./index-bfb83ce8.js";import{g as T}from"./defaultClassWrapper-27a74473.js";import{L as W}from"./Locale-69030fff.js";import"./index-2cf746a8.js";import"./isProduction-6fc0946c.js";import"./utils-11febb09.js";import"./translationsContext-e7808c8f.js";import"string-format";var G,O,F,N,U=function(e){var r=e.keepSearch,i=void 0!==r&&r,a=n(e,["keepSearch"]);return i?o.createElement(l,t({rightSection:o.createElement(s,{src:y.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a)):o.createElement(d,t({rightSection:o.createElement(s,{src:y.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a))},V=A(E)(O||(O=r(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&P(G||(G=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    "])))})),q=A(S)(N||(N=r(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&P(F||(F=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    "])))})),_=function(n){return o.createElement(V,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:y.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};_.Range=function(n){return o.createElement(q,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:y.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var J,K=function(e){var r=e.color,i=void 0===r?j.colors.primaryBase:r,a=n(e,["color"]);return o.createElement(m,t({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},a))},Q=function(e){var r=e.children,a=e.line,c=e.lineHeight,l=e.trackingAttributes,s=e.maxHeight,d=n(e,["children","line","lineHeight","trackingAttributes","maxHeight"]),m=B().t,p=i((function(){return s||(a&&c?a*c:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);r||console.error("[HHG-Comp]:[Spoiler] Please provide children");var h=i((function(){return l?{"data-event-category":l.dataEventCategory,"data-event-action":l.dataEventAction,"data-event-label":l.dataEventLabel}:{}}),[l]);return o.createElement(u,t({showLabel:o.createElement(z,t({size:"p3",color:j.colors.primaryBase},h),m("articlePage.readMore")),hideLabel:o.createElement(z,t({size:"p3",color:j.colors.primaryBase},h),m("articlePage.showLess"))},d,{maxHeight:p}),r)},X=A(p)(J||(J=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||y.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||y.getAssetPath("minus-icon.svg")})),Y=function(e){var r=e.children,i=n(e,["children"]);return o.createElement(X,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},i),r)};Y.Control=p.Control,Y.Item=p.Item,Y.Panel=p.Panel;var Z=y.getAssetPath("avatar.jpg"),$=function(e){var r=e.withIndicator,i=void 0!==r&&r,a=e.indicatorConfig,c=void 0===a?null:a,l=e.size,s=void 0===l?56:l,d=e.children,m=n(e,["withIndicator","indicatorConfig","size","children"]),u=function(){return o.createElement(f,t({size:s,radius:"xl"},m),d||o.createElement("img",{src:Z,width:s}))};return i?o.createElement(h,t({inline:!0,position:"bottom-end",offset:9},c,{styles:{indicator:{backgroundColor:o.isValidElement(c.label)&&"transparent"}}}),u()):u()},nn=function(n){return o.createElement(g,t({loaderProps:{color:j.colors.primaryBase}},n))},en=function(e){var r=e.slidesToShow,i=void 0===r?1:r,a=e.children,c=n(e,["slidesToShow","children"]);return o.createElement(R,t({slideSize:String(Math.floor(1/i*100))+"%",containScroll:"trimSnaps"},c),a)};en.Slide=R.Slide;var tn=function(n){return o.createElement(v,t({},n))};tn.Group=v.Group;var rn,on,an,cn="hhgcomp-mantine-slider-slider",ln=T(A(b)(rn||(rn=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})),cn),sn=A.div(on||(on=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"])),cn),dn=function(e){var r=e.color,i=void 0===r?j.colors.primaryBase:r,l=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=D(g,H)[0];return c((function(){null==s||s(b)}),[b]),o.createElement(sn,null,l&&o.createElement(M,{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(ln,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:g,onChange:p?function(){return null}:v,min:m,max:u},h)),l&&o.createElement(M,{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"}))))},mn=A(w)(an||(an=r(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(n){return n.color||j.colors.primaryBase})),un=function(n){return o.createElement(mn,t({size:"sm"},n))};un.Group=w.Group;var pn,hn,fn=A(x)(pn||(pn=r(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),gn=((hn={})[W.Vietnam]="vi",hn[W.Cambodia]="km",hn[W.India]="hi",hn[W.Indonesia]="id",hn[W.Malaysia]="ms",hn[W.Thailand]="th",hn[W.Taiwan]="zh-tw",hn[W.PhilippinesTagalog]="tl-ph",hn[W.PhilippinesEnglish]="en",hn[W.Myanmar]="my",hn),vn=function(n){c((function(){gn[n]&&require("dayjs/locale/".concat(gn[n],".js"))}),[n])},bn={"&:hover":{borderColor:"".concat(j.colors.blue200),boxShadow:"0 0 2px 2px ".concat(j.colors.blue200)}},wn=function(n){return{datesLocale:gn[n],dateFormat:L[n].dateFormat,fontFamily:n===W.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:L[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(j.colors.blue200),boxShadow:"0 0 2px 2px ".concat(j.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:bn}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},bn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},xn=function(e){var r=e.children,i=e.locale,a=n(e,["children","locale"]);return vn(i),o.createElement(k,t({theme:wn(i)},a),r)};export{Y as Accordion,$ as Avatar,K as Badge,en as Carousel,tn as Checkbox,_ as DatePicker,nn as LoadingOverlay,gn as MAPPED_LOCALE,xn as MantineProvider,un as Radio,U as Select,dn as Slider,Q as Spoiler,fn as Switch,wn as getMantineThemeOverride,vn as useMantineLocale};
+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 b,LoadingOverlay as v,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-7bae7c67.js";import"./lazyLoad-59e8ff6d.js";import{t as z}from"./theme-13d11d67.js";import"./index-2cf746a8.js";import"./utils-11febb09.js";import"./isProduction-6fc0946c.js";import{L as B}from"./Locale-69030fff.js";import{T as H}from"./index-b39dee28.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-b080540e.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(b,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(v,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),bn=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),vn=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],b=g[1],v=W(f,R)[0];return l((function(){null==s||s(v)}),[v]),o.createElement(bn,null,c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){b((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}:b,min:m,max:p},h)),c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){b((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,vn as Slider,rn as Spoiler,Cn as Switch,$ as TextArea,An as getMantineThemeOverride,Sn as useMantineLocale};

package/build/mantine.js

@@ -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"),i=require("./theme-b4bf0ca3.js"),l=require("./index-8cf56087.js"),s=require("./useTranslations-00120db0.js"),c=require("./index-66fcfd20.js"),d=require("@mantine/carousel"),u=require("./index-ebe71f71.js"),m=require("@mantine/hooks"),p=require("./index-d632029d.js"),h=require("./defaultClassWrapper-0eac7dff.js"),f=require("./Locale-11b51016.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index-04b29b8d.js"),require("./isProduction-32e6a55a.js"),require("./utils-df758048.js"),require("./translationsContext-9e231a88.js"),require("string-format");var v,b,_,x,C=g(n),k=g(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(v||(v=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    "])))})),A=k.default(a.DateRangePicker)(x||(x=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(_||(_=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    "])))})),E=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))};E.Range=function(n){return C.default.createElement(A,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 S,y=k.default(t.Accordion)(S||(S=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")})),L=function(n){var t=n.children,r=e.__rest(n,["children"]);return C.default.createElement(y,e.__assign({chevron:C.default.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},r),t)};L.Control=t.Accordion.Control,L.Item=t.Accordion.Item,L.Panel=t.Accordion.Panel;var j=r.CommonGAssets.getAssetPath("avatar.jpg"),O=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(d.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};O.Slide=d.Carousel.Slide;var P=function(n){return C.default.createElement(t.Checkbox,e.__assign({},n))};P.Group=t.Checkbox.Group;var T,q,I,M=k.default(t.Slider)(T||(T=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})),z="hhgcomp-mantine-slider-slider",B=h.getDefaultClassWrapper(M,z),D=k.default.div(q||(q=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"])),z),R=k.default(t.Radio)(I||(I=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})),H=function(n){return C.default.createElement(R,e.__assign({size:"sm"},n))};H.Group=t.Radio.Group;var G,W,F=k.default(t.Switch)(G||(G=e.__makeTemplateObject(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),N=((W={})[f.LOCALE.Vietnam]="vi",W[f.LOCALE.Cambodia]="km",W[f.LOCALE.India]="hi",W[f.LOCALE.Indonesia]="id",W[f.LOCALE.Malaysia]="ms",W[f.LOCALE.Thailand]="th",W[f.LOCALE.Taiwan]="zh-tw",W[f.LOCALE.PhilippinesTagalog]="tl-ph",W[f.LOCALE.PhilippinesEnglish]="en",W[f.LOCALE.Myanmar]="my",W),U=function(e){n.useEffect((function(){N[e]&&require("dayjs/locale/".concat(N[e],".js"))}),[e])},V={"&:hover":{borderColor:"".concat(i.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(i.theme.colors.blue200)}},J=function(n){return{datesLocale:N[n],dateFormat:c.ISO_FORMAT[n].dateFormat,fontFamily:n===f.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:c.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:V}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},V),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};exports.Input=c.Input,exports.emotionCache=c.emotionCache,exports.CentralCarousel=u.CentralCarousel,exports.Accordion=L,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:j,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=O,exports.Checkbox=P,exports.DatePicker=E,exports.LoadingOverlay=function(n){return C.default.createElement(t.LoadingOverlay,e.__assign({loaderProps:{color:i.theme.colors.primaryBase}},n))},exports.MAPPED_LOCALE=N,exports.MantineProvider=function(n){var r=n.children,a=n.locale,o=e.__rest(n,["children","locale"]);return U(a),C.default.createElement(t.MantineProvider,e.__assign({theme:J(a)},o),r)},exports.Radio=H,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,d=t.min,u=t.max,h=t.isStatic,f=e.__rest(t,["color","withControl","onChange","value","min","max","isStatic"]),g=n.useState(s||d||0),v=g[0],b=g[1],_=m.useDebouncedValue(v,c.DEBOUNCED_TIME)[0];return n.useEffect((function(){null==l||l(_)}),[_]),C.default.createElement(D,null,o&&C.default.createElement(p.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){b((function(e){return d&&e===d?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(B,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:v,onChange:h?function(){return null}:b,min:d,max:u},f)),o&&C.default.createElement(p.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,c=r.lineHeight,d=r.trackingAttributes,u=r.maxHeight,m=e.__rest(r,["children","line","lineHeight","trackingAttributes","maxHeight"]),p=s.useTranslations().t,h=n.useMemo((function(){return u||(o&&c?o*c:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);a||console.error("[HHG-Comp]:[Spoiler] Please provide children");var f=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(l.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},f),p("articlePage.readMore")),hideLabel:C.default.createElement(l.Text,e.__assign({size:"p3",color:i.theme.colors.primaryBase},f),p("articlePage.showLess"))},m,{maxHeight:h}),a)},exports.Switch=F,exports.getMantineThemeOverride=J,exports.useMantineLocale=U;
+"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-562a50e8.js"),require("./lazyLoad-f5c59bb0.js");var i=require("./theme-b4bf0ca3.js");require("./index-04b29b8d.js"),require("./utils-df758048.js"),require("./isProduction-32e6a55a.js");var l=require("./Locale-11b51016.js"),s=require("./index-8cf56087.js"),c=require("./useTranslations-00120db0.js"),d=require("./index-66fcfd20.js"),u=require("@mantine/carousel"),m=require("./index-ebe71f71.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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.22.7",
+  "version": "1.22.8",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [
@@ -34,7 +34,8 @@
   },
   "husky": {
     "hooks": {
-      "pre-commit": "pretty-quick --staged && npm run lint"
+      "pre-commit": "pretty-quick --staged && npm run lint",
+      "prepare-commit-msg": "exec < /dev/tty && npx cz --hook || true"
     }
   },
   "repository": {
@@ -109,6 +110,7 @@
     "@typescript-eslint/parser": "^4.11.0",
     "babel-loader": "^8.2.2",
     "babel-preset-react-app": "^10.0.0",
+    "cz-conventional-changelog": "^3.3.0",
     "date-fns": "^2.16.1",
     "eslint": "^7.16.0",
     "eslint-config-prettier": "^6.15.0",
@@ -228,5 +230,10 @@
       "import": "./build/esm/*.js",
       "require": "./build/*.js"
     }
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
   }
 }