@homefile/components-v2 2.24.2 → 2.24.4

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

@@ -52,11 +52,11 @@ export const DynamicForm = (_a) => {
                                     _jsx(CurrencyField, Object.assign({}, baseProps))));
                             case 'telephone':
                                 return (_createElement(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { key: id }),
-                                    _jsx(TextField, Object.assign({}, baseProps, { type: "tel" }))));
+                                    _jsx(TextField, Object.assign({}, baseProps, { type: "tel", showIcon: showIcon }))));
                             case 'text':
                             case 'string':
                                 return (_createElement(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { key: id }),
-                                    _jsx(TextField, Object.assign({}, baseProps))));
+                                    _jsx(TextField, Object.assign({}, baseProps, { showIcon: showIcon }))));
                             case 'textarea':
                                 return (_createElement(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { key: id }),
                                     _jsx(TextAreaField, Object.assign({}, baseProps))));
@@ -70,7 +70,7 @@ export const DynamicForm = (_a) => {
                                 return (_jsxs(Stack, { p: "base", spacing: "base", bg: "lightBlue.2", children: [description && (_jsx(Text, { fontFamily: "secondary", children: description })), _jsx(AIGridField, Object.assign({}, baseProps, { onRemove: onRemoveImage, onUpload: (files) => handleFilesUpload({ id, files }), onAISend: onAISend, children: children }))] }, id));
                             case 'grid':
                                 return (_createElement(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { key: id }),
-                                    _jsx(GridField, Object.assign({}, baseProps, { children: children }))));
+                                    _jsx(GridField, Object.assign({}, baseProps, { showIcon: showIcon, children: children }))));
                             case 'switch':
                                 return (_createElement(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { key: id }),
                                     _jsx(SwitchField, Object.assign({}, baseProps, { description: description }))));
@@ -78,7 +78,7 @@ export const DynamicForm = (_a) => {
                                 return (_createElement(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { key: id }),
                                     _jsx(FileField, Object.assign({}, baseProps, { description: description, onRemove: onRemoveImage, onUpload: (files) => handleFilesUpload({ id, files }), uploading: uploadingFieldId === id, displayImages: displayImages, singleFileUpload: singleFileUpload, value: value }))));
                             case 'group':
-                                return (_jsx(GroupField, { id: id, fields: children, onRemove: handleRemove, canBeHidden: canBeHidden }, id));
+                                return (_jsx(GroupField, { id: id, fields: children, onRemove: handleRemove, canBeHidden: canBeHidden, showIcon: showIcon }, id));
                             case 'checkbox-group':
                                 return (_createElement(FieldWithDelete, Object.assign({}, fieldWithDeleteBaseProps, { key: id }),
                                     _jsx(CheckboxGroupField, { id: id, description: description, icon: baseProps.icon, children: children }, id)));

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

@@ -1,2 +1,2 @@
 import { GridFieldI } from '../../../../interfaces';
-export declare const GridField: ({ children, onRemove, onUpload }: GridFieldI) => import("react/jsx-runtime").JSX.Element;
+export declare const GridField: ({ children, onRemove, onUpload, showIcon, }: GridFieldI) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { createElement as _createElement } from "react";
 import { Flex } from '@chakra-ui/react';
 import { DateField, NumberField, TextField, SelectField, CurrencyField, SingleImage, } from '../../..';
 import { fieldIcons } from '../../../../helpers';
