@homefile/components-v2 1.0.10 → 1.0.11

package/dist/components/homeAssistant/HomeAssistantSteps.d.ts

@@ -1,2 +1,2 @@
 import { HomeAssistantStepsI } from '../../interfaces';
-export declare const HomeAssistantSteps: ({ currentStep, onStepClick, isPanelOpen, }: HomeAssistantStepsI) => import("react/jsx-runtime").JSX.Element;
+export declare const HomeAssistantSteps: ({ currentStep, onStepClick, currentPanel, }: HomeAssistantStepsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/HomeAssistantSteps.js

@@ -2,12 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Center, SimpleGrid, Stack } from '@chakra-ui/react';
 import { HomeAssistantButton, HomeAssistantStepper } from '..';
 import { homeAssistantSteps } from '../../helpers';
-import { useState } from 'react';
 import { useComponentStyles } from '../../hooks';
-export const HomeAssistantSteps = ({ currentStep, onStepClick, isPanelOpen, }) => {
-    const [step, setStep] = useState(currentStep);
-    const stepId = `homeAssistantButton-${step}`;
-    const componentIds = isPanelOpen
+export const HomeAssistantSteps = ({ currentStep, onStepClick, currentPanel, }) => {
+    const wrapperZIndex = currentPanel ? undefined : '2';
+    const stepId = `homeAssistantButton-${currentPanel}`;
+    const componentIds = currentPanel
         ? [
             'homeAssistantButton-1',
             'homeAssistantButton-2',
@@ -17,13 +16,8 @@ export const HomeAssistantSteps = ({ currentStep, onStepClick, isPanelOpen, }) =
             'homeAssistantButton-6',
         ]
         : [];
-    const handleStepClick = (step) => {
-        onStepClick(step);
-        setStep(step);
-    };
     useComponentStyles(componentIds, stepId);
-    const wrapperZIndex = isPanelOpen ? undefined : '2';
-    return (_jsxs(Stack, { spacing: "8", w: "fit-content", position: "relative", top: ['-10px', '-30px'], zIndex: wrapperZIndex, children: [_jsx(HomeAssistantStepper, { currentStep: currentStep, totalSteps: 6 }), _jsx(SimpleGrid, { columns: [2, 3], spacing: "base", children: homeAssistantSteps.map((step, index) => (_jsx(Center, { w: "100%", children: _jsx(HomeAssistantButton, { currentStep: index + 1, onStepClick: handleStepClick, status: getStatus(index + 1, currentStep), step: step }) }, step.title))) })] }));
+    return (_jsxs(Stack, { spacing: "8", w: "fit-content", position: "relative", top: ['-10px', '-30px'], zIndex: wrapperZIndex, children: [_jsx(HomeAssistantStepper, { currentStep: currentStep, totalSteps: 6 }), _jsx(SimpleGrid, { columns: [2, 3], spacing: "base", children: homeAssistantSteps.map((step, index) => (_jsx(Center, { w: "100%", children: _jsx(HomeAssistantButton, { currentStep: index + 1, onStepClick: onStepClick, status: getStatus(index + 1, currentStep), step: step }) }, step.title))) })] }));
 };
 const getStatus = (index, currentStep) => {
     if (index === currentStep)

package/dist/components/homeBoard/HomeBoard.js

@@ -51,7 +51,7 @@ export const HomeBoard = () => {
         HomeAssistant: (_jsx(HomeAssistantPanel, { currentStep: homeAssistantCurrentStep, currentForm: currentHomeAssistantForm, onNext: handleHomeAssistantFormChange, onBack: handleHomeAssistantBack, onApplianceClick: () => null, onClose: onRightClose })),
     };
     const panelSize = currentComponent === 'PartnerCatalog' ? 'lg' : 'md';
-    return (_jsxs(Box, { overflowX: "hidden", children: [_jsx(RightPanel, { overlay: showOverlay, isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: rightPanelComponents[currentComponent] }), _jsxs(Flex, { w: "full", minH: "100dvh", children: [_jsx(RoomsMenu, { activeRoom: "homeboard", handleAddRoom: (id) => __awaiter(void 0, void 0, void 0, function* () { return console.log(id); }), handleClick: () => null, handleHomeClick: () => null, rooms: RoomsList, roomsToAdd: RoomsToAdd }), _jsxs(Box, { w: "full", children: [_jsx(AppBarComponent, { setActiveTour: setActiveTour }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsx(HomeHeader, { buttonLabel: "Partner catalog", onBack: () => null, homeName: homeName, onAdd: () => null }), _jsxs(HomeBoardGrid, { children: [_jsx(HomeCardWithRecipent, { address: HomeCards[0].address, handleEdit: handleEditHomeClick, handleDeleteAccountType: (email) => email, handleSubmitAccountType: (form) => form, _id: HomeCards[0]._id, image: HomeCards[0].image, loading: false, name: HomeCards[0].name, menu: menuMock, addImage: () => null, recipients: recipientsDb, records: homeBoardRecorsMock }), _jsx(HomeAssistant, { isPanelOpen: isRightOpen, currentStep: 6, onStepClick: handleHomeAssistantClick }), _jsx(PropertyTaxes, { estimatedTaxValue: 1000, menuItems: menuMock, taxes: taxesMock, title: "Travis County Property Taxes" }), _jsxs(Stack, { spacing: "base", children: [_jsx(ReceiptAutofiler, { onClick: () => null, totalReceipts: 36, totalTitle: "Receipts Received", forwardTo: "reciepts@homefile.cloud", onFilter: () => null, children: _jsx(ReceiptsFiled, { incidentalItemsNumber: 0, incidentalSpent: 0, inventoryItemsNumber: 0, inventorySpent: 0, total: 0 }) }), _jsx(ValueMonitor, { menuItems: menuMock, balance: "+3%", totalValue: 323421, year: "2023", yearValue: 5684 })] }), _jsx(ShortPartnerTile, { _id: "1", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), _jsx(TrendingValue, { chartData: lineChartData, marketValue: 894000, menuItems: menuMock, mortgageBalance: 220532, purchasePrice: 220532, roi: "+234%" }), _jsx(ShortPartnerTile, { _id: "2", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), _jsx(FolderSharing, { folders: FoldersDB, handleAddNewFolder: handleNewFolder, handleFolderClick: handleFolderClick, handleSelect: () => null, initialSelectItem: selectOptions[0], menuItems: menuMock, selectItems: selectOptions }), _jsxs(Stack, { spacing: "base", children: [_jsx(AddHomeItem, { handleClick: () => null }), _jsx(SendCommunication, { documentList: [] })] }), _jsx(ShortPartnerTile, { _id: "3", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" })] })] })] })] }), _jsx(HomeBoardTour, { currentStep: currentStep, handleClose: handleClose, handleStep: handleStep, meetStepUrl: videoMock, isActive: activeTour })] }));
+    return (_jsxs(Box, { overflowX: "hidden", children: [_jsx(RightPanel, { overlay: showOverlay, isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: rightPanelComponents[currentComponent] }), _jsxs(Flex, { w: "full", minH: "100dvh", children: [_jsx(RoomsMenu, { activeRoom: "homeboard", handleAddRoom: (id) => __awaiter(void 0, void 0, void 0, function* () { return console.log(id); }), handleClick: () => null, handleHomeClick: () => null, rooms: RoomsList, roomsToAdd: RoomsToAdd }), _jsxs(Box, { w: "full", children: [_jsx(AppBarComponent, { setActiveTour: setActiveTour }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsx(HomeHeader, { buttonLabel: "Partner catalog", onBack: () => null, homeName: homeName, onAdd: () => null }), _jsxs(HomeBoardGrid, { children: [_jsx(HomeCardWithRecipent, { address: HomeCards[0].address, handleEdit: handleEditHomeClick, handleDeleteAccountType: (email) => email, handleSubmitAccountType: (form) => form, _id: HomeCards[0]._id, image: HomeCards[0].image, loading: false, name: HomeCards[0].name, menu: menuMock, addImage: () => null, recipients: recipientsDb, records: homeBoardRecorsMock }), _jsx(HomeAssistant, { currentPanel: homeAssistantCurrentStep, currentStep: 6, onStepClick: handleHomeAssistantClick }), _jsx(PropertyTaxes, { estimatedTaxValue: 1000, menuItems: menuMock, taxes: taxesMock, title: "Travis County Property Taxes" }), _jsxs(Stack, { spacing: "base", children: [_jsx(ReceiptAutofiler, { onClick: () => null, totalReceipts: 36, totalTitle: "Receipts Received", forwardTo: "reciepts@homefile.cloud", onFilter: () => null, children: _jsx(ReceiptsFiled, { incidentalItemsNumber: 0, incidentalSpent: 0, inventoryItemsNumber: 0, inventorySpent: 0, total: 0 }) }), _jsx(ValueMonitor, { menuItems: menuMock, balance: "+3%", totalValue: 323421, year: "2023", yearValue: 5684 })] }), _jsx(ShortPartnerTile, { _id: "1", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), _jsx(TrendingValue, { chartData: lineChartData, marketValue: 894000, menuItems: menuMock, mortgageBalance: 220532, purchasePrice: 220532, roi: "+234%" }), _jsx(ShortPartnerTile, { _id: "2", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" }), _jsx(FolderSharing, { folders: FoldersDB, handleAddNewFolder: handleNewFolder, handleFolderClick: handleFolderClick, handleSelect: () => null, initialSelectItem: selectOptions[0], menuItems: menuMock, selectItems: selectOptions }), _jsxs(Stack, { spacing: "base", children: [_jsx(AddHomeItem, { handleClick: () => null }), _jsx(SendCommunication, { documentList: [] })] }), _jsx(ShortPartnerTile, { _id: "3", buttonText: "Contact Audrey Scheck", description: "Full-service design firm focusing on residential remodels, furnishing, and styling.", onClick: () => null, socialLinks: socialLinksMock2, logo: "https://static.wixstatic.com/media/258105_8e04439070694f278e4787a310ea9f4b~mv2.png", partnerName: "Audrey Scheck", websiteUrl: "" })] })] })] })] }), _jsx(HomeBoardTour, { currentStep: currentStep, handleClose: handleClose, handleStep: handleStep, meetStepUrl: videoMock, isActive: activeTour })] }));
 };
 export const AppBarComponent = ({ setActiveTour = (value) => { } }) => {
     const handleTour = () => {

package/dist/hooks/useComponentStyles.js

@@ -9,6 +9,6 @@ export const useComponentStyles = (ids, selectedId) => {
     });
     const currentComponent = document.getElementById(selectedId);
     if (currentComponent) {
-        currentComponent.style.zIndex = '99999';
+        currentComponent.style.zIndex = '1400';
     }
 };

package/dist/interfaces/homeAssistant/HomeAssistantSteps.interface.d.ts

@@ -2,6 +2,6 @@ export interface HomeAssistantStepsI {
     currentStep: number;
     onStepClick: (step: number) => void;
     showTutorial?: boolean;
-    isPanelOpen?: boolean;
+    currentPanel?: number;
     tutorialUrl?: string;
 }

package/package.json

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

package/src/components/homeAssistant/HomeAssistantSteps.tsx

@@ -2,17 +2,16 @@ import { Center, SimpleGrid, Stack } from '@chakra-ui/react'
 import { HomeAssistantStepsI } from '@/interfaces'
 import { HomeAssistantButton, HomeAssistantStepper } from '@/components'
 import { homeAssistantSteps } from '@/helpers'
-import { useState } from 'react'
 import { useComponentStyles } from '@/hooks'
 
 export const HomeAssistantSteps = ({
   currentStep,
   onStepClick,
-  isPanelOpen,
+  currentPanel,
 }: HomeAssistantStepsI) => {
-  const [step, setStep] = useState(currentStep)
-  const stepId = `homeAssistantButton-${step}`
-  const componentIds = isPanelOpen
+  const wrapperZIndex = currentPanel ? undefined : '2'
+  const stepId = `homeAssistantButton-${currentPanel}`
+  const componentIds = currentPanel
     ? [
         'homeAssistantButton-1',
         'homeAssistantButton-2',
@@ -23,13 +22,7 @@ export const HomeAssistantSteps = ({
       ]
     : []
 
-  const handleStepClick = (step: number) => {
-    onStepClick(step)
-    setStep(step)
-  }
-
   useComponentStyles(componentIds, stepId)
-  const wrapperZIndex = isPanelOpen ? undefined : '2'
   return (
     <Stack
       spacing="8"
@@ -44,7 +37,7 @@ export const HomeAssistantSteps = ({
           <Center key={step.title} w="100%">
             <HomeAssistantButton
               currentStep={index + 1}
-              onStepClick={handleStepClick}
+              onStepClick={onStepClick}
               status={getStatus(index + 1, currentStep)}
               step={step}
             />

package/src/components/homeBoard/HomeBoard.tsx

@@ -314,7 +314,7 @@ export const HomeBoard = () => {
               />
 
               <HomeAssistant
-                isPanelOpen={isRightOpen}
+                currentPanel={homeAssistantCurrentStep}
                 currentStep={6}
                 onStepClick={handleHomeAssistantClick}
               />

package/src/hooks/useComponentStyles.ts

@@ -12,6 +12,6 @@ export const useComponentStyles = (ids: string[], selectedId: string) => {
   const currentComponent = document.getElementById(selectedId)
 
   if (currentComponent) {
-    currentComponent.style.zIndex = '99999'
+    currentComponent.style.zIndex = '1400'
   }
 }

package/src/interfaces/homeAssistant/HomeAssistantSteps.interface.ts

@@ -2,6 +2,6 @@ export interface HomeAssistantStepsI {
   currentStep: number
   onStepClick: (step: number) => void
   showTutorial?: boolean
-  isPanelOpen?: boolean
+  currentPanel?: number
   tutorialUrl?: string
 }