@ludo.ninja/components 2.3.55 → 2.3.57

package/build/components/submitNewProjectForm/index.d.ts

@@ -1,2 +1,5 @@
-declare const SubmitNewProjectForm: () => import("react/jsx-runtime").JSX.Element;
+declare const SubmitNewProjectForm: ({ blockchain, contractAddress }: {
+    blockchain?: string;
+    contractAddress?: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SubmitNewProjectForm;

package/build/components/submitNewProjectForm/index.js

@@ -105,9 +105,13 @@ const StyledCreateForm = styled_components_1.default.div `
         }
     }
 `;
-const SubmitNewProjectForm = () => {
+const SubmitNewProjectForm = ({ blockchain, contractAddress }) => {
     const { control, register, handleSubmit, formState: { errors }, setError, setFocus, watch, } = (0, react_hook_form_1.useForm)({
         mode: 'all',
+        defaultValues: {
+            blockchain: blockchain || '',
+            contract: contractAddress || '',
+        },
     });
     (0, react_1.useEffect)(() => {
         setTimeout(() => {
@@ -127,10 +131,10 @@ const SubmitNewProjectForm = () => {
         name: 'contract',
         placeHolder: 'Project contract ID',
     };
-    const blockchain = watch('blockchain');
+    const blockchainValue = watch('blockchain');
     const registerContract = register('contract', {
         required: { message: 'Project contract ID is required', value: true },
-        validate: (value) => (0, validateTokenAddress_1.validateTokenAddress)(value, blockchain),
+        validate: (value) => (0, validateTokenAddress_1.validateTokenAddress)(value, blockchainValue),
         setValueAs: (value) => value.trim(),
     });
     const errorContract = {

package/build/system/Forms/TextArea/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { UseFormRegisterReturn } from 'react-hook-form';
-import { inputType } from '../Input/type';
+import { inputType } from "../Input/type";
+import React from "react";
+import { UseFormRegisterReturn } from "react-hook-form";
 interface Props {
     data: inputType;
     register: UseFormRegisterReturn;

package/build/system/Forms/TextArea/index.js

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const ErrorLabel_1 = __importDefault(require("../ErrorLabel"));
+const vars_1 = require("../../../fonts/vars");
 const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 const colors_1 = require("../../../styles/colors");
 const typography_1 = require("../../../styles/typography");
-const vars_1 = require("../../../fonts/vars");
-const ErrorLabel_1 = __importDefault(require("../ErrorLabel"));
+const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const styled_components_1 = __importDefault(require("styled-components"));
 // Styles
 const StyledTextArea = styled_components_1.default.textarea `
   font-family: ${vars_1.dmsansFontVarCss.css};
@@ -18,8 +18,7 @@ const StyledTextArea = styled_components_1.default.textarea `
   width: 100%;
   min-height: 92px;
   border-radius: 6px;
-  border: 1px solid
-    ${(props) => (props.status ? colors_1.ProgressColorMinimum : colors_1.BorderColorLight)};
+  border: 1px solid ${(props) => (props.status ? colors_1.ProgressColorMinimum : colors_1.BorderColorLight)};
   background: ${colors_1.WhiteColor};
   color: ${colors_1.BlackColor};
   outline: none;
@@ -41,18 +40,17 @@ const StyledTextArea = styled_components_1.default.textarea `
 
   // :focus {
   //   transition: border-color 0.3s ease-in-out;
-  //   border: 2px solid ${(props) => (props.status ? '#F4205F' : '#C1C8DE')};
+  //   border: 2px solid ${(props) => (props.status ? "#F4205F" : "#C1C8DE")};
   // }
   // :hover {
   //   transition: border-color 0.3s ease-in-out;
-  //   border: 2px solid ${(props) => (props.status ? '#F4205F' : '#C1C8DE')};
+  //   border: 2px solid ${(props) => (props.status ? "#F4205F" : "#C1C8DE")};
   // }
 
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
     min-height: ${(0, _4k_1.adaptiveValueCalc)(92)};
     border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
-    border: ${(0, _4k_1.adaptiveValueCalc)(1)} solid
-      ${(props) => (props.status ? colors_1.ProgressColorMinimum : colors_1.BorderColorLight)};
+    border: ${(0, _4k_1.adaptiveValueCalc)(1)} solid ${(props) => (props.status ? colors_1.ProgressColorMinimum : colors_1.BorderColorLight)};
     padding: ${(0, _4k_1.adaptiveValueCalc)(12)};
   }
 `;
@@ -65,6 +63,6 @@ const BasicTextArea = ({ data, register, isNeedBiggerArea, error,
             return (0, jsx_runtime_1.jsx)(ErrorLabel_1.default, { children: error.message });
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(StyledTextArea, { ...register, rows: isNeedBiggerArea ? 8 : 4, status: error.isNeedShowError, id: data.name, name: data.name, autoComplete: 'off', placeholder: data.placeHolder }), renderError()] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(StyledTextArea, { ref: register.ref, onChange: register.onChange, onBlur: register.onBlur, name: register.name, rows: isNeedBiggerArea ? 8 : 4, status: error.isNeedShowError, id: data.name, autoComplete: "off", placeholder: data.placeHolder }), renderError()] }));
 };
 exports.default = BasicTextArea;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.3.55",
+  "version": "2.3.57",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",