@homefile/components-v2 2.7.3 → 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/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.3",
+  "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/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>
     )
 }