@homefile/components-v2 2.23.12 → 2.24.0

package/dist/components/forms/dynamicForm/DynamicForm.d.ts

@@ -1,2 +1,2 @@
 import { DynamicFormI } from '../../../interfaces';
-export declare const DynamicForm: ({ callback, displayImages, form: fields, menuItems, onAISend, onRemoveImage, onUpload, searching, showTitle, singleFileUpload, title, uploadingFieldId, ...props }: DynamicFormI) => import("react/jsx-runtime").JSX.Element;
+export declare const DynamicForm: ({ callback, displayImages, form: fields, menuItems, onAISend, onRemoveImage, onUpload, searching, showTitle, showIcon, singleFileUpload, title, uploadingFieldId, ...props }: DynamicFormI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/DynamicForm.js

@@ -18,7 +18,7 @@ import { HiddenFieldSection, GroupField, TextField, TextAreaField, SelectField,
 import { useDynamicForm } from '../../../hooks';
 import { fieldIcons } from '../../../helpers';
 export const DynamicForm = (_a) => {
-    var { callback, displayImages, form: fields, menuItems, onAISend, onRemoveImage, onUpload, searching = false, showTitle = true, singleFileUpload, title, uploadingFieldId } = _a, props = __rest(_a, ["callback", "displayImages", "form", "menuItems", "onAISend", "onRemoveImage", "onUpload", "searching", "showTitle", "singleFileUpload", "title", "uploadingFieldId"]);
+    var { callback, displayImages, form: fields, menuItems, onAISend, onRemoveImage, onUpload, searching = false, showTitle = true, showIcon = false, singleFileUpload, title, uploadingFieldId } = _a, props = __rest(_a, ["callback", "displayImages", "form", "menuItems", "onAISend", "onRemoveImage", "onUpload", "searching", "showTitle", "showIcon", "singleFileUpload", "title", "uploadingFieldId"]);
     const { form, visibleFields, hiddenFields, handleAddAll, handleAdd, handleFilesUpload, handleRemove, } = useDynamicForm({ fields, onUpload });
     if (searching) {
         return _jsx(SearchItemLoader, {});
@@ -43,7 +43,7 @@ export const DynamicForm = (_a) => {
                                     _jsx(DateField, Object.assign({}, baseProps, { name: name }))));
                             case 'email':
                                 return (_createElement(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { key: id }),
-                                    _jsx(TextField, Object.assign({}, baseProps, { type: "email" }))));
+                                    _jsx(TextField, Object.assign({}, baseProps, { type: "email", showIcon: showIcon }))));
                             case 'number':
                                 return (_createElement(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { key: id }),
                                     _jsx(NumberField, Object.assign({}, baseProps))));

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

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

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

@@ -1,10 +1,10 @@
-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 } from '@chakra-ui/react';
-import { TextInput } from '../../..';
-export const TextField = ({ id, placeholder = '', label, type = 'text', value, }) => {
+import { FormIcon, TextInput } from '../../..';
+export const TextField = ({ id, icon, placeholder = '', label, type = 'text', showIcon = false, 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(TextInput, { handleChange: onChange, placeholder: placeholder, type: type, value: value, label: label }));
-            } }) }));
+    return (_jsxs(Flex, { align: "center", gap: "base", flex: "auto", children: [showIcon && icon && _jsx(FormIcon, { icon: icon }), _jsx(Controller, { control: control, name: id, defaultValue: value, render: ({ field: { value, onChange } }) => {
+                    return (_jsx(TextInput, { handleChange: onChange, placeholder: placeholder, type: type, value: value, label: label }));
+                } })] }));
 };

package/dist/components/headers/GenericBackHeader.js

@@ -2,5 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, Flex, Box, Show, Tooltip } from '@chakra-ui/react';
 import { BackCircleButton } from '..';
 export const GenericBackHeader = ({ handleClick, label, backLabel, }) => {
+    if (!label) {
+        return (_jsx(Box, { p: "base", children: _jsx(BackCircleButton, { onClick: handleClick }) }));
+    }
     return (_jsx(Flex, { align: "center", justify: "space-between", children: _jsxs(Flex, { align: "center", gap: "2", children: [_jsx(Tooltip, { hasArrow: true, isDisabled: false, label: backLabel, placement: "right", children: _jsx(Box, { children: _jsx(BackCircleButton, { onClick: handleClick }) }) }), _jsx(Show, { breakpoint: "(min-width: 400px)", children: _jsx(Box, { borderLeft: "solid", borderWidth: "1px", borderColor: "divider", h: "1.75rem", mx: "2" }) }), _jsx(Show, { breakpoint: "(min-width: 500px)", children: _jsx(Text, { variant: "title", children: label }) })] }) }));
 };

