alex-evo-sh-ui-kit 1.1.85 → 1.1.86
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.
|
@@ -5954,7 +5954,7 @@ const fe = (n) => {
|
|
|
5954
5954
|
);
|
|
5955
5955
|
}, bs = ve(
|
|
5956
5956
|
function({ children: t, value: r, name: s, errors: i, onFinish: l, ...o }, c) {
|
|
5957
|
-
const [a, d] = g(r
|
|
5957
|
+
const [a, d] = g(r), u = k((h) => {
|
|
5958
5958
|
h.preventDefault(), l == null || l(a);
|
|
5959
5959
|
}, [l, a]), m = k((h, x) => {
|
|
5960
5960
|
d((C) => ({
|
|
@@ -5969,7 +5969,7 @@ const fe = (n) => {
|
|
|
5969
5969
|
},
|
|
5970
5970
|
setValues: (h) => d(h),
|
|
5971
5971
|
getValues: () => a,
|
|
5972
|
-
reset: () => d(r
|
|
5972
|
+
reset: () => d(r)
|
|
5973
5973
|
}), [l, a, r]), /* @__PURE__ */ e.jsx(rt.Provider, { value: { value: a, changeField: m, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: u, noValidate: !0, ...o, children: t }) });
|
|
5974
5974
|
}
|
|
5975
5975
|
), s1 = Object.assign(bs, {
|
|
@@ -423,4 +423,4 @@ React keys must be passed directly to JSX without using spread:
|
|
|
423
423
|
${v?"input-field_transparent":""}
|
|
424
424
|
${A?"input-field_error":""}
|
|
425
425
|
${j?"input-field_disabled":""}
|
|
426
|
-
`,children:e.jsxs("div",{className:"input-field__input-container",onClick:w,children:[e.jsx("input",{ref:n,required:!0,disabled:j,type:"text",className:`input-field__input-container__input ${_?"input-field__input-container__input_error":""}`,name:u,value:y,onFocus:h,onBlur:p,readOnly:!0}),e.jsx("label",{className:"input-field__input-container__label",children:l?e.jsx("span",{className:"input-field__input-container__label__span",children:l}):null})]})}),A&&k&&e.jsx(G,{type:"small",className:"input-field-container__error-text",children:k}),f&&!A&&e.jsx(G,{type:"small",className:"input-field-container__helper-text",children:f}),e.jsx(hn,{marginBottom:r===Q.MOBILE?80:0,width:$.width,screensize:r,x:$.x,y:$.y,onHide:()=>N(!1),container:m,blocks:[{items:o.map(z)}],visible:V})]})});wn.displayName="SelectField";const qt=({icons:n,value:t,onChange:r,disabled:o,placeholder:a,container:i=document.getElementById("root")})=>{const[l,d]=c.useState(!1),s=n.find(_=>_.id===t),u=_=>{r==null||r(_),d(!1)};return e.jsxs(e.Fragment,{children:[e.jsx(Ce,{border:!0,icon:(s==null?void 0:s.component)??void 0,value:s==null?void 0:s.name,readOnly:!0,disabled:o,onClick:()=>d(!0),placeholder:a}),l&&e.jsx(le,{container:i,children:e.jsx(Ct,{header:"Icons",onHide:()=>d(!1),onSuccess:u,items:n.map(_=>({icon:_.component,title:_.name,data:_.id}))})})]})},Kt={Dashboard:lt,Copy:an,LogoutIcon:Kn,Room:Jn,Group:qn,OkUserIcon:Xn,XUserIcon:Un,MinusUserIcon:Yn,AddUserIcon:Gn,UserIcon:Zn,LinkIcon:Wn,UnLinkIcon:Hn,GearIcon:Bn,X:oe,Trash:qe,Pen:nn,Palette:Ke,Home:Dn,MoreHorizontal:Le,MenuIcon:Re,MoreVertical:Qe,CircleMinus:Oe,Calendar:Je,Check:se,ChevronDown:Me,CirclePlus:Ae,Clock:Ie,ArrowLeft:De,ArrowRight:Pn,ArrowUp:In,Keyboard:tn,Search:en,Plus:rn,Minus:on,Plug:An,LampIcon:Qn,SwitchIcon:Rn,ConditionerIcon:nt,ConditionerIcon2:et,TempHighIcon:cn,Sensor:tt,Sensor2:rt,Sensor3:ot,SensorWarning:at,Curtains:it,FilterIcon:sn,Play:ct,ToolsIcon:st,Addons:dt},go=Object.entries(Kt).map(([n,t])=>({id:n,name:n.charAt(0).toUpperCase()+n.slice(1),component:e.jsx(t,{})})),xo=n=>e.jsx(qt,{icons:go,...n});function ko(n){if(n)return Kt[n]??void 0}const yo={showSnackbar:n=>{},hideSnackbar:()=>{}},Jt=c.createContext(yo),jo=({children:n})=>{var l;const[t,r]=c.useState({visible:!1,text:""}),o=c.useRef(null),a=c.useCallback((d,s)=>{r({visible:!0,text:d,option:s}),o.current&&clearTimeout(o.current),s!=null&&s.closeButton||(o.current=setTimeout(()=>i(),(s==null?void 0:s.delay)??3e3))},[]),i=c.useCallback(()=>{o.current&&(clearTimeout(o.current),o.current=null),r({visible:!1,text:""})},[]);return e.jsxs(Jt.Provider,{value:{showSnackbar:a,hideSnackbar:i},children:[e.jsx(Ut,{...t,option:{...t.option,onHide:(l=t.option)!=null&&l.closeButton?i:void 0}}),n]})},Qt=c.createContext({});function Co(){return c.useContext(Qt)}function wo(n){return typeof n=="string"}function No(n){return typeof n=="number"}function So(n){return typeof n=="boolean"}const ue=n=>{const{value:t,changeField:r,errors:o}=Co(),a=c.useCallback(s=>{r&&r(n,s)},[n]),i=c.useCallback(()=>{const s=t==null?void 0:t[n];return So(s)?!!s:No(s)?Number(s):wo(s)?s??"":""},[t,n]),l=c.useCallback(()=>{r&&r(n,"")},[n]),d=c.useCallback(()=>{if(o&&Object.keys(o).includes(n))return o[n]},[o,n]);return{value:i(),clearHandler:l,error:d(),change:a}},Mo=n=>{const{value:t,change:r,error:o}=ue(n.name);return e.jsx(Ht,{...n,onChange:r,value:String(t),errorText:o,error:!!o})},Lo=n=>{const{value:t,change:r,error:o}=ue(n.name);return e.jsx(gn,{...n,value:Number(t),onChange:r,errorText:o,error:!!o})},Oo=n=>{const{value:t,change:r,error:o}=ue(n.name);return e.jsx(wn,{...n,container:n.container??document.body,value:t,onChange:r,errorText:o,error:!!o})},Eo=({placeholder:n,ref:t,style:r,readOnly:o,className:a,name:i})=>{const{value:l,change:d}=ue(i),s=u=>{d&&d(u.target.checked)};return e.jsx("div",{className:`input-field form-switch ${a}`,style:r,children:e.jsx(vn,{readOnly:o,ref:t,placeholder:n,name:i,checked:!!l,onChange:s})})},zo=({placeholder:n,ref:t,style:r,readOnly:o,className:a,name:i})=>{const{value:l,change:d}=ue(i),s=_=>{if(_.length>0)return d&&d(!0);d&&d(!1)},u=c.useCallback(()=>l?[n??i]:[],[l,i,n]);return e.jsx(fn,{className:a,style:r,ref:t,readOnly:o,value:u(),multiple:!0,items:[n??i],onChange:s})},Fo=n=>{const{error:t,value:r,change:o,clearHandler:a}=ue(n.name);return e.jsx(Ce,{...n,error:!!t,onChange:o,value:String(r),errorText:t,onClear:a})},$o=n=>{const{error:t,value:r,change:o,clearHandler:a}=ue(n.name);return e.jsx(xn,{...n,onChange:o,onClear:n.clear?a:void 0,value:String(r),error:!!t,errorText:t})},To=n=>{const{error:t,value:r,change:o}=ue(n.name);return e.jsx(Dt,{...n,error:!!t,onChange:o,value:String(r),errorText:t})},Vo=n=>{const{error:t,value:r,change:o}=ue(n.name);return e.jsx(Gt,{...n,error:!!t,onChange:o,value:String(r),errorText:t})},Po=c.forwardRef(function({children:t,value:r,name:o,errors:a,onFinish:i,...l},d){const[s,u]=c.useState(r
|
|
426
|
+
`,children:e.jsxs("div",{className:"input-field__input-container",onClick:w,children:[e.jsx("input",{ref:n,required:!0,disabled:j,type:"text",className:`input-field__input-container__input ${_?"input-field__input-container__input_error":""}`,name:u,value:y,onFocus:h,onBlur:p,readOnly:!0}),e.jsx("label",{className:"input-field__input-container__label",children:l?e.jsx("span",{className:"input-field__input-container__label__span",children:l}):null})]})}),A&&k&&e.jsx(G,{type:"small",className:"input-field-container__error-text",children:k}),f&&!A&&e.jsx(G,{type:"small",className:"input-field-container__helper-text",children:f}),e.jsx(hn,{marginBottom:r===Q.MOBILE?80:0,width:$.width,screensize:r,x:$.x,y:$.y,onHide:()=>N(!1),container:m,blocks:[{items:o.map(z)}],visible:V})]})});wn.displayName="SelectField";const qt=({icons:n,value:t,onChange:r,disabled:o,placeholder:a,container:i=document.getElementById("root")})=>{const[l,d]=c.useState(!1),s=n.find(_=>_.id===t),u=_=>{r==null||r(_),d(!1)};return e.jsxs(e.Fragment,{children:[e.jsx(Ce,{border:!0,icon:(s==null?void 0:s.component)??void 0,value:s==null?void 0:s.name,readOnly:!0,disabled:o,onClick:()=>d(!0),placeholder:a}),l&&e.jsx(le,{container:i,children:e.jsx(Ct,{header:"Icons",onHide:()=>d(!1),onSuccess:u,items:n.map(_=>({icon:_.component,title:_.name,data:_.id}))})})]})},Kt={Dashboard:lt,Copy:an,LogoutIcon:Kn,Room:Jn,Group:qn,OkUserIcon:Xn,XUserIcon:Un,MinusUserIcon:Yn,AddUserIcon:Gn,UserIcon:Zn,LinkIcon:Wn,UnLinkIcon:Hn,GearIcon:Bn,X:oe,Trash:qe,Pen:nn,Palette:Ke,Home:Dn,MoreHorizontal:Le,MenuIcon:Re,MoreVertical:Qe,CircleMinus:Oe,Calendar:Je,Check:se,ChevronDown:Me,CirclePlus:Ae,Clock:Ie,ArrowLeft:De,ArrowRight:Pn,ArrowUp:In,Keyboard:tn,Search:en,Plus:rn,Minus:on,Plug:An,LampIcon:Qn,SwitchIcon:Rn,ConditionerIcon:nt,ConditionerIcon2:et,TempHighIcon:cn,Sensor:tt,Sensor2:rt,Sensor3:ot,SensorWarning:at,Curtains:it,FilterIcon:sn,Play:ct,ToolsIcon:st,Addons:dt},go=Object.entries(Kt).map(([n,t])=>({id:n,name:n.charAt(0).toUpperCase()+n.slice(1),component:e.jsx(t,{})})),xo=n=>e.jsx(qt,{icons:go,...n});function ko(n){if(n)return Kt[n]??void 0}const yo={showSnackbar:n=>{},hideSnackbar:()=>{}},Jt=c.createContext(yo),jo=({children:n})=>{var l;const[t,r]=c.useState({visible:!1,text:""}),o=c.useRef(null),a=c.useCallback((d,s)=>{r({visible:!0,text:d,option:s}),o.current&&clearTimeout(o.current),s!=null&&s.closeButton||(o.current=setTimeout(()=>i(),(s==null?void 0:s.delay)??3e3))},[]),i=c.useCallback(()=>{o.current&&(clearTimeout(o.current),o.current=null),r({visible:!1,text:""})},[]);return e.jsxs(Jt.Provider,{value:{showSnackbar:a,hideSnackbar:i},children:[e.jsx(Ut,{...t,option:{...t.option,onHide:(l=t.option)!=null&&l.closeButton?i:void 0}}),n]})},Qt=c.createContext({});function Co(){return c.useContext(Qt)}function wo(n){return typeof n=="string"}function No(n){return typeof n=="number"}function So(n){return typeof n=="boolean"}const ue=n=>{const{value:t,changeField:r,errors:o}=Co(),a=c.useCallback(s=>{r&&r(n,s)},[n]),i=c.useCallback(()=>{const s=t==null?void 0:t[n];return So(s)?!!s:No(s)?Number(s):wo(s)?s??"":""},[t,n]),l=c.useCallback(()=>{r&&r(n,"")},[n]),d=c.useCallback(()=>{if(o&&Object.keys(o).includes(n))return o[n]},[o,n]);return{value:i(),clearHandler:l,error:d(),change:a}},Mo=n=>{const{value:t,change:r,error:o}=ue(n.name);return e.jsx(Ht,{...n,onChange:r,value:String(t),errorText:o,error:!!o})},Lo=n=>{const{value:t,change:r,error:o}=ue(n.name);return e.jsx(gn,{...n,value:Number(t),onChange:r,errorText:o,error:!!o})},Oo=n=>{const{value:t,change:r,error:o}=ue(n.name);return e.jsx(wn,{...n,container:n.container??document.body,value:t,onChange:r,errorText:o,error:!!o})},Eo=({placeholder:n,ref:t,style:r,readOnly:o,className:a,name:i})=>{const{value:l,change:d}=ue(i),s=u=>{d&&d(u.target.checked)};return e.jsx("div",{className:`input-field form-switch ${a}`,style:r,children:e.jsx(vn,{readOnly:o,ref:t,placeholder:n,name:i,checked:!!l,onChange:s})})},zo=({placeholder:n,ref:t,style:r,readOnly:o,className:a,name:i})=>{const{value:l,change:d}=ue(i),s=_=>{if(_.length>0)return d&&d(!0);d&&d(!1)},u=c.useCallback(()=>l?[n??i]:[],[l,i,n]);return e.jsx(fn,{className:a,style:r,ref:t,readOnly:o,value:u(),multiple:!0,items:[n??i],onChange:s})},Fo=n=>{const{error:t,value:r,change:o,clearHandler:a}=ue(n.name);return e.jsx(Ce,{...n,error:!!t,onChange:o,value:String(r),errorText:t,onClear:a})},$o=n=>{const{error:t,value:r,change:o,clearHandler:a}=ue(n.name);return e.jsx(xn,{...n,onChange:o,onClear:n.clear?a:void 0,value:String(r),error:!!t,errorText:t})},To=n=>{const{error:t,value:r,change:o}=ue(n.name);return e.jsx(Dt,{...n,error:!!t,onChange:o,value:String(r),errorText:t})},Vo=n=>{const{error:t,value:r,change:o}=ue(n.name);return e.jsx(Gt,{...n,error:!!t,onChange:o,value:String(r),errorText:t})},Po=c.forwardRef(function({children:t,value:r,name:o,errors:a,onFinish:i,...l},d){const[s,u]=c.useState(r),_=c.useCallback(h=>{h.preventDefault(),i==null||i(s)},[i,s]),p=c.useCallback((h,m)=>{u(x=>({...x,[h]:m}))},[]);return c.useImperativeHandle(d,()=>({submit:()=>i==null?void 0:i(s),setFieldValue:(h,m)=>{u(x=>({...x,[h]:m}))},setValues:h=>u(h),getValues:()=>s,reset:()=>u(r)}),[i,s,r]),e.jsx(Qt.Provider,{value:{value:s,changeField:p,errors:a},children:e.jsx("form",{name:o,onSubmit:_,noValidate:!0,...l,children:t})})}),Io=Object.assign(Po,{TextInput:Fo,NumberInput:Lo,SelectInput:Oo,SwitchField:Eo,SwitchButtonField:zo,MoreTextField:Mo,TextArea:$o,DateField:To,TimeField:Vo});b.AddUserIcon=Gn,b.Addons=dt,b.ArrowLeft=De,b.ArrowRight=Pn,b.ArrowUp=In,b.BaseActionCard=kr,b.BaseButton=ve,b.BaseDialog=ut,b.BaseMenu=yt,b.BaseType=jn,b.BasicTemplateDialog=xe,b.BigContainer=yr,b.BottomSheetsUi=Xe,b.Button=me,b.Calendar=Je,b.Card=wt,b.Check=se,b.Checkbox=pn,b.ChevronDown=Me,b.Chips=mn,b.CircleInput=_r,b.CircleMinus=Oe,b.CirclePlus=Ae,b.Clock=Ie,b.ColorContext=He,b.ColorField=Qr,b.ColorProvider=dr,b.ColumnLayout=jr,b.ConditionerIcon=nt,b.ConditionerIcon2=et,b.ContentBox=Nr,b.Copy=an,b.CopyButton=ln,b.Curtains=it,b.DangerButton=_t,b.Dashboard=lt,b.DateField=Dt,b.DayOfWeekField=At,b.Divider=ee,b.EmptyPage=uo,b.FAB=xt,b.FilledButton=En,b.FilledTotalButton=On,b.FilterIcon=sn,b.Form=Io,b.FullScreenTemplateDialog=xr,b.GearIcon=Bn,b.GridLayout=Mr,b.GridLayoutItem=Sr,b.Group=qn,b.HEXtoRGB=fe,b.HSLtoHSV=ar,b.HSVtoHSL=ir,b.HSVtoRGB=ke,b.Home=Dn,b.IconButton=re,b.IconButtonMenu=fr,b.IconSelectField=qt,b.IconsSelect=xo,b.JsonContainer=mo,b.Keyboard=tn,b.LampIcon=Qn,b.LinkIcon=Wn,b.ListContainer=St,b.ListItem=Mt,b.LogoutIcon=Kn,b.Menu=hn,b.MenuIcon=Re,b.Minus=on,b.MinusUserIcon=Yn,b.ModalDialogTemplate=Ee,b.ModalPortal=le,b.ModalTemplate=Se,b.MoreHorizontal=Le,b.MoreText=Ht,b.MoreVertical=Qe,b.MultiFilter=Yt,b.NavigationBar=Ir,b.NavigationDrawer=Ar,b.NavigationRail=Hr,b.NumberField=gn,b.OkUserIcon=Xn,b.OutlineButton=Ye,b.Palette=Ke,b.Panel=Nt,b.Pen=nn,b.Play=ct,b.Plug=An,b.Plus=rn,b.PopupState=ze,b.RGBtoHSV=Fe,b.RadioButton=bn,b.Range=ur,b.Room=Jn,b.RunningLine=vo,b.ScreenSize=Q,b.ScrollContainer=Lr,b.Search=bo,b.SearchAndFilter=fo,b.SegmentedButton=fn,b.SelectField=wn,b.SelectionDialog=Ct,b.Sensor=tt,b.Sensor2=rt,b.Sensor3=ot,b.SensorWarning=at,b.SizeContext=be,b.SizeProvider=rr,b.Slider=lo,b.SmallWindowMenu=jt,b.Snackbar=Ut,b.SneckbarContext=Jt,b.SneckbarProvider=jo,b.Switch=vn,b.SwitchIcon=Rn,b.Table=Tr,b.Tabs=Or,b.Temp=or,b.TempHighIcon=cn,b.TextArea=xn,b.TextButton=te,b.TextDialog=gr,b.TextField=Ce,b.TimeField=Gt,b.TimePicker=Wt,b.ToolsIcon=st,b.Tooltip=dn,b.Trash=qe,b.Typography=G,b.UnLinkIcon=Hn,b.UserIcon=Zn,b.X=oe,b.XUserIcon=Un,b.getContainerColor=$e,b.getContainerData=Ve,b.getIcons=ko,b.getModalWindowCord=_n,b.getTextColor=R,b.hexToRgb=pt,b.map=Zt,b.useColors=ft,b.usePopup=ht,b.useScreenSize=Vn,b.useScrollLock=Ue,b.useThemes=vt,b.СalendarPickers=It,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -2,16 +2,16 @@ import { FormHTMLAttributes } from 'react';
|
|
|
2
2
|
|
|
3
3
|
export interface FormProps<T> extends FormHTMLAttributes<HTMLFormElement> {
|
|
4
4
|
children: React.ReactNode;
|
|
5
|
-
onFinish?: (data:
|
|
6
|
-
value
|
|
5
|
+
onFinish?: (data: T) => void;
|
|
6
|
+
value: T;
|
|
7
7
|
name?: string;
|
|
8
8
|
errors?: Partial<Record<keyof T, string>>;
|
|
9
9
|
}
|
|
10
10
|
export interface FormRef<T> {
|
|
11
11
|
submit: () => void;
|
|
12
12
|
setFieldValue: (name: keyof T, value: T[keyof T]) => void;
|
|
13
|
-
setValues: (values:
|
|
14
|
-
getValues: () =>
|
|
13
|
+
setValues: (values: T) => void;
|
|
14
|
+
getValues: () => T;
|
|
15
15
|
reset: () => void;
|
|
16
16
|
}
|
|
17
17
|
export type FormComponent = <T>(props: FormProps<T> & {
|