@hhgtech/hhg-components 1.21.18 → 1.21.20

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

@@ -1,3 +1,2 @@
 export declare const DEBOUNCED_TIME = 300;
-export declare const SharedInput: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const SharedHover: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+export declare const emotionCache: import("@emotion/utils").EmotionCache;

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

@@ -16,3 +16,6 @@ export { Radio } from './radio';
 export type { RadioProps } from './radio';
 export { Switch } from './switch';
 export type { SwitchProps } from './switch';
+export type { MantineProviderProps } from './provider';
+export { MantineProvider } from './provider';
+export { emotionCache } from './helpers';

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MantineProviderProps as _MantineProviderProps } from '@mantine/core';
+import { LOCALE } from 'src/interfaces/types';
+export type MantineProviderProps = {
+    children: React.ReactNode;
+    locale: LOCALE;
+} & _MantineProviderProps;
+export declare const MantineProvider: ({ children, locale, ...props }: MantineProviderProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+import { MantineThemeOverride } from '@mantine/core';
+import { LOCALE } from 'src/interfaces/types';
+export declare const getMantineThemeOverride: (locale: LOCALE) => MantineThemeOverride;

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

@@ -0,0 +1,5 @@
+import { LOCALE } from 'src/interfaces/types';
+export declare const MAPPED_LOCALE: {
+    [key in LOCALE]: string;
+};
+export declare const useMantineLocale: (locale: LOCALE) => void;

package/build/esm/mantine.js

@@ -1 +1 @@
-import{e as n,_ as e,b as t}from"./tslib.es6-dcf36680.js";import r,{useEffect as o,useState as i}from"react";import{Select as a,Image as l,TextInput as s,FileInput as c,PasswordInput as u,NumberInput as m,LoadingOverlay as d,Checkbox as p,Slider as f,Radio as h,Switch as g}from"@mantine/core";import v,{css as b}from"styled-components";import{CommonGAssets as w}from"./gAssets.js";import{DatePicker as x,DateRangePicker as k}from"@mantine/dates";import{useDebouncedState as y,useDebouncedValue as E}from"@mantine/hooks";import"date-fns";import"./screenSizeContext-d0c9aa9b.js";import{t as S}from"./theme-a50a1aa5.js";import"./index-58ae0705.js";import"./Locale-69030fff.js";import{Carousel as C}from"@mantine/carousel";import"./index.styled-d5fee85d.js";import{B as P}from"./index-fc27293d.js";import"react-range";import"./translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import"vanilla-lazyload";import"lodash";var z,j,D,I,M,R,B,L="100ms",Y=300,W=b(z||(z=n(["\n  border-radius: 6px;\n  transition: all "," ease-in-out;\n  &:hover,\n  &:focus {\n    border-color: ",";\n    box-shadow: 0 0 2px 2px ",";\n  }\n  .mantine-Input-label {\n    margin-bottom: 0.5rem;\n  }\n"],["\n  border-radius: 6px;\n  transition: all "," ease-in-out;\n  &:hover,\n  &:focus {\n    border-color: ",";\n    box-shadow: 0 0 2px 2px ",";\n  }\n  .mantine-Input-label {\n    margin-bottom: 0.5rem;\n  }\n"])),L,(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),A=b(j||(j=n(["\n  transition: all "," ease-in-out;\n  &:hover {\n    border-color: ",";\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  transition: all "," ease-in-out;\n  &:hover {\n    border-color: ",";\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),L,(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),F=v(a)(D||(D=n(["\n  .mantine-Select-input {\n    ","\n  }\n"],["\n  .mantine-Select-input {\n    ","\n  }\n"])),W),T=function(n){return r.createElement(F,e({rightSection:r.createElement("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M1 1L5 5L9 1",stroke:"#595959",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),size:"md"},n))},G=v(x)(M||(M=n(["\n  position: relative;\n\n  .mantine-DatePicker-input {\n    ","\n  }\n  ","\n"],["\n  position: relative;\n\n  .mantine-DatePicker-input {\n    ","\n  }\n  ","\n"])),W,(function(e){return e.fullWidth&&b(I||(I=n(["\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    "])))})),N=v(k)(B||(B=n(["\n  position: relative;\n\n  .mantine-DateRangePicker-input {\n    ","\n  }\n  ","\n"],["\n  position: relative;\n\n  .mantine-DateRangePicker-input {\n    ","\n  }\n  ","\n"])),W,(function(e){return e.fullWidth&&b(R||(R=n(["\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    "])))})),O=function(n){return r.createElement(G,e({size:"lg",clearable:!1,inputFormat:"DD/MM/YYYY",fullWidth:!0,rightSection:r.createElement(l,{src:w.getAssetPath("OutlineCalendar.svg"),width:16,height:16}),labelProps:{style:{marginBottom:"0.5rem"}}},n))};O.Range=function(n){return r.createElement(N,e({size:"lg",clearable:!1,inputFormat:"DD/MM/YYYY",fullWidth:!0,rightSection:r.createElement(l,{src:w.getAssetPath("OutlineCalendar.svg"),width:16,height:16}),labelProps:{style:{marginBottom:"0.5rem"}}},n))};var V,H,_,q,J=v(s)(V||(V=n(["\n  .mantine-Input-input {\n    ","\n  }\n"],["\n  .mantine-Input-input {\n    ","\n  }\n"])),W),K=v(c)(H||(H=n(["\n  .mantine-FileInput-input {\n    ","\n  }\n"],["\n  .mantine-FileInput-input {\n    ","\n  }\n"])),W),Q=v(u)(_||(_=n(["\n  .mantine-PasswordInput-input {\n    ","\n  }\n"],["\n  .mantine-PasswordInput-input {\n    ","\n  }\n"])),W),U=v(m)(q||(q=n(["\n  .mantine-NumberInput-input {\n    ","\n  }\n"],["\n  .mantine-NumberInput-input {\n    ","\n  }\n"])),W),X=function(n){var i=n.value,a=n.onChange,l=t(n,["value","onChange"]),s=y(i||"",Y),c=s[0],u=s[1];return o((function(){null==a||a(c)}),[c]),r.createElement(J,e({size:"md",defaultValue:c,onChange:function(n){return u(n.currentTarget.value)}},l))};X.File=function(n){return r.createElement(K,e({size:"md"},n))},X.Password=function(n){var i=n.value,a=n.onChange,s=t(n,["value","onChange"]),c=y(i||"",Y),u=c[0],m=c[1];return o((function(){null==a||a(u)}),[u]),r.createElement(Q,e({size:"md",defaultValue:u,onChange:function(n){return m(n.currentTarget.value)},visibilityToggleIcon:function(n){var e=n.reveal,t=n.size;return e?r.createElement(l,{src:w.getAssetPath("EyeVisible.svg"),width:t}):r.createElement(l,{src:w.getAssetPath("EyeHidden.svg"),width:t})}},s))},X.Number=function(n){var i=n.value,a=n.onChange,l=t(n,["value","onChange"]),s=y(i||0,Y),c=s[0],u=s[1];return o((function(){null==a||a(c)}),[c]),r.createElement(U,e({size:"md",decimalSeparator:".",stepHoldDelay:500,stepHoldInterval:function(n){return Math.max(1e3/Math.pow(n,2),25)},defaultValue:c,onChange:u},l))};var Z=function(n){return r.createElement(d,e({loaderProps:{color:S.colors.primaryBase}},n))},$=function(n){var o=n.slidesToShow,i=void 0===o?1:o,a=n.children,l=t(n,["slidesToShow","children"]);return r.createElement(C,e({slideSize:String(Math.floor(1/i*100))+"%",containScroll:"trimSnaps"},l),a)};$.Slide=C.Slide;var nn,en=v(p)(nn||(nn=n(["\n  .mantine-Checkbox-input {\n    ","\n  }\n"],["\n  .mantine-Checkbox-input {\n    ","\n  }\n"])),A),tn=function(n){return r.createElement(en,e({},n))};tn.Group=p.Group;var rn,on,an,ln=v(f)(rn||(rn=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"],["\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})),sn=v.div(on||(on=n(["\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"])),ln),cn=function(n){var a=n.color,l=void 0===a?S.colors.primaryBase:a,s=n.withControl,c=n.onChange,u=n.value,m=n.min,d=n.max,p=t(n,["color","withControl","onChange","value","min","max"]),f=i(u||m||0),h=f[0],g=f[1],v=E(h,Y)[0];return o((function(){null==c||c(v)}),[v]),r.createElement(sn,null,s&&r.createElement(P,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(n){return m&&n===m?n:n-1}))}},r.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},r.createElement("path",{d:"M1 1.004h8",stroke:l,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r.createElement(ln,e({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:l,value:h,onChange:g,min:m,max:d},p)),s&&r.createElement(P,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(n){return d&&n===d?n:n+1}))}},r.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},r.createElement("path",{d:"M8 4v8M4 8h8",stroke:l,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},un=v(h)(an||(an=n(["\n  .mantine-Radio-radio {\n    background-color: #ffffff;\n    ","\n    &:checked {\n      background-color: #ffffff;\n    }\n  }\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-radio {\n    background-color: #ffffff;\n    ","\n    &:checked {\n      background-color: #ffffff;\n    }\n  }\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),A,(function(n){return n.color||S.colors.primaryBase})),mn=function(n){return r.createElement(un,e({size:"sm"},n))};mn.Group=h.Group;var dn,pn=v(g)(dn||(dn=n(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"])));export{$ as Carousel,tn as Checkbox,O as DatePicker,X as Input,Z as LoadingOverlay,mn as Radio,T as Select,cn as Slider,pn as Switch};
+import{_ as n,e,b as t}from"./tslib.es6-dcf36680.js";import r,{useEffect as o,useState as i}from"react";import{Select as a,Image as l,createEmotionCache as c,FileInput as s,NumberInput as u,PasswordInput as m,TextInput as d,LoadingOverlay as f,Checkbox as h,Slider as p,Radio as g,Switch as v,MantineProvider as w}from"@mantine/core";import{CommonGAssets as b}from"./gAssets.js";import{DatePicker as y,DateRangePicker as x}from"@mantine/dates";import k,{css as C}from"styled-components";import{useDebouncedState as E,useDebouncedValue as S}from"@mantine/hooks";import"date-fns";import"./screenSizeContext-d0c9aa9b.js";import{t as z}from"./theme-a50a1aa5.js";import"./index-58ae0705.js";import{L as j}from"./Locale-69030fff.js";import{Carousel as P}from"@mantine/carousel";import"./index.styled-d5fee85d.js";import{B as M}from"./index-fc27293d.js";import"react-range";import"./translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import"vanilla-lazyload";import"lodash";var D,I,R,B,L=function(e){return r.createElement(a,n({rightSection:r.createElement(l,{src:b.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},e))},T=k(y)(I||(I=e(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&C(D||(D=e(["\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    "])))})),Y=k(x)(B||(B=e(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&C(R||(R=e(["\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(e){return r.createElement(T,n({size:"md",clearable:!1,inputFormat:"DD/MM/YYYY",fullWidth:!0,rightSection:r.createElement(l,{src:b.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e))};A.Range=function(e){return r.createElement(Y,n({size:"md",clearable:!1,inputFormat:"DD/MM/YYYY",fullWidth:!0,rightSection:r.createElement(l,{src:b.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e))};var W=300,F=c({key:"mantine",prepend:!1}),G=function(e){var i=e.value,a=e.onChange,l=t(e,["value","onChange"]),c=E(i||"",W),s=c[0],u=c[1];return o((function(){null==a||a(s)}),[s]),r.createElement(d,n({size:"md",defaultValue:s,onChange:function(n){return u(n.currentTarget.value)}},l))};G.File=function(e){return r.createElement(s,n({size:"md"},e))},G.Password=function(e){var i=e.value,a=e.onChange,c=t(e,["value","onChange"]),s=E(i||"",W),u=s[0],d=s[1];return o((function(){null==a||a(u)}),[u]),r.createElement(m,n({size:"md",defaultValue:u,onChange:function(n){return d(n.currentTarget.value)},visibilityToggleIcon:function(n){var e=n.reveal,t=n.size;return e?r.createElement(l,{src:b.getAssetPath("EyeVisible.svg"),width:t}):r.createElement(l,{src:b.getAssetPath("EyeHidden.svg"),width:t})}},c))},G.Number=function(e){var i=e.value,a=e.onChange,l=t(e,["value","onChange"]),c=E(i||0,W),s=c[0],m=c[1];return o((function(){null==a||a(s)}),[s]),r.createElement(u,n({size:"md",decimalSeparator:".",stepHoldDelay:500,stepHoldInterval:function(n){return Math.max(1e3/Math.pow(n,2),25)},defaultValue:s,onChange:m},l))};var V=function(e){return r.createElement(f,n({loaderProps:{color:z.colors.primaryBase}},e))},H=function(e){var o=e.slidesToShow,i=void 0===o?1:o,a=e.children,l=t(e,["slidesToShow","children"]);return r.createElement(P,n({slideSize:String(Math.floor(1/i*100))+"%",containScroll:"trimSnaps"},l),a)};H.Slide=P.Slide;var O=function(e){return r.createElement(h,n({},e))};O.Group=h.Group;var N,q,_,J=k(p)(N||(N=e(["\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})),K=k.div(q||(q=e(["\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"])),J),Q=function(e){var a=e.color,l=void 0===a?z.colors.primaryBase:a,c=e.withControl,s=e.onChange,u=e.value,m=e.min,d=e.max,f=t(e,["color","withControl","onChange","value","min","max"]),h=i(u||m||0),p=h[0],g=h[1],v=S(p,W)[0];return o((function(){null==s||s(v)}),[v]),r.createElement(K,null,c&&r.createElement(M,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(n){return m&&n===m?n:n-1}))}},r.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},r.createElement("path",{d:"M1 1.004h8",stroke:l,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r.createElement(J,n({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:l,value:p,onChange:g,min:m,max:d},f)),c&&r.createElement(M,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(n){return d&&n===d?n:n+1}))}},r.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},r.createElement("path",{d:"M8 4v8M4 8h8",stroke:l,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},U=k(g)(_||(_=e(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(n){return n.color||z.colors.primaryBase})),X=function(e){return r.createElement(U,n({size:"sm"},e))};X.Group=g.Group;var Z,$,nn=k(v)(Z||(Z=e(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),en=(($={})[j.Vietnam]="vi",$[j.Cambodia]="km",$[j.India]="hi",$[j.Indonesia]="id",$[j.Malaysia]="ms",$[j.Thailand]="th",$[j.Taiwan]="zh-tw",$[j.PhilippinesTagalog]="tl-ph",$[j.PhilippinesEnglish]="en",$[j.Myanmar]="my",$),tn={"&:hover":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},rn=function(e){return{datesLocale:en[e],fontFamily:"inherit",components:{InputWrapper:{styles:function(){return{label:{marginBottom:"0.5rem"}}}},Input:{styles:function(){return{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)}}}}},Checkbox:{styles:function(){return{input:tn}}},Radio:{styles:function(){return{radio:n(n({backgroundColor:"#ffffff"},tn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}}},on=function(e){var i=e.children,a=e.locale,l=t(e,["children","locale"]);return function(n){o((function(){en[n]&&require("dayjs/locale/".concat(en[n],".js"))}),[n])}(a),r.createElement(w,n({theme:rn(a),withGlobalStyles:!0,withNormalizeCSS:!0},l),i)};export{H as Carousel,O as Checkbox,A as DatePicker,G as Input,V as LoadingOverlay,on as MantineProvider,X as Radio,L as Select,Q as Slider,nn as Switch,F as emotionCache};

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"),a=require("styled-components"),r=require("./gAssets.js"),i=require("@mantine/dates"),o=require("@mantine/hooks");require("date-fns"),require("./screenSizeContext-b4958d62.js");var l=require("./theme-696d81a9.js");require("./index-bce6f562.js"),require("./Locale-11b51016.js");var u=require("@mantine/carousel");require("./index.styled-194351a3.js");var s=require("./index-89a9a68d.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-range"),require("./translationsContext-2d7ea471.js"),require("string-format"),require("lodash/debounce"),require("vanilla-lazyload"),require("lodash");var d,m,f,p,h,g,b,_=c(n),k=c(a),v="100ms",x=300,w=a.css(d||(d=e.__makeTemplateObject(["\n  border-radius: 6px;\n  transition: all "," ease-in-out;\n  &:hover,\n  &:focus {\n    border-color: ",";\n    box-shadow: 0 0 2px 2px ",";\n  }\n  .mantine-Input-label {\n    margin-bottom: 0.5rem;\n  }\n"],["\n  border-radius: 6px;\n  transition: all "," ease-in-out;\n  &:hover,\n  &:focus {\n    border-color: ",";\n    box-shadow: 0 0 2px 2px ",";\n  }\n  .mantine-Input-label {\n    margin-bottom: 0.5rem;\n  }\n"])),v,(function(e){return e.theme.colors.blue200}),(function(e){return e.theme.colors.blue200})),j=a.css(m||(m=e.__makeTemplateObject(["\n  transition: all "," ease-in-out;\n  &:hover {\n    border-color: ",";\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  transition: all "," ease-in-out;\n  &:hover {\n    border-color: ",";\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),v,(function(e){return e.theme.colors.blue200}),(function(e){return e.theme.colors.blue200})),C=k.default(t.Select)(f||(f=e.__makeTemplateObject(["\n  .mantine-Select-input {\n    ","\n  }\n"],["\n  .mantine-Select-input {\n    ","\n  }\n"])),w),S=k.default(i.DatePicker)(h||(h=e.__makeTemplateObject(["\n  position: relative;\n\n  .mantine-DatePicker-input {\n    ","\n  }\n  ","\n"],["\n  position: relative;\n\n  .mantine-DatePicker-input {\n    ","\n  }\n  ","\n"])),w,(function(n){return n.fullWidth&&a.css(p||(p=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(i.DateRangePicker)(b||(b=e.__makeTemplateObject(["\n  position: relative;\n\n  .mantine-DateRangePicker-input {\n    ","\n  }\n  ","\n"],["\n  position: relative;\n\n  .mantine-DateRangePicker-input {\n    ","\n  }\n  ","\n"])),w,(function(n){return n.fullWidth&&a.css(g||(g=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    "])))})),y=function(n){return _.default.createElement(S,e.__assign({size:"lg",clearable:!1,inputFormat:"DD/MM/YYYY",fullWidth:!0,rightSection:_.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16}),labelProps:{style:{marginBottom:"0.5rem"}}},n))};y.Range=function(n){return _.default.createElement(E,e.__assign({size:"lg",clearable:!1,inputFormat:"DD/MM/YYYY",fullWidth:!0,rightSection:_.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16}),labelProps:{style:{marginBottom:"0.5rem"}}},n))};var P,O,T,q,I=k.default(t.TextInput)(P||(P=e.__makeTemplateObject(["\n  .mantine-Input-input {\n    ","\n  }\n"],["\n  .mantine-Input-input {\n    ","\n  }\n"])),w),D=k.default(t.FileInput)(O||(O=e.__makeTemplateObject(["\n  .mantine-FileInput-input {\n    ","\n  }\n"],["\n  .mantine-FileInput-input {\n    ","\n  }\n"])),w),z=k.default(t.PasswordInput)(T||(T=e.__makeTemplateObject(["\n  .mantine-PasswordInput-input {\n    ","\n  }\n"],["\n  .mantine-PasswordInput-input {\n    ","\n  }\n"])),w),R=k.default(t.NumberInput)(q||(q=e.__makeTemplateObject(["\n  .mantine-NumberInput-input {\n    ","\n  }\n"],["\n  .mantine-NumberInput-input {\n    ","\n  }\n"])),w),M=function(t){var a=t.value,r=t.onChange,i=e.__rest(t,["value","onChange"]),l=o.useDebouncedState(a||"",x),u=l[0],s=l[1];return n.useEffect((function(){null==r||r(u)}),[u]),_.default.createElement(I,e.__assign({size:"md",defaultValue:u,onChange:function(e){return s(e.currentTarget.value)}},i))};M.File=function(n){return _.default.createElement(D,e.__assign({size:"md"},n))},M.Password=function(a){var i=a.value,l=a.onChange,u=e.__rest(a,["value","onChange"]),s=o.useDebouncedState(i||"",x),c=s[0],d=s[1];return n.useEffect((function(){null==l||l(c)}),[c]),_.default.createElement(z,e.__assign({size:"md",defaultValue:c,onChange:function(e){return d(e.currentTarget.value)},visibilityToggleIcon:function(e){var n=e.reveal,a=e.size;return n?_.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("EyeVisible.svg"),width:a}):_.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("EyeHidden.svg"),width:a})}},u))},M.Number=function(t){var a=t.value,r=t.onChange,i=e.__rest(t,["value","onChange"]),l=o.useDebouncedState(a||0,x),u=l[0],s=l[1];return n.useEffect((function(){null==r||r(u)}),[u]),_.default.createElement(R,e.__assign({size:"md",decimalSeparator:".",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},defaultValue:u,onChange:s},i))};var B=function(n){var t=n.slidesToShow,a=void 0===t?1:t,r=n.children,i=e.__rest(n,["slidesToShow","children"]);return _.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/a*100))+"%",containScroll:"trimSnaps"},i),r)};B.Slide=u.Carousel.Slide;var L,A=k.default(t.Checkbox)(L||(L=e.__makeTemplateObject(["\n  .mantine-Checkbox-input {\n    ","\n  }\n"],["\n  .mantine-Checkbox-input {\n    ","\n  }\n"])),j),G=function(n){return _.default.createElement(A,e.__assign({},n))};G.Group=t.Checkbox.Group;var Y,W,F,V=k.default(t.Slider)(Y||(Y=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})),N=k.default.div(W||(W=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"])),V),H=k.default(t.Radio)(F||(F=e.__makeTemplateObject(["\n  .mantine-Radio-radio {\n    background-color: #ffffff;\n    ","\n    &:checked {\n      background-color: #ffffff;\n    }\n  }\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-radio {\n    background-color: #ffffff;\n    ","\n    &:checked {\n      background-color: #ffffff;\n    }\n  }\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),j,(function(e){return e.color||l.theme.colors.primaryBase})),J=function(n){return _.default.createElement(H,e.__assign({size:"sm"},n))};J.Group=t.Radio.Group;var K,Q=k.default(t.Switch)(K||(K=e.__makeTemplateObject(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"])));exports.Carousel=B,exports.Checkbox=G,exports.DatePicker=y,exports.Input=M,exports.LoadingOverlay=function(n){return _.default.createElement(t.LoadingOverlay,e.__assign({loaderProps:{color:l.theme.colors.primaryBase}},n))},exports.Radio=J,exports.Select=function(n){return _.default.createElement(C,e.__assign({rightSection:_.default.createElement("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M1 1L5 5L9 1",stroke:"#595959",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),size:"md"},n))},exports.Slider=function(t){var a=t.color,r=void 0===a?l.theme.colors.primaryBase:a,i=t.withControl,u=t.onChange,c=t.value,d=t.min,m=t.max,f=e.__rest(t,["color","withControl","onChange","value","min","max"]),p=n.useState(c||d||0),h=p[0],g=p[1],b=o.useDebouncedValue(h,x)[0];return n.useEffect((function(){null==u||u(b)}),[b]),_.default.createElement(N,null,i&&_.default.createElement(s.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return d&&e===d?e:e-1}))}},_.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},_.default.createElement("path",{d:"M1 1.004h8",stroke:r,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),_.default.createElement(V,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:r,value:h,onChange:g,min:d,max:m},f)),i&&_.default.createElement(s.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return m&&e===m?e:e+1}))}},_.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},_.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:r,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Switch=Q;
+"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("@mantine/hooks");require("date-fns"),require("./screenSizeContext-b4958d62.js");var l=require("./theme-696d81a9.js");require("./index-bce6f562.js");var s=require("./Locale-11b51016.js"),u=require("@mantine/carousel");require("./index.styled-194351a3.js");var c=require("./index-89a9a68d.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-range"),require("./translationsContext-2d7ea471.js"),require("string-format"),require("lodash/debounce"),require("vanilla-lazyload"),require("lodash");var m,f,h,g,p=d(n),v=d(o),_=v.default(a.DatePicker)(f||(f=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(m||(m=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    "])))})),b=v.default(a.DateRangePicker)(g||(g=e.__makeTemplateObject(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&o.css(h||(h=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    "])))})),C=function(n){return p.default.createElement(_,e.__assign({size:"md",clearable:!1,inputFormat:"DD/MM/YYYY",fullWidth:!0,rightSection:p.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};C.Range=function(n){return p.default.createElement(b,e.__assign({size:"md",clearable:!1,inputFormat:"DD/MM/YYYY",fullWidth:!0,rightSection:p.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var x=300,w=t.createEmotionCache({key:"mantine",prepend:!1}),E=function(r){var a=r.value,o=r.onChange,l=e.__rest(r,["value","onChange"]),s=i.useDebouncedState(a||"",x),u=s[0],c=s[1];return n.useEffect((function(){null==o||o(u)}),[u]),p.default.createElement(t.TextInput,e.__assign({size:"md",defaultValue:u,onChange:function(e){return c(e.currentTarget.value)}},l))};E.File=function(n){return p.default.createElement(t.FileInput,e.__assign({size:"md"},n))},E.Password=function(a){var o=a.value,l=a.onChange,s=e.__rest(a,["value","onChange"]),u=i.useDebouncedState(o||"",x),c=u[0],d=u[1];return n.useEffect((function(){null==l||l(c)}),[c]),p.default.createElement(t.PasswordInput,e.__assign({size:"md",defaultValue:c,onChange:function(e){return d(e.currentTarget.value)},visibilityToggleIcon:function(e){var n=e.reveal,a=e.size;return n?p.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("EyeVisible.svg"),width:a}):p.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("EyeHidden.svg"),width:a})}},s))},E.Number=function(r){var a=r.value,o=r.onChange,l=e.__rest(r,["value","onChange"]),s=i.useDebouncedState(a||0,x),u=s[0],c=s[1];return n.useEffect((function(){null==o||o(u)}),[u]),p.default.createElement(t.NumberInput,e.__assign({size:"md",decimalSeparator:".",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},defaultValue:u,onChange:c},l))};var k=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return p.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};k.Slide=u.Carousel.Slide;var y=function(n){return p.default.createElement(t.Checkbox,e.__assign({},n))};y.Group=t.Checkbox.Group;var S,L,j,O=v.default(t.Slider)(S||(S=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})),q=v.default.div(L||(L=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"])),O),A=v.default(t.Radio)(j||(j=e.__makeTemplateObject(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(e){return e.color||l.theme.colors.primaryBase})),P=function(n){return p.default.createElement(A,e.__assign({size:"sm"},n))};P.Group=t.Radio.Group;var z,D,T=v.default(t.Switch)(z||(z=e.__makeTemplateObject(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),I=((D={})[s.LOCALE.Vietnam]="vi",D[s.LOCALE.Cambodia]="km",D[s.LOCALE.India]="hi",D[s.LOCALE.Indonesia]="id",D[s.LOCALE.Malaysia]="ms",D[s.LOCALE.Thailand]="th",D[s.LOCALE.Taiwan]="zh-tw",D[s.LOCALE.PhilippinesTagalog]="tl-ph",D[s.LOCALE.PhilippinesEnglish]="en",D[s.LOCALE.Myanmar]="my",D),M={"&:hover":{borderColor:"".concat(l.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(l.theme.colors.blue200)}},R=function(n){return{datesLocale:I[n],fontFamily:"inherit",components:{InputWrapper:{styles:function(){return{label:{marginBottom:"0.5rem"}}}},Input:{styles:function(){return{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(l.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(l.theme.colors.blue200)}}}}},Checkbox:{styles:function(){return{input:M}}},Radio:{styles:function(){return{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},M),{"&:checked":{backgroundColor:"#ffffff"}})}}}}}};exports.Carousel=k,exports.Checkbox=y,exports.DatePicker=C,exports.Input=E,exports.LoadingOverlay=function(n){return p.default.createElement(t.LoadingOverlay,e.__assign({loaderProps:{color:l.theme.colors.primaryBase}},n))},exports.MantineProvider=function(r){var a=r.children,o=r.locale,i=e.__rest(r,["children","locale"]);return function(e){n.useEffect((function(){I[e]&&require("dayjs/locale/".concat(I[e],".js"))}),[e])}(o),p.default.createElement(t.MantineProvider,e.__assign({theme:R(o),withGlobalStyles:!0,withNormalizeCSS:!0},i),a)},exports.Radio=P,exports.Select=function(n){return p.default.createElement(t.Select,e.__assign({rightSection:p.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},n))},exports.Slider=function(t){var r=t.color,a=void 0===r?l.theme.colors.primaryBase:r,o=t.withControl,s=t.onChange,u=t.value,d=t.min,m=t.max,f=e.__rest(t,["color","withControl","onChange","value","min","max"]),h=n.useState(u||d||0),g=h[0],v=h[1],_=i.useDebouncedValue(g,x)[0];return n.useEffect((function(){null==s||s(_)}),[_]),p.default.createElement(q,null,o&&p.default.createElement(c.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(e){return d&&e===d?e:e-1}))}},p.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},p.default.createElement("path",{d:"M1 1.004h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),p.default.createElement(O,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:g,onChange:v,min:d,max:m},f)),o&&p.default.createElement(c.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(e){return m&&e===m?e:e+1}))}},p.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},p.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Switch=T,exports.emotionCache=w;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.21.18",
+  "version": "1.21.20",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [
@@ -163,8 +163,9 @@
     "@mantine/dates": "5.8.0",
     "@mantine/form": "5.8.0",
     "@mantine/hooks": "5.8.0",
+    "@mantine/next": "^5.8.4",
     "browser-image-compression": "^2.0.0",
-    "dayjs": "^1.11.6",
+    "dayjs": "1.11.6",
     "embla-carousel-react": "7.0.5",
     "innertext": "^1.0.3",
     "keen-slider": "^6.7.0",

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const StyledCheckbox: import("styled-components").StyledComponent<((props: import("@mantine/core").CheckboxProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-    Group: import("react").ForwardRefExoticComponent<import("@mantine/core").CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-} & {
-    displayName: string;
-}, any, {}, never>;

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mantine/core").TextInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const StyledFileInput: import("styled-components").StyledComponent<(<Multiple extends boolean = false>(props: import("@mantine/core").FileInputProps<Multiple> & {
-    ref?: import("react").ForwardedRef<HTMLButtonElement>;
-}) => JSX.Element), any, {}, never>;
-export declare const StyledPasswordInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mantine/core").PasswordInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const StyledNumberInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mantine/core").NumberInputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;

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

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