@homefile/components-v2 2.8.20 → 2.8.22

package/dist/assets/images/create.svg

@@ -0,0 +1,17 @@
+<svg id="Grupo_13722" data-name="Grupo 13722" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21.294" height="24.292" viewBox="0 0 21.294 24.292">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Retângulo_13838" data-name="Retângulo 13838" width="21.294" height="24.292" fill="none"/>
+    </clipPath>
+  </defs>
+  <path id="Caminho_9958" data-name="Caminho 9958" d="M34.207,65v1.794H30.78V65h3.427Z" transform="translate(-23.247 -49.091)" fill="#e24c5d"/>
+  <rect id="Retângulo_13835" data-name="Retângulo 13835" width="3.427" height="6.589" transform="translate(7.534 17.703)" fill="#40566b"/>
+  <g id="Grupo_11926" data-name="Grupo 11926">
+    <g id="Grupo_11925" data-name="Grupo 11925" clip-path="url(#clip-path)">
+      <path id="Caminho_9959" data-name="Caminho 9959" d="M18.491,4.65V7.832A1.471,1.471,0,0,1,17.023,9.3H1.469A1.473,1.473,0,0,1,0,7.832V1.469A1.473,1.473,0,0,1,1.469,0H17.023a1.471,1.471,0,0,1,1.469,1.469Z" fill="#f6cf76"/>
+      <path id="Caminho_9960" data-name="Caminho 9960" d="M37.014,29.126H36.28v-2.08a1.838,1.838,0,0,1,1.836-1.836h8.743a1.1,1.1,0,0,0,1.1-1.1V19.336a1.014,1.014,0,0,0-.849-1.1H45.892V17.5H47.11a1.726,1.726,0,0,1,1.584,1.836v4.773a1.838,1.838,0,0,1-1.836,1.836H38.116a1.1,1.1,0,0,0-1.1,1.1Z" transform="translate(-27.4 -13.217)" fill="#40566b"/>
+      <rect id="Retângulo_13836" data-name="Retângulo 13836" width="10.914" height="0.734" transform="translate(4.751 1.53)" fill="#fea856"/>
+      <rect id="Retângulo_13837" data-name="Retângulo 13837" width="0.773" height="0.734" transform="translate(2.937 1.53)" fill="#fea856"/>
+    </g>
+  </g>
+</svg>

package/dist/assets/images/index.d.ts

@@ -36,6 +36,7 @@ import Construction from './construction.svg';
 import Contacts from './contacts.svg';
 import Contacts2 from './contacts2.svg';
 import Contributor from './contributor.svg';
+import Create from './create.svg';
 import CreditCard from './credit-card.svg';
 import Detector from './detector.svg';
 import Diamond from './diamond.svg';
@@ -159,7 +160,7 @@ import WizardDetailed from './wizard-detailed.svg';
 import WizardQuick from './wizard-quick.svg';
 import YellowFolder from './yellow-folder.svg';
 import YellowFolderUnshared from './yellow-folder-unshared.svg';
-export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueFolder, BlueFolderShared, BookOpened, Box, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, Exclamation, Face, Feedback, FileUploading, Finance, Fire, Flag, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Kitchen, Laundry, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
+export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueFolder, BlueFolderShared, BookOpened, Box, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, Exclamation, Face, Feedback, FileUploading, Finance, Fire, Flag, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Kitchen, Laundry, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
 export * from './alerts';
 export * from './animations';
 export * from './appliances';

package/dist/assets/images/index.js

@@ -36,6 +36,7 @@ import Construction from './construction.svg';
 import Contacts from './contacts.svg';
 import Contacts2 from './contacts2.svg';
 import Contributor from './contributor.svg';
+import Create from './create.svg';
 import CreditCard from './credit-card.svg';
 import Detector from './detector.svg';
 import Diamond from './diamond.svg';
@@ -159,7 +160,7 @@ import WizardDetailed from './wizard-detailed.svg';
 import WizardQuick from './wizard-quick.svg';
 import YellowFolder from './yellow-folder.svg';
 import YellowFolderUnshared from './yellow-folder-unshared.svg';
