@hhgtech/hhg-components 1.21.19 → 1.21.21
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,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DatePickerProps as MantineDatePickerProps } from '@mantine/dates';
|
|
3
|
+
import { LOCALE } from 'src/interfaces/types';
|
|
3
4
|
import { DateRangePicker } from './range';
|
|
4
5
|
export type SharedType = {
|
|
6
|
+
locale: LOCALE;
|
|
5
7
|
isRange?: boolean;
|
|
6
8
|
};
|
|
7
9
|
export type DatePickerProps = SharedType & MantineDatePickerProps;
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
import { DateRangePickerProps as MantineDateRangePickerProps } from '@mantine/dates';
|
|
3
3
|
import { SharedType } from '.';
|
|
4
4
|
export type DateRangePickerProps = SharedType & MantineDateRangePickerProps;
|
|
5
|
-
export declare const DateRangePicker: (props: DateRangePickerProps) => JSX.Element;
|
|
5
|
+
export declare const DateRangePicker: ({ locale, ...props }: DateRangePickerProps) => JSX.Element;
|
|
@@ -17,5 +17,5 @@ export type { RadioProps } from './radio';
|
|
|
17
17
|
export { Switch } from './switch';
|
|
18
18
|
export type { SwitchProps } from './switch';
|
|
19
19
|
export type { MantineProviderProps } from './provider';
|
|
20
|
-
export { MantineProvider } from './provider';
|
|
21
20
|
export { emotionCache } from './helpers';
|
|
21
|
+
export { getMantineThemeOverride } from './theme';
|
package/build/esm/mantine.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as n,e,b as t}from"./tslib.es6-dcf36680.js";import r,{useEffect as o,useState as
|
|
1
|
+
import{_ as n,e,b as t}from"./tslib.es6-dcf36680.js";import r,{useEffect as o,useState as a}from"react";import{Select as i,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}from"@mantine/core";import{CommonGAssets as w}from"./gAssets.js";import{L as b}from"./Locale-69030fff.js";import{DatePicker as x,DateRangePicker as y}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{Carousel as j}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 D,M,I,R,B,L=function(e){return r.createElement(i,n({rightSection:r.createElement(l,{src:w.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},e))},T=((D={})[b.Vietnam]="vi",D[b.Cambodia]="km",D[b.India]="hi",D[b.Indonesia]="id",D[b.Malaysia]="ms",D[b.Thailand]="th",D[b.Taiwan]="zh-tw",D[b.PhilippinesTagalog]="tl-ph",D[b.PhilippinesEnglish]="en",D[b.Myanmar]="my",D),Y=function(n){o((function(){T[n]&&require("dayjs/locale/".concat(T[n],".js"))}),[n])},A=k(x)(I||(I=e(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&C(M||(M=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 "])))})),W=k(y)(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 "])))})),F=function(e){var o=e.locale,a=t(e,["locale"]);return Y(o),r.createElement(A,n({size:"md",clearable:!1,inputFormat:"DD/MM/YYYY",fullWidth:!0,rightSection:r.createElement(l,{src:w.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},a))};F.Range=function(e){var o=e.locale,a=t(e,["locale"]);return Y(o),r.createElement(W,n({size:"md",clearable:!1,inputFormat:"DD/MM/YYYY",fullWidth:!0,rightSection:r.createElement(l,{src:w.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},a))};var V=300,G=c({key:"mantine",prepend:!1}),H=function(e){var a=e.value,i=e.onChange,l=t(e,["value","onChange"]),c=E(a||"",V),s=c[0],u=c[1];return o((function(){null==i||i(s)}),[s]),r.createElement(d,n({size:"md",defaultValue:s,onChange:function(n){return u(n.currentTarget.value)}},l))};H.File=function(e){return r.createElement(s,n({size:"md"},e))},H.Password=function(e){var a=e.value,i=e.onChange,c=t(e,["value","onChange"]),s=E(a||"",V),u=s[0],d=s[1];return o((function(){null==i||i(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:w.getAssetPath("EyeVisible.svg"),width:t}):r.createElement(l,{src:w.getAssetPath("EyeHidden.svg"),width:t})}},c))},H.Number=function(e){var a=e.value,i=e.onChange,l=t(e,["value","onChange"]),c=E(a||0,V),s=c[0],m=c[1];return o((function(){null==i||i(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 O=function(e){return r.createElement(f,n({loaderProps:{color:z.colors.primaryBase}},e))},N=function(e){var o=e.slidesToShow,a=void 0===o?1:o,i=e.children,l=t(e,["slidesToShow","children"]);return r.createElement(j,n({slideSize:String(Math.floor(1/a*100))+"%",containScroll:"trimSnaps"},l),i)};N.Slide=j.Slide;var q=function(e){return r.createElement(h,n({},e))};q.Group=h.Group;var _,J,K,Q=k(p)(_||(_=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})),U=k.div(J||(J=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"])),Q),X=function(e){var i=e.color,l=void 0===i?z.colors.primaryBase:i,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=a(u||m||0),p=h[0],g=h[1],v=S(p,V)[0];return o((function(){null==s||s(v)}),[v]),r.createElement(U,null,c&&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(Q,n({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:l,value:p,onChange:g,min:m,max:d},f)),c&&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"}))))},Z=k(g)(K||(K=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})),$=function(e){return r.createElement(Z,n({size:"sm"},e))};$.Group=g.Group;var nn,en=k(v)(nn||(nn=e(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),tn={"&:hover":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},rn=function(e){return{datesLocale:T[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"}})}}}}}};export{N as Carousel,q as Checkbox,F as DatePicker,H as Input,O as LoadingOverlay,$ as Radio,L as Select,X as Slider,en as Switch,G as emotionCache,rn 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"),n=require("react"),t=require("@mantine/core"),r=require("./gAssets.js"),a=require("@mantine/dates"),
|
|
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("./Locale-11b51016.js"),o=require("@mantine/dates"),i=require("styled-components"),l=require("@mantine/hooks");require("date-fns"),require("./screenSizeContext-b4958d62.js");var s=require("./theme-696d81a9.js");require("./index-bce6f562.js");var 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,v=d(n),_=d(i),b=((m={})[a.LOCALE.Vietnam]="vi",m[a.LOCALE.Cambodia]="km",m[a.LOCALE.India]="hi",m[a.LOCALE.Indonesia]="id",m[a.LOCALE.Malaysia]="ms",m[a.LOCALE.Thailand]="th",m[a.LOCALE.Taiwan]="zh-tw",m[a.LOCALE.PhilippinesTagalog]="tl-ph",m[a.LOCALE.PhilippinesEnglish]="en",m[a.LOCALE.Myanmar]="my",m),x=function(e){n.useEffect((function(){b[e]&&require("dayjs/locale/".concat(b[e],".js"))}),[e])},C=_.default(o.DatePicker)(h||(h=e.__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&i.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 "])))})),w=_.default(o.DateRangePicker)(p||(p=e.__makeTemplateObject(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&i.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 "])))})),k=function(n){var a=n.locale,o=e.__rest(n,["locale"]);return x(a),v.default.createElement(C,e.__assign({size:"md",clearable:!1,inputFormat:"DD/MM/YYYY",fullWidth:!0,rightSection:v.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},o))};k.Range=function(n){var a=n.locale,o=e.__rest(n,["locale"]);return x(a),v.default.createElement(w,e.__assign({size:"md",clearable:!1,inputFormat:"DD/MM/YYYY",fullWidth:!0,rightSection:v.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},o))};var E=300,y=t.createEmotionCache({key:"mantine",prepend:!1}),S=function(r){var a=r.value,o=r.onChange,i=e.__rest(r,["value","onChange"]),s=l.useDebouncedState(a||"",E),u=s[0],c=s[1];return n.useEffect((function(){null==o||o(u)}),[u]),v.default.createElement(t.TextInput,e.__assign({size:"md",defaultValue:u,onChange:function(e){return c(e.currentTarget.value)}},i))};S.File=function(n){return v.default.createElement(t.FileInput,e.__assign({size:"md"},n))},S.Password=function(a){var o=a.value,i=a.onChange,s=e.__rest(a,["value","onChange"]),u=l.useDebouncedState(o||"",E),c=u[0],d=u[1];return n.useEffect((function(){null==i||i(c)}),[c]),v.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?v.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("EyeVisible.svg"),width:a}):v.default.createElement(t.Image,{src:r.CommonGAssets.getAssetPath("EyeHidden.svg"),width:a})}},s))},S.Number=function(r){var a=r.value,o=r.onChange,i=e.__rest(r,["value","onChange"]),s=l.useDebouncedState(a||0,E),u=s[0],c=s[1];return n.useEffect((function(){null==o||o(u)}),[u]),v.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},i))};var L=function(n){var t=n.slidesToShow,r=void 0===t?1:t,a=n.children,o=e.__rest(n,["slidesToShow","children"]);return v.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/r*100))+"%",containScroll:"trimSnaps"},o),a)};L.Slide=u.Carousel.Slide;var j=function(n){return v.default.createElement(t.Checkbox,e.__assign({},n))};j.Group=t.Checkbox.Group;var O,q,A,z=_.default(t.Slider)(O||(O=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})),P=_.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),T=_.default(t.Radio)(A||(A=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})),D=function(n){return v.default.createElement(T,e.__assign({size:"sm"},n))};D.Group=t.Radio.Group;var I,M=_.default(t.Switch)(I||(I=e.__makeTemplateObject(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),R={"&:hover":{borderColor:"".concat(s.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(s.theme.colors.blue200)}};exports.Carousel=L,exports.Checkbox=j,exports.DatePicker=k,exports.Input=S,exports.LoadingOverlay=function(n){return v.default.createElement(t.LoadingOverlay,e.__assign({loaderProps:{color:s.theme.colors.primaryBase}},n))},exports.Radio=D,exports.Select=function(n){return v.default.createElement(t.Select,e.__assign({rightSection:v.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?s.theme.colors.primaryBase:r,o=t.withControl,i=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],p=h[1],_=l.useDebouncedValue(g,E)[0];return n.useEffect((function(){null==i||i(_)}),[_]),v.default.createElement(P,null,o&&v.default.createElement(c.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){p((function(e){return d&&e===d?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:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),v.default.createElement(z,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:g,onChange:p,min:d,max:m},f)),o&&v.default.createElement(c.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){p((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:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Switch=M,exports.emotionCache=y,exports.getMantineThemeOverride=function(n){return{datesLocale:b[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(s.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(s.theme.colors.blue200)}}}}},Checkbox:{styles:function(){return{input:R}}},Radio:{styles:function(){return{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},R),{"&:checked":{backgroundColor:"#ffffff"}})}}}}}};
|