@homefile/components-v2 2.14.9 → 2.14.10

package/dist/components/forms/dynamicForm/fields/NumberField.d.ts

@@ -1,2 +1,2 @@
 import { TextFieldI } from '../../../../interfaces';
-export declare const NumberField: ({ id, label, placeholder, value }: TextFieldI) => import("react/jsx-runtime").JSX.Element;
+export declare const NumberField: ({ description, icon, id, label, placeholder, value, }: TextFieldI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/NumberField.js

@@ -1,19 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Controller, useFormContext } from 'react-hook-form';
 import { Flex, Input } from '@chakra-ui/react';
-import { LabeledField } from '../../..';
-export const NumberField = ({ id, label, placeholder, value }) => {
+import { FieldDescription, LabeledField } from '../../..';
+export const NumberField = ({ description, icon, id, label, placeholder, value, }) => {
     const { control } = useFormContext();
-    return (_jsx(Flex, { align: "center", gap: "base", flex: "auto", children: _jsx(Controller, { control: control, name: id, defaultValue: value, render: ({ field: { value, onChange } }) => {
-                return (_jsx(LabeledField, { label: label, children: _jsx(Input, { onChange: (e) => {
-                            const value = e.target.valueAsNumber;
-                            const isNumber = !isNaN(value);
-                            if (!isNumber) {
-                                onChange('');
-                            }
-                            else {
-                                onChange(value);
-                            }
-                        }, placeholder: placeholder, type: "number", pattern: "[1-9]", value: value, textAlign: "right", _placeholder: { color: 'gray.2' } }) }));
-            } }) }));
+    return (_jsxs(Flex, { align: "center", gap: "base", flex: "auto", children: [_jsx(FieldDescription, { description: description, icon: icon }), _jsx(Controller, { control: control, name: id, defaultValue: value, render: ({ field: { value, onChange } }) => {
+                    return (_jsx(LabeledField, { label: label, children: _jsx(Input, { onChange: (e) => {
+                                const value = e.target.valueAsNumber;
+                                const isNumber = !isNaN(value);
+                                if (!isNumber) {
+                                    onChange('');
+                                }
+                                else {
+                                    onChange(value);
+                                }
+                            }, placeholder: placeholder, type: "number", pattern: "[1-9]", value: value, textAlign: "right", _placeholder: { color: 'gray.2' } }) }));
+                } })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.14.9",
+  "version": "2.14.10",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",

package/src/components/forms/dynamicForm/fields/NumberField.tsx

@@ -1,12 +1,20 @@
 import { Controller, useFormContext } from 'react-hook-form'
 import { Flex, Input } from '@chakra-ui/react'
 import { TextFieldI } from '@/interfaces'
-import { LabeledField } from '@/components'
+import { FieldDescription, LabeledField } from '@/components'
 
-export const NumberField = ({ id, label, placeholder, value }: TextFieldI) => {
+export const NumberField = ({
+  description,
+  icon,
+  id,
+  label,
+  placeholder,
+  value,
+}: TextFieldI) => {
   const { control } = useFormContext()
   return (
     <Flex align="center" gap="base" flex="auto">
+      <FieldDescription description={description} icon={icon} />
       <Controller
         control={control}
         name={id}