@hhgtech/hhg-components 1.21.13 → 1.21.14
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.
- package/build/esm/mantine.js +1 -1
- package/build/mantine.js +1 -1
- package/package.json +1 -1
package/build/esm/mantine.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{e as n,_ as e,b as t}from"./tslib.es6-dcf36680.js";import r,{useEffect as o,useState as
|
|
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};
|
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"),a=require("styled-components"),r=require("./gAssets.js"),
|
|
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;
|