chore(release): 1.10.10 [skip ci]

## [1.10.10](v1.10.9...v1.10.10) (2023-05-21)

### Bug Fixes

* password match validation ([be5070e](be5070e))

Author: semantic-release-bot

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.10.10](https://github.com/ocadotechnology/codeforlife-package-javascript/compare/v1.10.9...v1.10.10) (2023-05-21)
+
+
+### Bug Fixes
+
+* password match validation ([be5070e](https://github.com/ocadotechnology/codeforlife-package-javascript/commit/be5070e9b2433e2c5458a11595150e6f58f81b4f))
+
 ## [1.10.9](https://github.com/ocadotechnology/codeforlife-package-javascript/compare/v1.10.8...v1.10.9) (2023-05-21)
 
 

lib/cjs/components/form/NewPasswordField.js

@@ -18,6 +18,7 @@ var react_1 = __importDefault(require("react"));
 var material_1 = require("@mui/material");
 var icons_material_1 = require("@mui/icons-material");
 var yup_1 = require("yup");
+var helpers_1 = require("../../helpers");
 var TextField_1 = __importDefault(require("./TextField"));
 var NewPasswordField = function (_a) {
     var 
@@ -29,12 +30,18 @@ var NewPasswordField = function (_a) {
     _c = _a.repeatPasswordFieldProps, 
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
     repeatPasswordFieldProps = _c === void 0 ? {} : _c;
+    var _d = react_1.default.useState(), password = _d[0], setPassword = _d[1];
     var endAdornment = (react_1.default.createElement(material_1.InputAdornment, { position: 'end' },
         react_1.default.createElement(icons_material_1.Security, null)));
+    passwordFieldProps.onKeyUp = (0, helpers_1.wrap)({
+        after: function (event) {
+            setPassword(event.target.value);
+        }
+    }, passwordFieldProps.onKeyUp);
     passwordFieldProps['InputProps'] = __assign({ endAdornment: endAdornment }, ('InputProps' in passwordFieldProps && passwordFieldProps.InputProps));
     repeatPasswordFieldProps['InputProps'] = __assign({ endAdornment: endAdornment }, ('InputProps' in repeatPasswordFieldProps && repeatPasswordFieldProps.InputProps));
     return react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(TextField_1.default, __assign({ type: 'password', name: 'password', required: true }, passwordFieldProps)),
-        react_1.default.createElement(TextField_1.default, __assign({ type: 'password', name: 'repeatPassword', required: true, validate: (0, yup_1.string)().oneOf([(0, yup_1.ref)('password'), undefined], 'Passwords don\'t match') }, repeatPasswordFieldProps)));
+        react_1.default.createElement(TextField_1.default, __assign({ type: 'password', name: 'repeatPassword', required: true, validate: (0, yup_1.string)().oneOf([password], 'Passwords don\'t match') }, repeatPasswordFieldProps)));
 };
 exports.default = NewPasswordField;

lib/esm/components/form/NewPasswordField.js

@@ -12,7 +12,8 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 import { InputAdornment } from '@mui/material';
 import { Security as SecurityIcon } from '@mui/icons-material';
-import { string as YupString, ref } from 'yup';
+import { string as YupString } from 'yup';
+import { wrap } from '../../helpers';
 import TextField from './TextField';
 var NewPasswordField = function (_a) {
     var 
@@ -24,12 +25,18 @@ var NewPasswordField = function (_a) {
     _c = _a.repeatPasswordFieldProps, 
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
     repeatPasswordFieldProps = _c === void 0 ? {} : _c;
+    var _d = React.useState(), password = _d[0], setPassword = _d[1];
     var endAdornment = (React.createElement(InputAdornment, { position: 'end' },
         React.createElement(SecurityIcon, null)));
+    passwordFieldProps.onKeyUp = wrap({
+        after: function (event) {
+            setPassword(event.target.value);
+        }
+    }, passwordFieldProps.onKeyUp);
     passwordFieldProps['InputProps'] = __assign({ endAdornment: endAdornment }, ('InputProps' in passwordFieldProps && passwordFieldProps.InputProps));
     repeatPasswordFieldProps['InputProps'] = __assign({ endAdornment: endAdornment }, ('InputProps' in repeatPasswordFieldProps && repeatPasswordFieldProps.InputProps));
     return React.createElement(React.Fragment, null,
         React.createElement(TextField, __assign({ type: 'password', name: 'password', required: true }, passwordFieldProps)),
-        React.createElement(TextField, __assign({ type: 'password', name: 'repeatPassword', required: true, validate: YupString().oneOf([ref('password'), undefined], 'Passwords don\'t match') }, repeatPasswordFieldProps)));
+        React.createElement(TextField, __assign({ type: 'password', name: 'repeatPassword', required: true, validate: YupString().oneOf([password], 'Passwords don\'t match') }, repeatPasswordFieldProps)));
 };
 export default NewPasswordField;