gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-20 05:22:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(FE-114,137): enhance RecordingForm to handle stock usage and depletion total changes with improved input handling

Browse Source
This commit is contained in:
rstubryan
2025-10-24 12:26:33 +07:00
parent 00de4782e7
commit 0c49978033
1 changed files with 29 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/production/recording/form/RecordingForm.tsx
+29 -11
View File
@@ -440,6 +440,15 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
}, [stockProducts, getProjectFlockLocation()]);
// Handle stock usage amount change
const handleStockUsageAmountChangeWrapper = useCallback(
(idx: number) => (e: React.ChangeEvent<HTMLInputElement>) => {
const value = parseInt(e.target.value.replace(/[^\d.-]/g, '')) || 0;
formik.setFieldValue(`stocks.${idx}.usage_amount`, value);
},
[formik]
);
// Unified Stock remove handlers
const removeStock = (idx: number) => {
const updatedStocks = formik.values.stocks?.filter((_, i) => i !== idx);
@@ -466,6 +475,15 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
formik.setFieldValue('depletions', newDepletions);
};
// Handle depletion total change
const handleDepletionTotalChangeWrapper = useCallback(
(idx: number) => (e: React.ChangeEvent<HTMLInputElement>) => {
const value = parseInt(e.target.value.replace(/[^\d.-]/g, '')) || 0;
formik.setFieldValue(`depletions.${idx}.total`, value);
},
[formik]
);
const removeDepletion = (idx: number) => {
const updatedDepletions = formik.values.depletions?.filter(
(_, i) => i !== idx
@@ -942,14 +960,14 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
<NumberInput
required
name={`stocks.${idx}.usage_amount`}
value={stock.usage_amount || 0}
onChange={formik.handleChange}
value={stock.usage_amount}
onChange={handleStockUsageAmountChangeWrapper(idx)}
onBlur={formik.handleBlur}
maskType='number'
decimals={0}
min={0}
thousandSeparator=','
decimalSeparator='.'
decimalSeparator=''
isError={
isRepeaterInputError('stocks', 'usage_amount', idx)
.isError
@@ -1127,17 +1145,17 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
/>
</td>
<td>
<TextInput
<NumberInput
required
name={`depletions.${idx}.total`}
type='number'
value={
typeof depletion.total === 'number'
? depletion.total.toString()
: depletion.total
}
onChange={formik.handleChange}
value={depletion.total}
onChange={handleDepletionTotalChangeWrapper(idx)}
onBlur={formik.handleBlur}
maskType='number'
decimals={0}
min={0}
thousandSeparator=','
decimalSeparator=''
isError={
isRepeaterInputError('depletions', 'total', idx)
.isError