@homefile/components-v2 2.7.2 → 2.7.4

package/dist/components/footers/FooterDrawer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Center, Container, Slide } from '@chakra-ui/react';
 export const FooterDrawer = ({ children, isOpen, variant = 'footer' }) => {
-    return (_jsx(Slide, { direction: "bottom", in: isOpen, children: _jsx(Container, { variant: variant, minW: "full", children: _jsx(Center, { py: ["0.5rem", "2rem"], children: children }) }) }));
+    return (_jsx(Slide, { direction: "bottom", in: isOpen, animate: { transform: "translateX(0px)" }, children: _jsx(Container, { variant: variant, minW: "full", children: _jsx(Center, { py: ["0.5rem", "2rem"], children: children }) }) }));
 };

package/dist/components/myHomes/HomeDetailsContent.js

@@ -11,11 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { Box, DrawerContent, DrawerHeader, DrawerBody } from '@chakra-ui/react';
+import { Box, DrawerContent, DrawerHeader, DrawerBody, DrawerFooter } from '@chakra-ui/react';
 import { PanelHeader, Loading, HomeCard, FooterDrawer } from '..';
 import { House } from '../../assets/images';
 export const HomeDetailsContent = (_a) => {
     var props = __rest(_a, []);
     const { handleClose, isLoading, children, showFooter, footerButtons } = props;
-    return (_jsxs(DrawerContent, { children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { icon: House, handleCloseButton: handleClose, title: t("myHomes.details.header") }) }), _jsx(DrawerBody, { padding: "0 0 6rem 0", bg: "#F4F7F8", children: _jsxs(Box, { children: [isLoading ? (_jsx(Loading, {})) : (_jsxs(_Fragment, { children: [_jsx(HomeCard, Object.assign({}, props)), children] })), _jsx(FooterDrawer, { isOpen: showFooter, children: footerButtons })] }) })] }));
+    return (_jsxs(DrawerContent, { children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { icon: House, handleCloseButton: handleClose, title: t("myHomes.details.header") }) }), _jsx(DrawerBody, { padding: "0 0 6rem 0", bg: "#F4F7F8", children: _jsx(Box, { children: isLoading ? (_jsx(Loading, {})) : (_jsxs(_Fragment, { children: [_jsx(HomeCard, Object.assign({}, props)), children] })) }) }), _jsx(DrawerFooter, { children: _jsx(FooterDrawer, { isOpen: showFooter, children: footerButtons }) })] }));
 };

package/dist/stories/myHomes/HomeDetailsContent.stories.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Drawer } from '@chakra-ui/react';
-import { HomeDetailsContent, FooterButtons } from '../../components';
+import { HomeDetailsContent, FooterButtons, RightPanel } from '../../components';
 import { HomeCards, ButtonsFooter } from '../../helpers';
 import { ShareHomeConnectionsComponent } from '../sharedHomePanel/ShareHomeConnections.stories';
 const { name, image, address } = HomeCards[0];
@@ -9,7 +8,7 @@ export default {
     component: HomeDetailsContent,
 };
 export const HomeDetailsContentComponent = (args) => {
-    return (_jsx(Drawer, { placement: "right", onClose: () => null, isOpen: true, size: "md", children: _jsx(HomeDetailsContent, Object.assign({}, args)) }));
+    return (_jsx(RightPanel, { onClose: () => null, isOpen: true, size: "md", children: _jsx(HomeDetailsContent, Object.assign({}, args)) }));
 };
 HomeDetailsContentComponent.args = {
     apartmentNumber: address.apartmentNumber,

package/package.json

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

package/src/components/footers/FooterDrawer.tsx

@@ -3,7 +3,7 @@ import { FooterDrawerI } from '@/interfaces'
 
 export const FooterDrawer = ({ children, isOpen, variant = 'footer' }: FooterDrawerI) => {
   return (
-    <Slide direction="bottom" in={isOpen}>
+    <Slide direction="bottom" in={isOpen} animate={{ transform: "translateX(0px)" }}>
       <Container variant={variant} minW="full">
         <Center py={["0.5rem","2rem"]}>{children}</Center>
       </Container>

package/src/components/myHomes/HomeDetailsContent.tsx

@@ -1,5 +1,5 @@
 import { t } from 'i18next'
-import { Box, DrawerContent, DrawerHeader, DrawerBody } from '@chakra-ui/react'
+import { Box, DrawerContent, DrawerHeader, DrawerBody, DrawerFooter } from '@chakra-ui/react'
 import {
   PanelHeader,
   Loading,
@@ -33,11 +33,13 @@ export const HomeDetailsContent = ({...props}: HomeDetailsContentI) => {
               </>
             )
           }
-          <FooterDrawer isOpen={showFooter}>
-            {footerButtons}
-          </FooterDrawer>
         </Box>
       </DrawerBody>
+      <DrawerFooter>
+        <FooterDrawer isOpen={showFooter}>
+          {footerButtons}
+        </FooterDrawer>
+      </DrawerFooter>
     </DrawerContent>
   )
 }

package/src/stories/myHomes/HomeDetailsContent.stories.tsx

@@ -1,6 +1,6 @@
 import { Meta } from '@storybook/react'
 import { Drawer } from '@chakra-ui/react'
-import { HomeDetailsContent, FooterButtons } from '@/components'
+import { HomeDetailsContent, FooterButtons, RightPanel } from '@/components'
 import { HomeCards, ButtonsFooter } from '@/helpers'
 import { HomeDetailsContentI } from '@/interfaces'
 import { ShareHomeConnectionsComponent } from '../sharedHomePanel/ShareHomeConnections.stories'
@@ -14,9 +14,9 @@ export default {
 
 export const HomeDetailsContentComponent = (args: HomeDetailsContentI) => {
     return (
-        <Drawer placement="right" onClose={() => null} isOpen size="md">
+        <RightPanel onClose={() => null} isOpen size="md">
             <HomeDetailsContent {...args} />
-        </Drawer>
+        </RightPanel>
     )
 }