@conduction/components 2.0.18 → 2.0.20

package/README.md

@@ -4,6 +4,8 @@
 
 - **Version 2**
 
+  - 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.
   - 2.0.15: Added mobile support to PrimaryTopNav.

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

@@ -4,5 +4,6 @@ export interface ICheckboxProps {
     label: string;
     name: string;
     defaultChecked?: boolean;
+    disabled?: boolean;
 }
 export declare const InputCheckbox: React.FC<ICheckboxProps & IReactHookFormProps>;

package/lib/components/formFields/checkbox.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FormControlLabel } from "@gemeente-denhaag/components-react";
-export const InputCheckbox = ({ name, validation, register, label, defaultChecked, }) => (_jsx(FormControlLabel, { input: _jsx("input", { type: "checkbox", ...{ defaultChecked }, ...register(name, { ...validation }) }), ...{ label } }));
+export const InputCheckbox = ({ name, validation, register, label, defaultChecked, disabled, }) => (_jsx(FormControlLabel, { input: _jsx("input", { type: "checkbox", ...{ defaultChecked, disabled }, ...register(name, { ...validation }) }), ...{ label } }));

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 }) => (_jsx(TextArea, { ...register(name, { ...validation }), 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.18",
+  "version": "2.0.20",
   "description": "React (Gatsby) components used within the Conduction Skeleton Application (and its implementations)",
   "main": "lib/index.js",
   "scripts": {

package/src/components/formFields/checkbox.tsx

@@ -5,6 +5,7 @@ export interface ICheckboxProps {
   label: string;
   name: string;
   defaultChecked?: boolean;
+  disabled?: boolean;
 }
 
 export const InputCheckbox: React.FC<ICheckboxProps & IReactHookFormProps> = ({
@@ -13,9 +14,10 @@ export const InputCheckbox: React.FC<ICheckboxProps & IReactHookFormProps> = ({
   register,
   label,
   defaultChecked,
+  disabled,
 }) => (
   <FormControlLabel
-    input={<input type="checkbox" {...{ defaultChecked }} {...register(name, { ...validation })} />}
+    input={<input type="checkbox" {...{ defaultChecked, disabled }} {...register(name, { ...validation })} />}
     {...{ label }}
   />
 );

package/src/components/formFields/textarea.tsx

@@ -8,6 +8,10 @@ export interface ITextAreaProps {
   defaultValue?: string;
 }
 
-export const Textarea: React.FC<ITextAreaProps & IReactHookFormProps> = ({ name, validation, register, errors }) => (
-  <TextArea {...register(name, { ...validation })} invalid={errors[name]} />
-);
+export const Textarea: React.FC<ITextAreaProps & IReactHookFormProps> = ({
+  name,
+  validation,
+  register,
+  errors,
+  disabled,
+}) => <TextArea {...register(name, { ...validation })} {...{ disabled }} invalid={errors[name]} />;