najwer23morsels 1.3.3 → 1.4.1
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/CHANGELOG.md
CHANGED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type FormType } from '../Form';
|
|
2
|
+
interface FormForgotPassProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
|
|
3
|
+
style?: React.CSSProperties;
|
|
4
|
+
onSubmit: (formData: FormType) => void;
|
|
5
|
+
isError: boolean;
|
|
6
|
+
isPending: boolean;
|
|
7
|
+
isSuccess: boolean;
|
|
8
|
+
errorMsg: string | null | undefined;
|
|
9
|
+
successMsg: string | null | undefined;
|
|
10
|
+
onNavigate?: (path: string) => void;
|
|
11
|
+
footerHeight?: string;
|
|
12
|
+
linkMainPage?: {
|
|
13
|
+
link: string;
|
|
14
|
+
text: string;
|
|
15
|
+
};
|
|
16
|
+
linkLogin?: {
|
|
17
|
+
link: string;
|
|
18
|
+
text: string;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export declare const FormForgotPass: React.FC<FormForgotPassProps>;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{B as e}from"./Button-B93Rn5W6.js";import{F as t}from"./Form-CgTuTB2Q.js";import{G as s}from"./Grid-DZqidZrf.js";import{I as i}from"./Input-EbrliieY.js";import{T as a}from"./TextBox-__k4jPYK.js";import{s as n}from"./style-inject.es-CrVRO2OA.js";import"react";import"./Loader-BPh2L4dp.js";import"./LoaderDots-BoEg_zlZ.js";import"./index-uD0K440h.js";var l={n23mFormForgotPass:"FormForgotPass-module_n23mFormForgotPass__sI7QJ",forogotPasswordWrapper:"FormForgotPass-module_forogotPasswordWrapper__LCDpp"};n("@layer n23mFormForgotPass{.FormForgotPass-module_n23mFormForgotPass__sI7QJ{.FormForgotPass-module_forogotPasswordWrapper__LCDpp{corner-shape:squircle;background-color:#fff;border:1px solid grey;border-radius:12px}}}");const m=({className:n,style:m,onSubmit:p,isPending:d,isError:c,isSuccess:g,errorMsg:f,successMsg:x,onNavigate:h,footerHeight:u="100px",linkMainPage:F,linkLogin:b,...P})=>{const y=o=>{h?h(o):window.location.href=o};return o("div",{className:[l.n23mFormForgotPass,"n23mFormForgotPass",n].filter(Boolean).join(" "),...P,style:{...m},children:o(s,{layout:"flex",flexWrap:"wrap",justifyContent:"center",alignItems:"center",widthMax:"1400px",minHeight:`calc(100dvb - ${u})`,children:r(s,{layout:"container",minHeight:0,widthMin:"min(450px, calc(100% - 40px))",padding:"20px",margin:"20px",className:l.forogotPasswordWrapper,children:[F&&o(a,{desktopSize:20,mobileSize:20,fontWeight:500,tag:"a",href:F.link,color:"grey",colorHover:"var(--n23mTextBoxColorHover, black)",onClick:o=>{o.preventDefault(),y(F.link)},children:F.text}),o(a,{tag:"h3",desktopSize:14,mobileSize:14,fontWeight:500,margin:"12px 0 18px",children:"Forgot Password"}),r(t,{onSubmit:p,isError:c,isPending:d,isSuccess:g,errorMsg:f,successMsg:x,children:[o(i,{validatorOptions:[{type:"empty"},{type:"email"}],label:"Email",name:"email",type:"text",placeholder:"Email"}),r(s,{layout:"flex",justifyContent:"space-between",alignItems:"flex-start",children:[o(e,{type:"submit",disabled:d,height:"40px",width:"80px",padding:0,backgroundColor:"orangered",backgroundColorDisabled:"grey",children:o(a,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"white",children:"SEND"})}),b&&o(a,{tag:"a",href:b.link,desktopSize:12,mobileSize:12,fontWeight:400,color:"var(--n23mTextBoxColor, orangered)",colorHover:"var(--n23mTextBoxColorHover, black)",onClick:o=>{o.preventDefault(),y(b.link)},children:b.text})]})]})]})})})};m.displayName="FormForgotPass";export{m as FormForgotPass};
|
package/lib/FormLogin.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{B as r}from"./Button-B93Rn5W6.js";import{F as i}from"./Form-CgTuTB2Q.js";import{G as t}from"./Grid-DZqidZrf.js";import{I as n}from"./Input-EbrliieY.js";import{T as
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{B as r}from"./Button-B93Rn5W6.js";import{F as i}from"./Form-CgTuTB2Q.js";import{G as t}from"./Grid-DZqidZrf.js";import{I as n}from"./Input-EbrliieY.js";import{T as l}from"./TextBox-__k4jPYK.js";import{s as a}from"./style-inject.es-CrVRO2OA.js";import"react";import"./Loader-BPh2L4dp.js";import"./LoaderDots-BoEg_zlZ.js";import"./index-uD0K440h.js";var s={n23mFormLogin:"FormLogin-module_n23mFormLogin__1mOEk",loginWrapper:"FormLogin-module_loginWrapper__HOEgv"};a("@layer n23mFormLogin{.FormLogin-module_n23mFormLogin__1mOEk{.FormLogin-module_loginWrapper__HOEgv{corner-shape:squircle;background-color:#fff;border:1px solid grey;border-radius:12px}}}");const m=({className:a,style:m,onSubmit:d,isPending:p,isError:c,isSuccess:g,errorMsg:h,successMsg:x,onNavigate:f,linkMainPage:u,linkForgotPassword:k,linkSignUp:v,footerHeight:y="100px",...b})=>{const j=e=>{f?f(e):window.location.href=e};return e("div",{className:[s.n23mFormLogin,"n23mFormLogin",a].filter(Boolean).join(" "),...b,style:{...m},children:e(t,{layout:"flex",flexWrap:"wrap",justifyContent:"center",alignItems:"center",widthMax:"1400px",minHeight:`calc(100dvb - ${y})`,children:o(t,{layout:"container",minHeight:0,widthMin:"min(450px, calc(100% - 40px))",padding:"20px",margin:"20px",className:s.loginWrapper,children:[u&&e(l,{desktopSize:20,mobileSize:20,fontWeight:500,tag:"a",href:u.link,color:"grey",colorHover:"var(--n23mTextBoxColorHover, black)",onClick:e=>{e.preventDefault(),j("/")},children:u.text}),e(l,{tag:"h3",desktopSize:14,mobileSize:14,fontWeight:500,margin:"12px 0 18px",children:"Good to see you!"}),o(i,{onSubmit:d,isError:c,isPending:p,isSuccess:g,errorMsg:h,successMsg:x,children:[e(n,{validatorOptions:[{type:"empty"},{type:"email"}],label:"Email",name:"email",type:"text",placeholder:"Email"}),e(n,{label:"Password",type:"password",name:"pass",validatorOptions:[{type:"empty"}],placeholder:"Password"}),o(t,{layout:"flex",justifyContent:"space-between",alignItems:"flex-start",children:[e(r,{type:"submit",disabled:p,height:"40px",width:"80px",padding:0,backgroundColor:"orangered",backgroundColorDisabled:"grey",children:e(l,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"white",children:"LOG IN"})}),o("div",{children:[k&&e("div",{children:e(l,{tag:"a",href:k.link,desktopSize:12,mobileSize:12,fontWeight:400,color:"var(--n23mTextBoxColor, orangered)",colorHover:"var(--n23mTextBoxColorHover, black)",onClick:e=>{e.preventDefault(),j(k.link)},children:k.text})}),v&&e(t,{layout:"flex",justifyContent:"right",children:e(l,{tag:"a",href:v.link,desktopSize:12,mobileSize:12,fontWeight:400,color:"var(--n23mTextBoxColor, orangered)",colorHover:"var(--n23mTextBoxColorHover, black)",onClick:e=>{e.preventDefault(),j(v.link)},children:v.text})})]})]})]})]})})})};m.displayName="FormLogin";export{m as FormLogin};
|