@homefile/components-v2 2.8.5 → 2.8.7

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

@@ -2,5 +2,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DrawerBody, DrawerHeader, DrawerContent, DrawerFooter, Box, } from '@chakra-ui/react';
 import { PanelHeader, FooterDrawer, ItemNameHeader, ItemFormFooter, Overlay, } from '../../..';
 export const ItemFormPanel = ({ children, itemName, onClose, onSaveItemName, onSubmitForm, panelIcon, panelTitle, showFooter = false, }) => {
-    return (_jsxs(DrawerContent, { bg: "lightBlue.1", zIndex: 4, children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, icon: panelIcon, title: panelTitle }) }), _jsxs(DrawerBody, { padding: "0", bg: "lightBlue.1", children: [_jsx(ItemNameHeader, { id: "item-name", onSave: onSaveItemName, value: itemName }), _jsxs(Box, { position: "relative", overflowY: "scroll", h: "inherit", children: [_jsx(Overlay, { showOverlay: !itemName, position: "absolute", w: "inherit", h: "inherit", zIndex: "9" }), children] })] }), _jsx(FooterDrawer, { isOpen: showFooter, children: _jsx(DrawerFooter, { w: "100%", children: _jsx(ItemFormFooter, { onSave: onSubmitForm, onCancel: onClose }) }) })] }));
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", zIndex: 4, children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, icon: panelIcon, title: panelTitle }) }), _jsxs(DrawerBody, { padding: "0", bg: "lightBlue.1", children: [_jsx(ItemNameHeader, { id: "item-name", onSave: onSaveItemName, value: itemName }), _jsxs(Box, { position: "relative", overflowY: "scroll", h: "inherit", pb: "12", children: [_jsx(Overlay, { showOverlay: !itemName, position: "absolute", w: "inherit", h: "inherit", zIndex: "9" }), children] })] }), _jsx(FooterDrawer, { isOpen: showFooter, children: _jsx(DrawerFooter, { w: "100%", children: _jsx(ItemFormFooter, { onSave: onSubmitForm, onCancel: onClose }) }) })] }));
 };

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

@@ -13,12 +13,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Box } from '@chakra-ui/react';
 import { DynamicForm, TabsHeader, ItemFormTabImage } from '../../..';