-export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueFolder, BlueFolderShared, BookOpened, Box, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, Exclamation, Face, Feedback, FileUploading, Finance, Fire, Flag, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Kitchen, Laundry, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
+export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueFolder, BlueFolderShared, BookOpened, Box, Building, Calc, Calendar2, Catalog, ChatBubble, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Clouds, Co2, Company, Company2, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Create, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Drop, DropCalendar, Electricity, Entryway, Exclamation, Face, Feedback, FileUploading, Finance, Fire, Flag, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Kitchen, Laundry, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plate, Play, Plus, Pool, Pool2, PressureWasher, Price, Profile, ProgressReport, Proposal, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, RelationshipHome, ResendPassword, Rocket, Roof2, Security, Send, ShareHome, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
 export * from './alerts';
 export * from './animations';
 export * from './appliances';

package/dist/assets/images/index.ts

@@ -36,6 +36,7 @@ import Construction from './construction.svg'
 import Contacts from './contacts.svg'
 import Contacts2 from './contacts2.svg'
 import Contributor from './contributor.svg'
+import Create from './create.svg'
 import CreditCard from './credit-card.svg'
 import Detector from './detector.svg'
 import Diamond from './diamond.svg'
@@ -199,6 +200,7 @@ export {
   Contacts,
   Contacts2,
   Contributor,
+  Create,
   CreditCard,
   Detector,
   Diamond,

package/dist/components/forms/dynamicForm/ItemFormPanel/ItemFormPanel.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { ItemFormPanelI } from '../../../../interfaces';
-export declare const ItemFormPanel: ({ children, itemName, onClose, onSaveItemName, onSubmitForm, panelIcon, panelTitle, showOverlay, }: PropsWithChildren<ItemFormPanelI>) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemFormPanel: ({ children, onClose, onSubmitForm, panelIcon, panelTitle, showOverlay, }: PropsWithChildren<ItemFormPanelI>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/dynamicForm/ItemFormPanel/ItemFormPanel.js

@@ -1,6 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DrawerBody, DrawerHeader, DrawerContent, DrawerFooter, Box, } from '@chakra-ui/react';
-import { PanelHeader, FooterDrawer, ItemNameHeader, ItemFormFooter, Overlay, } from '../../..';
-export const ItemFormPanel = ({ children, itemName, onClose, onSaveItemName, onSubmitForm, panelIcon, panelTitle, showOverlay = false, }) => {
-    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, icon: panelIcon, title: panelTitle }) }), _jsxs(DrawerBody, { p: "0", overflowX: "hidden", bg: "lightBlue.1", children: [_jsx(ItemNameHeader, { id: "item-name", onSave: onSaveItemName, value: itemName }), _jsxs(Box, { position: "relative", mb: "200px", children: [_jsx(Overlay, { showOverlay: showOverlay, position: "absolute", w: "inherit", h: "inherit", zIndex: "9" }), children] })] }), _jsx(FooterDrawer, { isOpen: !showOverlay, children: _jsx(DrawerFooter, { w: "100%", py: "0", children: _jsx(ItemFormFooter, { onSave: onSubmitForm, onCancel: onClose }) }) })] }));
+import { PanelHeader, FooterDrawer, ItemFormFooter, Overlay, } from '../../..';
+export const ItemFormPanel = ({ children, onClose, onSubmitForm, panelIcon, panelTitle, showOverlay = false, }) => {
+    let firstChild = null;
+    let otherChildren = children;
+    if (Array.isArray(children) && children.length > 0) {
+        const header = children[0];
+        if (header.props.id === 'item-name-header') {
+            firstChild = header;
+            otherChildren = children.slice(1);
+        }
+    }
+    return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, icon: panelIcon, title: panelTitle }) }), _jsxs(DrawerBody, { p: "0", overflowX: "hidden", bg: "lightBlue.1", children: [firstChild, _jsxs(Box, { position: "relative", mb: "200px", children: [_jsx(Overlay, { showOverlay: showOverlay, position: "absolute", w: "inherit", h: "inherit", zIndex: "9" }), otherChildren] })] }), _jsx(FooterDrawer, { isOpen: !showOverlay, children: _jsx(DrawerFooter, { w: "100%", py: "0", children: _jsx(ItemFormFooter, { onSave: onSubmitForm, onCancel: onClose }) }) })] }));
 };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 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';
 export { useCustomToast } from './hooks';
 export { randomColor } from './utils';
