@hhgtech/hhg-components 1.21.51 → 1.21.52
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.
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { AvatarProps as MantineAvatarProps, IndicatorProps as MantineIndicatorProps } from '@mantine/core';
|
|
3
|
+
export type AvatarProps = {
|
|
4
|
+
withIndicator?: boolean;
|
|
5
|
+
indicatorConfig?: Omit<MantineIndicatorProps, 'children'>;
|
|
6
|
+
} & MantineAvatarProps;
|
|
7
|
+
declare const Avatar: ({ withIndicator, indicatorConfig, size, ...avatarProps }: AvatarProps) => JSX.Element;
|
|
8
|
+
export { Avatar };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledAvatar: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -2,6 +2,8 @@ export type { SelectProps } from './select';
|
|
|
2
2
|
export { Select } from './select';
|
|
3
3
|
export type { DatePickerProps, DateRangePickerProps } from './datepicker';
|
|
4
4
|
export { DatePicker } from './datepicker';
|
|
5
|
+
export { Avatar } from './avatar';
|
|
6
|
+
export type { AvatarProps } from './avatar';
|
|
5
7
|
export { Input } from './input';
|
|
6
8
|
export type { InputProps, FileInputProps, NumberInputProps, PasswordInputProps, } from './input';
|
|
7
9
|
export { LoadingOverlay } from './loadingOverlay';
|
package/build/esm/mantine.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e,_ as n,e as t}from"./tslib.es6-dcf36680.js";import r,{useState as a,useEffect as o}from"react";import{Autocomplete as i,Image as l,Select as s,
|
|
1
|
+
import{b as e,_ as n,e as t}from"./tslib.es6-dcf36680.js";import r,{useState as a,useEffect as o}from"react";import{Autocomplete as i,Image as l,Select as s,Indicator as c,Avatar as m,createEmotionCache as d,FileInput as u,NumberInput as p,PasswordInput as h,TextInput as f,LoadingOverlay as g,Checkbox as v,Slider as w,Radio as b,Switch as y,MantineProvider as Y}from"@mantine/core";import{CommonGAssets as x}from"./gAssets.js";import{DatePicker as E,DateRangePicker as k}from"@mantine/dates";import C,{css as S}from"styled-components";import{useDebouncedValue as M}from"@mantine/hooks";import{L as D}from"./Locale-69030fff.js";import"date-fns";import"./screenSizeContext-f2090394.js";import{t as z}from"./theme-a50a1aa5.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import{Carousel as P}from"@mantine/carousel";import{a4 as j}from"./index.styled-c7779899.js";import{B as F}from"./index-c9e5ca7c.js";import"react-range";import"./translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import"vanilla-lazyload";import"lodash";var I,T,A,B,R=function(t){var a=t.keepSearch,o=void 0!==a&&a,c=e(t,["keepSearch"]);return o?r.createElement(i,n({rightSection:r.createElement(l,{src:x.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},c)):r.createElement(s,n({rightSection:r.createElement(l,{src:x.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},c))},L=C(E)(T||(T=t(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(e){return e.fullWidth&&S(I||(I=t(["\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=C(k)(B||(B=t(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(e){return e.fullWidth&&S(A||(A=t(["\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 "])))})),H=function(e){return r.createElement(L,n({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(l,{src:x.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e))};H.Range=function(e){return r.createElement(W,n({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(l,{src:x.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},e))};var N,G=x.getAssetPath("avatar.jpg"),O=function(t){var a=t.withIndicator,o=void 0!==a&&a,i=t.indicatorConfig,l=void 0===i?null:i,s=t.size,d=void 0===s?56:s,u=e(t,["withIndicator","indicatorConfig","size"]),p=function(){return r.createElement(m,n({size:d,radius:"xl"},u),r.createElement("img",{src:G,width:d}))};return o?r.createElement(c,n({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:r.isValidElement(l.label)&&"transparent"}}}),p()):p()},V=300,U=d({key:"mantine",prepend:!1}),q=((N={})[D.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},N[D.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},N[D.India]={dateFormat:"DD/MM/YYYY",separator:"."},N[D.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},N[D.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},N[D.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},N[D.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},N[D.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},N[D.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},N[D.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},N),Z=x.getAssetPath("EyeVisible.svg"),_=x.getAssetPath("EyeHidden.svg"),J=function(t){var i=t.value,l=t.onChange,s=e(t,["value","onChange"]),c=a(i||""),m=c[0],d=c[1],u=M(m,V)[0];return o((function(){null==l||l(u)}),[u]),o((function(){d(i)}),[i]),r.createElement(f,n({size:"md",onChange:function(e){return d(e.currentTarget.value)},value:m},s))};J.File=function(e){return r.createElement(u,n({size:"md"},e))},J.Password=function(t){var i=t.value,l=t.onChange,s=e(t,["value","onChange"]),c=a(i||""),m=c[0],d=c[1],u=M(m,V)[0];return o((function(){null==l||l(u)}),[u]),o((function(){d(i)}),[i]),r.createElement(h,n({size:"md",onChange:function(e){return d(e.currentTarget.value)},visibilityToggleIcon:function(e){var n=e.reveal,t=e.size;return n?r.createElement("img",{src:Z,width:t}):r.createElement("img",{src:_,width:t})},styles:{rightSection:{pointerEvents:"initial"}},value:m},s))},J.Number=function(t){var i=t.value,l=t.onChange,s=e(t,["value","onChange"]),c=a(i||0),m=c[0],d=c[1],u=M(m,V)[0];return o((function(){null==l||l(u)}),[u]),o((function(){d(i)}),[i]),r.createElement(p,n({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:d,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:m},s))};var K=function(e){return r.createElement(g,n({loaderProps:{color:z.colors.primaryBase}},e))},Q=function(t){var a=t.slidesToShow,o=void 0===a?1:a,i=t.children,l=e(t,["slidesToShow","children"]);return r.createElement(P,n({slideSize:String(Math.floor(1/o*100))+"%",containScroll:"trimSnaps"},l),i)};Q.Slide=P.Slide;var X=function(e){return r.createElement(v,n({},e))};X.Group=v.Group;var $,ee,ne,te="hhgcomp-mantine-slider-slider",re=j(C(w)($||($=t(["\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})),te),ae=C.div(ee||(ee=t(["\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"])),te),oe=function(t){var i=t.color,l=void 0===i?z.colors.primaryBase:i,s=t.withControl,c=t.onChange,m=t.value,d=t.min,u=t.max,p=e(t,["color","withControl","onChange","value","min","max"]),h=a(m||d||0),f=h[0],g=h[1],v=M(f,V)[0];return o((function(){null==c||c(v)}),[v]),r.createElement(ae,null,s&&r.createElement(F,{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(re,n({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:l,value:f,onChange:g,min:d,max:u},p)),s&&r.createElement(F,{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"}))))},ie=C(b)(ne||(ne=t(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(e){return e.color||z.colors.primaryBase})),le=function(e){return r.createElement(ie,n({size:"sm"},e))};le.Group=b.Group;var se,ce,me=C(y)(se||(se=t(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),de=((ce={})[D.Vietnam]="vi",ce[D.Cambodia]="km",ce[D.India]="hi",ce[D.Indonesia]="id",ce[D.Malaysia]="ms",ce[D.Thailand]="th",ce[D.Taiwan]="zh-tw",ce[D.PhilippinesTagalog]="tl-ph",ce[D.PhilippinesEnglish]="en",ce[D.Myanmar]="my",ce),ue={"&:hover":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},pe=function(e){return{datesLocale:de[e],dateFormat:q[e].dateFormat,fontFamily:e===D.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:q[e].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:ue}},Radio:{styles:{radio:n(n({backgroundColor:"#ffffff"},ue),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},he=function(t){var a=t.children,i=t.locale,l=e(t,["children","locale"]);return function(e){o((function(){de[e]&&require("dayjs/locale/".concat(de[e],".js"))}),[e])}(i),r.createElement(Y,n({theme:pe(i),withGlobalStyles:!0,withNormalizeCSS:!0},l),a)};export{O as Avatar,Q as Carousel,X as Checkbox,H as DatePicker,J as Input,K as LoadingOverlay,he as MantineProvider,le as Radio,R as Select,oe as Slider,me as Switch,U as emotionCache,pe 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"),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-b54ef4f4.js"),d=require("./index-0b7cfe84.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,v,C=m(t),_=m(o),E=_.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 "])))})),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 C.default.createElement(E,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(n.Image,{src:a.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},t))};x.Range=function(t){return C.default.createElement(b,e.__assign({size:"md",clearable:!1,fullWidth:!0,rightSection:C.default.createElement(n.Image,{src:a.CommonGAssets.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},t))};var w=300,L=n.createEmotionCache({key:"mantine",prepend:!1}),k=((v={})[l.LOCALE.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},v[l.LOCALE.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},v[l.LOCALE.India]={dateFormat:"DD/MM/YYYY",separator:"."},v[l.LOCALE.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},v[l.LOCALE.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},v[l.LOCALE.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},v[l.LOCALE.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},v[l.LOCALE.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},v[l.LOCALE.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},v[l.LOCALE.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},v),y=a.CommonGAssets.getAssetPath("EyeVisible.svg"),S=a.CommonGAssets.getAssetPath("EyeHidden.svg"),Y=function(a){var r=a.value,o=a.onChange,l=e.__rest(a,["value","onChange"]),s=t.useState(r||""),u=s[0],c=s[1],d=i.useDebouncedValue(u,w)[0];return t.useEffect((function(){null==o||o(d)}),[d]),t.useEffect((function(){c(r)}),[r]),C.default.createElement(n.TextInput,e.__assign({size:"md",onChange:function(e){return c(e.currentTarget.value)},value:u},l))};Y.File=function(t){return C.default.createElement(n.FileInput,e.__assign({size:"md"},t))},Y.Password=function(a){var r=a.value,o=a.onChange,l=e.__rest(a,["value","onChange"]),s=t.useState(r||""),u=s[0],c=s[1],d=i.useDebouncedValue(u,w)[0];return t.useEffect((function(){null==o||o(d)}),[d]),t.useEffect((function(){c(r)}),[r]),C.default.createElement(n.PasswordInput,e.__assign({size:"md",onChange:function(e){return c(e.currentTarget.value)},visibilityToggleIcon:function(e){var t=e.reveal,n=e.size;return t?C.default.createElement("img",{src:y,width:n}):C.default.createElement("img",{src:S,width:n})},styles:{rightSection:{pointerEvents:"initial"}},value:u},l))},Y.Number=function(a){var r=a.value,o=a.onChange,l=e.__rest(a,["value","onChange"]),s=t.useState(r||0),u=s[0],c=s[1],d=i.useDebouncedValue(u,w)[0];return t.useEffect((function(){null==o||o(d)}),[d]),t.useEffect((function(){c(r)}),[r]),C.default.createElement(n.NumberInput,e.__assign({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:c,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:u},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 C.default.createElement(u.Carousel,e.__assign({slideSize:String(Math.floor(1/a*100))+"%",containScroll:"trimSnaps"},o),r)};O.Slide=u.Carousel.Slide;var A=function(t){return C.default.createElement(n.Checkbox,e.__assign({},t))};A.Group=n.Checkbox.Group;var D,M,j,P=_.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=_.default.div(M||(M=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=_.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 C.default.createElement(I,e.__assign({size:"sm"},t))};F.Group=n.Radio.Group;var B,G,R=_.default(n.Switch)(B||(B=e.__makeTemplateObject(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),W=((G={})[l.LOCALE.Vietnam]="vi",G[l.LOCALE.Cambodia]="km",G[l.LOCALE.India]="hi",G[l.LOCALE.Indonesia]="id",G[l.LOCALE.Malaysia]="ms",G[l.LOCALE.Thailand]="th",G[l.LOCALE.Taiwan]="zh-tw",G[l.LOCALE.PhilippinesTagalog]="tl-ph",G[l.LOCALE.PhilippinesEnglish]="en",G[l.LOCALE.Myanmar]="my",G),V={"&:hover":{borderColor:"".concat(s.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(s.theme.colors.blue200)}},H=function(t){return{datesLocale:W[t],dateFormat:k[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:k[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=A,exports.DatePicker=x,exports.Input=Y,exports.LoadingOverlay=function(t){return C.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),C.default.createElement(n.MantineProvider,e.__assign({theme:H(o),withGlobalStyles:!0,withNormalizeCSS:!0},i),r)},exports.Radio=F,exports.Select=function(t){var r=t.keepSearch,o=void 0!==r&&r,i=e.__rest(t,["keepSearch"]);return o?C.default.createElement(n.Autocomplete,e.__assign({rightSection:C.default.createElement(n.Image,{src:a.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):C.default.createElement(n.Select,e.__assign({rightSection:C.default.createElement(n.Image,{src:a.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},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],v=i.useDebouncedValue(p,w)[0];return t.useEffect((function(){null==l||l(v)}),[v]),C.default.createElement(z,null,o&&C.default.createElement(d.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){g((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:r,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),C.default.createElement(T,e.__assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:r,value:p,onChange:g,min:c,max:m},f)),o&&C.default.createElement(d.Button,{type:"button",size:"sm",color:"ghost",onClick:function(){g((function(e){return m&&e===m?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:r,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Switch=R,exports.emotionCache=L,exports.getMantineThemeOverride=H;
|
|
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"),s=require("./Locale-11b51016.js");require("date-fns"),require("./screenSizeContext-78ac9057.js");var l=require("./theme-696d81a9.js");require("./index-d28c27ca.js"),require("./isProduction-32e6a55a.js");var u=require("@mantine/carousel"),c=require("./index.styled-b54ef4f4.js"),d=require("./index-0b7cfe84.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,v=m(t),C=m(o),_=C.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=C.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 "])))})),b=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))};b.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 w,x=a.CommonGAssets.getAssetPath("avatar.jpg"),L=300,k=n.createEmotionCache({key:"mantine",prepend:!1}),y=((w={})[s.LOCALE.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},w[s.LOCALE.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},w[s.LOCALE.India]={dateFormat:"DD/MM/YYYY",separator:"."},w[s.LOCALE.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},w[s.LOCALE.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},w[s.LOCALE.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},w[s.LOCALE.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},w[s.LOCALE.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},w[s.LOCALE.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},w[s.LOCALE.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},w),S=a.CommonGAssets.getAssetPath("EyeVisible.svg"),A=a.CommonGAssets.getAssetPath("EyeHidden.svg"),Y=function(a){var r=a.value,o=a.onChange,s=e.__rest(a,["value","onChange"]),l=t.useState(r||""),u=l[0],c=l[1],d=i.useDebouncedValue(u,L)[0];return t.useEffect((function(){null==o||o(d)}),[d]),t.useEffect((function(){c(r)}),[r]),v.default.createElement(n.TextInput,e.__assign({size:"md",onChange:function(e){return c(e.currentTarget.value)},value:u},s))};Y.File=function(t){return v.default.createElement(n.FileInput,e.__assign({size:"md"},t))},Y.Password=function(a){var r=a.value,o=a.onChange,s=e.__rest(a,["value","onChange"]),l=t.useState(r||""),u=l[0],c=l[1],d=i.useDebouncedValue(u,L)[0];return t.useEffect((function(){null==o||o(d)}),[d]),t.useEffect((function(){c(r)}),[r]),v.default.createElement(n.PasswordInput,e.__assign({size:"md",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:S,width:n}):v.default.createElement("img",{src:A,width:n})},styles:{rightSection:{pointerEvents:"initial"}},value:u},s))},Y.Number=function(a){var r=a.value,o=a.onChange,s=e.__rest(a,["value","onChange"]),l=t.useState(r||0),u=l[0],c=l[1],d=i.useDebouncedValue(u,L)[0];return t.useEffect((function(){null==o||o(d)}),[d]),t.useEffect((function(){c(r)}),[r]),v.default.createElement(n.NumberInput,e.__assign({size:"md",stepHoldDelay:500,stepHoldInterval:function(e){return Math.max(1e3/Math.pow(e,2),25)},onChange:c,hideControls:!0,min:0,formatter:function(e){return 0===Number(e)?"":e||""},removeTrailingZeros:!0,value:u},s))};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 D=function(t){return v.default.createElement(n.Checkbox,e.__assign({},t))};D.Group=n.Checkbox.Group;var M,j,P,q=C.default(n.Slider)(M||(M=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",I=c.getDefaultClassWrapper(q,z),T=C.default.div(j||(j=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),F=C.default(n.Radio)(P||(P=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})),G=function(t){return v.default.createElement(F,e.__assign({size:"sm"},t))};G.Group=n.Radio.Group;var B,R,V=C.default(n.Switch)(B||(B=e.__makeTemplateObject(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),W=((R={})[s.LOCALE.Vietnam]="vi",R[s.LOCALE.Cambodia]="km",R[s.LOCALE.India]="hi",R[s.LOCALE.Indonesia]="id",R[s.LOCALE.Malaysia]="ms",R[s.LOCALE.Thailand]="th",R[s.LOCALE.Taiwan]="zh-tw",R[s.LOCALE.PhilippinesTagalog]="tl-ph",R[s.LOCALE.PhilippinesEnglish]="en",R[s.LOCALE.Myanmar]="my",R),H={"&:hover":{borderColor:"".concat(l.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(l.theme.colors.blue200)}},N=function(t){return{datesLocale:W[t],dateFormat:y[t].dateFormat,fontFamily:t===s.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(l.theme.colors.blue200),boxShadow:"0 0 2px 2px ".concat(l.theme.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:H}},Radio:{styles:{radio:e.__assign(e.__assign({backgroundColor:"#ffffff"},H),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};exports.Avatar=function(t){var a=t.withIndicator,r=void 0!==a&&a,o=t.indicatorConfig,i=void 0===o?null:o,s=t.size,l=void 0===s?56:s,u=e.__rest(t,["withIndicator","indicatorConfig","size"]),c=function(){return v.default.createElement(n.Avatar,e.__assign({size:l,radius:"xl"},u),v.default.createElement("img",{src:x,width:l}))};return r?v.default.createElement(n.Indicator,e.__assign({inline:!0,position:"bottom-end",offset:9},i,{styles:{indicator:{backgroundColor:v.default.isValidElement(i.label)&&"transparent"}}}),c()):c()},exports.Carousel=O,exports.Checkbox=D,exports.DatePicker=b,exports.Input=Y,exports.LoadingOverlay=function(t){return v.default.createElement(n.LoadingOverlay,e.__assign({loaderProps:{color:l.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=G,exports.Select=function(t){var r=t.keepSearch,o=void 0!==r&&r,i=e.__rest(t,["keepSearch"]);return o?v.default.createElement(n.Autocomplete,e.__assign({rightSection:v.default.createElement(n.Image,{src:a.CommonGAssets.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):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},i))},exports.Slider=function(n){var a=n.color,r=void 0===a?l.theme.colors.primaryBase:a,o=n.withControl,s=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==s||s(C)}),[C]),v.default.createElement(T,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(I,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=V,exports.emotionCache=k,exports.getMantineThemeOverride=N;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hhgtech/hhg-components",
|
|
3
|
-
"version": "1.21.
|
|
3
|
+
"version": "1.21.52",
|
|
4
4
|
"main": "build/index.js",
|
|
5
5
|
"module": "build/esm/index.js",
|
|
6
6
|
"files": [
|
|
@@ -167,6 +167,7 @@
|
|
|
167
167
|
"browser-image-compression": "^2.0.0",
|
|
168
168
|
"dayjs": "1.11.6",
|
|
169
169
|
"embla-carousel-react": "7.0.5",
|
|
170
|
+
"embla-carousel-wheel-gestures": "^3.0.0",
|
|
170
171
|
"innertext": "^1.0.3",
|
|
171
172
|
"keen-slider": "^6.7.0",
|
|
172
173
|
"react-contenteditable": "^3.3.6",
|