package/dist/interfaces/forms/dynamicForm/DynamicForm.interface.d.ts

@@ -31,6 +31,7 @@ export interface DynamicFormI extends Partial<PartnerFooterI> {
     onUpload?: (filesByFieldId: Record<string, FolderFileI[] | File[]>) => void;
     searching?: boolean;
     showTitle?: boolean;
+    showIcon?: boolean;
     singleFileUpload?: boolean;
     title?: string;
     uploadingFieldId?: string;

package/dist/interfaces/forms/dynamicForm/fields/TextField.interface.d.ts

@@ -4,5 +4,6 @@ export interface TextFieldI extends FieldDescriptionI {
     placeholder?: string;
     label?: string;
     type?: 'text' | 'email' | 'password' | 'number' | 'tel';
+    showIcon?: boolean;
     value: ReportI['value'];
 }

package/dist/interfaces/headers/GenericBackHeader.interface.d.ts

@@ -1,5 +1,5 @@
 export interface GenericBackHeaderI {
     handleClick: () => void;
-    label: string;
-    backLabel: string;
+    label?: string;
+    backLabel?: string;
 }

package/package.json

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

package/src/components/forms/dynamicForm/DynamicForm.tsx

@@ -35,6 +35,7 @@ export const DynamicForm = ({
   onUpload,
   searching = false,
   showTitle = true,
+  showIcon = false,
   singleFileUpload,
   title,
   uploadingFieldId,
@@ -106,7 +107,11 @@ export const DynamicForm = ({
               case 'email':
                 return (
                   <FieldWithDelete {...fieldWithDeleteBaseProps} key={id}>
-                    <TextField {...baseProps} type="email" />
+                    <TextField
+                      {...baseProps}
+                      type="email"
+                      showIcon={showIcon}
+                    />
                   </FieldWithDelete>
                 )
               case 'number':

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

@@ -1,18 +1,21 @@
 import { Controller, useFormContext } from 'react-hook-form'
 import { Flex } from '@chakra-ui/react'
-import { TextInput } from '@/components'
+import { FormIcon, TextInput } from '@/components'
 import { TextFieldI } from '@/interfaces'
 
 export const TextField = ({
   id,
+  icon,
   placeholder = '',
   label,
   type = 'text',
+  showIcon = false,
   value,
 }: TextFieldI) => {
   const { control } = useFormContext()
   return (
     <Flex align="center" gap="base" flex="auto">
+      {showIcon && icon && <FormIcon icon={icon} />}
       <Controller
         control={control}
         name={id}

package/src/components/headers/GenericBackHeader.tsx

@@ -7,6 +7,13 @@ export const GenericBackHeader = ({
   label,
   backLabel,
 }: GenericBackHeaderI) => {
+  if (!label) {
+    return (
+      <Box p="base">
+        <BackCircleButton onClick={handleClick} />
+      </Box>
+    )
+  }
   return (
     <Flex align="center" justify="space-between">
       <Flex align="center" gap="2">

package/src/interfaces/forms/dynamicForm/DynamicForm.interface.ts

@@ -155,6 +155,7 @@ export interface DynamicFormI extends Partial<PartnerFooterI> {
   onUpload?: (filesByFieldId: Record<string, FolderFileI[] | File[]>) => void
   searching?: boolean
   showTitle?: boolean
+  showIcon?: boolean
   singleFileUpload?: boolean
   title?: string
   uploadingFieldId?: string

package/src/interfaces/forms/dynamicForm/fields/TextField.interface.ts

@@ -5,5 +5,6 @@ export interface TextFieldI extends FieldDescriptionI {
   placeholder?: string
   label?: string
   type?: 'text' | 'email' | 'password' | 'number' | 'tel'
+  showIcon?: boolean
   value: ReportI['value']
 }

package/src/interfaces/headers/GenericBackHeader.interface.ts

@@ -1,5 +1,5 @@
 export interface GenericBackHeaderI {
-    handleClick: () => void
-    label: string
-    backLabel: string
-}
+  handleClick: () => void
+  label?: string
+  backLabel?: string
+}