-export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar } from './assets/images';
+export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create } from './assets/images';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';
 import theme from './theme';
 export { theme };

package/dist/index.js

@@ -1,7 +1,7 @@
 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';
 export { useCustomToast } from './hooks';
 export { randomColor } from './utils';
-export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar } from './assets/images';
+export { Contacts, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create } from './assets/images';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, } from './proxies';
 import theme from './theme';
 export { theme };

package/dist/interfaces/forms/ItemFormPanel/ItemFormPanel.interface.d.ts

@@ -1,7 +1,5 @@
 export interface ItemFormPanelI {
-    itemName?: string;
     onClose: () => void;
-    onSaveItemName: (name: string) => void;
     onSubmitForm: () => void;
     panelIcon: string;
     panelTitle: string;

package/dist/stories/forms/ItemFormPanel/ItemFormPanel.stories.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ItemFormPanel, ItemFormTabs, RightPanel } from '../../../components';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ItemFormPanel, ItemFormTabs, ItemNameHeader, RightPanel, } from '../../../components';
 import { Paint } from '../../../assets/images/groups';
 import { action } from '@storybook/addon-actions';
 import { contactFieldsMock } from '../../../mocks';
@@ -16,5 +16,5 @@ export default {
     },
 };
 export const ItemFormPanelComponent = (args) => {
-    return (_jsx(RightPanel, { isOpen: true, onClose: () => null, children: _jsx(ItemFormPanel, Object.assign({}, args, { children: _jsx(ItemFormTabs, { form: contactFieldsMock }) })) }));
+    return (_jsx(RightPanel, { isOpen: true, onClose: () => null, children: _jsxs(ItemFormPanel, Object.assign({}, args, { children: [_jsx(ItemNameHeader, { id: "item-name-header", onSave: action('onSaveItemName') }), _jsx(ItemFormTabs, { form: contactFieldsMock })] })) }));
 };

package/package.json

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

package/src/assets/images/create.svg

@@ -0,0 +1,17 @@
+<svg id="Grupo_13722" data-name="Grupo 13722" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21.294" height="24.292" viewBox="0 0 21.294 24.292">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Retângulo_13838" data-name="Retângulo 13838" width="21.294" height="24.292" fill="none"/>
+    </clipPath>
+  </defs>
+  <path id="Caminho_9958" data-name="Caminho 9958" d="M34.207,65v1.794H30.78V65h3.427Z" transform="translate(-23.247 -49.091)" fill="#e24c5d"/>
+  <rect id="Retângulo_13835" data-name="Retângulo 13835" width="3.427" height="6.589" transform="translate(7.534 17.703)" fill="#40566b"/>
+  <g id="Grupo_11926" data-name="Grupo 11926">
+    <g id="Grupo_11925" data-name="Grupo 11925" clip-path="url(#clip-path)">
+      <path id="Caminho_9959" data-name="Caminho 9959" d="M18.491,4.65V7.832A1.471,1.471,0,0,1,17.023,9.3H1.469A1.473,1.473,0,0,1,0,7.832V1.469A1.473,1.473,0,0,1,1.469,0H17.023a1.471,1.471,0,0,1,1.469,1.469Z" fill="#f6cf76"/>
+      <path id="Caminho_9960" data-name="Caminho 9960" d="M37.014,29.126H36.28v-2.08a1.838,1.838,0,0,1,1.836-1.836h8.743a1.1,1.1,0,0,0,1.1-1.1V19.336a1.014,1.014,0,0,0-.849-1.1H45.892V17.5H47.11a1.726,1.726,0,0,1,1.584,1.836v4.773a1.838,1.838,0,0,1-1.836,1.836H38.116a1.1,1.1,0,0,0-1.1,1.1Z" transform="translate(-27.4 -13.217)" fill="#40566b"/>
+      <rect id="Retângulo_13836" data-name="Retângulo 13836" width="10.914" height="0.734" transform="translate(4.751 1.53)" fill="#fea856"/>
+      <rect id="Retângulo_13837" data-name="Retângulo 13837" width="0.773" height="0.734" transform="translate(2.937 1.53)" fill="#fea856"/>
+    </g>
+  </g>
+</svg>

