react-artasys-ui 0.1.2 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-artasys-ui",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "",
   "main": "dist/index.js",
   "types": "lib/index.d.ts",

package/src/Form/Element/Element.tsx

@@ -2,7 +2,8 @@ import {
 	useState,
 	useEffect,
 	AllHTMLAttributes,
-	ReactElement
+	ReactElement,
+	cloneElement
 } from "react";
 import styles from "./style.module.css";
 
@@ -38,12 +39,12 @@ const Element = ({children, beforeElement, afterElement, error, placeholder, dis
 			className={classes.join(' ')}
 			style={styleContainer}
 		>
-			{beforeElement}
+			{beforeElement ? cloneElement(beforeElement, {key: 'ui-before-element'}) : null}
 			<div className={'ui-form-element ' + styles['element']}>
 				{typeof children === 'function' ? children(props) : null}
 				{placeholder && <span className={'ui-form-element-placeholder ' + styles['placeholder']}>{placeholder}</span>}
 			</div>
-			{afterElement}
+			{afterElement ? cloneElement(afterElement, {key: 'ui-after-element'}) : null}
 		</label>
 		{currentError && <div className={'ui-form-error ' + styles['error']}>{currentError}</div>}
 	</>);

package/src/Form/Element/style.module.css

@@ -26,6 +26,7 @@
 	max-height: 500px;
 	max-height: 50dvh;
 	margin: 0;
+	padding: 10px;
     font-size: 20px;
 	border: 0;
 	box-sizing: border-box;

package/src/Input/Input.tsx

@@ -34,7 +34,7 @@ const Input = forwardRef<HTMLInputElement, IInput>(({onChange, onInput, onChange
 	};
 
 	useEffect(() => {
-		if (!props.value) return;
+		if (typeof props.value === 'undefined') return;
 		setCurrentValue(String(props.value));
 	}, [props.value]);