@homefile/components-v2 2.42.2 → 2.43.0
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/appliances/AssignableApplianceCard.d.ts +2 -0
- package/dist/components/appliances/AssignableApplianceCard.js +26 -0
- package/dist/components/appliances/AssignableAppliances.d.ts +2 -0
- package/dist/components/appliances/AssignableAppliances.js +14 -0
- package/dist/components/appliances/LaunchpadAppliancePanel.d.ts +2 -0
- package/dist/components/appliances/LaunchpadAppliancePanel.js +8 -0
- package/dist/components/appliances/index.d.ts +3 -0
- package/dist/components/appliances/index.js +3 -0
- package/dist/components/receipts/LaunchpadReceiptPanel.js +4 -4
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/interfaces/appliances/AssignableApplianceCard.interface.d.ts +11 -0
- package/dist/interfaces/appliances/AssignableApplianceCard.interface.js +1 -0
- package/dist/interfaces/appliances/AssignableAppliances.interface.d.ts +10 -0
- package/dist/interfaces/appliances/AssignableAppliances.interface.js +1 -0
- package/dist/interfaces/appliances/LaunchpadAppliancePanel.interface.d.ts +7 -0
- package/dist/interfaces/appliances/LaunchpadAppliancePanel.interface.js +1 -0
- package/dist/interfaces/appliances/index.d.ts +3 -0
- package/dist/interfaces/appliances/index.js +3 -0
- package/dist/stories/appliances/AssignableAppliances.stories.d.ts +20 -0
- package/dist/stories/appliances/AssignableAppliances.stories.js +48 -0
- package/dist/stories/appliances/LaunchpadAppliancePanel.stories.d.ts +23 -0
- package/dist/stories/appliances/LaunchpadAppliancePanel.stories.js +44 -0
- package/package.json +1 -1
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Checkbox, Flex, Image, Stack, Text } from '@chakra-ui/react';
|
|
3
|
+
import { CookTop, Dishwasher, Dryer, Freezer, Fridge, Hood, Microwave, Oven, Range, Washer, tankWater, tanklessWater, } from '../../assets/images/appliances';
|
|
4
|
+
const applianceIcons = {
|
|
5
|
+
'cook-top': CookTop,
|
|
6
|
+
dishwasher: Dishwasher,
|
|
7
|
+
'dish-washer': Dishwasher,
|
|
8
|
+
dryer: Dryer,
|
|
9
|
+
freezer: Freezer,
|
|
10
|
+
fridge: Fridge,
|
|
11
|
+
hood: Hood,
|
|
12
|
+
microwave: Microwave,
|
|
13
|
+
oven: Oven,
|
|
14
|
+
range: Range,
|
|
15
|
+
washer: Washer,
|
|
16
|
+
'tank-water': tankWater,
|
|
17
|
+
'tankless-water': tanklessWater,
|
|
18
|
+
};
|
|
19
|
+
const normalizeApplianceType = (type) => type.trim().toLowerCase().replace(/\s+/g, '-');
|
|
20
|
+
export const AssignableApplianceCard = ({ isChecked, onChange, serialNumber, name, type, brand, }) => {
|
|
21
|
+
var _a;
|
|
22
|
+
const normalizedType = normalizeApplianceType(type);
|
|
23
|
+
const applianceIcon = (_a = applianceIcons[normalizedType]) !== null && _a !== void 0 ? _a : Fridge;
|
|
24
|
+
const displayName = name || type;
|
|
25
|
+
return (_jsxs(Flex, { bg: "lightBlue.2", gap: "4", borderTop: "1px solid", borderColor: "lightBlue.2", children: [_jsx(Checkbox, { isChecked: isChecked, onChange: onChange }), _jsx(Stack, { w: "100%", p: "base", bg: isChecked ? 'lightBlue.1' : 'neutral.white', spacing: "1", children: _jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Box, { bg: "lightBlue.1", w: "14", h: "14", display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Image, { src: applianceIcon, w: "10", h: "10", fit: "contain" }) }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "xxs", children: serialNumber }), _jsx(Text, { children: brand }), _jsx(Text, { children: displayName })] })] }) })] }));
|
|
26
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Checkbox, Flex, Stack, Text } from '@chakra-ui/react';
|
|
3
|
+
import { AssignableApplianceCard, SelectInput } from '../../components';
|
|
4
|
+
import { useAssignableList } from '../../hooks';
|
|
5
|
+
import { setInitialValue } from '../../utils';
|
|
6
|
+
export const AssignableAppliances = ({ isSelectDisabled, onItemSelectedChange, appliances, homes, onHomeChange, title = 'Select an appliance to assign to a home', }) => {
|
|
7
|
+
const { handleItemSelect, handleSelectAll, isItemSelected } = useAssignableList({
|
|
8
|
+
onItemSelectedChange,
|
|
9
|
+
items: appliances,
|
|
10
|
+
});
|
|
11
|
+
return (_jsxs(Box, { pl: "4", bg: "lightBlue.2", children: [_jsxs(Stack, { pb: "base", pt: "2", spacing: "base", children: [_jsx(Text, { textTransform: "uppercase", variant: "home", children: title }), _jsxs(Flex, { gap: "base", align: "center", pr: ['base', 0], children: [_jsx(Checkbox, { onChange: handleSelectAll }), _jsx(SelectInput, { handleClick: onHomeChange, initialValue: setInitialValue(homes), items: homes, isDisabled: isSelectDisabled })] })] }), appliances.map((appliance) => {
|
|
12
|
+
return (_jsx(AssignableApplianceCard, Object.assign({ isChecked: isItemSelected(appliance._id), onChange: () => handleItemSelect(appliance._id) }, appliance), appliance._id));
|
|
13
|
+
})] }));
|
|
14
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { LaunchpadAppliancePanelI } from '../../interfaces';
|
|
2
|
+
export declare const LaunchpadAppliancePanel: ({ appliances, homes, onHomeChange, onItemSelectedChange, isLoading, handleClose, footerButtons, isSelectDisabled, title, }: LaunchpadAppliancePanelI) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { t } from 'i18next';
|
|
3
|
+
import { DrawerBody, DrawerContent, DrawerFooter, DrawerHeader, } from '@chakra-ui/react';
|
|
4
|
+
import { CookTop } from '../../assets/images/appliances';
|
|
5
|
+
import { AssignableAppliances, FooterDrawer, Loading, PanelHeader, } from '../../components';
|
|
6
|
+
export const LaunchpadAppliancePanel = ({ appliances, homes, onHomeChange, onItemSelectedChange, isLoading, handleClose, footerButtons, isSelectDisabled, title, }) => {
|
|
7
|
+
return (_jsxs(DrawerContent, { bg: "lightBlue.2", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: handleClose, title: t('appliances.title'), icon: CookTop }) }), _jsxs(DrawerBody, { p: "0", children: [isLoading && _jsx(Loading, {}), !isLoading && (_jsx(AssignableAppliances, { appliances: appliances, homes: homes, onHomeChange: onHomeChange, onItemSelectedChange: onItemSelectedChange, isSelectDisabled: isSelectDisabled, title: title }))] }), _jsx(DrawerFooter, { children: _jsx(FooterDrawer, { isOpen: true, children: footerButtons }) })] }));
|
|
8
|
+
};
|
|
@@ -11,11 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { t } from 'i18next';
|
|
14
|
-
import { DrawerContent, DrawerHeader, DrawerBody, DrawerFooter } from '@chakra-ui/react';
|
|
14
|
+
import { DrawerContent, DrawerHeader, DrawerBody, DrawerFooter, } from '@chakra-ui/react';
|
|
15
15
|
import { Receipts } from '../../assets/images';
|
|
16
|
-
import { PanelHeader, Loading, AssignableReceipts, FooterDrawer } from '../../components';
|
|
16
|
+
import { PanelHeader, Loading, AssignableReceipts, FooterDrawer, } from '../../components';
|
|
17
17
|
export const LaunchpadReceiptPanel = (_a) => {
|
|
18
18
|
var props = __rest(_a, []);
|
|
19
|
-
const { receipts, rightOptions, onRightSelectChange, leftOptions, onLeftSelectChange, onItemSelectedChange, isLoading, handleClose, footerButtons } = props;
|
|
20
|
-
return (_jsxs(DrawerContent, { bg: "lightBlue.2", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: handleClose, title: t('receipts.title'), icon: Receipts }) }),
|
|
19
|
+
const { receipts, rightOptions, onRightSelectChange, leftOptions, onLeftSelectChange, onItemSelectedChange, isLoading, handleClose, footerButtons, } = props;
|
|
20
|
+
return (_jsxs(DrawerContent, { bg: "lightBlue.2", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: handleClose, title: t('receipts.title'), icon: Receipts }) }), _jsxs(DrawerBody, { p: "0", children: [isLoading && _jsx(Loading, {}), !isLoading && (_jsx(AssignableReceipts, { receipts: receipts, rightOptions: rightOptions, onRightSelectChange: onRightSelectChange, leftOptions: leftOptions, onLeftSelectChange: onLeftSelectChange, onItemSelectedChange: onItemSelectedChange, isSelectDisabled: false }))] }), _jsx(DrawerFooter, { children: _jsx(FooterDrawer, { isOpen: true, children: footerButtons }) })] }));
|
|
21
21
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, 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, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
|
|
1
|
+
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, 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, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
|
|
2
2
|
export { useCustomToast, useConfirmPropertyModel } from './hooks';
|
|
3
3
|
export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
|
|
4
4
|
export { CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, } from './assets/images';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, 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, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
|
|
1
|
+
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, 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, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
|
|
2
2
|
export { useCustomToast, useConfirmPropertyModel } from './hooks';
|
|
3
3
|
export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
|
|
4
4
|
export { CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, } from './assets/images';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { SelectItemI } from '../../interfaces';
|
|
2
|
+
import { ApplianceDetailsI } from './AssignableApplianceCard.interface';
|
|
3
|
+
export interface AssignableAppliancesI {
|
|
4
|
+
isSelectDisabled?: boolean;
|
|
5
|
+
onItemSelectedChange: (_ids: string[]) => void;
|
|
6
|
+
appliances: ApplianceDetailsI[];
|
|
7
|
+
title?: string;
|
|
8
|
+
homes: string[] | SelectItemI[];
|
|
9
|
+
onHomeChange: (value: string | SelectItemI) => void;
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { AssignableAppliancesI } from './AssignableAppliances.interface';
|
|
3
|
+
export interface LaunchpadAppliancePanelI extends AssignableAppliancesI {
|
|
4
|
+
handleClose: () => void;
|
|
5
|
+
footerButtons: ReactElement;
|
|
6
|
+
isLoading: boolean;
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { AssignableAppliancesI } from '../../interfaces';
|
|
3
|
+
declare const _default: Meta<AssignableAppliancesI>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const AssignableAppliancesComponent: {
|
|
6
|
+
(args: AssignableAppliancesI): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
args: {
|
|
8
|
+
isSelectDisabled: boolean;
|
|
9
|
+
appliances: {
|
|
10
|
+
_id: string;
|
|
11
|
+
serialNumber: string;
|
|
12
|
+
name: string;
|
|
13
|
+
type: string;
|
|
14
|
+
brand: string;
|
|
15
|
+
}[];
|
|
16
|
+
homes: string[];
|
|
17
|
+
onItemSelectedChange: import("@storybook/addon-actions").HandlerFunction;
|
|
18
|
+
onHomeChange: import("@storybook/addon-actions").HandlerFunction;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Box } from '@chakra-ui/react';
|
|
3
|
+
import { AssignableAppliances } from '../../components';
|
|
4
|
+
import { action } from '@storybook/addon-actions';
|
|
5
|
+
export default {
|
|
6
|
+
title: 'Components/Appliances',
|
|
7
|
+
component: AssignableAppliances,
|
|
8
|
+
};
|
|
9
|
+
const appliancesMock = [
|
|
10
|
+
{
|
|
11
|
+
_id: 'appliance-1',
|
|
12
|
+
serialNumber: 'SN-49201-XY',
|
|
13
|
+
name: 'Washer',
|
|
14
|
+
type: 'washer',
|
|
15
|
+
brand: 'Kenmore',
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
_id: 'appliance-2',
|
|
19
|
+
serialNumber: 'SN-88310-ZZ',
|
|
20
|
+
name: 'Dryer',
|
|
21
|
+
type: 'dryer',
|
|
22
|
+
brand: 'Kenmore',
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
_id: 'appliance-3',
|
|
26
|
+
serialNumber: 'SN-22490-AA',
|
|
27
|
+
name: 'Dishwasher',
|
|
28
|
+
type: 'dish-washer',
|
|
29
|
+
brand: 'Whirlpool',
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
_id: 'appliance-4',
|
|
33
|
+
serialNumber: 'SN-77102-BB',
|
|
34
|
+
name: 'Fridge',
|
|
35
|
+
type: 'fridge',
|
|
36
|
+
brand: 'GE',
|
|
37
|
+
},
|
|
38
|
+
];
|
|
39
|
+
export const AssignableAppliancesComponent = (args) => {
|
|
40
|
+
return (_jsx(Box, { width: ['full', '500px'], p: "base", children: _jsx(AssignableAppliances, Object.assign({}, args)) }));
|
|
41
|
+
};
|
|
42
|
+
AssignableAppliancesComponent.args = {
|
|
43
|
+
isSelectDisabled: false,
|
|
44
|
+
appliances: appliancesMock,
|
|
45
|
+
homes: ['Matts Home', 'Austin Rental', 'Beach House'],
|
|
46
|
+
onItemSelectedChange: action('onItemSelectedChange'),
|
|
47
|
+
onHomeChange: action('onHomeChange'),
|
|
48
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { LaunchpadAppliancePanelI } from '../../interfaces';
|
|
3
|
+
declare const _default: Meta<LaunchpadAppliancePanelI>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const LaunchpadAppliancePanelComponent: {
|
|
6
|
+
(args: LaunchpadAppliancePanelI): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
args: {
|
|
8
|
+
isSelectDisabled: boolean;
|
|
9
|
+
appliances: {
|
|
10
|
+
_id: string;
|
|
11
|
+
serialNumber: string;
|
|
12
|
+
name: string;
|
|
13
|
+
type: string;
|
|
14
|
+
brand: string;
|
|
15
|
+
}[];
|
|
16
|
+
homes: string[];
|
|
17
|
+
onHomeChange: import("@storybook/addon-actions").HandlerFunction;
|
|
18
|
+
onItemSelectedChange: import("@storybook/addon-actions").HandlerFunction;
|
|
19
|
+
handleClose: () => null;
|
|
20
|
+
isLoading: boolean;
|
|
21
|
+
footerButtons: import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { FooterButtons, LaunchpadAppliancePanel, RightPanel, } from '../../components';
|
|
3
|
+
import { action } from '@storybook/addon-actions';
|
|
4
|
+
import { ButtonsFooter } from '../../helpers';
|
|
5
|
+
export default {
|
|
6
|
+
title: 'Components/Appliances',
|
|
7
|
+
component: LaunchpadAppliancePanel,
|
|
8
|
+
};
|
|
9
|
+
const appliancesMock = [
|
|
10
|
+
{
|
|
11
|
+
_id: 'appliance-1',
|
|
12
|
+
serialNumber: 'SN-49201-XY',
|
|
13
|
+
name: 'Washer',
|
|
14
|
+
type: 'washer',
|
|
15
|
+
brand: 'Kenmore',
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
_id: 'appliance-2',
|
|
19
|
+
serialNumber: 'SN-88310-ZZ',
|
|
20
|
+
name: 'Dryer',
|
|
21
|
+
type: 'dryer',
|
|
22
|
+
brand: 'Kenmore',
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
_id: 'appliance-3',
|
|
26
|
+
serialNumber: 'SN-22490-AA',
|
|
27
|
+
name: 'Dishwasher',
|
|
28
|
+
type: 'dish-washer',
|
|
29
|
+
brand: 'Whirlpool',
|
|
30
|
+
},
|
|
31
|
+
];
|
|
32
|
+
export const LaunchpadAppliancePanelComponent = (args) => {
|
|
33
|
+
return (_jsx(RightPanel, { onClose: () => null, isOpen: true, size: "md", children: _jsx(LaunchpadAppliancePanel, Object.assign({}, args)) }));
|
|
34
|
+
};
|
|
35
|
+
LaunchpadAppliancePanelComponent.args = {
|
|
36
|
+
isSelectDisabled: false,
|
|
37
|
+
appliances: appliancesMock,
|
|
38
|
+
homes: ['Matts Home', 'Austin Rental', 'Beach House'],
|
|
39
|
+
onHomeChange: action('onHomeChange'),
|
|
40
|
+
onItemSelectedChange: action('onItemSelectedChange'),
|
|
41
|
+
handleClose: () => null,
|
|
42
|
+
isLoading: false,
|
|
43
|
+
footerButtons: _jsx(FooterButtons, { button1: ButtonsFooter.button1 }),
|
|
44
|
+
};
|