@homefile/components-v2 2.8.8 → 2.8.10

package/dist/components/contacts/ContactsContent.js

@@ -12,6 +12,7 @@ export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, ch
     });
     const { windowDimensions: { width }, } = useWindowDimensions();
     const maxW = width > 413 ? '16rem' : '10rem';
+    const isDisabled = Number(itemsSelected.length) === 0;
     return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsxs(DrawerHeader, { p: "0", children: [_jsx(PanelHeader, { handleCloseButton: handleClose, icon: Contacts, title: t('contacts.title') }), _jsxs(Flex, { justify: "space-between", pl: "base", my: "base", align: "center", gap: "base", children: [_jsx(SearchInput, { maxW: maxW, value: search, onChange: handleChange }), _jsx(LeftButtonAnimated, { onClick: handleAdd, label: t('contacts.addBtn'), disabled: disabled })] })] }), _jsxs(DrawerBody, { p: "0", overflowX: "hidden", children: [_jsxs(Stack, { spacing: "base", pt: "base", pb: "120px", pr: "base", bg: "lightBlue.2", minHeight: "full", children: [_jsxs(Flex, { gap: "3", pl: "base", children: [_jsx(Checkbox, { onChange: handleSelectAll }), _jsx(Text, { fontFamily: "secondary", fontSize: "xs", children: t('subscription.select') })] }), _jsx(Box, { children: Object.keys(splittedContacts).map((letter, idx) => {
                                     const showLetterDivider = idx !== 0;
                                     return (_jsxs(Stack, { spacing: "0", children: [showLetterDivider && _jsx(LetterDivider, { letter: letter }), _jsx(Stack, { spacing: "2px", children: splittedContacts[letter].map((contact, idx) => {
@@ -24,11 +25,12 @@ export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, ch
                                 }) })] }), children] }), _jsx(DrawerFooter, { p: "0", zIndex: "overlay", children: _jsx(FooterDrawer, { isOpen: true, children: _jsx(FooterButtons, { button1: {
                             buttonStyle: 'primaryFooter',
                             label: t('buttons.share'),
-                            isDisabled: Number(itemsSelected.length) === 0,
+                            isDisabled,
                             onClick: () => onShareContacts(getContactByIds(itemsSelected)),
                         }, button2: {
                             buttonStyle: 'secondaryFooter',
                             label: t('buttons.delete'),
+                            isDisabled,
                             onClick: () => onDeleteContacts(itemsSelected),
                         } }) }) })] }));
 };

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/IconMenu.js

@@ -2,7 +2,10 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { MenuButton, IconButton, Menu, MenuItem, MenuList, Box, } from '@chakra-ui/react';
 import { ChevronDown, Overlay } from '..';
 export const IconMenu = ({ disabled = false, icon = _jsx(ChevronDown, {}), itemForm, menuItems, onClick, variant = 'menuIcon', width = 'fit-content', zIndex = '999', }) => {
-    return (_jsx(Box, { zIndex: zIndex, children: _jsx(Menu, { isLazy: true, children: ({ isOpen }) => (_jsxs(_Fragment, { children: [_jsx(Overlay, { bg: "overlay", showOverlay: isOpen, position: "fixed" }), _jsx(MenuButton, { as: IconButton, "aria-label": "Options", icon: _jsx(Box, { children: icon }), variant: variant, w: width, disabled: disabled, marginTop: "0 !important", onClick: onClick, "data-testid": "icon-menu" }), _jsx(MenuList, { zIndex: "5", children: menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(({ handleClick, label }) => (_jsx(MenuItem, { "data-testid": label, onClick: () => handleClick(itemForm), _hover: {
+    return (_jsx(Box, { zIndex: zIndex, children: _jsx(Menu, { isLazy: true, children: ({ isOpen }) => (_jsxs(_Fragment, { children: [_jsx(Overlay, { bg: "overlay", showOverlay: isOpen, position: "fixed" }), _jsx(MenuButton, { as: IconButton, "aria-label": "Options", icon: _jsx(Box, { children: icon }), variant: variant, w: width, disabled: disabled, marginTop: "0 !important", onClick: onClick, "data-testid": "icon-menu" }), _jsx(MenuList, { zIndex: "5", children: menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(({ handleClick, label }) => (_jsx(MenuItem, { "data-testid": label, onClick: (e) => {
+                                e.stopPropagation();
+                                handleClick(itemForm);
+                            }, _hover: {
                                 bg: 'lightGreen.1',
                             }, _focus: {
                                 bg: 'lightGreen.1',

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.8",
+  "version": "2.8.10",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",

package/src/components/contacts/ContactsContent.tsx

@@ -66,6 +66,7 @@ export const ContactsContent = ({
   } = useWindowDimensions()
 
   const maxW = width > 413 ? '16rem' : '10rem'
+  const isDisabled = Number(itemsSelected.length) === 0
 
   return (
     <DrawerContent bg="lightBlue.1">
@@ -161,12 +162,13 @@ export const ContactsContent = ({
             button1={{
               buttonStyle: 'primaryFooter',
               label: t('buttons.share'),
-              isDisabled: Number(itemsSelected.length) === 0,
+              isDisabled,
               onClick: () => onShareContacts(getContactByIds(itemsSelected)),
             }}
             button2={{
               buttonStyle: 'secondaryFooter',
               label: t('buttons.delete'),
+              isDisabled,
               onClick: () => onDeleteContacts(itemsSelected),
             }}
           />

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/IconMenu.tsx

@@ -41,7 +41,10 @@ export const IconMenu = ({
                 <MenuItem
                   data-testid={label}
                   key={label}
-                  onClick={() => handleClick(itemForm)}
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    handleClick(itemForm)
+                  }}
                   _hover={{
                     bg: 'lightGreen.1',
                   }}

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
-}
+}