-export const GridField = ({ children, onRemove, onUpload }) => {
+export const GridField = ({ children, onRemove, onUpload, showIcon, }) => {
     return (_jsx(Flex, { align: "stretch", gap: "base", children: children === null || children === void 0 ? void 0 : children.map(({ id, description, label, name, value, type, options = [], icon }) => {
             const baseProps = {
                 id,
@@ -16,18 +16,18 @@ export const GridField = ({ children, onRemove, onUpload }) => {
                 case 'date':
                     return (_createElement(DateField, Object.assign({}, baseProps, { key: id, name: "", width: "230px", showCalendarIcon: false })));
                 case 'email':
-                    return _createElement(TextField, Object.assign({}, baseProps, { key: id, type: "email" }));
+                    return (_createElement(TextField, Object.assign({}, baseProps, { key: id, type: "email", showIcon: showIcon })));
                 case 'number':
                     return _createElement(NumberField, Object.assign({}, baseProps, { key: id }));
                 case 'currency':
                     return _createElement(CurrencyField, Object.assign({}, baseProps, { key: id }));
                 case 'text':
                 case 'string':
-                    return _createElement(TextField, Object.assign({}, baseProps, { key: id }));
+                    return _createElement(TextField, Object.assign({}, baseProps, { key: id, showIcon: showIcon }));
                 case 'select':
                     return _createElement(SelectField, Object.assign({}, baseProps, { key: id, options: options }));
                 case 'telephone':
-                    return _createElement(TextField, Object.assign({}, baseProps, { key: id, type: "tel" }));
+                    return (_createElement(TextField, Object.assign({}, baseProps, { key: id, type: "tel", showIcon: showIcon })));
                 case 'ai-image':
                     return (_createElement(SingleImage, Object.assign({}, baseProps, { key: id, onUpload: onUpload, onRemove: onRemove, value: value })));
                 default:

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

@@ -1,2 +1,2 @@
 import { GroupFieldI } from '../../../../interfaces';
-export declare const GroupField: ({ id, fields, onRemove, canBeHidden, }: GroupFieldI) => import("react/jsx-runtime").JSX.Element;
+export declare const GroupField: ({ id, fields, onRemove, canBeHidden, showIcon, }: GroupFieldI) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Stack } from '@chakra-ui/react';
 import { FieldWithDelete } from '../../..';
 import { SingleFields } from './SingleFields';
-export const GroupField = ({ id, fields, onRemove, canBeHidden, }) => {
-    return (_jsx(FieldWithDelete, { id: id, onRemove: onRemove, canBeHidden: canBeHidden, children: _jsx(Stack, { spacing: "base", flex: "1", children: _jsx(SingleFields, { fields: fields }) }) }));
+export const GroupField = ({ id, fields, onRemove, canBeHidden, showIcon, }) => {
+    return (_jsx(FieldWithDelete, { id: id, onRemove: onRemove, canBeHidden: canBeHidden, children: _jsx(Stack, { spacing: "base", flex: "1", children: _jsx(SingleFields, { fields: fields, showIcon: showIcon }) }) }));
 };

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

@@ -1,2 +1,2 @@
 import { FieldTypesI } from '../../../../interfaces';
-export declare const SingleFields: ({ callback, fields, menuItems }: FieldTypesI) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleFields: ({ callback, fields, menuItems, showIcon, }: FieldTypesI) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { fieldIcons } from '../../../../helpers';
 import { GridField, RatingField, TextAreaField, TextField, SelectField, SwitchField, NumberField, DateField, CurrencyField, TileBodyHeader, TileBodyLogo, VerticalIcon, TileBodySectionGrid, TileBodyAction, TileCta, } from '../../..';
-export const SingleFields = ({ callback, fields, menuItems }) => {
+export const SingleFields = ({ callback, fields, menuItems, showIcon, }) => {
     return (_jsx(_Fragment, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ children, description, id, label, name, type, value, icon, link, options = [], }) => {
             const baseProps = {
                 id,
@@ -15,9 +15,9 @@ export const SingleFields = ({ callback, fields, menuItems }) => {
                 case 'date':
                     return _createElement(DateField, Object.assign({}, baseProps, { key: id, name: name }));
                 case 'email':
-                    return _createElement(TextField, Object.assign({}, baseProps, { key: id, type: "email" }));
+                    return (_createElement(TextField, Object.assign({}, baseProps, { key: id, type: "email", showIcon: showIcon })));
                 case 'grid':
-                    return (_createElement(GridField, Object.assign({}, baseProps, { key: id }), children));
+                    return (_createElement(GridField, Object.assign({}, baseProps, { key: id, showIcon: showIcon }), children));
                 case 'number':
                     return _createElement(NumberField, Object.assign({}, baseProps, { key: id }));
                 case 'currency':
@@ -26,13 +26,13 @@ export const SingleFields = ({ callback, fields, menuItems }) => {
                     return _createElement(RatingField, Object.assign({}, baseProps, { key: id }));
                 case 'text':
                 case 'string':
-                    return _createElement(TextField, Object.assign({}, baseProps, { key: id }));
+                    return _createElement(TextField, Object.assign({}, baseProps, { key: id, showIcon: showIcon }));
                 case 'select':
                     return _createElement(SelectField, Object.assign({}, baseProps, { key: id, options: options }));
                 case 'switch':
                     return (_createElement(SwitchField, Object.assign({}, baseProps, { key: id, description: description })));
                 case 'telephone':
-                    return _createElement(TextField, Object.assign({}, baseProps, { key: id, type: "tel" }));
+                    return (_createElement(TextField, Object.assign({}, baseProps, { key: id, type: "tel", showIcon: showIcon })));
                 case 'textarea':
                     return _createElement(TextAreaField, Object.assign({}, baseProps, { key: id }));
                 case 'tile-body-section-grid':

package/dist/components/forms/dynamicForm/fields/uiFields/VerticalIcon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Center, Image, Text } from '@chakra-ui/react';
 export const VerticalIcon = ({ icon, value }) => {
-    return (_jsxs(Box, { bg: "neutral.white", borderRadius: "md", border: "1px solid", borderColor: "lightBlue.6", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", minH: "110px", children: [_jsx(Box, { h: "46px", display: "flex", alignItems: "center", children: _jsx(Image, { src: icon, alt: value, w: "auto", h: "80%" }) }), _jsx(Center, { pb: "2", children: _jsx(Text, { fontWeight: "semibold", textAlign: "center", fontSize: "13px", lineHeight: "14px", w: "70%", children: value }) })] }));
+    return (_jsxs(Box, { bg: "neutral.white", borderRadius: "md", border: "1px solid", borderColor: "lightBlue.6", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", minH: "110px", children: [_jsx(Box, { h: "46px", display: "flex", alignItems: "center", children: _jsx(Image, { src: icon, alt: value, w: "auto", h: "80%" }) }), _jsx(Center, { pb: "2", children: _jsx(Text, { fontWeight: "semibold", textAlign: "center", fontSize: "13px", lineHeight: "14px", w: "85%", children: value }) })] }));
 };

package/dist/components/forms/dynamicForm/fields/uiFields/VerticalIcon.tsx

@@ -23,7 +23,7 @@ export const VerticalIcon = ({ icon, value }: VerticalIconI) => {
           textAlign="center"
           fontSize="13px"
           lineHeight="14px"
-          w="70%"
+          w="85%"
         >
           {value}
         </Text>

package/dist/components/headers/GenericBackHeader.d.ts

@@ -1,2 +1,2 @@
 import { GenericBackHeaderI } from '../../interfaces';
-export declare const GenericBackHeader: ({ handleClick, label, backLabel, }: GenericBackHeaderI) => import("react/jsx-runtime").JSX.Element;
+export declare const GenericBackHeader: ({ handleClick, label, backLabel, ...props }: GenericBackHeaderI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/headers/GenericBackHeader.js

@@ -1,9 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 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, }) => {
+export const GenericBackHeader = (_a) => {
+    var { handleClick, label, backLabel } = _a, props = __rest(_a, ["handleClick", "label", "backLabel"]);
     if (!label) {
-        return (_jsx(Box, { p: "base", children: _jsx(BackCircleButton, { onClick: handleClick }) }));
+        return (_jsx(Box, Object.assign({ p: "base" }, props, { 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 }) })] }) }));
+    return (_jsx(Flex, Object.assign({ align: "center", justify: "space-between" }, props, { 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/fields/GridField.interface.d.ts

@@ -3,6 +3,7 @@ export interface GridFieldI {
     children: ReportI['children'];
     onRemove?: (file: string) => void;
     onUpload?: (files: File[]) => void;
+    showIcon?: boolean;
 }
 export interface AIGridFieldI extends GridFieldI {
     onAISend?: (form?: AIFormI) => void;

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

@@ -4,9 +4,11 @@ export interface GroupFieldI {
     canBeHidden?: boolean;
     fields?: DynamicFormI['form'];
     onRemove: (id: string) => void;
+    showIcon?: boolean;
 }
 export interface FieldTypesI {
     callback?: TileCtaI['callback'];
     fields?: DynamicFormI['form'];
     menuItems?: MenuItemI[];
+    showIcon?: boolean;
 }

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

@@ -1,4 +1,5 @@
-export interface GenericBackHeaderI {
+import { FlexProps } from '@chakra-ui/react';
+export interface GenericBackHeaderI extends FlexProps {
     handleClick: () => void;
     label?: string;
     backLabel?: string;

package/package.json

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

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

@@ -129,14 +129,14 @@ export const DynamicForm = ({
               case 'telephone':
                 return (
                   <FieldWithDelete {...fieldWithDeleteBaseProps} key={id}>
-                    <TextField {...baseProps} type="tel" />
+                    <TextField {...baseProps} type="tel" showIcon={showIcon} />
                   </FieldWithDelete>
                 )
               case 'text':
               case 'string':
                 return (
                   <FieldWithDelete {...fieldWithDeleteBaseProps} key={id}>
-                    <TextField {...baseProps} />
+                    <TextField {...baseProps} showIcon={showIcon} />
                   </FieldWithDelete>
                 )
               case 'textarea':
@@ -176,7 +176,9 @@ export const DynamicForm = ({
               case 'grid':
                 return (
                   <FieldWithDelete {...fieldWithDeleteBaseProps} key={id}>
-                    <GridField {...baseProps}>{children}</GridField>
+                    <GridField {...baseProps} showIcon={showIcon}>
+                      {children}
+                    </GridField>
                   </FieldWithDelete>
                 )
               case 'switch':
@@ -208,6 +210,7 @@ export const DynamicForm = ({
                     fields={children}
                     onRemove={handleRemove}
                     canBeHidden={canBeHidden}
+                    showIcon={showIcon}
                   />
                 )
               case 'checkbox-group':

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

@@ -10,7 +10,12 @@ import {
 } from '@/components'
 import { fieldIcons } from '@/helpers'
 
-export const GridField = ({ children, onRemove, onUpload }: GridFieldI) => {
+export const GridField = ({
+  children,
+  onRemove,
+  onUpload,
+  showIcon,
+}: GridFieldI) => {
   return (
     <Flex align="stretch" gap="base">
       {children?.map(
@@ -35,18 +40,32 @@ export const GridField = ({ children, onRemove, onUpload }: GridFieldI) => {
                 />
               )
             case 'email':
-              return <TextField {...baseProps} key={id} type="email" />
+              return (
+                <TextField
+                  {...baseProps}
+                  key={id}
+                  type="email"
+                  showIcon={showIcon}
+                />
+              )
             case 'number':
               return <NumberField {...baseProps} key={id} />
             case 'currency':
               return <CurrencyField {...baseProps} key={id} />
             case 'text':
             case 'string':
-              return <TextField {...baseProps} key={id} />
+              return <TextField {...baseProps} key={id} showIcon={showIcon} />
             case 'select':
               return <SelectField {...baseProps} key={id} options={options} />
             case 'telephone':
-              return <TextField {...baseProps} key={id} type="tel" />
+              return (
+                <TextField
+                  {...baseProps}
+                  key={id}
+                  type="tel"
+                  showIcon={showIcon}
+                />
+              )
             case 'ai-image':
               return (
                 <SingleImage

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

@@ -8,11 +8,12 @@ export const GroupField = ({
   fields,
   onRemove,
   canBeHidden,
+  showIcon,
 }: GroupFieldI) => {
   return (
     <FieldWithDelete id={id} onRemove={onRemove} canBeHidden={canBeHidden}>
       <Stack spacing="base" flex="1">
-        <SingleFields fields={fields} />
+        <SingleFields fields={fields} showIcon={showIcon} />
       </Stack>
     </FieldWithDelete>
   )

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

@@ -18,7 +18,12 @@ import {
   TileCta,
 } from '@/components'
 
-export const SingleFields = ({ callback, fields, menuItems }: FieldTypesI) => {
+export const SingleFields = ({
+  callback,
+  fields,
+  menuItems,
+  showIcon,
+}: FieldTypesI) => {
   return (
     <>
       {fields?.map(
@@ -45,10 +50,17 @@ export const SingleFields = ({ callback, fields, menuItems }: FieldTypesI) => {
             case 'date':
               return <DateField {...baseProps} key={id} name={name} />
             case 'email':
-              return <TextField {...baseProps} key={id} type="email" />
+              return (
+                <TextField
+                  {...baseProps}
+                  key={id}
+                  type="email"
+                  showIcon={showIcon}
+                />
+              )
             case 'grid':
               return (
-                <GridField {...baseProps} key={id}>
+                <GridField {...baseProps} key={id} showIcon={showIcon}>
                   {children}
                 </GridField>
               )
@@ -60,7 +72,7 @@ export const SingleFields = ({ callback, fields, menuItems }: FieldTypesI) => {
               return <RatingField {...baseProps} key={id} />
             case 'text':
             case 'string':
-              return <TextField {...baseProps} key={id} />
+              return <TextField {...baseProps} key={id} showIcon={showIcon} />
             case 'select':
               return <SelectField {...baseProps} key={id} options={options} />
             case 'switch':
@@ -72,7 +84,14 @@ export const SingleFields = ({ callback, fields, menuItems }: FieldTypesI) => {
                 />
               )
             case 'telephone':
-              return <TextField {...baseProps} key={id} type="tel" />
+              return (
+                <TextField
+                  {...baseProps}
+                  key={id}
+                  type="tel"
+                  showIcon={showIcon}
+                />
+              )
             case 'textarea':
               return <TextAreaField {...baseProps} key={id} />
 

package/src/components/forms/dynamicForm/fields/uiFields/VerticalIcon.tsx

@@ -23,7 +23,7 @@ export const VerticalIcon = ({ icon, value }: VerticalIconI) => {
           textAlign="center"
           fontSize="13px"
           lineHeight="14px"
-          w="70%"
+          w="85%"
         >
           {value}
         </Text>

package/src/components/headers/GenericBackHeader.tsx

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

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

@@ -4,6 +4,7 @@ export interface GridFieldI {
   children: ReportI['children']
   onRemove?: (file: string) => void
   onUpload?: (files: File[]) => void
+  showIcon?: boolean
 }
 
 export interface AIGridFieldI extends GridFieldI {

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

@@ -5,10 +5,12 @@ export interface GroupFieldI {
   canBeHidden?: boolean
   fields?: DynamicFormI['form']
   onRemove: (id: string) => void
+  showIcon?: boolean
 }
 
 export interface FieldTypesI {
   callback?: TileCtaI['callback']
   fields?: DynamicFormI['form']
   menuItems?: MenuItemI[]
+  showIcon?: boolean
 }

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

@@ -1,4 +1,6 @@
-export interface GenericBackHeaderI {
+import { FlexProps } from '@chakra-ui/react'
+
+export interface GenericBackHeaderI extends FlexProps {
   handleClick: () => void
   label?: string
   backLabel?: string