@hhgtech/hhg-components 1.21.21 → 1.21.22
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,9 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DatePickerProps as MantineDatePickerProps } from '@mantine/dates';
|
|
3
|
-
import { LOCALE } from 'src/interfaces/types';
|
|
4
3
|
import { DateRangePicker } from './range';
|
|
5
4
|
export type SharedType = {
|
|
6
|
-
locale: LOCALE;
|
|
7
5
|
isRange?: boolean;
|
|
8
6
|
};
|
|
9
7
|
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: (
|
|
5
|
+
export declare const DateRangePicker: (props: DateRangePickerProps) => JSX.Element;
|
|
@@ -17,5 +17,6 @@ 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';
|
|
20
21
|
export { emotionCache } from './helpers';
|
|
21
22
|
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 a}from"react";import{Select as i,Image as l,createEmotionCache as c,FileInput as s,NumberInput 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 m,PasswordInput as u,TextInput as d,LoadingOverlay as h,Checkbox as f,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(i,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 a=e.value,i=e.onChange,l=t(e,["value","onChange"]),c=E(a||"",W),s=c[0],m=c[1];return o((function(){null==i||i(s)}),[s]),r.createElement(d,n({size:"md",defaultValue:s,onChange:function(n){return m(n.currentTarget.value)}},l))};G.File=function(e){return r.createElement(s,n({size:"md"},e))},G.Password=function(e){var a=e.value,i=e.onChange,c=t(e,["value","onChange"]),s=E(a||"",W),m=s[0],d=s[1];return o((function(){null==i||i(m)}),[m]),r.createElement(u,n({size:"md",defaultValue:m,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 a=e.value,i=e.onChange,l=t(e,["value","onChange"]),c=E(a||0,W),s=c[0],u=c[1];return o((function(){null==i||i(s)}),[s]),r.createElement(m,n({size:"md",decimalSeparator:".",stepHoldDelay:500,stepHoldInterval:function(n){return Math.max(1e3/Math.pow(n,2),25)},defaultValue:s,onChange:u},l))};var V=function(e){return r.createElement(h,n({loaderProps:{color:z.colors.primaryBase}},e))},H=function(e){var o=e.slidesToShow,a=void 0===o?1:o,i=e.children,l=t(e,["slidesToShow","children"]);return r.createElement(P,n({slideSize:String(Math.floor(1/a*100))+"%",containScroll:"trimSnaps"},l),i)};H.Slide=P.Slide;var O=function(e){return r.createElement(f,n({},e))};O.Group=f.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 i=e.color,l=void 0===i?z.colors.primaryBase:i,c=e.withControl,s=e.onChange,m=e.value,u=e.min,d=e.max,h=t(e,["color","withControl","onChange","value","min","max"]),f=a(m||u||0),p=f[0],g=f[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 u&&n===u?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:u,max:d},h)),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:{label:{marginBottom:"0.5rem"}}},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)}}}},Checkbox:{styles:{input:tn}},Radio:{styles:{radio:n(n({backgroundColor:"#ffffff"},tn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},on=function(e){var a=e.children,i=e.locale,l=t(e,["children","locale"]);return function(n){o((function(){en[n]&&require("dayjs/locale/".concat(en[n],".js"))}),[n])}(i),r.createElement(w,n({theme:rn(i),withGlobalStyles:!0,withNormalizeCSS:!0},l),a)};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,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("
|
|
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("@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 "])))})),x=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))};x.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 C=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||"",C),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||"",C),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,C),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,T,D=v.default(t.Switch)(z||(z=e.__makeTemplateObject(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),I=((T={})[s.LOCALE.Vietnam]="vi",T[s.LOCALE.Cambodia]="km",T[s.LOCALE.India]="hi",T[s.LOCALE.Indonesia]="id",T[s.LOCALE.Malaysia]="ms",T[s.LOCALE.Thailand]="th",T[s.LOCALE.Taiwan]="zh-tw",T[s.LOCALE.PhilippinesTagalog]="tl-ph",T[s.LOCALE.PhilippinesEnglish]="en",T[s.LOCALE.Myanmar]="my",T),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:{label:{marginBottom:"0.5rem"}}},Input:{styles:{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:{input:M}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},M),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};exports.Carousel=k,exports.Checkbox=y,exports.DatePicker=x,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,C)[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=D,exports.emotionCache=w,exports.getMantineThemeOverride=R;
|