@homefile/components-v2 2.8.9 → 2.8.10

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, showOverlay = 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, { p: "0", pb: "12", overflowX: "hidden", overflowY: "scroll", bg: "lightBlue.1", children: [_jsx(ItemNameHeader, { id: "item-name", onSave: onSaveItemName, value: itemName }), _jsxs(Box, { position: "relative", children: [_jsx(Overlay, { showOverlay: showOverlay, 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", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, icon: panelIcon, title: panelTitle }) }), _jsxs(DrawerBody, { p: "0", pb: "12", overflowX: "hidden", bg: "lightBlue.1", children: [_jsx(ItemNameHeader, { id: "item-name", onSave: onSaveItemName, value: itemName }), _jsxs(Box, { position: "relative", children: [_jsx(Overlay, { showOverlay: showOverlay, 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

@@ -11,7 +11,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 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) => {
@@ -20,7 +19,7 @@ export const ItemFormTabs = (_a) => {
     const tabList = [
         {
             label: t('createDocument.tabs.tab1'),
-            component: (_jsx(Box, { overflow: "scroll", minH: "100vh", children: _jsx(DynamicForm, { form: formWithIds }) })),
+            component: _jsx(DynamicForm, { form: formWithIds }),
         },
         {
             label: t('createDocument.tabs.tab2'),

package/dist/components/launchpad/Panel.d.ts

@@ -1,2 +1,2 @@
 import { PanelI } from '../../interfaces';
-export declare const Panel: ({ children, isOpen, onClose, overlay, placement, size, }: PanelI) => import("react/jsx-runtime").JSX.Element;
+export declare const Panel: ({ children, isOpen, onClose, overlay, placement, size, ...props }: PanelI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/launchpad/Panel.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 { Drawer, DrawerOverlay } from '@chakra-ui/react';
 import { useWindowDimensions } from '../../hooks';
 import { MOBILE_WIDTH } from '../../utils';
-export const Panel = ({ children, isOpen, onClose, overlay = true, placement = 'right', size = 'md', }) => {
+export const Panel = (_a) => {
+    var { children, isOpen, onClose, overlay = true, placement = 'right', size = 'md' } = _a, props = __rest(_a, ["children", "isOpen", "onClose", "overlay", "placement", "size"]);
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < MOBILE_WIDTH;
-    return (_jsxs(Drawer, { placement: placement, onClose: onClose, isOpen: isOpen, size: isMobile ? 'full' : size, children: [overlay && _jsx(DrawerOverlay, { zIndex: "1399" }), children] }));
+    return (_jsxs(Drawer, Object.assign({}, props, { placement: placement, onClose: onClose, isOpen: isOpen, size: isMobile ? 'full' : size, children: [overlay && _jsx(DrawerOverlay, { zIndex: "1399" }), children] })));
 };

package/dist/interfaces/launchpad/LeftPanel.interface.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
-export interface LeftPanelI {
+import { DrawerProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+export interface LeftPanelI extends DrawerProps {
     children: ReactNode;
     isOpen: boolean;
     onClose: () => void;

package/package.json

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

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

@@ -27,7 +27,7 @@ export const ItemFormPanel = ({
   showOverlay = false,
 }: PropsWithChildren<ItemFormPanelI>) => {
   return (
-    <DrawerContent bg="lightBlue.1" zIndex={4}>
+    <DrawerContent bg="lightBlue.1">
       <DrawerHeader p="0">
         <PanelHeader
           handleCloseButton={onClose}
@@ -36,13 +36,7 @@ export const ItemFormPanel = ({
         />
       </DrawerHeader>
 
-      <DrawerBody
-        p="0"
-        pb="12"
-        overflowX="hidden"
-        overflowY="scroll"
-        bg="lightBlue.1"
-      >
+      <DrawerBody p="0" pb="12" overflowX="hidden" bg="lightBlue.1">
         <ItemNameHeader
           id="item-name"
           onSave={onSaveItemName}

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

@@ -1,5 +1,4 @@
 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'
@@ -13,11 +12,7 @@ export const ItemFormTabs = ({ form = [], ...props }: ItemFormTabsI) => {
   const tabList = [
     {
       label: t('createDocument.tabs.tab1'),
-      component: (
-        <Box overflow="scroll" minH="100vh">
-          <DynamicForm form={formWithIds} />
-        </Box>
-      ),
+      component: <DynamicForm form={formWithIds} />,
     },
     {
       label: t('createDocument.tabs.tab2'),

package/src/components/launchpad/Panel.tsx

@@ -10,6 +10,7 @@ export const Panel = ({
   overlay = true,
   placement = 'right',
   size = 'md',
+  ...props
 }: PanelI) => {
   const {
     windowDimensions: { width },
@@ -17,6 +18,7 @@ export const Panel = ({
   const isMobile = width < MOBILE_WIDTH
   return (
     <Drawer
+      {...props}
       placement={placement}
       onClose={onClose}
       isOpen={isOpen}

package/src/interfaces/launchpad/LeftPanel.interface.ts

@@ -1,9 +1,10 @@
-import {  ReactNode } from "react"
+import { DrawerProps } from '@chakra-ui/react'
+import { ReactNode } from 'react'
 
-export interface LeftPanelI {
+export interface LeftPanelI extends DrawerProps {
   children: ReactNode
   isOpen: boolean
   onClose: () => void
   overlay?: boolean
   size?: string
-}
+}