@ludo.ninja/components 2.3.56 → 2.3.57

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.56",
+  "version": "2.3.57",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",