@homefile/components-v2 2.8.28 → 2.8.30
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.
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { ChangeEvent } from
|
|
1
|
+
import { ChangeEvent } from 'react';
|
|
2
2
|
import { RoomItemI } from '../../interfaces';
|
|
3
|
-
interface
|
|
3
|
+
interface UseRoomHeaderI {
|
|
4
4
|
onSubmit: (room: RoomItemI) => void;
|
|
5
5
|
room: RoomItemI;
|
|
6
6
|
roomAmount: string;
|
|
7
7
|
}
|
|
8
|
-
export declare const useRoomHeader: ({ onSubmit, room: { _id, name, type, active, home }, roomAmount, }:
|
|
8
|
+
export declare const useRoomHeader: ({ onSubmit, room: { _id, name, type, active, home }, roomAmount, }: UseRoomHeaderI) => {
|
|
9
9
|
formattedAmount: string;
|
|
10
10
|
handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
11
11
|
handleClick: () => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { useState, useEffect } from
|
|
2
|
-
import { formatCurrency } from
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
import { formatCurrency } from '../../utils';
|
|
3
3
|
export const useRoomHeader = ({ onSubmit, room: { _id, name, type, active, home }, roomAmount, }) => {
|
|
4
4
|
const [isEditing, setIsEditing] = useState(false);
|
|
5
5
|
const [inputValue, setInputValue] = useState(null);
|
|
@@ -8,12 +8,11 @@ export const useRoomHeader = ({ onSubmit, room: { _id, name, type, active, home
|
|
|
8
8
|
setInputValue(name);
|
|
9
9
|
}, [name]);
|
|
10
10
|
const handleClick = () => {
|
|
11
|
-
|
|
12
|
-
editing = !editing;
|
|
11
|
+
if (isEditing) {
|
|
13
12
|
const roomRest = { active, home, _id, type };
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
onSubmit(Object.assign({ name: inputValue !== null && inputValue !== void 0 ? inputValue : name }, roomRest));
|
|
14
|
+
}
|
|
15
|
+
setIsEditing(!isEditing);
|
|
17
16
|
};
|
|
18
17
|
const handleChange = (e) => {
|
|
19
18
|
setInputValue(e.target.value);
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, 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, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, 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, 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, WellDone, YtdTile, } from './components';
|
|
2
2
|
export { useCustomToast } from './hooks';
|
|
3
3
|
export { randomColor } from './utils';
|
|
4
|
-
export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create } from './assets/images';
|
|
4
|
+
export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes } from './assets/images';
|
|
5
5
|
export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';
|
|
6
6
|
import theme from './theme';
|
|
7
7
|
export { theme };
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, 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, HomeMonitorSteps, HomeSharedWith, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessagePanel, MessageChatPanel, MonitorAlerts, 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, 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, WellDone, YtdTile, } from './components';
|
|
2
2
|
export { useCustomToast } from './hooks';
|
|
3
3
|
export { randomColor } from './utils';
|
|
4
|
-
export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create } from './assets/images';
|
|
4
|
+
export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes } from './assets/images';
|
|
5
5
|
export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';
|
|
6
6
|
import theme from './theme';
|
|
7
7
|
export { theme };
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { useState, useEffect, ChangeEvent } from
|
|
2
|
-
import { formatCurrency } from
|
|
1
|
+
import { useState, useEffect, ChangeEvent } from 'react'
|
|
2
|
+
import { formatCurrency } from '@/utils'
|
|
3
3
|
import { RoomItemI } from '@/interfaces'
|
|
4
4
|
|
|
5
|
-
interface
|
|
5
|
+
interface UseRoomHeaderI {
|
|
6
6
|
onSubmit: (room: RoomItemI) => void
|
|
7
7
|
room: RoomItemI
|
|
8
8
|
roomAmount: string
|
|
@@ -12,7 +12,7 @@ export const useRoomHeader = ({
|
|
|
12
12
|
onSubmit,
|
|
13
13
|
room: { _id, name, type, active, home },
|
|
14
14
|
roomAmount,
|
|
15
|
-
}:
|
|
15
|
+
}: UseRoomHeaderI) => {
|
|
16
16
|
const [isEditing, setIsEditing] = useState(false)
|
|
17
17
|
const [inputValue, setInputValue] = useState<string | null>(null)
|
|
18
18
|
|
|
@@ -23,12 +23,11 @@ export const useRoomHeader = ({
|
|
|
23
23
|
}, [name])
|
|
24
24
|
|
|
25
25
|
const handleClick = () => {
|
|
26
|
-
|
|
27
|
-
editing = !editing
|
|
26
|
+
if (isEditing) {
|
|
28
27
|
const roomRest = { active, home, _id, type }
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
onSubmit({ name: inputValue ?? name, ...roomRest })
|
|
29
|
+
}
|
|
30
|
+
setIsEditing(!isEditing)
|
|
32
31
|
}
|
|
33
32
|
|
|
34
33
|
const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
|
|
@@ -41,4 +40,4 @@ export const useRoomHeader = ({
|
|
|
41
40
|
inputValue,
|
|
42
41
|
isEditing,
|
|
43
42
|
}
|
|
44
|
-
}
|
|
43
|
+
}
|