@hhgtech/hhg-components 1.21.34 → 1.21.35
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.
|
@@ -1,2 +1,9 @@
|
|
|
1
|
+
import { LOCALE } from 'src/interfaces/types';
|
|
1
2
|
export declare const DEBOUNCED_TIME = 300;
|
|
2
3
|
export declare const emotionCache: import("@emotion/utils").EmotionCache;
|
|
4
|
+
export declare const ISO_FORMAT: {
|
|
5
|
+
[key in LOCALE]: {
|
|
6
|
+
dateFormat: string;
|
|
7
|
+
separator: ',' | '.';
|
|
8
|
+
};
|
|
9
|
+
};
|
package/build/esm/mantine.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as e,e as n,b as t}from"./tslib.es6-dcf36680.js";import r,{useEffect as
|
|
1
|
+
import{_ as e,e as n,b as t}from"./tslib.es6-dcf36680.js";import r,{useEffect as a,useState as o}from"react";import{Select as i,Image as l,createEmotionCache as s,FileInput as c,NumberInput as m,PasswordInput as d,TextInput as u,LoadingOverlay as p,Checkbox as h,Slider as f,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 Y}from"@mantine/dates";import x,{css as k}from"styled-components";import{useDebouncedState as C,useDebouncedValue as M}from"@mantine/hooks";import{L as S}from"./Locale-69030fff.js";import"date-fns";import"./screenSizeContext-f2090394.js";import{t as E}from"./theme-a50a1aa5.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import{Carousel as D}from"@mantine/carousel";import{V as P}from"./index.styled-0ef0a0dd.js";import{B as z}from"./index-1013d3f5.js";import"react-range";import"./translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import"vanilla-lazyload";import"lodash";var j,F,I,T,B,R=function(n){return r.createElement(i,e({rightSection:r.createElement(l,{src:b.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},n))},L=x(y)(F||(F=n(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(e){return e.fullWidth&&k(j||(j=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 "])))})),A=x(Y)(T||(T=n(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(e){return e.fullWidth&&k(I||(I=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 "])))})),V=function(n){return r.createElement(L,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(l,{src:b.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};V.Range=function(n){return r.createElement(A,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(l,{src:b.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var W=300,N=s({key:"mantine",prepend:!1}),G=((B={})[S.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},B[S.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},B[S.India]={dateFormat:"DD/MM/YYYY",separator:"."},B[S.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},B[S.Malaysia]={dateFormat:"DD/MM/YYYY",separator:","},B[S.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},B[S.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},B[S.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},B[S.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},B[S.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},B),H=b.getAssetPath("EyeVisible.svg"),O=b.getAssetPath("EyeHidden.svg"),U=function(n){var o=n.value,i=n.onChange,l=t(n,["value","onChange"]),s=C(o||"",W),c=s[0],m=s[1];return a((function(){null==i||i(c)}),[c]),r.createElement(u,e({size:"md",defaultValue:c,onChange:function(e){return m(e.currentTarget.value)}},l))};U.File=function(n){return r.createElement(c,e({size:"md"},n))},U.Password=function(n){var o=n.value,i=n.onChange,l=t(n,["value","onChange"]),s=C(o||"",W),c=s[0],m=s[1];return a((function(){null==i||i(c)}),[c]),console.log("Re-render"),r.createElement(d,e({size:"md",defaultValue:c,onChange:function(e){return m(e.currentTarget.value)},visibilityToggleIcon:function(e){var n=e.reveal,t=e.size;return n?r.createElement("img",{src:H,width:t}):r.createElement("img",{src:O,width:t})},styles:{rightSection:{pointerEvents:"initial"}}},l))},U.Number=function(n){var o=n.value,i=n.onChange,l=t(n,["value","onChange"]),s=C(o||0,W),c=s[0],d=s[1];return a((function(){null==i||i(c)}),[c]),r.createElement(m,e({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},defaultValue:c,onChange:d,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0},l))};var q=function(n){return r.createElement(p,e({loaderProps:{color:E.colors.primaryBase}},n))},Z=function(n){var a=n.slidesToShow,o=void 0===a?1:a,i=n.children,l=t(n,["slidesToShow","children"]);return r.createElement(D,e({slideSize:String(Math.floor(1/o*100))+"%",containScroll:"trimSnaps"},l),i)};Z.Slide=D.Slide;var _=function(n){return r.createElement(h,e({},n))};_.Group=h.Group;var J,K,Q,X="hhgcomp-mantine-slider-slider",$=P(x(f)(J||(J=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(e){return e.color||e.theme.colors.primaryBase})),X),ee=x.div(K||(K=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"])),X),ne=function(n){var i=n.color,l=void 0===i?E.colors.primaryBase:i,s=n.withControl,c=n.onChange,m=n.value,d=n.min,u=n.max,p=t(n,["color","withControl","onChange","value","min","max"]),h=o(m||d||0),f=h[0],g=h[1],v=M(f,W)[0];return a((function(){null==c||c(v)}),[v]),r.createElement(ee,null,s&&r.createElement(z,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return d&&e===d?e:e-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($,e({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:l,value:f,onChange:g,min:d,max:u},p)),s&&r.createElement(z,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return u&&e===u?e:e+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"}))))},te=x(g)(Q||(Q=n(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(e){return e.color||E.colors.primaryBase})),re=function(n){return r.createElement(te,e({size:"sm"},n))};re.Group=g.Group;var ae,oe,ie=x(v)(ae||(ae=n(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),le=((oe={})[S.Vietnam]="vi",oe[S.Cambodia]="km",oe[S.India]="hi",oe[S.Indonesia]="id",oe[S.Malaysia]="ms",oe[S.Thailand]="th",oe[S.Taiwan]="zh-tw",oe[S.PhilippinesTagalog]="tl-ph",oe[S.PhilippinesEnglish]="en",oe[S.Myanmar]="my",oe),se={"&:hover":{borderColor:"".concat(E.colors.blue200),boxShadow:"0 0 2px 2px ".concat(E.colors.blue200)}},ce=function(n){return{datesLocale:le[n],dateFormat:G[n].dateFormat,fontFamily:n===S.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:G[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(E.colors.blue200),boxShadow:"0 0 2px 2px ".concat(E.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:se}},Radio:{styles:{radio:e(e({backgroundColor:"#ffffff"},se),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},me=function(n){var o=n.children,i=n.locale,l=t(n,["children","locale"]);return function(e){a((function(){le[e]&&require("dayjs/locale/".concat(le[e],".js"))}),[e])}(i),r.createElement(w,e({theme:ce(i),withGlobalStyles:!0,withNormalizeCSS:!0},l),o)};export{Z as Carousel,_ as Checkbox,V as DatePicker,U as Input,q as LoadingOverlay,me as MantineProvider,re as Radio,R as Select,ne as Slider,ie as Switch,N as emotionCache,ce as getMantineThemeOverride};
|
package/build/mantine.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),t=require("react"),n=require("@mantine/core"),a=require("./gAssets.js"),r=require("@mantine/dates"),o=require("styled-components"),i=require("@mantine/hooks"),l=require("./Locale-11b51016.js");require("date-fns"),require("./screenSizeContext-78ac9057.js");var s=require("./theme-696d81a9.js");require("./index-d28c27ca.js"),require("./isProduction-32e6a55a.js");var u=require("@mantine/carousel"),c=require("./index.styled-255effb2.js"),d=require("./index-87446aae.js");function m(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 f,h,p,g,C,v=m(t),b=m(o),_=b.default(r.DatePicker)(h||(h=e.__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(t){return t.fullWidth&&o.css(f||(f=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=b.default(r.DateRangePicker)(g||(g=e.__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(t){return t.fullWidth&&o.css(p||(p=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 "])))})),x=function(t){return v.default.createElement(_,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:v.default.createElement(n.Image,{src:a.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},t))};x.Range=function(t){return v.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:v.default.createElement(n.Image,{src:a.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},t))};var L=300,w=n.createEmotionCache({key:"mantine",prepend:!1}),y=((C={})[l.LOCALE.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},C[l.LOCALE.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},C[l.LOCALE.India]={dateFormat:"DD/MM/YYYY",separator:"."},C[l.LOCALE.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},C[l.LOCALE.Malaysia]={dateFormat:"DD/MM/YYYY",separator:","},C[l.LOCALE.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},C[l.LOCALE.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},C[l.LOCALE.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},C[l.LOCALE.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},C[l.LOCALE.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},C),k=a.CommonGAssets.getAssetPath("EyeVisible.svg"),Y=a.CommonGAssets.getAssetPath("EyeHidden.svg"),S=function(a){var r=a.value,o=a.onChange,l=e.__rest(a,["value","onChange"]),s=i.useDebouncedState(r||"",L),u=s[0],c=s[1];return t.useEffect((function(){null==o||o(u)}),[u]),v.default.createElement(n.TextInput,e.__assign({size:"md",defaultValue:u,onChange:function(e){return c(e.currentTarget.value)}},l))};S.File=function(t){return v.default.createElement(n.FileInput,e.__assign({size:"md"},t))},S.Password=function(a){var r=a.value,o=a.onChange,l=e.__rest(a,["value","onChange"]),s=i.useDebouncedState(r||"",L),u=s[0],c=s[1];return t.useEffect((function(){null==o||o(u)}),[u]),console.log("Re-render"),v.default.createElement(n.PasswordInput,e.__assign({size:"md",defaultValue:u,onChange:function(e){return c(e.currentTarget.value)},visibilityToggleIcon:function(e){var t=e.reveal,n=e.size;return t?v.default.createElement("img",{src:k,width:n}):v.default.createElement("img",{src:Y,width:n})},styles:{rightSection:{pointerEvents:"initial"}}},l))},S.Number=function(a){var r=a.value,o=a.onChange,l=e.__rest(a,["value","onChange"]),s=i.useDebouncedState(r||0,L),u=s[0],c=s[1];return t.useEffect((function(){null==o||o(u)}),[u]),v.default.createElement(n.NumberInput,e.__assign({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},defaultValue:u,onChange:c,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0},l))};var O=function(t){var n=t.slidesToShow,a=void 0===n?1:n,r=t.children,o=e.__rest(t,["slidesToShow","children"]);return v.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/a*100))+"%",containScroll:"trimSnaps"},o),r)};O.Slide=u.Carousel.Slide;var M=function(t){return v.default.createElement(n.Checkbox,e.__assign({},t))};M.Group=n.Checkbox.Group;var D,A,j,P=b.default(n.Slider)(D||(D=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="hhgcomp-mantine-slider-slider",T=c.getDefaultClassWrapper(P,q),z=b.default.div(A||(A=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"])),q),I=b.default(n.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||s.theme.colors.primaryBase})),F=function(t){return v.default.createElement(I,e.__assign({size:"sm"},t))};F.Group=n.Radio.Group;var R,B,G=b.default(n.Switch)(R||(R=e.__makeTemplateObject(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),W=((B={})[l.LOCALE.Vietnam]="vi",B[l.LOCALE.Cambodia]="km",B[l.LOCALE.India]="hi",B[l.LOCALE.Indonesia]="id",B[l.LOCALE.Malaysia]="ms",B[l.LOCALE.Thailand]="th",B[l.LOCALE.Taiwan]="zh-tw",B[l.LOCALE.PhilippinesTagalog]="tl-ph",B[l.LOCALE.PhilippinesEnglish]="en",B[l.LOCALE.Myanmar]="my",B),V={"&:hover":{borderColor:"".concat(s.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(s.theme.colors.blue200)}},N=function(t){return{datesLocale:W[t],dateFormat:y[t].dateFormat,fontFamily:t===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:y[t].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(s.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(s.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.Carousel=O,exports.Checkbox=M,exports.DatePicker=x,exports.Input=S,exports.LoadingOverlay=function(t){return v.default.createElement(n.LoadingOverlay,e.__assign({loaderProps:{color:s.theme.colors.primaryBase}},t))},exports.MantineProvider=function(a){var r=a.children,o=a.locale,i=e.__rest(a,["children","locale"]);return function(e){t.useEffect((function(){W[e]&&require("dayjs/locale/".concat(W[e],".js"))}),[e])}(o),v.default.createElement(n.MantineProvider,e.__assign({theme:N(o),withGlobalStyles:!0,withNormalizeCSS:!0},i),r)},exports.Radio=F,exports.Select=function(t){return v.default.createElement(n.Select,e.__assign({rightSection:v.default.createElement(n.Image,{src:a.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},t))},exports.Slider=function(n){var a=n.color,r=void 0===a?s.theme.colors.primaryBase:a,o=n.withControl,l=n.onChange,u=n.value,c=n.min,m=n.max,f=e.__rest(n,["color","withControl","onChange","value","min","max"]),h=t.useState(u||c||0),p=h[0],g=h[1],C=i.useDebouncedValue(p,L)[0];return t.useEffect((function(){null==l||l(C)}),[C]),v.default.createElement(z,null,o&&v.default.createElement(d.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return c&&e===c?e:e-1}))}},v.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},v.default.createElement("path",{d:"M1 1.004h8",stroke:r,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),v.default.createElement(T,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:r,value:p,onChange:g,min:c,max:m},f)),o&&v.default.createElement(d.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return m&&e===m?e:e+1}))}},v.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},v.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:r,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Switch=G,exports.emotionCache=w,exports.getMantineThemeOverride=N;
|