@homefile/components-v2 2.27.0 → 2.27.1

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

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { DrawerBody, DrawerHeader, DrawerFooter, Box } from '@chakra-ui/react';
-import { PanelHeader, FooterDrawer, ItemFormFooter, Overlay, Loading, } from '../../..';
+import { PanelHeader, FooterDrawer, ItemFormFooter, Overlay, } from '../../..';
 export const ItemFormPanel = ({ children, onClose, onSubmitForm, panelIcon, panelTitle, showOverlay = false, onClearForm, onDuplicate, }) => {
     const { firstChild, otherChildren } = useMemo(() => {
-        let firstChild = null;
+        let firstChild = _jsx(_Fragment, {});
         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: 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 }) }) }))] }));
+    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 }) }) }))] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.27.0",
+  "version": "2.27.1",
   "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 | null = null
+    let firstChild: ReactNode = <></>
     let otherChildren: ReactNode = children
 
     if (Array.isArray(children) && children.length > 0) {
@@ -45,23 +45,19 @@ export const ItemFormPanel = ({
       </DrawerHeader>
 
       <DrawerBody p="0" overflowX="hidden" bg="lightBlue.1">
-        {firstChild ? (
-          <>
-            {firstChild}
-            <Box position="relative" mb="200px">
-              <Overlay
-                showOverlay={showOverlay}
-                position="absolute"
-                w="inherit"
-                h="inherit"
-                zIndex="9"
-              />
-              {otherChildren}
-            </Box>
-          </>
-        ) : (
-          <Loading />
-        )}
+        <>
+          {firstChild}
+          <Box position="relative" mb="200px">
+            <Overlay
+              showOverlay={showOverlay}
+              position="absolute"
+              w="inherit"
+              h="inherit"
+              zIndex="9"
+            />
+            {otherChildren}
+          </Box>
+        </>
       </DrawerBody>
       {onSubmitForm && (
         <FooterDrawer isOpen={!showOverlay}>