@hhgtech/hhg-components 1.28.54 → 1.28.55

package/build/esm/{index-78578768.js → index-3409f3ca.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-7745e42b.js";import t from"react";import{S as s,a}from"./index.styled-e8f8bbab.js";const r=a=>{var{type:r,color:l,style:o}=a,c=e(a,["type","color","style"]);return t.createElement(s,Object.assign({type:r,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[r],style:Object.assign(Object.assign({},l&&{"--text-color":l}),o)},c))},l=s=>{var{type:r,color:l,style:o}=s,c=e(s,["type","color","style"]);return t.createElement(a,Object.assign({"data-type":r,style:Object.assign(Object.assign({},o),l&&{"--text-color":l})},c))};export{l as M,r as a};
+import{_ as e}from"./tslib.es6-ba9d8cd4.js";import t from"react";import{S as s,a}from"./index.styled-e7114743.js";const r=a=>{var{type:r,color:l,style:o}=a,c=e(a,["type","color","style"]);return t.createElement(s,Object.assign({type:r,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[r],style:Object.assign(Object.assign({},l&&{"--text-color":l}),o)},c))},l=s=>{var{type:r,color:l,style:o}=s,c=e(s,["type","color","style"]);return t.createElement(a,Object.assign({"data-type":r,style:Object.assign(Object.assign({},o),l&&{"--text-color":l})},c))};export{l as M,r as a};

package/build/esm/index-3d2abc54.js

@@ -0,0 +1 @@
+import{_ as e}from"./tslib.es6-ba9d8cd4.js";import t,{useState as n,useEffect as o}from"react";import{useDebouncedValue as a}from"@mantine/hooks";import{D as i,h as s,B as r,i as l}from"./index-d9f09bce.js";const m=m=>{var{color:c,withControl:h,onChange:d,value:u,min:g,max:k,isStatic:p,containerClassName:v,containerStyle:C}=m,b=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[x,E]=n(u||g||0),[f]=a(x,i);return o((()=>{null==d||d(f)}),[f]),o((()=>{E(u)}),[u]),t.createElement(s,{className:v,style:C},h&&t.createElement(r,{type:"button",size:"sm",color:"ghost",onClick:()=>{E((e=>g&&e===g?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",viewBox:"0 0 12 3"},t.createElement("path",{d:"M1 1.004h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),t.createElement(l,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:c,value:x,onChange:p?()=>null:E,min:g,max:k},b,{className:"hhg-mantine-slider "+(b.className||"")})),h&&t.createElement(r,{type:"button",size:"sm",variant:"ghost",onClick:()=>{E((e=>k&&e===k?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};

package/build/esm/{index-02b77a48.js → index-4209d110.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-7745e42b.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,b as r,d as l,e as i}from"./constants-943d66db.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:b=!0,actionIcon:y,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),H=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!y||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},H,j)),C&&a.createElement(r,{className:"displayIcon"},C),y&&a.createElement(l,{className:"actionIcon",onClick:v},y)),p&&p.length>0&&b&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};
+import{_ as e}from"./tslib.es6-ba9d8cd4.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,b as r,d as l,e as i}from"./constants-0683dc31.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:b=!0,actionIcon:y,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),H=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!y||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},H,j)),C&&a.createElement(r,{className:"displayIcon"},C),y&&a.createElement(l,{className:"actionIcon",onClick:v},y)),p&&p.length>0&&b&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};

package/build/esm/index-4d4fe4a9.js

@@ -0,0 +1 @@
+import{_ as e}from"./tslib.es6-ba9d8cd4.js";import t from"react";import{Image as o}from"@mantine/core";import{DatePickerInput as r}from"@mantine/dates";import{I as s}from"./index-bd711d1d.js";import{L as i}from"./Subot-851fd333.js";import{C as a}from"./index-b2fd7f71.js";import{M as n}from"./index-d9f09bce.js";const l=l=>{var m,{value:d,fullWidth:c=!0}=l,p=e(l,["value","fullWidth"]);return t.createElement(r,Object.assign({locale:n[process.env.UNIFY_LOCALE||i.Vietnam],valueFormat:null===(m=s[process.env.UNIFY_LOCALE||i.Vietnam])||void 0===m?void 0:m.dateFormat,size:"md",clearable:!1,popoverProps:c?{styles:{dropdown:{minWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center"}}}:{},styles:{root:{position:"relative"},rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(o,{src:a.getAssetPath(p.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16}),value:d},p,{className:`input-control ${(null==p?void 0:p.className)||""}`}))};export{l as D};