@sebgroup/green-react 1.12.0 → 1.12.2

package/index.js

@@ -2645,8 +2645,9 @@ const Form = props => {
 
 const FormItems = ({
   children,
+  name,
   validate,
-  name
+  onChange: _onFormItemsChanged
 }) => {
   const {
     setValues,
@@ -2711,7 +2712,12 @@ const FormItems = ({
   return /*#__PURE__*/React.cloneElement(children, {
     validator: (errors === null || errors === void 0 ? void 0 : errors[name]) && validate,
     name,
-    onChange
+    onChange: event => {
+      if (typeof _onFormItemsChanged === 'function') {
+        _onFormItemsChanged(event);
+      }
+      onChange(event);
+    }
   });
 };
 
@@ -3623,7 +3629,8 @@ function Slider({
       children: [jsx("div", {
         children: label && jsxs(Fragment, {
           children: [jsx("label", Object.assign({
-            htmlFor: name
+            htmlFor: name,
+            id: `${name}-label`
           }, {
             children: label
           })), instruction && jsx("p", {
@@ -3638,6 +3645,7 @@ function Slider({
           value: inputFieldValue,
           id: `${name}-textbox`,
           name: name,
+          "aria-labelledby": `${name}-label`,
           className: errorMessage ? 'is-invalid' : '',
           disabled: disabled,
           onChange: e => handleInputFieldChange(e.currentTarget.value),

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.12.0",
+  "version": "1.12.2",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.11.2",
-    "@sebgroup/extract": "^1.3.4",
+    "@sebgroup/chlorophyll": "^1.11.4",
+    "@sebgroup/extract": "^1.4.1",
     "classnames": "^2.3.2"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",

package/src/lib/form/formItems.d.ts

@@ -2,8 +2,9 @@ import { IValidator } from '@sebgroup/extract';
 import React from 'react';
 export interface FormItemsProps {
     children: React.ReactNode;
-    validate?: IValidator;
     name: string;
+    validate?: IValidator;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
 }
 export declare const FormItems: React.FC<FormItemsProps>;
 export default FormItems;