@dartcom/ui-kit 3.8.1 → 3.8.2

package/dist/components/form/form.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/form.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,KAAK,QAAQ,GAAG,OAAO,IAAI,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CAGxB,CAAC;AAOF,KAAK,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAEhC,eAAO,MAAM,IAAI,EAAE,KAwDlB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"form.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/form.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,KAAK,QAAQ,GAAG,OAAO,IAAI,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CAGxB,CAAC;AAOF,KAAK,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAEhC,eAAO,MAAM,IAAI,EAAE,KAoDlB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,iBAAS,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAyCjD;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,iBAAS,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CA0CjD;AAED,eAAe,WAAW,CAAC"}

package/dist/index.cjs

@@ -38656,7 +38656,7 @@ function CustomInput(props) {
     const { name, type } = props;
     const textFieldId = React__namespace.useId();
     const { control } = useFormContext$1();
-    return (jsxRuntime.jsx(Controller, { name: name, control: control, render: ({ field }) => (jsxRuntime.jsx(CustomTextField, { id: textFieldId, ...props, ...field, onChange: (event) => {
+    return (jsxRuntime.jsx(Controller, { name: name, control: control, render: ({ field }) => (jsxRuntime.jsx(CustomTextField, { id: textFieldId, size: "small", ...props, ...field, onChange: (event) => {
                 const { target } = event;
                 const { value } = target;
                 switch (type) {
@@ -63900,7 +63900,7 @@ const AuthPage = ({ onSuccessSignIn }) => {
         },
         resolver: o(schema),
     });
-    const { control, handleSubmit, formState: { isValid }, } = form;
+    const { register, formState: { isValid }, } = form;
     const onSubmit = (body) => {
         signIn.mutate({
             body,
@@ -63926,19 +63926,12 @@ const AuthPage = ({ onSuccessSignIn }) => {
             onSuccessSignIn(signIn.data);
         }
     }, [signIn.data]);
-    return (jsxRuntime.jsx(AuthLayout$1, { children: jsxRuntime.jsxs(Box, { sx: {
-                display: 'grid',
+    return (jsxRuntime.jsx(AuthLayout$1, { children: jsxRuntime.jsxs(CustomForm, { form: form, onSubmit: onSubmit, sx: {
                 justifyContent: 'center',
                 justifyItems: 'center',
                 alignContent: 'center',
                 alignItems: 'center',
-                gap: '20px',
-            }, children: [jsxRuntime.jsx(Typography, { variant: "h4", sx: {
-                        margin: '0 auto',
-                    }, children: "Authorization" }), jsxRuntime.jsxs(Box, { component: "form", sx: {
-                        display: 'grid',
-                        gap: '15px',
-                    }, onSubmit: handleSubmit(onSubmit), children: [jsxRuntime.jsx(Controller, { name: "username", control: control, render: ({ field }) => (jsxRuntime.jsx(TextField, { label: "Login", size: "small", ...field })) }), jsxRuntime.jsx(Controller, { name: "password", control: control, render: ({ field }) => (jsxRuntime.jsx(TextField, { label: "Password", type: "password", size: "small", ...field })) }), jsxRuntime.jsx(Button$1, { type: "submit", variant: "contained", disabled: !isValid, children: "Sign in" })] })] }) }));
+            }, children: [jsxRuntime.jsx(Typography, { variant: "h4", children: "Authorization" }), jsxRuntime.jsx(CustomInput, { ...register('username'), label: "Login", placeholder: "Enter your login" }), jsxRuntime.jsx(CustomInput, { ...register('password'), label: "Password", placeholder: "Enter your password", type: "password" }), jsxRuntime.jsx(Button$1, { type: "submit", variant: "contained", disabled: !isValid, children: "Sign in" })] }) }));
 };
 var auth = observer(AuthPage);