@dtdot/lego 0.17.20 → 0.17.21

package/build/components/Form/useFormNode.hook.d.ts

@@ -1,3 +1,4 @@
+export declare const getValue: <T = string>(value: T, contextValue: T) => T;
 declare function useFormNode<T = string, K = string>(key?: string): {
     value: undefined;
     error: undefined;

package/build/components/Form/useFormNode.hook.js

@@ -1,5 +1,11 @@
 import { useContext } from 'react';
 import FormStateContext from './FormState.context';
+export const getValue = (value, contextValue) => {
+    if (value !== null && value !== undefined) {
+        return value;
+    }
+    return contextValue;
+};
 function useFormNode(key) {
     const { value, errors, onChange } = useContext(FormStateContext);
     if (!key) {

package/build/components/Input/Input.component.js

@@ -5,7 +5,7 @@ import { motion } from 'framer-motion';
 import React, { useState } from 'react';
 import styled, { css } from 'styled-components';
 import getThemeControlColours from '../../theme/helpers/getThemeControlColours';
-import useFormNode from '../Form/useFormNode.hook';
+import useFormNode, { getValue } from '../Form/useFormNode.hook';
 export const INPUT_HEIGHT = 48;
 const InputContainer = styled(motion.div) `
   position: relative;
@@ -120,7 +120,7 @@ const Input = React.forwardRef(function ForwardRefInput(props, ref) {
     return (React.createElement("div", null,
         label && React.createElement(InputLabel, { htmlFor: name }, label),
         React.createElement(InputContainer, { animate: error ? (isFocused ? 'errorFocus' : 'error') : undefined },
-            React.createElement(StyledInput, { ref: ref, variants: inputVariants, transition: { type: 'spring', duration: 0.3 }, type: type, name: name, placeholder: placeholder, value: value || contextValue, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur }),
+            React.createElement(StyledInput, { ref: ref, variants: inputVariants, transition: { type: 'spring', duration: 0.3 }, type: type, name: name, placeholder: placeholder, value: getValue(value, contextValue), onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur }),
             React.createElement(ErrorContainer, { animate: error ? 'show' : undefined, style: { opacity: 0 }, variants: errorVariants, transition: { type: 'spring', duration: 0.3 } },
                 React.createElement(ErrorInner, null,
                     React.createElement(FontAwesomeIcon, { icon: faExclamationCircle }))),

package/build/components/Table/Table.component.js

@@ -20,7 +20,8 @@ const TableCell = styled.td `
 const Table = ({ children, variant = 'regular' }) => {
     return (React.createElement(TableContext.Provider, { value: { variant } },
         React.createElement(ButtonContext.Provider, { value: { height: '24px' } },
-            React.createElement(StyledTable, null, children))));
+            React.createElement(StyledTable, null,
+                React.createElement("tbody", null, children)))));
 };
 Table.Row = TableRow;
 Table.Cell = TableCell;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dtdot/lego",
-  "version": "0.17.20",
+  "version": "0.17.21",
   "description": "Some reusable components for building my applications",
   "main": "build/index.js",
   "scripts": {