+import { v4 as uuidv4 } from 'uuid';
 export const ItemFormTabs = (_a) => {
     var { form = [] } = _a, props = __rest(_a, ["form"]);
+    const formWithIds = form.map((item) => (Object.assign(Object.assign({}, item), { id: item.id || uuidv4() })));
     const tabList = [
         {
             label: t('createDocument.tabs.tab1'),
-            component: (_jsx(Box, { overflow: "scroll", minH: "100vh", children: _jsx(DynamicForm, { form: form }) })),
+            component: (_jsx(Box, { overflow: "scroll", minH: "100vh", children: _jsx(DynamicForm, { form: formWithIds }) })),
         },
         {
             label: t('createDocument.tabs.tab2'),

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

@@ -1,7 +1,7 @@
 import { FolderFileI, MenuItemI, PartnerFooterI, TileCtaI } from '../..';
-type KindTypes = 'checkbox' | 'checkbox-agreement' | 'checkbox-group' | 'currency' | 'date' | 'email' | 'file' | 'grid' | 'group' | 'hidden' | 'notes' | 'number' | 'radio' | 'rating' | 'select' | 'string' | 'switch' | 'telephone' | 'text' | 'textarea' | 'default' | UIKindTypes | HomeItemTypes;
-type UIKindTypes = 'tile-body' | 'tile-body-logo' | 'tile-body-header' | 'tile-body-section' | 'tile-body-section-grid' | 'tile-form' | 'tile-body-action' | 'vertical-icon' | 'primary-cta' | 'secondary-cta';
-type HomeItemTypes = 'appliances' | 'images' | 'guidelines' | 'item-related' | 'item-icon-btn';
+export type KindTypes = 'checkbox' | 'checkbox-agreement' | 'checkbox-group' | 'currency' | 'date' | 'email' | 'file' | 'grid' | 'group' | 'hidden' | 'notes' | 'number' | 'radio' | 'rating' | 'select' | 'string' | 'switch' | 'telephone' | 'text' | 'textarea' | 'default' | UIKindTypes | HomeItemTypes;
+export type UIKindTypes = 'tile-body' | 'tile-body-logo' | 'tile-body-header' | 'tile-body-section' | 'tile-body-section-grid' | 'tile-form' | 'tile-body-action' | 'vertical-icon' | 'primary-cta' | 'secondary-cta';
+export type HomeItemTypes = 'appliances' | 'images' | 'guidelines' | 'item-related' | 'item-icon-btn';
 export type IconTypes = 'barcode' | 'battery' | 'billing' | 'book' | 'book-opened' | 'calc' | 'calendar' | 'check' | 'co2' | 'contact' | 'date' | 'default' | 'detector' | 'electricity' | 'goldbars' | 'heart' | 'image' | 'notes' | 'palette' | 'people' | 'price' | 'rating' | 'receipt' | 'registry' | 'sprinkler' | 'tools' | 'wind' | '68' | 'calendar2' | 'water' | 'calendar-drop' | 'umbrella' | 'heater' | 'roof' | 'foundation' | 'solar-panel' | 'pool' | 'drop' | 'mobile-drop' | 'light' | 'plate' | 'pressure-washer' | 'house' | 'target' | 'title' | 'company' | UIIconTypes;
 export type UIIconTypes = 'sh-pressure' | 'sh-window' | 'sh-roof' | 'sh-lights' | 'sh-gutter' | 'sh-home' | 'sh-house';
 export type ValueTypes = string | string[] | number | boolean;
@@ -39,4 +39,3 @@ export interface ReadOnlyDynamicFormI extends Pick<DynamicFormI, 'form'> {
     onEdit?: (id: string) => void;
     onClick?: (id: string) => void;
 }
-export {};

package/package.json

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

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

@@ -41,7 +41,7 @@ export const ItemFormPanel = ({
           onSave={onSaveItemName}
           value={itemName}
         />
-        <Box position="relative" overflowY="scroll" h="inherit">
+        <Box position="relative" overflowY="scroll" h="inherit" pb="12">
           <Overlay
             showOverlay={!itemName}
             position="absolute"

package/src/components/forms/dynamicForm/ItemFormPanel/ItemFormTabs.tsx

@@ -2,14 +2,20 @@ import { t } from 'i18next'
 import { Box } from '@chakra-ui/react'
 import { DynamicForm, TabsHeader, ItemFormTabImage } from '@/components'
 import { ItemFormTabsI } from '@/interfaces'
+import { v4 as uuidv4 } from 'uuid'
 
 export const ItemFormTabs = ({ form = [], ...props }: ItemFormTabsI) => {
+  const formWithIds = form.map((item) => ({
+    ...item,
+    id: item.id || uuidv4(),
+  }))
+
   const tabList = [
     {
       label: t('createDocument.tabs.tab1'),
       component: (
         <Box overflow="scroll" minH="100vh">
-          <DynamicForm form={form} />
+          <DynamicForm form={formWithIds} />
         </Box>
       ),
     },

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

@@ -1,6 +1,6 @@
 import { FolderFileI, MenuItemI, PartnerFooterI, TileCtaI } from '@/interfaces'
 
-type KindTypes =
+export type KindTypes =
   | 'checkbox'
   | 'checkbox-agreement'
   | 'checkbox-group'
@@ -25,7 +25,7 @@ type KindTypes =
   | UIKindTypes
   | HomeItemTypes
 
-type UIKindTypes =
+export type UIKindTypes =
   | 'tile-body'
   | 'tile-body-logo'
   | 'tile-body-header'
@@ -37,7 +37,7 @@ type UIKindTypes =
   | 'primary-cta'
   | 'secondary-cta'
 
-type HomeItemTypes =
+export type HomeItemTypes =
   | 'appliances'
   | 'images'
   | 'guidelines'