@homefile/components-v2 2.14.8 → 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/dist/components/forms/dynamicForm/fields/SelectField.d.ts

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

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

@@ -1,12 +1,12 @@
-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 { Box, Flex } from '@chakra-ui/react';
-import { SelectInput } from '../../..';
-export const SelectField = ({ description, id, label, options, placeholder, value, }) => {
+import { FieldDescription, SelectInput } from '../../..';
+export const SelectField = ({ description, id, icon, label, options, placeholder, value, }) => {
     var _a;
     const { control } = useFormContext();
     const stringOptions = (_a = options === null || options === void 0 ? void 0 : options.map((option) => String(option))) !== null && _a !== void 0 ? _a : [];
-    return (_jsx(Flex, { align: "start", gap: "base", flex: "auto", w: description ? '100%' : '40%', children: _jsx(Box, { w: description ? '102px' : '100%', children: _jsx(Controller, { control: control, name: id, defaultValue: value, render: ({ field: { value, onChange } }) => {
-                    return (_jsx(SelectInput, { handleClick: onChange, height: "md", initialValue: value !== null && value !== void 0 ? value : stringOptions[0], items: stringOptions, placeholder: !description ? placeholder : '', label: label, width: "100%" }));
-                } }) }) }));
+    return (_jsxs(Flex, { align: "start", gap: "base", flex: "auto", w: description ? '100%' : '40%', children: [_jsx(FieldDescription, { description: description, icon: icon }), _jsx(Box, { w: description ? '102px' : '100%', children: _jsx(Controller, { control: control, name: id, defaultValue: value, render: ({ field: { value, onChange } }) => {
+                        return (_jsx(SelectInput, { handleClick: onChange, height: "md", initialValue: value !== null && value !== void 0 ? value : stringOptions[0], items: stringOptions, placeholder: !description ? placeholder : '', label: label, width: "100%" }));
+                    } }) })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.14.8",
+  "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}

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

@@ -1,11 +1,12 @@
 import { Controller, useFormContext } from 'react-hook-form'
 import { Box, Flex } from '@chakra-ui/react'
-import { SelectInput } from '@/components'
+import { FieldDescription, SelectInput } from '@/components'
 import { SelectFieldI } from '@/interfaces'
 
 export const SelectField = ({
   description,
   id,
+  icon,
   label,
   options,
   placeholder,
@@ -15,6 +16,7 @@ export const SelectField = ({
   const stringOptions = options?.map((option) => String(option)) ?? []
   return (
     <Flex align="start" gap="base" flex="auto" w={description ? '100%' : '40%'}>
+      <FieldDescription description={description} icon={icon} />
       <Box w={description ? '102px' : '100%'}>
         <Controller
           control={control}