@homefile/components-v2 2.14.0 → 2.14.2

package/dist/components/forms/dynamicForm/ItemFormPanel/ItemFormTabImage.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Center, Text } from '@chakra-ui/react';
-import { AddMedia } from '@/components';
+import { AddMedia } from '../../..';
 export const ItemFormTabImage = ({ reportId = '', showHeader = true, isLoading = false, images = [], uploading = false, onDelete = () => null, onEdit = () => null, onUpload = () => null, onOpen = () => null, }) => {
     if (!reportId) {
         return (_jsx(Center, { h: "300px", children: _jsx(Text, { fontFamily: "secondary", children: "Please save form to add images." }) }));

package/dist/components/forms/dynamicForm/ItemFormPanel/ItemFormTabs.d.ts

@@ -1,2 +1,2 @@
-import { ItemFormTabsI } from '@/interfaces';
+import { ItemFormTabsI } from '../../../../interfaces';
 export declare const ItemFormTabs: ({ form, onAISend, searching, ...props }: ItemFormTabsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/ItemFormPanel/ItemFormTabs.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { DynamicForm, TabsHeader, ItemFormTabImage } from '@/components';
+import { DynamicForm, TabsHeader, ItemFormTabImage } from '../../..';
 import { v4 as uuidv4 } from 'uuid';
 export const ItemFormTabs = (_a) => {
     var { form = [], onAISend, searching } = _a, props = __rest(_a, ["form", "onAISend", "searching"]);

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box, Text, Stack } from '@chakra-ui/react';
 import { PuffLoader } from 'react-spinners';
-import { colors } from '@/theme/colors';
+import { colors } from '../../../theme/colors';
 export const SearchItemLoader = () => {
     return (_jsxs(Stack, { spacing: "base", align: "center", mt: "50px", children: [_jsx(PuffLoader, { color: colors.blue[1], size: 50 }), _jsx(Box, { w: "40%", children: _jsx(Text, { fontSize: "sm", textAlign: "center", children: t('dynamicForm.searching') }) })] }));
 };

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

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

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Stack } from '@chakra-ui/react';
-import { TextField, SelectField, SwitchField, NumberField, FieldDivider, } from '@/components';
-import { fieldIcons } from '@/helpers';
+import { TextField, SelectField, SwitchField, NumberField, FieldDivider, } from '../..';
+import { fieldIcons } from '../../../helpers';
 export const SimpleDynamicForm = ({ fields }) => {
     return (_jsx(Stack, { bg: "neutral.white", spacing: "0", h: "full", boxShadow: "md", children: fields === null || fields === void 0 ? void 0 : fields.map((field) => {
             const { description, icon, id, name, options, type, value } = field;

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

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

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useFormContext } from 'react-hook-form';
 import { Flex, IconButton, Text } from '@chakra-ui/react';
-import { TextField, SingleImage, Plus } from '@/components';
-import { fieldIcons } from '@/helpers';
-import { colors } from '@/theme/colors';
+import { TextField, SingleImage, Plus } from '../../..';
+import { fieldIcons } from '../../../../helpers';
+import { colors } from '../../../../theme/colors';
 import { useState } from 'react';
 export const AIGridField = ({ children, onAISend, onRemove, onUpload, }) => {
     var _a, _b, _c, _d, _e, _f;

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

@@ -1,2 +1,2 @@
-import { ReportI } from '@/interfaces';
+import { ReportI } from '../../../../interfaces';
 export declare const CheckboxAgreement: ({ description, id, name, value, }: Pick<ReportI, "name" | "id" | "description" | "value">) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronRight } from '@/components/icons';
+import { ChevronRight } from '../../../icons';
 import { Accordion, AccordionItem, AccordionButton, Flex, Box, AccordionPanel, Checkbox, Text, } from '@chakra-ui/react';
 import { Controller, useFormContext } from 'react-hook-form';
 export const CheckboxAgreement = ({ description, id, name, value, }) => {

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

@@ -1,2 +1,2 @@
-import { ReportI } from '@/interfaces';
+import { ReportI } from '../../../../interfaces';
 export declare const CheckboxGroupField: ({ children, icon, id, description, }: Pick<ReportI, "children" | "icon" | "id" | "description">) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Checkbox, CheckboxGroup, Flex, SimpleGrid, Text, } from '@chakra-ui/react';
-import { FormIcon } from '@/components';
+import { FormIcon } from '../../..';
 import { Controller, useFormContext } from 'react-hook-form';
 export const CheckboxGroupField = ({ children, icon, id, description, }) => {
     const { control } = useFormContext();

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

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

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

@@ -1,9 +1,9 @@
 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 { FormIcon, LabeledField } from '@/components';
-import { formatCurrency } from '@/utils';
-export const CurrencyField = ({ id, icon, placeholder, value }) => {
+import { FormIcon, LabeledField } from '../../..';
+import { formatCurrency } from '../../../../utils';
+export const CurrencyField = ({ label, id, icon, placeholder, value, }) => {
     const { control } = useFormContext();
     return (_jsxs(Flex, { align: "center", gap: "base", flex: "auto", children: [_jsx(FormIcon, { icon: icon }), _jsx(Controller, { control: control, name: id, defaultValue: value, render: ({ field: { value, onChange } }) => {
                     const handleChange = (e) => {
@@ -12,6 +12,6 @@ export const CurrencyField = ({ id, icon, placeholder, value }) => {
                         const currency = formatCurrency({ value: number });
                         onChange(currency);
                     };
-                    return (_jsx(LabeledField, { label: String(placeholder), children: _jsx(Input, { onChange: handleChange, placeholder: placeholder, textAlign: "right", value: value, _placeholder: { color: 'gray.2' } }) }));
+                    return (_jsx(LabeledField, { label: label, children: _jsx(Input, { onChange: handleChange, placeholder: placeholder, textAlign: "right", value: value, _placeholder: { color: 'gray.2' } }) }));
                 } })] }));
 };

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

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

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Controller, useFormContext } from 'react-hook-form';
 import { Flex, Text } from '@chakra-ui/react';
-import { DatePicker, FormIcon } from '@/components';
-export const DateField = ({ id, icon, name, placeholder, showCalendarIcon = true, value, width, }) => {
+import { DatePicker, FormIcon } from '../../..';
+export const DateField = ({ id, icon, name, placeholder, label, showCalendarIcon = true, value, width, }) => {
     const { control } = useFormContext();
     return (_jsxs(Flex, { align: "center", gap: "base", w: "full", children: [name && (_jsxs(Flex, { align: "center", gap: "base", flexShrink: 0, children: [_jsx(FormIcon, { icon: icon }), _jsx(Text, { fontFamily: "secondary", noOfLines: 1, overflow: "hidden", children: name })] })), _jsx(Controller, { control: control, name: id, defaultValue: value, render: ({ field: { value, onChange } }) => {
-                    return (_jsx(DatePicker, { onChange: onChange, showCalendarIcon: showCalendarIcon, placeholder: name ? '' : placeholder, value: value, width: width }));
+                    return (_jsx(DatePicker, { onChange: onChange, showCalendarIcon: showCalendarIcon, placeholder: name ? '' : placeholder, value: value, width: width, label: label }));
                 } })] }));
 };

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

@@ -1,2 +1,2 @@
-import { FieldDescriptionI } from '@/interfaces';
+import { FieldDescriptionI } from '../../../../interfaces';
 export declare const FieldDescription: ({ icon, description, ...props }: FieldDescriptionI) => import("react/jsx-runtime").JSX.Element;

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

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Center, Flex, Text } from '@chakra-ui/react';
-import { FormIcon } from '@/components';
+import { FormIcon } from '../../..';
 export const FieldDescription = (_a) => {
     var { icon, description } = _a, props = __rest(_a, ["icon", "description"]);
     return (_jsxs(Flex, { gap: "base", children: [icon && (_jsx(Center, { minW: "40px", children: _jsx(FormIcon, { icon: icon }) })), description && (_jsx(Box, Object.assign({ w: ['190px', '280px'], pr: "4" }, props, { children: _jsx(Text, { fontFamily: "secondary", children: description }) })))] }));

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

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
-import { FieldWithDeleteI } from '@/interfaces';
+import { FieldWithDeleteI } from '../../../../interfaces';
 export declare const FieldWithDelete: ({ children, id, canBeHidden, onRemove, }: PropsWithChildren<FieldWithDeleteI>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, IconButton } from '@chakra-ui/react';
-import { TrashIcon } from '@/components';
+import { TrashIcon } from '../../..';
 export const FieldWithDelete = ({ children, id, canBeHidden = true, onRemove = () => { }, }) => {
     return (_jsxs(Flex, { align: "center", borderBottom: "1px dashed", borderColor: "lightBlue.6", p: "base", children: [children, canBeHidden && (_jsx(IconButton, { "aria-label": "Remove field", variant: "unstyled", icon: _jsx(TrashIcon, {}), size: "md", position: "relative", right: "-16px", transition: "all 0.2s ease-in-out", _hover: {
                     filter: 'brightness(0.7)',

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

@@ -1,2 +1,2 @@
-import { FileFieldI } from '@/interfaces';
+import { FileFieldI } from '../../../../interfaces';
 export declare const FileField: ({ description, icon, onRemove, onUpload, uploading, displayImages, }: FileFieldI) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AspectRatio, Box, Flex, Grid, IconButton, Image, Stack, Text, } from '@chakra-ui/react';
-import { Close, DragDropArea } from '@/components';
-import { useFilesUploader } from '@/hooks';
-import { colors } from '@/theme/colors';
+import { Close, DragDropArea } from '../../..';
+import { useFilesUploader } from '../../../../hooks';
+import { colors } from '../../../../theme/colors';
 export const FileField = ({ description, icon, onRemove, onUpload, uploading = false, displayImages = [], }) => {
     const { errorMessage, getInputProps, getRootProps, thumbnails } = useFilesUploader({
         onUpload,

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

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

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

@@ -1,14 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { Flex } from '@chakra-ui/react';
-import { DateField, NumberField, TextField, SelectField, CurrencyField, SingleImage, } from '@/components';
-import { fieldIcons } from '@/helpers';
+import { DateField, NumberField, TextField, SelectField, CurrencyField, SingleImage, } from '../../..';
+import { fieldIcons } from '../../../../helpers';
 export const GridField = ({ children, onRemove, onUpload }) => {
     return (_jsx(Flex, { align: "stretch", gap: "base", children: children === null || children === void 0 ? void 0 : children.map(({ id, description, name, value, type, options = [], icon }) => {
             const baseProps = {
                 id,
                 value,
-                placeholder: name && name !== '' ? name : description,
+                placeholder: name !== null && name !== void 0 ? name : description,
+                label: name !== null && name !== void 0 ? name : description,
                 icon: icon ? fieldIcons[icon] : undefined,
             };
             switch (type) {

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Stack } from '@chakra-ui/react';
-import { FieldWithDelete } from '@/components';
+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: "1", flex: "1", children: _jsx(SingleFields, { fields: fields }) }) }));

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

@@ -1,6 +1,6 @@
 interface LabeledFieldProps {
     children: React.ReactNode;
-    label: string;
+    label?: string;
 }
 export declare const LabeledField: ({ label, children }: LabeledFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Controller, useFormContext } from 'react-hook-form';
 import { Flex, Input } from '@chakra-ui/react';
-import { LabeledField } from '@/components';
-export const NumberField = ({ description, id, icon, placeholder, value, }) => {
+import { LabeledField } from '../../..';
+export const NumberField = ({ 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: String(!description && placeholder), children: _jsx(Input, { onChange: (e) => {
+                return (_jsx(LabeledField, { label: label, children: _jsx(Input, { onChange: (e) => {
                             const value = e.target.valueAsNumber;
                             const isNumber = !isNaN(value);
                             if (!isNumber) {

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

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

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

@@ -3,8 +3,8 @@ import { useState } from 'react';
 import { t } from 'i18next';
 import { Controller, useFormContext } from 'react-hook-form';
 import { Box, Flex, IconButton, Text } from '@chakra-ui/react';
-import { FormIcon, Star } from '@/components';
-import { colors } from '@/theme/colors';
+import { FormIcon, Star } from '../../..';
+import { colors } from '../../../../theme/colors';
 export const RatingField = ({ id, icon, value }) => {
     const { control } = useFormContext();
     const [actived, setActived] = useState(Number(value) - 1);

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

@@ -1,2 +1,2 @@
-import { SelectFieldI } from '@/interfaces';
-export declare const SelectField: ({ description, id, icon, options, placeholder, value, }: SelectFieldI) => import("react/jsx-runtime").JSX.Element;
+import { SelectFieldI } from '../../../../interfaces';
+export declare const SelectField: ({ description, id, 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 { Controller, useFormContext } from 'react-hook-form';
 import { Box, Flex } from '@chakra-ui/react';
-import { SelectInput } from '@/components';
-export const SelectField = ({ description, id, icon, options, placeholder, value, }) => {
+import { SelectInput } from '../../..';
+export const SelectField = ({ description, id, 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 : '', width: "100%" }));
+                    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/dist/components/forms/dynamicForm/fields/SingleFields.d.ts

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

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

@@ -1,13 +1,14 @@
 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 '@/components';
+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 }) => {
     return (_jsx(_Fragment, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ children, description, id, name, type, value, icon, link, options = [], }) => {
             const baseProps = {
                 id,
                 icon: icon ? fieldIcons[icon] : undefined,
                 placeholder: name,
+                label: name,
                 value,
             };
             switch (type) {

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

@@ -1,2 +1,2 @@
-import { FileFieldI } from '@/interfaces';
+import { FileFieldI } from '../../../../interfaces';
 export declare const SingleImage: ({ onRemove, onUpload, uploading, value, }: FileFieldI) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AspectRatio, Box, Flex, IconButton, Image } from '@chakra-ui/react';
-import { colors } from '@/theme/colors';
-import { Close, MobileFileUploader } from '@/components';
-import { handleMapFile } from '@/utils';
+import { colors } from '../../../../theme/colors';
+import { Close, MobileFileUploader } from '../../..';
+import { handleMapFile } from '../../../../utils';
 export const SingleImage = ({ onRemove, onUpload, uploading = false, value, }) => {
     const handleInputChange = (event) => {
         var _a;

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

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

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

@@ -1,7 +1,7 @@
 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 { FieldDescription, YesNoSwitch } from '@/components';
+import { FieldDescription, YesNoSwitch } from '../../..';
 export const SwitchField = ({ description = '', id, icon, value, }) => {
     const { control } = useFormContext();
     return (_jsxs(Flex, { align: "center", gap: "base", flex: "auto", justify: "space-between", children: [_jsx(FieldDescription, { description: description, icon: icon, w: ['150px', '240px'] }), _jsx(Controller, { control: control, name: id, defaultValue: value, render: ({ field: { value, onChange } }) => {

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

@@ -1,4 +1,4 @@
-import { TextAreaFieldI } from '@/interfaces';
+import { TextAreaFieldI } from '../../../../interfaces';
 import 'react-quill-new/dist/quill.snow.css';
-import '@/styles/quill.css';
-export declare const TextAreaField: ({ id, icon, placeholder, value, }: TextAreaFieldI) => import("react/jsx-runtime").JSX.Element;
+import '../../../../styles/quill.css';
+export declare const TextAreaField: ({ id, label, placeholder, value, }: TextAreaFieldI) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,12 +3,12 @@ import { useFormContext, Controller } from 'react-hook-form';
 import { Flex } from '@chakra-ui/react';
 import QuillEditor from 'react-quill-new';
 import 'react-quill-new/dist/quill.snow.css';
-import '@/styles/quill.css';
+import '../../../../styles/quill.css';
 import { LabeledField } from './LabeledField';
-export const TextAreaField = ({ id, icon, placeholder = '', value, }) => {
+export const TextAreaField = ({ id, label, placeholder = '', value, }) => {
     const { control } = useFormContext();
     return (_jsx(Flex, { gap: "base", align: "start", flex: "auto", children: _jsx(Controller, { control: control, name: id, defaultValue: value, render: ({ field: { value, onChange } }) => {
-                return (_jsx(LabeledField, { label: placeholder, children: _jsx(QuillEditor, { theme: "snow", value: value, formats: formats, modules: { toolbar }, onChange: onChange, placeholder: placeholder }) }));
+                return (_jsx(LabeledField, { label: label, children: _jsx(QuillEditor, { theme: "snow", value: value, formats: formats, modules: { toolbar }, onChange: onChange, placeholder: placeholder }) }));
             } }) }));
 };
 const formats = [

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

@@ -1,2 +1,2 @@
-import { TextFieldI } from '@/interfaces';
-export declare const TextField: ({ id, icon, placeholder, type, value, }: TextFieldI) => import("react/jsx-runtime").JSX.Element;
+import { TextFieldI } from '../../../../interfaces';
+export declare const TextField: ({ id, placeholder, label, type, 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 { Controller, useFormContext } from 'react-hook-form';
 import { Flex } from '@chakra-ui/react';
-import { TextInput } from '@/components';
-export const TextField = ({ id, icon, placeholder = '', type = 'text', value, }) => {
+import { TextInput } from '../../..';
+export const TextField = ({ id, placeholder = '', label, type = 'text', 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 }));
+                return (_jsx(TextInput, { handleChange: onChange, placeholder: placeholder, type: type, value: value, label: label }));
             } }) }));
 };

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { fieldIcons } from '@/helpers';
-import { VerticalIcon, TileBodySectionGrid } from '@/components';
+import { fieldIcons } from '../../../../helpers';
+import { VerticalIcon, TileBodySectionGrid } from '../../..';
 export const TileBodyFields = ({ fields }) => {
     return (_jsx(_Fragment, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ children, id, name, type, value, icon }) => {
             const baseProps = {

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { fieldIcons } from '@/helpers';
-import { TileBodyAction, TileCta } from '@/components';
+import { fieldIcons } from '../../../../helpers';
+import { TileBodyAction, TileCta } from '../../..';
 export const TileFooterFields = ({ callback, fields }) => {
     return (_jsx(_Fragment, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ children, description, id, name, type, value, icon, link }) => {
             const baseProps = {

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { fieldIcons } from '@/helpers';
-import { TileBodyHeader, TileBodyLogo } from '@/components';
+import { fieldIcons } from '../../../../helpers';
+import { TileBodyHeader, TileBodyLogo } from '../../..';
 export const TileHeaderFields = ({ fields, menuItems }) => {
     return (_jsx(_Fragment, { children: fields === null || fields === void 0 ? void 0 : fields.map(({ id, name, type, value, icon }) => {
             const baseProps = {

package/dist/components/forms/dynamicForm/fields/uiFields/TileBody.d.ts

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

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

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Stack } from '@chakra-ui/react';
-import { PartnerFooter, TileBodyFields, TileFooterFields, TileHeaderFields, } from '@/components';
+import { PartnerFooter, TileBodyFields, TileFooterFields, TileHeaderFields, } from '../../../..';
 export const TileBody = (_a) => {
     var { callback, fields, websiteUrl = '', menuItems } = _a, props = __rest(_a, ["callback", "fields", "websiteUrl", "menuItems"]);
     return (_jsx(Box, { display: "flex", flexGrow: 1, flexDir: "column", bg: "neutral.white", boxShadow: "lg", children: _jsxs(Stack, { spacing: "0", flex: "1", justify: "space-between", children: [_jsx(Box, { children: _jsx(TileHeaderFields, { fields: fields, menuItems: menuItems }) }), _jsx(TileBodyFields, { fields: fields }), _jsxs(Stack, { spacing: "0", bg: "lightBlue.1", pt: "base", children: [_jsx(TileFooterFields, { callback: callback, fields: fields }), _jsx(PartnerFooter, Object.assign({}, props, { websiteUrl: websiteUrl }))] })] }) }));

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyAction.d.ts

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

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Flex } from '@chakra-ui/react';
-import { SingleFields } from '@/components';
+import { SingleFields } from '../../../..';
 export const TileBodyAction = ({ callback, fields }) => {
     return (_jsx(Flex, { p: "base", align: "center", gap: "base", children: _jsx(SingleFields, { fields: fields, callback: callback }) }));
 };

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodyLogo.d.ts

@@ -1,2 +1,2 @@
-import { TileBodyLogoI } from '@/interfaces';
+import { TileBodyLogoI } from '../../../../../interfaces';
 export declare const TileBodyLogo: ({ menuItems, name, value, }: TileBodyLogoI) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PartnerHeader } from '@/components';
+import { PartnerHeader } from '../../../..';
 export const TileBodyLogo = ({ menuItems, name = '', value, }) => {
     return (_jsx(PartnerHeader, { borderColor: "lightBlue.6", logo: value, partnerName: name, menuItems: menuItems }));
 };

package/dist/components/forms/dynamicForm/fields/uiFields/TileBodySectionGrid.d.ts

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

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SimpleGrid } from '@chakra-ui/react';
-import { SingleFields } from '@/components';
+import { SingleFields } from '../../../..';
 export const TileBodySectionGrid = ({ fields }) => {
     return (_jsx(SimpleGrid, { columns: 3, spacing: "base", p: "base", children: _jsx(SingleFields, { fields: fields }) }));
 };

package/dist/components/forms/dynamicForm/fields/uiFields/TileCta.d.ts

@@ -1,2 +1,2 @@
-import { TileCtaI } from '@/interfaces';
+import { TileCtaI } from '../../../../../interfaces';
 export declare const TileCta: ({ callback, ...props }: TileCtaI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/fields/uiFields/VerticalIcon.d.ts

@@ -1,2 +1,2 @@
-import { VerticalIconI } from '@/interfaces';
+import { VerticalIconI } from '../../../../../interfaces';
 export declare const VerticalIcon: ({ icon, value }: VerticalIconI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/readOnly/ReadOnlyDynamicForm.d.ts

@@ -1,2 +1,2 @@
-import { ReadOnlyDynamicFormI } from '@/interfaces';
+import { ReadOnlyDynamicFormI } from '../../../interfaces';
 export declare const ReadOnlyDynamicForm: ({ form: fields, onClick, onEdit, }: ReadOnlyDynamicFormI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/readOnly/ReadOnlyDynamicForm.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { Box } from '@chakra-ui/react';
-import { ReadOnlyAppliances, ReadOnlyDate, ReadOnlyGrid, ReadOnlyGroup, ReadOnlyInput, ReadOnlyNotes, ReadOnlyRating, ReadOnlyTextArea, } from '@/components';
-import { fieldIcons } from '@/helpers';
+import { ReadOnlyAppliances, ReadOnlyDate, ReadOnlyGrid, ReadOnlyGroup, ReadOnlyInput, ReadOnlyNotes, ReadOnlyRating, ReadOnlyTextArea, } from '../..';
+import { fieldIcons } from '../../../helpers';
 export const ReadOnlyDynamicForm = ({ form: fields, onClick, onEdit = () => { }, }) => {
     return (_jsx(Box, { bg: "lightBlue.1", overflow: "scroll", children: fields === null || fields === void 0 ? void 0 : fields.map((field) => {
             const { children = [], icon, id, name, type, value } = field;

package/dist/components/forms/readOnly/ReadOnlyToggle.d.ts

@@ -1,2 +1,2 @@
-import { ReadOnlyToggleI } from '@/interfaces';
+import { ReadOnlyToggleI } from '../../../interfaces';
 export declare const ReadOnlyToggle: ({ canEdit, isInputDisabled, menuItems, onChange, onEdit, value, }: ReadOnlyToggleI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/readOnly/ReadOnlyToggle.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Flex, IconButton, Tooltip } from '@chakra-ui/react';
-import { Edit, IconMenu, MoreHorizontal, TextInput } from '@/components';
-import { colors } from '@/theme/colors';
+import { Edit, IconMenu, MoreHorizontal, TextInput } from '../..';
+import { colors } from '../../../theme/colors';
 export const ReadOnlyToggle = ({ canEdit = false, isInputDisabled = true, menuItems = [], onChange = () => { }, onEdit = () => { }, value, }) => {
     const hasMenuItems = (menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0;
     return (_jsxs(Flex, { gap: "base", p: "base", align: "stretch", bg: "lightBlue.2", children: [_jsx(TextInput, { handleChange: onChange, placeholder: t('dynamicForm.item'), value: value, isDisabled: isInputDisabled }), canEdit && (_jsx(Tooltip, { label: t('tooltips.editValue'), children: _jsx(IconButton, { "aria-label": "Edit icon", variant: "iconOutlined", icon: _jsx(Edit, { size: 16, stroke: colors.blue[3] }), maxH: "input.md", flexShrink: 0, onClick: onEdit }) })), hasMenuItems && (_jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 28 }), menuItems: menuItems, variant: "iconOutlined", width: "64px" }))] }));