package/src/assets/images/index.ts

@@ -36,6 +36,7 @@ import Construction from './construction.svg'
 import Contacts from './contacts.svg'
 import Contacts2 from './contacts2.svg'
 import Contributor from './contributor.svg'
+import Create from './create.svg'
 import CreditCard from './credit-card.svg'
 import Detector from './detector.svg'
 import Diamond from './diamond.svg'
@@ -199,6 +200,7 @@ export {
   Contacts,
   Contacts2,
   Contributor,
+  Create,
   CreditCard,
   Detector,
   Diamond,

package/src/components/forms/dynamicForm/ItemFormPanel/ItemFormPanel.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react'
+import { PropsWithChildren, ReactNode } from 'react'
 import {
   DrawerBody,
   DrawerHeader,
@@ -9,7 +9,6 @@ import {
 import {
   PanelHeader,
   FooterDrawer,
-  ItemNameHeader,
   ItemFormFooter,
   Overlay,
 } from '@/components'
@@ -17,14 +16,23 @@ import { ItemFormPanelI } from '@/interfaces'
 
 export const ItemFormPanel = ({
   children,
-  itemName,
   onClose,
-  onSaveItemName,
   onSubmitForm,
   panelIcon,
   panelTitle,
   showOverlay = false,
 }: PropsWithChildren<ItemFormPanelI>) => {
+  let firstChild: ReactNode | null = null
+  let otherChildren: ReactNode = children
+
+  if (Array.isArray(children) && children.length > 0) {
+    const header = children[0]
+    if (header.props.id === 'item-name-header') {
+      firstChild = header
+      otherChildren = children.slice(1)
+    }
+  }
+
   return (
     <DrawerContent bg="lightBlue.1">
       <DrawerHeader p="0">
@@ -36,11 +44,7 @@ export const ItemFormPanel = ({
       </DrawerHeader>
 
       <DrawerBody p="0" overflowX="hidden" bg="lightBlue.1">
-        <ItemNameHeader
-          id="item-name"
-          onSave={onSaveItemName}
-          value={itemName}
-        />
+        {firstChild}
         <Box position="relative" mb="200px">
           <Overlay
             showOverlay={showOverlay}
@@ -49,7 +53,7 @@ export const ItemFormPanel = ({
             h="inherit"
             zIndex="9"
           />
-          {children}
+          {otherChildren}
         </Box>
       </DrawerBody>
       <FooterDrawer isOpen={!showOverlay}>

package/src/index.ts

@@ -221,7 +221,8 @@ export {
   Receipts,
   Price,
   BlueFolderShared,
-  Calendar
+  Calendar,
+  Create
 } from './assets/images'
 
 export {

package/src/interfaces/forms/ItemFormPanel/ItemFormPanel.interface.ts

@@ -1,7 +1,5 @@
 export interface ItemFormPanelI {
-  itemName?: string
   onClose: () => void
-  onSaveItemName: (name: string) => void
   onSubmitForm: () => void
   panelIcon: string
   panelTitle: string

package/src/stories/forms/ItemFormPanel/ItemFormPanel.stories.tsx

@@ -1,5 +1,10 @@
 import { Meta } from '@storybook/react'
-import { ItemFormPanel, ItemFormTabs, RightPanel } from '@/components'
+import {
+  ItemFormPanel,
+  ItemFormTabs,
+  ItemNameHeader,
+  RightPanel,
+} from '@/components'
 import { ItemFormPanelI } from '@/interfaces'
 import { Paint } from '@/assets/images/groups'
 import { action } from '@storybook/addon-actions'
@@ -22,6 +27,10 @@ export const ItemFormPanelComponent = (args: ItemFormPanelI) => {
   return (
     <RightPanel isOpen onClose={() => null}>
       <ItemFormPanel {...args}>
+        <ItemNameHeader
+          id="item-name-header"
+          onSave={action('onSaveItemName')}
+        />
         <ItemFormTabs form={contactFieldsMock} />
       </ItemFormPanel>
     </RightPanel>