@homefile/components-v2 2.27.1 → 2.27.2

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

@@ -1,10 +1,10 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { DrawerBody, DrawerHeader, DrawerFooter, Box } from '@chakra-ui/react';
-import { PanelHeader, FooterDrawer, ItemFormFooter, Overlay, } from '../../..';
+import { PanelHeader, FooterDrawer, ItemFormFooter, Overlay, Loading, } from '../../..';
 export const ItemFormPanel = ({ children, onClose, onSubmitForm, panelIcon, panelTitle, showOverlay = false, onClearForm, onDuplicate, }) => {
     const { firstChild, otherChildren } = useMemo(() => {
-        let firstChild = _jsx(_Fragment, {});
+        let firstChild = null;
         let otherChildren = children;
         if (Array.isArray(children) && children.length > 0) {
             const header = children[0];
@@ -15,5 +15,5 @@ export const ItemFormPanel = ({ children, onClose, onSubmitForm, panelIcon, pane
         }
         return { firstChild, otherChildren };
     }, [children]);
-    return (_jsxs(_Fragment, { children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, icon: panelIcon, title: panelTitle }) }), _jsx(DrawerBody, { p: "0", overflowX: "hidden", bg: "lightBlue.1", children: _jsxs(_Fragment, { children: [firstChild, _jsxs(Box, { position: "relative", mb: "200px", children: [_jsx(Overlay, { showOverlay: showOverlay, position: "absolute", w: "inherit", h: "inherit", zIndex: "9" }), otherChildren] })] }) }), onSubmitForm && (_jsx(FooterDrawer, { isOpen: !showOverlay, children: _jsx(DrawerFooter, { w: "100%", py: "0", children: _jsx(ItemFormFooter, { onClearForm: onClearForm, onDuplicate: onDuplicate, onSave: onSubmitForm, onCancel: onClose }) }) }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, icon: panelIcon, title: panelTitle }) }), _jsx(DrawerBody, { p: "0", overflowX: "hidden", bg: "lightBlue.1", children: firstChild ? (_jsxs(_Fragment, { children: [firstChild, _jsxs(Box, { position: "relative", mb: "200px", children: [_jsx(Overlay, { showOverlay: showOverlay, position: "absolute", w: "inherit", h: "inherit", zIndex: "9" }), otherChildren] })] })) : (_jsx(Loading, {})) }), onSubmitForm && (_jsx(FooterDrawer, { isOpen: !showOverlay, children: _jsx(DrawerFooter, { w: "100%", py: "0", children: _jsx(ItemFormFooter, { onClearForm: onClearForm, onDuplicate: onDuplicate, onSave: onSubmitForm, onCancel: onClose }) }) }))] }));
 };

package/package.json

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

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

@@ -20,7 +20,7 @@ export const ItemFormPanel = ({
   onDuplicate,
 }: PropsWithChildren<ItemFormPanelI>) => {
   const { firstChild, otherChildren } = useMemo(() => {
-    let firstChild: ReactNode = <></>
+    let firstChild: ReactNode | null = null
     let otherChildren: ReactNode = children
 
     if (Array.isArray(children) && children.length > 0) {
@@ -45,19 +45,23 @@ export const ItemFormPanel = ({
       </DrawerHeader>
 
       <DrawerBody p="0" overflowX="hidden" bg="lightBlue.1">
-        <>
-          {firstChild}
-          <Box position="relative" mb="200px">
-            <Overlay
-              showOverlay={showOverlay}
-              position="absolute"
-              w="inherit"
-              h="inherit"
-              zIndex="9"
-            />
-            {otherChildren}
-          </Box>
-        </>
+        {firstChild ? (
+          <>
+            {firstChild}
+            <Box position="relative" mb="200px">
+              <Overlay
+                showOverlay={showOverlay}
+                position="absolute"
+                w="inherit"
+                h="inherit"
+                zIndex="9"
+              />
+              {otherChildren}
+            </Box>
+          </>
+        ) : (
+          <Loading />
+        )}
       </DrawerBody>
       {onSubmitForm && (
         <FooterDrawer isOpen={!showOverlay}>