@conduction/components 2.0.19 → 2.0.21

package/README.md

@@ -4,6 +4,8 @@
 
 - **Version 2**
 
+  - 2.0.21: Add InputDateTime component.
+  - 2.0.20: Bugfix Textarea component to include correct field validation.
   - 2.0.19: Add disabled state to Textarea and InputCheckbox components.
   - 2.0.17 & 2.0.18: Refactor PrimaryTopNav styling.
   - 2.0.16: Remove styling warnings.

package/lib/components/formFields/index.d.ts

@@ -1,7 +1,7 @@
-import { InputText, InputPassword, InputEmail, InputDate, InputNumber, InputFile } from "./input";
+import { InputText, InputPassword, InputEmail, InputDate, InputDateTime, InputNumber, InputFile } from "./input";
 import { Textarea } from "./textarea";
 import { InputCheckbox } from "./checkbox";
 import { InputRadio } from "./radio";
 import { SelectSingle, SelectMultiple } from "./select/select";
 import { CreateKeyValue } from "./createKeyValue/CreateKeyValue";
-export { InputRadio, InputText, InputPassword, InputEmail, InputDate, InputNumber, InputCheckbox, InputFile, Textarea, SelectSingle, SelectMultiple, CreateKeyValue, };
+export { InputRadio, InputText, InputPassword, InputEmail, InputDate, InputDateTime, InputNumber, InputCheckbox, InputFile, Textarea, SelectSingle, SelectMultiple, CreateKeyValue, };

package/lib/components/formFields/index.js

@@ -1,7 +1,7 @@
-import { InputText, InputPassword, InputEmail, InputDate, InputNumber, InputFile } from "./input";
+import { InputText, InputPassword, InputEmail, InputDate, InputDateTime, InputNumber, InputFile } from "./input";
 import { Textarea } from "./textarea";
 import { InputCheckbox } from "./checkbox";
 import { InputRadio } from "./radio";
 import { SelectSingle, SelectMultiple } from "./select/select";
 import { CreateKeyValue } from "./createKeyValue/CreateKeyValue";
-export { InputRadio, InputText, InputPassword, InputEmail, InputDate, InputNumber, InputCheckbox, InputFile, Textarea, SelectSingle, SelectMultiple, CreateKeyValue, };
+export { InputRadio, InputText, InputPassword, InputEmail, InputDate, InputDateTime, InputNumber, InputCheckbox, InputFile, Textarea, SelectSingle, SelectMultiple, CreateKeyValue, };

package/lib/components/formFields/input.d.ts

@@ -11,6 +11,7 @@ export declare const InputPassword: React.FC<IInputProps & IReactHookFormProps>;
 export declare const InputText: React.FC<IInputProps & IReactHookFormProps>;
 export declare const InputEmail: React.FC<IInputProps & IReactHookFormProps>;
 export declare const InputDate: React.FC<IInputProps & IReactHookFormProps>;
+export declare const InputDateTime: React.FC<IInputProps & IReactHookFormProps>;
 export declare const InputNumber: React.FC<IInputProps & IReactHookFormProps>;
 export declare const InputFloat: React.FC<IInputProps & IReactHookFormProps>;
 interface IInputFileProps {

package/lib/components/formFields/input.js

@@ -9,6 +9,7 @@ export const InputPassword = ({ disabled, name, validation, register, placeholde
 export const InputText = ({ disabled, name, defaultValue, validation, register, icon, placeholder, errors, }) => (_jsx(TextField, { type: "text", ...{ defaultValue, disabled, placeholder, icon }, ...register(name, { ...validation }), invalid: errors[name] }));
 export const InputEmail = ({ disabled, name, defaultValue, validation, register, icon, placeholder, errors, }) => (_jsx(TextField, { type: "email", ...{ defaultValue, disabled, placeholder, icon }, ...register(name, { ...validation }), invalid: errors[name] }));
 export const InputDate = ({ disabled, name, defaultValue, validation, register, errors, }) => (_jsx(TextField, { type: "date", ...{ defaultValue, disabled }, ...register(name, { ...validation }), invalid: errors[name] }));
+export const InputDateTime = ({ disabled, name, defaultValue, validation, register, errors, }) => (_jsx(TextField, { type: "datetime-local", ...{ defaultValue, disabled }, ...register(name, { ...validation }), invalid: errors[name] }));
 export const InputNumber = ({ disabled, name, defaultValue, validation, register, icon, placeholder, errors, }) => (_jsx(TextField, { type: "number", ...{ defaultValue, disabled, placeholder, icon }, ...register(name, { ...validation }), invalid: errors[name] }));
 export const InputFloat = ({ disabled, name, defaultValue, validation, register, icon, placeholder, errors, }) => (_jsx(TextField, { type: "number", step: ".01", ...{ disabled, placeholder, icon, defaultValue }, ...register(name, { ...validation }), invalid: errors[name] }));
 export const InputFile = ({ disabled, name, accept, defaultValue, validation, register, }) => (_jsx("input", { className: "denhaag-textfield__input", type: "file", ...{ defaultValue, disabled, accept }, ...register(name, { ...validation }) }));

package/lib/components/formFields/textarea.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TextArea } from "@gemeente-denhaag/textarea";
-export const Textarea = ({ name, validation, register, errors, disabled, }) => _jsx(TextArea, { ...(register(name, { ...validation }), { disabled }), invalid: errors[name] });
+export const Textarea = ({ name, validation, register, errors, disabled, }) => _jsx(TextArea, { ...register(name, { ...validation }), ...{ disabled }, invalid: errors[name] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/components",
-  "version": "2.0.19",
+  "version": "2.0.21",
   "description": "React (Gatsby) components used within the Conduction Skeleton Application (and its implementations)",
   "main": "lib/index.js",
   "scripts": {

package/src/components/formFields/index.tsx

@@ -1,4 +1,4 @@
-import { InputText, InputPassword, InputEmail, InputDate, InputNumber, InputFile } from "./input";
+import { InputText, InputPassword, InputEmail, InputDate, InputDateTime, InputNumber, InputFile } from "./input";
 import { Textarea } from "./textarea";
 import { InputCheckbox } from "./checkbox";
 import { InputRadio } from "./radio";
@@ -11,6 +11,7 @@ export {
   InputPassword,
   InputEmail,
   InputDate,
+  InputDateTime,
   InputNumber,
   InputCheckbox,
   InputFile,

package/src/components/formFields/input.tsx

@@ -84,6 +84,22 @@ export const InputDate: React.FC<IInputProps & IReactHookFormProps> = ({
   />
 );
 
+export const InputDateTime: React.FC<IInputProps & IReactHookFormProps> = ({
+  disabled,
+  name,
+  defaultValue,
+  validation,
+  register,
+  errors,
+}) => (
+  <TextField
+    type="datetime-local"
+    {...{ defaultValue, disabled }}
+    {...register(name, { ...validation })}
+    invalid={errors[name]}
+  />
+);
+
 export const InputNumber: React.FC<IInputProps & IReactHookFormProps> = ({
   disabled,
   name,

package/src/components/formFields/textarea.tsx

@@ -14,4 +14,4 @@ export const Textarea: React.FC<ITextAreaProps & IReactHookFormProps> = ({
   register,
   errors,
   disabled,
-}) => <TextArea {...(register(name, { ...validation }), { disabled })} invalid={errors[name]} />;
+}) => <TextArea {...register(name, { ...validation })} {...{ disabled }} invalid={errors[name]} />;