@homefile/components-v2 2.22.1 → 2.22.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/homeAssistant/HomeMonitorSteps.d.ts +1 -1
- package/dist/components/homeAssistant/HomeMonitorSteps.js +4 -5
- package/dist/components/homeBoard/HomeBoard.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/interfaces/homeAssistant/HomeMonitorSteps.interface.d.ts +0 -1
- package/package.json +1 -1
- package/src/components/homeAssistant/HomeMonitorSteps.tsx +3 -10
- package/src/components/homeBoard/HomeBoard.tsx +0 -1
- package/src/index.ts +0 -1
- package/src/interfaces/homeAssistant/HomeMonitorSteps.interface.ts +0 -1
- package/dist/stories/homeAssistant/monitorAlerts/BaseAlertCard.stories.d.ts +0 -5
- package/dist/stories/homeAssistant/monitorAlerts/BaseAlertCard.stories.js +0 -22
- package/dist/stories/homeAssistant/monitorAlerts/MonitorAlerts.stories.d.ts +0 -5
- package/dist/stories/homeAssistant/monitorAlerts/MonitorAlerts.stories.js +0 -12
- package/src/stories/homeAssistant/monitorAlerts/BaseAlertCard.stories.tsx +0 -30
- package/src/stories/homeAssistant/monitorAlerts/MonitorAlerts.stories.tsx +0 -15
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { HomeMonitortStepsI } from '../../interfaces';
|
|
2
|
-
export declare const HomeMonitorSteps: ({ alerts, menuItems, onStepClick,
|
|
2
|
+
export declare const HomeMonitorSteps: ({ alerts, menuItems, onStepClick, }: HomeMonitortStepsI) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,17 +4,16 @@ import { Box, Flex } from '@chakra-ui/react';
|
|
|
4
4
|
import { HomeMonitorButton, IconMenu, MoreHorizontal } from '..';
|
|
5
5
|
import { homeAssistantSteps } from '../../helpers';
|
|
6
6
|
import { homeAssistantProxy } from '../../proxies';
|
|
7
|
-
export const HomeMonitorSteps = ({ alerts = [], menuItems = [], onStepClick,
|
|
7
|
+
export const HomeMonitorSteps = ({ alerts = [], menuItems = [], onStepClick, }) => {
|
|
8
8
|
const { setSelectedId } = homeAssistantProxy;
|
|
9
9
|
const isDisabled = menuItems.length === 0;
|
|
10
10
|
const handleStepClick = (step) => onStepClick(step);
|
|
11
11
|
return (_jsx(Flex, { gap: "base", justify: "center", children: homeAssistantSteps.map((step, index) => {
|
|
12
12
|
var _a;
|
|
13
|
-
return (_jsx(Box, { position: "relative", flex: "1", children: _jsxs(Fragment, { children: [_jsx(HomeMonitorButton, { alertCount: (_a = alerts.find((alert) => alert.step === index + 1)) === null || _a === void 0 ? void 0 : _a.count, currentStep: index + 1, onStepClick: handleStepClick, status: getStatus(index + 1,
|
|
13
|
+
return (_jsx(Box, { position: "relative", flex: "1", children: _jsxs(Fragment, { children: [_jsx(HomeMonitorButton, { alertCount: (_a = alerts.find((alert) => alert.step === index + 1)) === null || _a === void 0 ? void 0 : _a.count, currentStep: index + 1, onStepClick: handleStepClick, status: getStatus(index + 1, alerts), step: step }), _jsx(Box, { position: "absolute", top: "-2px", right: "4px", zIndex: "1400", children: _jsx(IconMenu, { zIndex: "2", icon: _jsx(MoreHorizontal, { size: 26 }), itemForm: index + 1, menuItems: menuItems, disabled: isDisabled, onClick: () => setSelectedId(`homeMonitorButton-${index + 1}`) }) })] }) }, step === null || step === void 0 ? void 0 : step.title));
|
|
14
14
|
}) }));
|
|
15
15
|
};
|
|
16
|
-
const getStatus = (index,
|
|
17
|
-
const hasAlert =
|
|
18
|
-
(alerts === null || alerts === void 0 ? void 0 : alerts.some((alert) => alert.step === index));
|
|
16
|
+
const getStatus = (index, alerts) => {
|
|
17
|
+
const hasAlert = alerts === null || alerts === void 0 ? void 0 : alerts.some((alert) => alert.step === index);
|
|
19
18
|
return hasAlert ? 'alert' : 'ok';
|
|
20
19
|
};
|
|
@@ -57,7 +57,7 @@ export const HomeBoard = () => {
|
|
|
57
57
|
label: 'Details',
|
|
58
58
|
handleClick: handleHomeAssistantClick,
|
|
59
59
|
},
|
|
60
|
-
],
|
|
60
|
+
], onStepClick: () => null })] }) }), _jsx(DynamicForm, { form: tileUIMock, menuItems: menuMock, socialLinks: socialLinksMock, showTitle: false, websiteUrl: "http://www.audreyscheckdesign.com" }), _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(PropertyTaxes, { estimatedTaxValue: 1000, menuItems: menuMock, taxes: taxesMock, title: "Travis County Property Taxes" }), _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 }), _jsx(AddToHomefile, { documentList: [], onItemClick: () => null }), _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 })] }));
|
|
61
61
|
};
|
|
62
62
|
export const AppBarComponent = ({ setActiveTour = (value) => { }, onClick = (panel) => { }, }) => {
|
|
63
63
|
const handleTour = () => {
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BackendAlert, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel,
|
|
1
|
+
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BackendAlert, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WeatherWidget, WellDone, YtdTile, } from './components';
|
|
2
2
|
export { useCustomToast } from './hooks';
|
|
3
3
|
export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
|
|
4
4
|
export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, } from './assets/images';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BackendAlert, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel,
|
|
1
|
+
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BackendAlert, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Notifications, NotificationsReminder, NotificationsPanel, NotificationCard, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, ViewContactPanel, VideoPlayer, VideoPlayerModal, WeatherWidget, WellDone, YtdTile, } from './components';
|
|
2
2
|
export { useCustomToast } from './hooks';
|
|
3
3
|
export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
|
|
4
4
|
export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, } from './assets/images';
|
package/package.json
CHANGED
|
@@ -9,7 +9,6 @@ export const HomeMonitorSteps = ({
|
|
|
9
9
|
alerts = [],
|
|
10
10
|
menuItems = [],
|
|
11
11
|
onStepClick,
|
|
12
|
-
stepsWithAlerts = [],
|
|
13
12
|
}: HomeMonitortStepsI) => {
|
|
14
13
|
const { setSelectedId } = homeAssistantProxy
|
|
15
14
|
|
|
@@ -27,7 +26,7 @@ export const HomeMonitorSteps = ({
|
|
|
27
26
|
}
|
|
28
27
|
currentStep={index + 1}
|
|
29
28
|
onStepClick={handleStepClick}
|
|
30
|
-
status={getStatus(index + 1,
|
|
29
|
+
status={getStatus(index + 1, alerts)}
|
|
31
30
|
step={step}
|
|
32
31
|
/>
|
|
33
32
|
<Box position="absolute" top="-2px" right="4px" zIndex="1400">
|
|
@@ -47,13 +46,7 @@ export const HomeMonitorSteps = ({
|
|
|
47
46
|
)
|
|
48
47
|
}
|
|
49
48
|
|
|
50
|
-
const getStatus = (
|
|
51
|
-
index
|
|
52
|
-
stepsWithAlerts: number[],
|
|
53
|
-
alerts: HomeMonitortStepsI['alerts']
|
|
54
|
-
) => {
|
|
55
|
-
const hasAlert =
|
|
56
|
-
stepsWithAlerts?.includes(index) ||
|
|
57
|
-
alerts?.some((alert) => alert.step === index)
|
|
49
|
+
const getStatus = (index: number, alerts: HomeMonitortStepsI['alerts']) => {
|
|
50
|
+
const hasAlert = alerts?.some((alert) => alert.step === index)
|
|
58
51
|
return hasAlert ? 'alert' : 'ok'
|
|
59
52
|
}
|
package/src/index.ts
CHANGED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { BaseAlertCardI } from '../../../interfaces';
|
|
3
|
-
declare const _default: Meta<BaseAlertCardI>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const BaseAlertCardComponent: (args: BaseAlertCardI) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { BaseAlertCard, SmokeDetectorBattery } from '../../../components';
|
|
3
|
-
import { Box } from '@chakra-ui/react';
|
|
4
|
-
import { action } from '@storybook/addon-actions';
|
|
5
|
-
import { Battery } from '../../../assets/images';
|
|
6
|
-
export default {
|
|
7
|
-
title: 'Components/HomeAssistant/MonitorAlerts',
|
|
8
|
-
component: BaseAlertCard,
|
|
9
|
-
args: {
|
|
10
|
-
onClose: action('onClose'),
|
|
11
|
-
description: 'Checking your smoke detector batteries monthly ensures they function properly and keep your home safe from fire hazards.',
|
|
12
|
-
icon: Battery,
|
|
13
|
-
title: 'Check the batteries in your Smoke detectors.',
|
|
14
|
-
children: _jsx(SmokeDetectorBattery, {}),
|
|
15
|
-
},
|
|
16
|
-
decorators: [
|
|
17
|
-
(Story) => (_jsx(Box, { p: "base", w: ['full', '440px'], h: "477px", children: _jsx(Story, {}) })),
|
|
18
|
-
],
|
|
19
|
-
};
|
|
20
|
-
export const BaseAlertCardComponent = (args) => {
|
|
21
|
-
return _jsx(BaseAlertCard, Object.assign({}, args));
|
|
22
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { MonitorAlertsI } from '../../../interfaces';
|
|
3
|
-
declare const _default: Meta<MonitorAlertsI>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const MonitorAlertsComponent: (args: MonitorAlertsI) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { MonitorAlerts } from '../../../components';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Components/HomeAssistant/MonitorAlerts',
|
|
5
|
-
component: MonitorAlerts,
|
|
6
|
-
args: {
|
|
7
|
-
alertId: 'change-air-filter',
|
|
8
|
-
},
|
|
9
|
-
};
|
|
10
|
-
export const MonitorAlertsComponent = (args) => {
|
|
11
|
-
return _jsx(MonitorAlerts, Object.assign({}, args));
|
|
12
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react'
|
|
2
|
-
import { BaseAlertCard, SmokeDetectorBattery } from '@/components'
|
|
3
|
-
import { Box } from '@chakra-ui/react'
|
|
4
|
-
import { BaseAlertCardI } from '@/interfaces'
|
|
5
|
-
import { action } from '@storybook/addon-actions'
|
|
6
|
-
import { Battery } from '@/assets/images'
|
|
7
|
-
|
|
8
|
-
export default {
|
|
9
|
-
title: 'Components/HomeAssistant/MonitorAlerts',
|
|
10
|
-
component: BaseAlertCard,
|
|
11
|
-
args: {
|
|
12
|
-
onClose: action('onClose'),
|
|
13
|
-
description:
|
|
14
|
-
'Checking your smoke detector batteries monthly ensures they function properly and keep your home safe from fire hazards.',
|
|
15
|
-
icon: Battery,
|
|
16
|
-
title: 'Check the batteries in your Smoke detectors.',
|
|
17
|
-
children: <SmokeDetectorBattery />,
|
|
18
|
-
},
|
|
19
|
-
decorators: [
|
|
20
|
-
(Story: any) => (
|
|
21
|
-
<Box p="base" w={['full', '440px']} h="477px">
|
|
22
|
-
<Story />
|
|
23
|
-
</Box>
|
|
24
|
-
),
|
|
25
|
-
],
|
|
26
|
-
} as Meta<BaseAlertCardI>
|
|
27
|
-
|
|
28
|
-
export const BaseAlertCardComponent = (args: BaseAlertCardI) => {
|
|
29
|
-
return <BaseAlertCard {...args} />
|
|
30
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react'
|
|
2
|
-
import { MonitorAlerts } from '@/components'
|
|
3
|
-
import { MonitorAlertsI } from '@/interfaces'
|
|
4
|
-
|
|
5
|
-
export default {
|
|
6
|
-
title: 'Components/HomeAssistant/MonitorAlerts',
|
|
7
|
-
component: MonitorAlerts,
|
|
8
|
-
args: {
|
|
9
|
-
alertId: 'change-air-filter',
|
|
10
|
-
},
|
|
11
|
-
} as Meta<MonitorAlertsI>
|
|
12
|
-
|
|
13
|
-
export const MonitorAlertsComponent = (args: MonitorAlertsI) => {
|
|
14
|
-
return <MonitorAlerts {...args} />
|
|
15
|
-
}
|