@homefile/components-v2 2.39.28 → 2.40.1
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/assets/images/brain.svg +34 -0
- package/dist/assets/images/index.d.ts +2 -1
- package/dist/assets/images/index.js +2 -1
- package/dist/assets/locales/en/index.json +1 -1
- package/dist/components/headers/ContainerHeader.d.ts +1 -1
- package/dist/components/headers/ContainerHeader.js +2 -2
- package/dist/components/homeAssistant/monitorAlerts/HomefileMonitoring.js +3 -2
- package/dist/components/loaders/CustomCircularLoader.d.ts +2 -0
- package/dist/components/loaders/CustomCircularLoader.js +13 -0
- package/dist/components/loaders/index.d.ts +1 -0
- package/dist/components/loaders/index.js +1 -0
- package/dist/components/rooms/RoomHeader.js +1 -1
- package/dist/components/rooms/RoomVideo.js +2 -2
- package/dist/components/subscription/Subscription.js +1 -1
- package/dist/interfaces/headers/ContainerHeader.interface.d.ts +1 -2
- package/dist/interfaces/index.d.ts +1 -0
- package/dist/interfaces/index.js +1 -0
- package/dist/interfaces/loaders/CustomCircularLoader.interface.d.ts +8 -0
- package/dist/interfaces/loaders/CustomCircularLoader.interface.js +1 -0
- package/dist/stories/assets/Illustrations.stories.js +2 -2
- package/package.json +1 -1
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="26.471" height="29.926" viewBox="0 0 26.471 29.926">
|
|
2
|
+
<g id="Grupo_26288" data-name="Grupo 26288" transform="translate(-13283.805 -2397)">
|
|
3
|
+
<g id="Grupo_26283" data-name="Grupo 26283" transform="translate(13284.205 2402.25)">
|
|
4
|
+
<path id="Caminho_19079" data-name="Caminho 19079" d="M3.826,36.6H3.708A2.707,2.707,0,0,1,1,33.889v-.072a2.7,2.7,0,0,1,2.218-2.661v-.022a2.708,2.708,0,0,1,0-3.831l.048-.048a2.7,2.7,0,0,1,2.811-.644,2.041,2.041,0,0,1,.206.082l.053-.119a2.712,2.712,0,0,1,2.179-2.9l.07-.012a2.711,2.711,0,0,1,2.286.605A2.711,2.711,0,0,1,13.4,22.521h.07a2.714,2.714,0,0,1,2.511,1.688,2.705,2.705,0,0,1,2.21-.55l.068.012a2.709,2.709,0,0,1,2.172,2.976l.022.065a2.7,2.7,0,0,1,3.056.543l.051.048a2.706,2.706,0,0,1,.019,3.809,2.708,2.708,0,0,1,2.61,2.7v.072a2.711,2.711,0,0,1-2.71,2.707H16.032v.031a2.406,2.406,0,0,1-2.407,2.407H10.87v.032a2.407,2.407,0,0,1-2.407,2.406H3.826a2.408,2.408,0,0,1-2.407-2.406V39A2.407,2.407,0,0,1,3.826,36.6" transform="translate(-0.762 -22.283)" fill="none" stroke="#28b5a8" stroke-width="0.8"/>
|
|
5
|
+
<path id="Caminho_19080" data-name="Caminho 19080" d="M27.41,84.54H19.08v-.475h8.33A2.172,2.172,0,0,0,29.579,81.9h.475A2.647,2.647,0,0,1,27.41,84.54" transform="translate(-14.547 -67.552)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
6
|
+
<path id="Caminho_19081" data-name="Caminho 19081" d="M9.045,86.117H4.408a2.647,2.647,0,0,1-2.644-2.644v-.063a2.647,2.647,0,0,1,2.644-2.644v.475a2.171,2.171,0,0,0-2.169,2.169v.063a2.172,2.172,0,0,0,2.169,2.169H9.045a2.172,2.172,0,0,0,2.169-2.169h.475a2.647,2.647,0,0,1-2.645,2.644" transform="translate(-1.345 -66.69)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
7
|
+
<path id="Caminho_19082" data-name="Caminho 19082" d="M55.15,63.632H42.532v-.475H55.15a2.474,2.474,0,0,0,2.472-2.47v-.072a2.459,2.459,0,0,0-2.381-2.468c-.035,0-.063,0-.091,0H51.842V57.67H55.15c.04,0,.08,0,.117,0a2.93,2.93,0,0,1,2.83,2.942v.072a2.949,2.949,0,0,1-2.947,2.945" transform="translate(-32.427 -49.082)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
8
|
+
<path id="Caminho_19083" data-name="Caminho 19083" d="M5.565,63.632H2.945A2.948,2.948,0,0,1,0,60.687v-.072a2.937,2.937,0,0,1,2.413-2.9,2.741,2.741,0,0,1,.532-.05H4.734v.475H2.945a2.271,2.271,0,0,0-.443.041A2.463,2.463,0,0,0,.475,60.615v.072a2.473,2.473,0,0,0,2.47,2.47h2.62Z" transform="translate(0 -49.082)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
9
|
+
<path id="Caminho_19084" data-name="Caminho 19084" d="M42.022,23.654l-.188-.154-.216-.083a2.966,2.966,0,0,1,2.755-1.9h.07a2.939,2.939,0,0,1,2.731,1.836l-.44.179A2.466,2.466,0,0,0,44.443,22h-.07a2.488,2.488,0,0,0-2.311,1.59.236.236,0,0,1-.039.067" transform="translate(-31.73 -21.521)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
10
|
+
<path id="Caminho_19085" data-name="Caminho 19085" d="M71.969,72.164h-.475a2.475,2.475,0,0,0-2.472-2.472H67.276v-.475h1.746a2.95,2.95,0,0,1,2.947,2.947" transform="translate(-51.293 -57.885)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
11
|
+
<path id="Caminho_19086" data-name="Caminho 19086" d="M25.471,69.941H25a2.473,2.473,0,0,0-2.472-2.469h-.07V67h.07c1.625,0,2.947.837,2.947,3.366" transform="translate(-17.119 -56.192)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
12
|
+
<path id="Caminho_19087" data-name="Caminho 19087" d="M52.983,63.281h-.475V60.615a2.949,2.949,0,0,1,2.947-2.945v.475a2.474,2.474,0,0,0-2.472,2.469Z" transform="translate(-40.033 -49.082)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
13
|
+
<path id="Caminho_19088" data-name="Caminho 19088" d="M22.59,50.213H19.927v-.475H22.59a2.475,2.475,0,0,0,2.472-2.472h.475a2.95,2.95,0,0,1-2.947,2.947" transform="translate(-15.193 -41.149)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
14
|
+
<path id="Caminho_19089" data-name="Caminho 19089" d="M83.146,43.187l-.189-.2-.169-.1a.24.24,0,0,1,.043-.06,2.478,2.478,0,0,0-.018-3.474l-.047-.044a2.476,2.476,0,0,0-2.792-.5,2.422,2.422,0,0,0-.707.495l-.336-.336a2.887,2.887,0,0,1,.844-.591,2.951,2.951,0,0,1,3.323.591l.046.044a2.956,2.956,0,0,1,.032,4.141.313.313,0,0,1-.031.033" transform="translate(-60.179 -34.165)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
15
|
+
<path id="Caminho_19090" data-name="Caminho 19090" d="M54.629,30.434l-.252-.4a2.467,2.467,0,0,0,1.1-1.543,2.958,2.958,0,0,1,3.456-2.332l.065.012a2.96,2.96,0,0,1,2.365,3.238l-.472-.056a2.482,2.482,0,0,0-1.981-2.715l-.065-.012a2.483,2.483,0,0,0-2.9,1.965A4.109,4.109,0,0,1,54.2,30.634" transform="translate(-41.456 -25.014)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
16
|
+
<path id="Caminho_19091" data-name="Caminho 19091" d="M6.864,43.181a2.949,2.949,0,0,1,0-4.167l.049-.049a2.957,2.957,0,0,1,3.057-.7,2.245,2.245,0,0,1,.228.091,2.876,2.876,0,0,1,.882.61l-.338.334A2.412,2.412,0,0,0,10,38.79a1.825,1.825,0,0,0-.186-.074,2.48,2.48,0,0,0-2.566.586l-.049.049a2.474,2.474,0,0,0,0,3.494Z" transform="translate(-4.577 -34.164)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
17
|
+
<path id="Caminho_19092" data-name="Caminho 19092" d="M22.427,29.32a2.94,2.94,0,0,1,2.37-3.157l.075-.013a2.936,2.936,0,0,1,2.481.659,2.883,2.883,0,0,1,.6.718l-.408.243a2.42,2.42,0,0,0-.5-.6,2.469,2.469,0,0,0-2.086-.553l-.075.013A2.465,2.465,0,0,0,22.9,29.278Z" transform="translate(-17.089 -25.008)" fill="#28b5a8" stroke="#5a5a5a" stroke-width="0.8"/>
|
|
18
|
+
</g>
|
|
19
|
+
<path id="Caminho_19093" data-name="Caminho 19093" d="M33.005,1.749A2.425,2.425,0,0,0,31.257,3.5a2.425,2.425,0,0,0-1.749-1.748A2.421,2.421,0,0,0,31.257,0a2.421,2.421,0,0,0,1.749,1.749" transform="translate(13261.026 2397)" fill="#5a5a5a"/>
|
|
20
|
+
<path id="Caminho_19095" data-name="Caminho 19095" d="M34.429,2.461a3.412,3.412,0,0,0-2.461,2.46,3.412,3.412,0,0,0-2.461-2.46A3.407,3.407,0,0,0,31.969,0a3.407,3.407,0,0,0,2.461,2.461" transform="translate(13264.817 2422.005)" fill="#5a5a5a"/>
|
|
21
|
+
<g id="Grupo_26284" data-name="Grupo 26284" transform="translate(13297.954 2397.455)">
|
|
22
|
+
<rect id="Retângulo_27950" data-name="Retângulo 27950" width="2.585" height="0.713" transform="translate(0 0.936)" fill="#5a5a5a"/>
|
|
23
|
+
<rect id="Retângulo_27951" data-name="Retângulo 27951" width="0.713" height="2.587" transform="translate(0.936)" fill="#5a5a5a"/>
|
|
24
|
+
</g>
|
|
25
|
+
<g id="Grupo_26285" data-name="Grupo 26285" transform="translate(13302.781 2419.418)">
|
|
26
|
+
<rect id="Retângulo_27950-2" data-name="Retângulo 27950" width="2.585" height="0.713" transform="translate(0 0.936)" fill="#5a5a5a"/>
|
|
27
|
+
<rect id="Retângulo_27951-2" data-name="Retângulo 27951" width="0.713" height="2.587" transform="translate(0.936)" fill="#5a5a5a"/>
|
|
28
|
+
</g>
|
|
29
|
+
<g id="Grupo_26286" data-name="Grupo 26286" transform="translate(13284.742 2401.728)">
|
|
30
|
+
<path id="Caminho_19094" data-name="Caminho 19094" d="M6.421,24.545H5.128v-.713l2.584,0v.713Z" transform="translate(-5.128 -22.896)" fill="#5a5a5a"/>
|
|
31
|
+
<rect id="Retângulo_27952" data-name="Retângulo 27952" width="0.713" height="2.585" transform="translate(0.936 0)" fill="#5a5a5a"/>
|
|
32
|
+
</g>
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
@@ -15,6 +15,7 @@ import BlueFolder from './blue-folder.svg';
|
|
|
15
15
|
import BlueFolderShared from './blue-folder-shared.svg';
|
|
16
16
|
import BookOpened from './book.svg';
|
|
17
17
|
import Box from './box.svg';
|
|
18
|
+
import Brain from './brain.svg';
|
|
18
19
|
import Building from './building.svg';
|
|
19
20
|
import Calc from './calc.svg';
|
|
20
21
|
import Calendar2 from './calendar2.svg';
|
|
@@ -172,7 +173,7 @@ import WizardDetailed from './wizard-detailed.svg';
|
|
|
172
173
|
import WizardQuick from './wizard-quick.svg';
|
|
173
174
|
import YellowFolder from './yellow-folder.svg';
|
|
174
175
|
import YellowFolderUnshared from './yellow-folder-unshared.svg';
|
|
175
|
-
export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, 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, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, 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, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
|
|
176
|
+
export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, 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, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, 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, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
|
|
176
177
|
export * from './alerts';
|
|
177
178
|
export * from './animations';
|
|
178
179
|
export * from './appliances';
|
|
@@ -15,6 +15,7 @@ import BlueFolder from './blue-folder.svg';
|
|
|
15
15
|
import BlueFolderShared from './blue-folder-shared.svg';
|
|
16
16
|
import BookOpened from './book.svg';
|
|
17
17
|
import Box from './box.svg';
|
|
18
|
+
import Brain from './brain.svg';
|
|
18
19
|
import Building from './building.svg';
|
|
19
20
|
import Calc from './calc.svg';
|
|
20
21
|
import Calendar2 from './calendar2.svg';
|
|
@@ -172,7 +173,7 @@ import WizardDetailed from './wizard-detailed.svg';
|
|
|
172
173
|
import WizardQuick from './wizard-quick.svg';
|
|
173
174
|
import YellowFolder from './yellow-folder.svg';
|
|
174
175
|
import YellowFolderUnshared from './yellow-folder-unshared.svg';
|
|
175
|
-
export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, 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, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, 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, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
|
|
176
|
+
export { AlertDelete, AlertDeletePurple, Arrow, Batery, Bathroom, Battery, Battery2, Bedroom, BgBlue, BgLogo, Billing, BillingAddress, BlueCirclePlus, BlueFolder, BlueFolderShared, BookOpened, Box, Brain, 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, EstValue, Exclamation, Face, Feedback, FileIt, FileUploading, FilterSize, Finance, Fire, Flag, Flag2, Flower, FormSent, Foundation, Garage, GearPencil, GearTime, GenericField, GlassWater, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, Laundry, LifePreserver, Light, LivingRoom, Loading, Location, LogoCompany, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Office, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plant, 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, SharePeople, ShareWith, SixtyEight, SMS, Social, SolarPanel, Speaker, Sprinkler, Structure, Subscription, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Trash, Trees, TreesCrop, TreesCrop2, VideoIcon, VideoPlay, VioletFolder, Wallet, Warning, Warranty, WellDone, WholeHome, Wind, WindWhite, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, };
|
|
176
177
|
export * from './alerts';
|
|
177
178
|
export * from './animations';
|
|
178
179
|
export * from './appliances';
|
|
@@ -424,7 +424,7 @@
|
|
|
424
424
|
}
|
|
425
425
|
},
|
|
426
426
|
"details": "Provide details about your home’s",
|
|
427
|
-
"homeMonitor": "Homi
|
|
427
|
+
"homeMonitor": "Homi Home Monitor",
|
|
428
428
|
"HomieMessages": "Homi Messages ({{ count }})",
|
|
429
429
|
"homeMonitoring": "I’m learning about your home…",
|
|
430
430
|
"homeMonitoringAlerts": "I have {{ count }} new messages for you.",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ContainerHeaderI } from '../../interfaces';
|
|
2
|
-
export declare const ContainerHeader: <T extends unknown>({ disabled, icon,
|
|
2
|
+
export declare const ContainerHeader: <T extends unknown>({ disabled, icon, index, isThin, itemForm, menuItems, onHelpClick, showHelp, title, titleIcon, fontWeight, }: ContainerHeaderI<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Flex, Text, Image } from '@chakra-ui/react';
|
|
3
3
|
import { HelpButton, IconMenu } from '../../components';
|
|
4
|
-
export const ContainerHeader = ({ disabled, icon,
|
|
4
|
+
export const ContainerHeader = ({ disabled, icon, index, isThin, itemForm, menuItems = [], onHelpClick = () => { }, showHelp, title, titleIcon, fontWeight = 'medium', }) => {
|
|
5
5
|
const isDisabled = disabled !== null && disabled !== void 0 ? disabled : menuItems.length === 0;
|
|
6
|
-
return (_jsxs(Flex, { justifyContent: "space-between", bg: "neutral.white", align: "center", h: isThin ? '32px' : '60px', px: "base", children: [_jsxs(Flex, { gap: "2", w: "full", align: "center", children: [titleIcon && (_jsx(Image, { src: titleIcon, alt: titleIcon, h:
|
|
6
|
+
return (_jsxs(Flex, { justifyContent: "space-between", bg: "neutral.white", align: "center", h: isThin ? '32px' : '60px', px: "base", children: [_jsxs(Flex, { gap: "2", w: "full", align: "center", children: [titleIcon && (_jsx(Image, { src: titleIcon, alt: titleIcon, h: "24px", w: "24px", objectFit: "contain" })), title && (_jsx(Text, { fontWeight: fontWeight, textTransform: "capitalize", children: title }))] }), _jsxs(Flex, { align: "center", gap: "2", minW: "fit-content", bg: "neutral.white", id: index === 0 ? 'removeHome' : '', children: [showHelp && _jsx(HelpButton, { onClick: onHelpClick }), icon && !isDisabled && (_jsx(IconMenu, { icon: icon, itemForm: itemForm, menuItems: menuItems, zIndex: "1" }))] })] }));
|
|
7
7
|
};
|
|
@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
3
|
import { t } from 'i18next';
|
|
4
4
|
import { Box, Center, Flex, Text, Image, SlideFade } from '@chakra-ui/react';
|
|
5
|
-
import {
|
|
5
|
+
import { CustomCircularLoader } from '../../../components';
|
|
6
6
|
import { Exclamation } from '../../../assets/images';
|
|
7
|
+
import { Brain } from '../../../assets/images';
|
|
7
8
|
export const HomefileMonitoring = ({ alertCount = 0 }) => {
|
|
8
9
|
const [showMonitoring, setShowMonitoring] = useState(true);
|
|
9
10
|
const [showAlerts, setShowAlerts] = useState(false);
|
|
@@ -17,7 +18,7 @@ export const HomefileMonitoring = ({ alertCount = 0 }) => {
|
|
|
17
18
|
};
|
|
18
19
|
}
|
|
19
20
|
}, [alertCount]);
|
|
20
|
-
return (_jsxs(Box, { flex: "1", zIndex: "2", children: [showAlerts && (_jsx(MonitoringAlerts, { alertCount: alertCount, showAlerts: showAlerts })), _jsx(SlideFade, { in: showMonitoring, offsetY: "-20px", transition: { enter: { duration: 0.5 } }, children: _jsx(Box, { p: "base", borderBottomRadius: "lg", bg: "#C5E9F4", flex: "1", children: _jsxs(Flex, { align: "center", children: [_jsx(
|
|
21
|
+
return (_jsxs(Box, { flex: "1", zIndex: "2", children: [showAlerts && (_jsx(MonitoringAlerts, { alertCount: alertCount, showAlerts: showAlerts })), _jsx(SlideFade, { in: showMonitoring, offsetY: "-20px", transition: { enter: { duration: 0.5 } }, children: _jsx(Box, { p: "base", borderBottomRadius: "lg", bg: "#C5E9F4", flex: "1", children: _jsxs(Flex, { align: "center", gap: "1", children: [_jsx(CustomCircularLoader, { icon: Brain, color: "#12988C", trackColor: "#A2CFE0", size: "46px", thickness: "6px" }), _jsx(Text, { children: t('homeAssistant.homeMonitoring') })] }) }) })] }));
|
|
21
22
|
};
|
|
22
23
|
const MonitoringAlerts = ({ alertCount = 0, showAlerts = false }) => {
|
|
23
24
|
return (_jsx(SlideFade, { in: showAlerts, offsetY: "-20px", transition: { enter: { duration: 0.5 } }, children: _jsx(Box, { px: "base", borderBottomRadius: "lg", bg: "#F444DA", children: _jsxs(Flex, { align: "center", gap: "1", h: "66px", children: [_jsxs(Center, { p: "1", position: "relative", h: "24px", w: "24px", children: [_jsx(Box, { borderRadius: "full", bg: "neutral.white", opacity: 0.3, h: "full", w: "full", position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)" }), _jsx(Image, { src: Exclamation, h: "100%", w: "auto" })] }), _jsx(Text, { color: "neutral.white", children: t('homeAssistant.homeMonitoringAlerts', { count: alertCount }) })] }) }) }));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import { Box, Center, CircularProgress, Image } from '@chakra-ui/react';
|
|
4
|
+
export const CustomCircularLoader = ({ size = '40px', thickness = '4px', color = 'teal.500', trackColor = 'teal.100', iconBg = 'transparent', icon, }) => {
|
|
5
|
+
const [progressValue, setProgressValue] = useState(0);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
const interval = setInterval(() => {
|
|
8
|
+
setProgressValue((prev) => (prev === 100 ? 100 : prev + 20));
|
|
9
|
+
}, 2000);
|
|
10
|
+
return () => clearInterval(interval);
|
|
11
|
+
}, []);
|
|
12
|
+
return (_jsxs(Box, { position: "relative", children: [_jsx(CircularProgress, { value: progressValue, isIndeterminate: progressValue === 100, color: color, trackColor: trackColor, thickness: thickness, size: size, zIndex: "1" }), _jsx(Center, { position: "absolute", top: "0", left: "0", h: "full", w: "full", children: _jsx(Center, { h: "60%", w: "60%", borderRadius: "50%", bg: iconBg, children: _jsx(Image, { src: icon, alt: "records", h: "full", w: "full", objectFit: "contain" }) }) })] }));
|
|
13
|
+
};
|
|
@@ -8,5 +8,5 @@ export const RoomHeader = ({ isDeleteDisabled, onClickDelete, onSubmit, room, ro
|
|
|
8
8
|
const { formattedAmount, handleChange, handleClick, inputValue, isEditing } = useRoomHeader({ onSubmit, room, roomAmount });
|
|
9
9
|
return (_jsx(Box, { w: "full", bg: "lightBlue.4", py: "2", px: "base", "data-testid": "room-header", children: _jsxs(Flex, { justify: "space-between", align: "center", children: [_jsxs(Flex, { w: "fit-content", children: [_jsx(Center, { h: "2.3rem", minW: "2.6rem", mr: "2", children: _jsx(Image, { alt: room.name, maxH: "2rem", src: roomIcons[room.type], w: "auto" }) }), _jsx(TextInput, { fontWeight: isEditing ? 'regular' : 'medium', fontSize: "1.25rem", fontFamily: "primary", handleChange: handleChange, height: "full", id: room.name, isDisabled: !isEditing || disabled, placeholder: "", value: isEditing && !disabled
|
|
10
10
|
? inputValue || ''
|
|
11
|
-
: (inputValue === null || inputValue === void 0 ? void 0 : inputValue.toUpperCase()) || '' }), isEditing && !disabled ? (_jsx(Button, { variant: "tertiary", onClick: handleClick, ml: "2", children: t('roomHeader.saveBtn') })) : (_jsx(IconButton, { "aria-label": t('ariaLabels.edit'), icon: _jsx(Edit, {}), maxW: "fit-content", onClick: handleClick, px: "2", variant: "menuIconWithShadow", id: "customizeRoomName" }))] }), _jsxs(Flex, { align: "center", gap: "6", children: [_jsxs(Flex, { align: "center", gap: "6", id: "trackRoomValue", bg: "lightBlue.4", children: [_jsx(Show, { breakpoint: "(min-width: 600px)", children: _jsx(Text, { fontWeight: "medium", variant: "caption", children: t('roomHeader.roomValue').toUpperCase() }) }), _jsx(Text, { variant: "titleBolder", children: formattedAmount }), _jsx(Show, { breakpoint: "(min-width: 600px)", children: _jsx(Box, { h: "5", w: "1px", bg: "lightBlue.6" }) })] }), _jsx(IconButton, { "aria-label": t('ariaLabels.delete'), icon: _jsx(TrashIcon, {}), maxW: "fit-content", onClick: () => onClickDelete(room._id), disabled: isDeleteDisabled, px: "1", variant: "menuIconWithShadow" })] })] }) }));
|
|
11
|
+
: (inputValue === null || inputValue === void 0 ? void 0 : inputValue.toUpperCase()) || '' }), isEditing && !disabled ? (_jsx(Button, { variant: "tertiary", onClick: handleClick, ml: "2", children: t('roomHeader.saveBtn') })) : (_jsx(IconButton, { "aria-label": t('ariaLabels.edit'), icon: _jsx(Edit, {}), maxW: "fit-content", onClick: handleClick, px: "2", variant: "menuIconWithShadow", id: "customizeRoomName", disabled: disabled }))] }), _jsxs(Flex, { align: "center", gap: "6", children: [_jsxs(Flex, { align: "center", gap: "6", id: "trackRoomValue", bg: "lightBlue.4", children: [_jsx(Show, { breakpoint: "(min-width: 600px)", children: _jsx(Text, { fontWeight: "medium", variant: "caption", children: t('roomHeader.roomValue').toUpperCase() }) }), _jsx(Text, { variant: "titleBolder", children: formattedAmount }), _jsx(Show, { breakpoint: "(min-width: 600px)", children: _jsx(Box, { h: "5", w: "1px", bg: "lightBlue.6" }) })] }), _jsx(IconButton, { "aria-label": t('ariaLabels.delete'), icon: _jsx(TrashIcon, {}), maxW: "fit-content", onClick: () => onClickDelete(room._id), disabled: isDeleteDisabled, px: "1", variant: "menuIconWithShadow" })] })] }) }));
|
|
12
12
|
};
|
|
@@ -14,9 +14,9 @@ export const RoomVideo = ({ files = [], loading, menuItems, onDelete, onUpload,
|
|
|
14
14
|
const showFiles = filesLength > 0;
|
|
15
15
|
const handlePlay = (file) => setFileToPlay(file);
|
|
16
16
|
const { imageUrl, title } = fileToPlay || {};
|
|
17
|
-
return (_jsxs(_Fragment, { children: [_jsx(TileTooltip, { label: "roomVideo", children: _jsxs(Container, { variant: "launchpad", h: "full", position: "relative", maxW: "none", children: [showBubble && _jsx(RoomVideoHelp, { onClose: handleToggle }), _jsx(ContainerHeader, { title: t('roomVideo.title'), titleIcon: VideoIcon, icon: _jsx(MoreHorizontal, { size: 38 }),
|
|
17
|
+
return (_jsxs(_Fragment, { children: [_jsx(TileTooltip, { label: "roomVideo", children: _jsxs(Container, { variant: "launchpad", h: "full", position: "relative", maxW: "none", children: [showBubble && _jsx(RoomVideoHelp, { onClose: handleToggle }), _jsx(ContainerHeader, { title: t('roomVideo.title'), titleIcon: VideoIcon, icon: _jsx(MoreHorizontal, { size: 38 }), menuItems: menuItems,
|
|
18
18
|
// onHelpClick={handleToggle}
|
|
19
|
-
showHelp: true, fontWeight:
|
|
19
|
+
showHelp: true, fontWeight: "normal" }), !showFiles && _jsx(RoomVideoInstruction, {}), showFiles && (_jsx(RoomVideoFiles, { files: files, loading: loading, onDelete: onDelete, uploading: uploading, onPlay: handlePlay })), showDragDrop && (_jsx(AddMedia, { accept: {
|
|
20
20
|
'video/mp4': ['.mp4', '.MP4', '.webm'],
|
|
21
21
|
'video/mov': ['.mov', '.MOV'],
|
|
22
22
|
}, bgColor: "transparent", errorTypeMessage: t('addMedia.errorVideoType'), maxFiles: 4, handleDelete: onDelete, handleEdit: () => null, handleUpload: onUpload, uploading: uploading, showHeader: false, loading: loading, dropAreaHeight: dragDropHeight }))] }) }), imageUrl && (_jsx(VideoPlayerModal, { url: imageUrl, title: title, onClose: () => setFileToPlay(undefined), showOverlay: true }))] }));
|
|
@@ -5,5 +5,5 @@ import { ContainerHeader, MoreHorizontal, StorageCard, TileTooltip, } from '../.
|
|
|
5
5
|
import { LogoSmall } from '../../assets/images';
|
|
6
6
|
import { HomesDropdown } from './HomesDropdown';
|
|
7
7
|
export const Subscription = ({ availableStorage, banner, disabled = false, homes = [], menuItems = [], onDeleteClick, title = t('subscription.title'), totalStorage, totalUsed, state = 'paid', storageLabel, }) => {
|
|
8
|
-
return (_jsx(TileTooltip, { label: "subscription", children: _jsxs(Stack, { bg: "lightBlue.1", id: "trackStorage", children: [_jsxs(Container, { h: "fit-content", minW: ['full', '20rem'], children: [_jsx(ContainerHeader, { disabled: disabled, menuItems: menuItems, icon: _jsx(MoreHorizontal, { size: 38 }),
|
|
8
|
+
return (_jsx(TileTooltip, { label: "subscription", children: _jsxs(Stack, { bg: "lightBlue.1", id: "trackStorage", children: [_jsxs(Container, { h: "fit-content", minW: ['full', '20rem'], children: [_jsx(ContainerHeader, { disabled: disabled, menuItems: menuItems, icon: _jsx(MoreHorizontal, { size: 38 }), title: title, titleIcon: LogoSmall }), banner, _jsx(StorageCard, { availableStorage: availableStorage, state: state, storageLabel: storageLabel, totalStorage: totalStorage, totalUsed: totalUsed })] }), Boolean(homes[0]) && (_jsx(HomesDropdown, { homes: homes, state: state, totalStorage: totalStorage, onDeleteClick: onDeleteClick }))] }) }));
|
|
9
9
|
};
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { IconMenuI, SectionHeaderI } from '../../interfaces';
|
|
2
2
|
import { TypographyProps } from '@chakra-ui/react';
|
|
3
3
|
export interface ContainerHeaderI<T> extends IconMenuI<T>, SectionHeaderI {
|
|
4
|
-
iconSize?: string;
|
|
5
4
|
index?: number;
|
|
6
5
|
isThin?: boolean;
|
|
7
6
|
showHelp?: boolean;
|
|
8
7
|
onHelpClick?: () => void;
|
|
9
|
-
fontWeight?: TypographyProps[
|
|
8
|
+
fontWeight?: TypographyProps['fontWeight'];
|
|
10
9
|
}
|
|
@@ -22,6 +22,7 @@ export * from './icons';
|
|
|
22
22
|
export * from './inboxTile';
|
|
23
23
|
export * from './inputs';
|
|
24
24
|
export * from './launchpad';
|
|
25
|
+
export * from './loaders/CustomCircularLoader.interface';
|
|
25
26
|
export * from './myHomes';
|
|
26
27
|
export * from './myProfile';
|
|
27
28
|
export * from './notifications';
|
package/dist/interfaces/index.js
CHANGED
|
@@ -22,6 +22,7 @@ export * from './icons';
|
|
|
22
22
|
export * from './inboxTile';
|
|
23
23
|
export * from './inputs';
|
|
24
24
|
export * from './launchpad';
|
|
25
|
+
export * from './loaders/CustomCircularLoader.interface';
|
|
25
26
|
export * from './myHomes';
|
|
26
27
|
export * from './myProfile';
|
|
27
28
|
export * from './notifications';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Center, Grid, Image, Text } from '@chakra-ui/react';
|
|
3
|
-
import { AlertDelete, AlertDeletePurple, Arrow, Balustrades, Barcode, Batery, Bathroom, Battery, Battery2, Bedding, Bedroom, BillingAddress, Billing, BlueCirclePlus, BlueFolder, BlueFolderShared, Book, Box as BoxIcon, Building, Calc, Calendar, Calendar2, Catalog, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Co2, Company, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Cookware, Countertops, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Doors, Drop, DropCalendar, Electricity, Electronics, Entryway, EstValue, Equipment, Exclamation, Exterior, Face, Feedback, FileUploading, Finance, Fire, Flag, Flag2, Flower, Flooring, FormSent, Foundation, Furniture, Garage, GearPencil, GearTime, GenericField, GlassWater, GoldenBars, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Hardware, Heart, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, LargeAppliances, Laundry, Light, Lighting, LivingRoom, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Mattress, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Notes, Office, Paint, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plants, Plate, Play, Plus, Pool, Pool2, PressureWasher, Porch, Price, Profile, ProgressReport, Proposal, Rating, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, Registry, RelationshipHome, ResendPassword, Rocket, Roof, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SmallAppliances, SolarPanel, Speaker, Sprinkler, Steps, Structure, Structures, Subscription, Supplies, Table, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Tile, Tools, Tools2, Trash, Utensils, VideoIcon, VideoPlay, VioletFolder, WallDecor, Wallet, Warning, Warranty, Water, WellDone, WholeHome, Wind, Window, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, BookOpened, Company2, } from '../../assets/images';
|
|
3
|
+
import { AlertDelete, AlertDeletePurple, Arrow, Balustrades, Barcode, Batery, Bathroom, Battery, Battery2, Bedding, Bedroom, BillingAddress, Billing, BlueCirclePlus, BlueFolder, BlueFolderShared, Book, Box as BoxIcon, Brain, Building, Calc, Calendar, Calendar2, Catalog, Check, CheckInCircle, CheckPen, Chemistry, CircleFace, Cleaning, Closet, Co2, Company, ComputerReport, Confirmation, Construction, Contacts, Contacts2, Contributor, Cookware, Countertops, CreditCard, Detector, Diamond, DiningRoom, DocIcon, Document, Document2, Doors, Drop, DropCalendar, Electricity, Electronics, Entryway, EstValue, Equipment, Exclamation, Exterior, Face, Feedback, FileUploading, Finance, Fire, Flag, Flag2, Flower, Flooring, FormSent, Foundation, Furniture, Garage, GearPencil, GearTime, GenericField, GlassWater, GoldenBars, GreenFolder, Group, Groups, GuestBedroom, Hallway, HandPencil, Hardware, Heart, Heater, Help, HomeAddress, Homeowner, House, HouseHands, IA, ImageDefault, ImgIcon, Inbox, Insect, Jacuzzi, Kitchen, LargeAppliances, Laundry, Light, Lighting, LivingRoom, LogoSmall, MagnifyingGlassReport, MagnifyingGlassPerson, Manager, MasterBedroom, Mattress, Member, Message, MobileDrop, Money, Mudroom, NeedHelp, Notes, Office, Paint, Painting, PartnerGeneric, Patio, PdfIcon, PersonMail, Plants, Plate, Play, Plus, Pool, Pool2, PressureWasher, Porch, Price, Profile, ProgressReport, Proposal, Rating, RealEstate, Receipt, ReceiptBg, ReceiptHouse, Receipts, Recipient, Records, Register, Registry, RelationshipHome, ResendPassword, Rocket, Roof, Roof2, Security, Send, ShareHome, SharePeople, ShareWith, SixtyEight, SMS, Social, SmallAppliances, SolarPanel, Speaker, Sprinkler, Steps, Structure, Structures, Subscription, Supplies, Table, Target, Temperature, Theatre, Thumbnail, ThumbnailSmall, ThumbUp, Tile, Tools, Tools2, Trash, Utensils, VideoIcon, VideoPlay, VioletFolder, WallDecor, Wallet, Warning, Warranty, Water, WellDone, WholeHome, Wind, Window, Wizard, WizardDetailed, WizardQuick, YellowFolder, YellowFolderUnshared, BookOpened, Company2, } from '../../assets/images';
|
|
4
4
|
import { CookTop, Dishwasher, Dryer, Freezer, Fridge, Microwave, Oven, Range, Washer, tankWater, tanklessWater, } from '../../assets/images/appliances';
|
|
5
5
|
import { BatterySmokeDetector, Co2Detector, FireExtinguisher, Furnace, HeatPump, InWall, LandscapeLights, Other, SprinklerSystem, SprinklerSystem2, WiredSmokeDetector, } from '../../assets/images/home-assistant';
|
|
6
6
|
export default {
|
|
7
7
|
title: 'Assets/Illustrations',
|
|
8
8
|
};
|
|
9
9
|
export const Illustrations = () => {
|
|
10
|
-
return (_jsxs(Grid, { maxW: "600px", templateColumns: "repeat(auto-fill, minmax(75px, 1fr))", p: "base", gap: "8", children: [_jsx(IconWrapper, { icon: CookTop, name: "CookTop" }), _jsx(IconWrapper, { icon: Dishwasher, name: "Dishwasher" }), _jsx(IconWrapper, { icon: Dryer, name: "Dryer" }), _jsx(IconWrapper, { icon: Freezer, name: "Freezer" }), _jsx(IconWrapper, { icon: Fridge, name: "Fridge" }), _jsx(IconWrapper, { icon: Microwave, name: "Microwave" }), _jsx(IconWrapper, { icon: Oven, name: "Oven" }), _jsx(IconWrapper, { icon: Range, name: "Range" }), _jsx(IconWrapper, { icon: Washer, name: "Washer" }), _jsx(IconWrapper, { icon: tankWater, name: "TankWater" }), _jsx(IconWrapper, { icon: tanklessWater, name: "TanklessWater" }), _jsx(IconWrapper, { icon: BatterySmokeDetector, name: "BatterySmokeDetector" }), _jsx(IconWrapper, { icon: Co2Detector, name: "Co2Detector" }), _jsx(IconWrapper, { icon: FireExtinguisher, name: "FireExtinguisher" }), _jsx(IconWrapper, { icon: Furnace, name: "Furnace" }), _jsx(IconWrapper, { icon: HeatPump, name: "HeatPump" }), _jsx(IconWrapper, { icon: InWall, name: "InWall" }), _jsx(IconWrapper, { icon: Jacuzzi, name: "Jacuzzi" }), _jsx(IconWrapper, { icon: LandscapeLights, name: "LandscapeLights" }), _jsx(IconWrapper, { icon: Other, name: "Other" }), _jsx(IconWrapper, { icon: SprinklerSystem, name: "SprinklerSystem" }), _jsx(IconWrapper, { icon: SprinklerSystem2, name: "SprinklerSystem2" }), _jsx(IconWrapper, { icon: WiredSmokeDetector, name: "WiredSmokeDetector" }), _jsx(IconWrapper, { icon: Barcode, name: "Barcode" }), _jsx(IconWrapper, { icon: Book, name: "Book" }), _jsx(IconWrapper, { icon: Calendar, name: "Calendar" }), _jsx(IconWrapper, { icon: GoldenBars, name: "GoldenBars" }), _jsx(IconWrapper, { icon: Heart, name: "Heart" }), _jsx(IconWrapper, { icon: Notes, name: "Notes" }), _jsx(IconWrapper, { icon: Rating, name: "Rating" }), _jsx(IconWrapper, { icon: Registry, name: "Registry" }), _jsx(IconWrapper, { icon: Tools2, name: "Tools2" }), _jsx(IconWrapper, { icon: Balustrades, name: "Balustrades" }), _jsx(IconWrapper, { icon: Bedding, name: "Bedding" }), _jsx(IconWrapper, { icon: Cookware, name: "Cookware" }), _jsx(IconWrapper, { icon: Countertops, name: "Countertops" }), _jsx(IconWrapper, { icon: Doors, name: "Doors" }), _jsx(IconWrapper, { icon: Electronics, name: "Electronics" }), _jsx(IconWrapper, { icon: Equipment, name: "Equipment" }), _jsx(IconWrapper, { icon: Exterior, name: "Exterior" }), _jsx(IconWrapper, { icon: Fire, name: "Fire" }), _jsx(IconWrapper, { icon: Flooring, name: "Flooring" }), _jsx(IconWrapper, { icon: Furniture, name: "Furniture" }), _jsx(IconWrapper, { icon: Hardware, name: "Hardware" }), _jsx(IconWrapper, { icon: LargeAppliances, name: "LargeAppliances" }), _jsx(IconWrapper, { icon: Lighting, name: "Lighting" }), _jsx(IconWrapper, { icon: Mattress, name: "Mattress" }), _jsx(IconWrapper, { icon: Paint, name: "Paint" }), _jsx(IconWrapper, { icon: Plants, name: "Plants" }), _jsx(IconWrapper, { icon: Porch, name: "Porch" }), _jsx(IconWrapper, { icon: Roof, name: "Roof" }), _jsx(IconWrapper, { icon: SmallAppliances, name: "SmallAppliances" }), _jsx(IconWrapper, { icon: Steps, name: "Steps" }), _jsx(IconWrapper, { icon: Structures, name: "Structures" }), _jsx(IconWrapper, { icon: Supplies, name: "Supplies" }), _jsx(IconWrapper, { icon: Table, name: "Table" }), _jsx(IconWrapper, { icon: Temperature, name: "Temperature" }), _jsx(IconWrapper, { icon: Tile, name: "Tile" }), _jsx(IconWrapper, { icon: Tools, name: "Tools" }), _jsx(IconWrapper, { icon: Utensils, name: "Utensils" }), _jsx(IconWrapper, { icon: WallDecor, name: "WallDecor" }), _jsx(IconWrapper, { icon: Water, name: "Water" }), _jsx(IconWrapper, { icon: Window, name: "Window" }), _jsx(IconWrapper, { icon: AlertDelete, name: "AlertDelete" }), _jsx(IconWrapper, { icon: AlertDeletePurple, name: "AlertDeletePurple" }), _jsx(IconWrapper, { icon: Arrow, name: "Arrow" }), _jsx(IconWrapper, { icon: Batery, name: "Batery" }), _jsx(IconWrapper, { icon: Bathroom, name: "Bathroom" }), _jsx(IconWrapper, { icon: Battery, name: "Battery" }), _jsx(IconWrapper, { icon: Battery2, name: "Battery2" }), _jsx(IconWrapper, { icon: Bedroom, name: "Bedroom" }), _jsx(IconWrapper, { icon: BillingAddress, name: "BillingAddress" }), _jsx(IconWrapper, { icon: Billing, name: "Billing" }), _jsx(IconWrapper, { icon: BlueCirclePlus, name: "BlueCirclePlus" }), _jsx(IconWrapper, { icon: BlueFolder, name: "BlueFolder" }), _jsx(IconWrapper, { icon: BlueFolderShared, name: "BlueFolderShared" }), _jsx(IconWrapper, { icon: BookOpened, name: "BookOpened" }), _jsx(IconWrapper, { icon: BoxIcon, name: "Box" }), _jsx(IconWrapper, { icon: Building, name: "Building" }), _jsx(IconWrapper, { icon: Calc, name: "Calc" }), _jsx(IconWrapper, { icon: Calendar2, name: "Calendar2" }), _jsx(IconWrapper, { icon: Catalog, name: "Catalog" }), _jsx(IconWrapper, { icon: Check, name: "Check" }), _jsx(IconWrapper, { icon: CheckInCircle, name: "CheckInCircle" }), _jsx(IconWrapper, { icon: CheckPen, name: "CheckPen" }), _jsx(IconWrapper, { icon: Chemistry, name: "Chemistry" }), _jsx(IconWrapper, { icon: CircleFace, name: "CircleFace" }), _jsx(IconWrapper, { icon: Cleaning, name: "Cleaning" }), _jsx(IconWrapper, { icon: Closet, name: "Closet" }), _jsx(IconWrapper, { icon: Co2, name: "Co2" }), _jsx(IconWrapper, { icon: Company, name: "Company" }), _jsx(IconWrapper, { icon: Company2, name: "Company2" }), _jsx(IconWrapper, { icon: ComputerReport, name: "ComputerReport" }), _jsx(IconWrapper, { icon: Confirmation, name: "Confirmation" }), _jsx(IconWrapper, { icon: Construction, name: "Construction" }), _jsx(IconWrapper, { icon: Contacts, name: "Contacts" }), _jsx(IconWrapper, { icon: Contacts2, name: "Contacts2" }), _jsx(IconWrapper, { icon: Contributor, name: "Contributor" }), _jsx(IconWrapper, { icon: CreditCard, name: "CreditCard" }), _jsx(IconWrapper, { icon: Detector, name: "Detector" }), _jsx(IconWrapper, { icon: Diamond, name: "Diamond" }), _jsx(IconWrapper, { icon: DiningRoom, name: "DiningRoom" }), _jsx(IconWrapper, { icon: DocIcon, name: "DocIcon" }), _jsx(IconWrapper, { icon: Document, name: "Document" }), _jsx(IconWrapper, { icon: Document2, name: "Document2" }), _jsx(IconWrapper, { icon: Drop, name: "Drop" }), _jsx(IconWrapper, { icon: DropCalendar, name: "DropCalendar" }), _jsx(IconWrapper, { icon: Electricity, name: "Electricity" }), _jsx(IconWrapper, { icon: Entryway, name: "Entryway" }), _jsx(IconWrapper, { icon: EstValue, name: "EstValue" }), _jsx(IconWrapper, { icon: Exclamation, name: "Exclamation" }), _jsx(IconWrapper, { icon: Face, name: "Face" }), _jsx(IconWrapper, { icon: Feedback, name: "Feedback" }), _jsx(IconWrapper, { icon: FileUploading, name: "FileUploading" }), _jsx(IconWrapper, { icon: Finance, name: "Finance" }), _jsx(IconWrapper, { icon: Flag, name: "Flag" }), _jsx(IconWrapper, { icon: Flag2, name: "Flag2" }), _jsx(IconWrapper, { icon: Flower, name: "Flower" }), _jsx(IconWrapper, { icon: FormSent, name: "FormSent" }), _jsx(IconWrapper, { icon: Foundation, name: "Foundation" }), _jsx(IconWrapper, { icon: Garage, name: "Garage" }), _jsx(IconWrapper, { icon: GearPencil, name: "GearPencil" }), _jsx(IconWrapper, { icon: GearTime, name: "GearTime" }), _jsx(IconWrapper, { icon: GenericField, name: "GenericField" }), _jsx(IconWrapper, { icon: GlassWater, name: "GlassWater" }), _jsx(IconWrapper, { icon: GreenFolder, name: "GreenFolder" }), _jsx(IconWrapper, { icon: Group, name: "Group" }), _jsx(IconWrapper, { icon: Groups, name: "Groups" }), _jsx(IconWrapper, { icon: GuestBedroom, name: "GuestBedroom" }), _jsx(IconWrapper, { icon: Hallway, name: "Hallway" }), _jsx(IconWrapper, { icon: HandPencil, name: "HandPencil" }), _jsx(IconWrapper, { icon: Heater, name: "Heater" }), _jsx(IconWrapper, { icon: Help, name: "Help" }), _jsx(IconWrapper, { icon: HomeAddress, name: "HomeAddress" }), _jsx(IconWrapper, { icon: Homeowner, name: "Homeowner" }), _jsx(IconWrapper, { icon: House, name: "House" }), _jsx(IconWrapper, { icon: HouseHands, name: "HouseHands" }), _jsx(IconWrapper, { icon: IA, name: "IA" }), _jsx(IconWrapper, { icon: ImageDefault, name: "ImageDefault" }), _jsx(IconWrapper, { icon: ImgIcon, name: "ImgIcon" }), _jsx(IconWrapper, { icon: Inbox, name: "Inbox" }), _jsx(IconWrapper, { icon: Insect, name: "Insect" }), _jsx(IconWrapper, { icon: Kitchen, name: "Kitchen" }), _jsx(IconWrapper, { icon: Laundry, name: "Laundry" }), _jsx(IconWrapper, { icon: Light, name: "Light" }), _jsx(IconWrapper, { icon: LivingRoom, name: "LivingRoom" }), _jsx(IconWrapper, { icon: LogoSmall, name: "LogoSmall" }), _jsx(IconWrapper, { icon: MagnifyingGlassReport, name: "MagnifyingGlassReport" }), _jsx(IconWrapper, { icon: MagnifyingGlassPerson, name: "MagnifyingGlassPerson" }), _jsx(IconWrapper, { icon: Manager, name: "Manager" }), _jsx(IconWrapper, { icon: MasterBedroom, name: "MasterBedroom" }), _jsx(IconWrapper, { icon: Member, name: "Member" }), _jsx(IconWrapper, { icon: Message, name: "Message" }), _jsx(IconWrapper, { icon: MobileDrop, name: "MobileDrop" }), _jsx(IconWrapper, { icon: Money, name: "Money" }), _jsx(IconWrapper, { icon: Mudroom, name: "Mudroom" }), _jsx(IconWrapper, { icon: NeedHelp, name: "NeedHelp" }), _jsx(IconWrapper, { icon: Office, name: "Office" }), _jsx(IconWrapper, { icon: Painting, name: "Painting" }), _jsx(IconWrapper, { icon: PartnerGeneric, name: "PartnerGeneric" }), _jsx(IconWrapper, { icon: Patio, name: "Patio" }), _jsx(IconWrapper, { icon: PdfIcon, name: "PdfIcon" }), _jsx(IconWrapper, { icon: PersonMail, name: "PersonMail" }), _jsx(IconWrapper, { icon: Plate, name: "Plate" }), _jsx(IconWrapper, { icon: Play, name: "Play" }), _jsx(IconWrapper, { icon: Plus, name: "Plus" }), _jsx(IconWrapper, { icon: Pool, name: "Pool" }), _jsx(IconWrapper, { icon: Pool2, name: "Pool2" }), _jsx(IconWrapper, { icon: PressureWasher, name: "PressureWasher" }), _jsx(IconWrapper, { icon: Price, name: "Price" }), _jsx(IconWrapper, { icon: Profile, name: "Profile" }), _jsx(IconWrapper, { icon: ProgressReport, name: "ProgressReport" }), _jsx(IconWrapper, { icon: Proposal, name: "Proposal" }), _jsx(IconWrapper, { icon: RealEstate, name: "RealEstate" }), _jsx(IconWrapper, { icon: Receipt, name: "Receipt" }), _jsx(IconWrapper, { icon: ReceiptBg, name: "ReceiptBg" }), _jsx(IconWrapper, { icon: ReceiptHouse, name: "ReceiptHouse" }), _jsx(IconWrapper, { icon: Receipts, name: "Receipts" }), _jsx(IconWrapper, { icon: Recipient, name: "Recipient" }), _jsx(IconWrapper, { icon: Records, name: "Records" }), _jsx(IconWrapper, { icon: Register, name: "Register" }), _jsx(IconWrapper, { icon: RelationshipHome, name: "RelationshipHome" }), _jsx(IconWrapper, { icon: ResendPassword, name: "ResendPassword" }), _jsx(IconWrapper, { icon: Rocket, name: "Rocket" }), _jsx(IconWrapper, { icon: Roof2, name: "Roof2" }), _jsx(IconWrapper, { icon: Security, name: "Security" }), _jsx(IconWrapper, { icon: Send, name: "Send" }), _jsx(IconWrapper, { icon: ShareHome, name: "ShareHome" }), _jsx(IconWrapper, { icon: SharePeople, name: "SharePeople" }), _jsx(IconWrapper, { icon: ShareWith, name: "ShareWith" }), _jsx(IconWrapper, { icon: SixtyEight, name: "SixtyEight" }), _jsx(IconWrapper, { icon: SMS, name: "SMS" }), _jsx(IconWrapper, { icon: Social, name: "Social" }), _jsx(IconWrapper, { icon: SolarPanel, name: "SolarPanel" }), _jsx(IconWrapper, { icon: Speaker, name: "Speaker" }), _jsx(IconWrapper, { icon: Sprinkler, name: "Sprinkler" }), _jsx(IconWrapper, { icon: Structure, name: "Structure" }), _jsx(IconWrapper, { icon: Subscription, name: "Subscription" }), _jsx(IconWrapper, { icon: Target, name: "Target" }), _jsx(IconWrapper, { icon: Theatre, name: "Theatre" }), _jsx(IconWrapper, { icon: Thumbnail, name: "Thumbnail" }), _jsx(IconWrapper, { icon: ThumbnailSmall, name: "ThumbnailSmall" }), _jsx(IconWrapper, { icon: ThumbUp, name: "ThumbUp" }), _jsx(IconWrapper, { icon: Trash, name: "Trash" }), _jsx(IconWrapper, { icon: VideoIcon, name: "VideoIcon" }), _jsx(IconWrapper, { icon: VideoPlay, name: "VideoPlay" }), _jsx(IconWrapper, { icon: VioletFolder, name: "VioletFolder" }), _jsx(IconWrapper, { icon: Wallet, name: "Wallet" }), _jsx(IconWrapper, { icon: Warning, name: "Warning" }), _jsx(IconWrapper, { icon: Warranty, name: "Warranty" }), _jsx(IconWrapper, { icon: WellDone, name: "WellDone" }), _jsx(IconWrapper, { icon: WholeHome, name: "WholeHome" }), _jsx(IconWrapper, { icon: Wind, name: "Wind" }), _jsx(IconWrapper, { icon: Wizard, name: "Wizard" }), _jsx(IconWrapper, { icon: WizardDetailed, name: "WizardDetailed" }), _jsx(IconWrapper, { icon: WizardQuick, name: "WizardQuick" }), _jsx(IconWrapper, { icon: YellowFolder, name: "YellowFolder" }), _jsx(IconWrapper, { icon: YellowFolderUnshared, name: "YellowFolderUnshared" })] }));
|
|
10
|
+
return (_jsxs(Grid, { maxW: "600px", templateColumns: "repeat(auto-fill, minmax(75px, 1fr))", p: "base", gap: "8", children: [_jsx(IconWrapper, { icon: CookTop, name: "CookTop" }), _jsx(IconWrapper, { icon: Dishwasher, name: "Dishwasher" }), _jsx(IconWrapper, { icon: Dryer, name: "Dryer" }), _jsx(IconWrapper, { icon: Freezer, name: "Freezer" }), _jsx(IconWrapper, { icon: Fridge, name: "Fridge" }), _jsx(IconWrapper, { icon: Microwave, name: "Microwave" }), _jsx(IconWrapper, { icon: Oven, name: "Oven" }), _jsx(IconWrapper, { icon: Range, name: "Range" }), _jsx(IconWrapper, { icon: Washer, name: "Washer" }), _jsx(IconWrapper, { icon: tankWater, name: "TankWater" }), _jsx(IconWrapper, { icon: tanklessWater, name: "TanklessWater" }), _jsx(IconWrapper, { icon: BatterySmokeDetector, name: "BatterySmokeDetector" }), _jsx(IconWrapper, { icon: Co2Detector, name: "Co2Detector" }), _jsx(IconWrapper, { icon: FireExtinguisher, name: "FireExtinguisher" }), _jsx(IconWrapper, { icon: Furnace, name: "Furnace" }), _jsx(IconWrapper, { icon: HeatPump, name: "HeatPump" }), _jsx(IconWrapper, { icon: InWall, name: "InWall" }), _jsx(IconWrapper, { icon: Jacuzzi, name: "Jacuzzi" }), _jsx(IconWrapper, { icon: LandscapeLights, name: "LandscapeLights" }), _jsx(IconWrapper, { icon: Other, name: "Other" }), _jsx(IconWrapper, { icon: SprinklerSystem, name: "SprinklerSystem" }), _jsx(IconWrapper, { icon: SprinklerSystem2, name: "SprinklerSystem2" }), _jsx(IconWrapper, { icon: WiredSmokeDetector, name: "WiredSmokeDetector" }), _jsx(IconWrapper, { icon: Barcode, name: "Barcode" }), _jsx(IconWrapper, { icon: Book, name: "Book" }), _jsx(IconWrapper, { icon: Calendar, name: "Calendar" }), _jsx(IconWrapper, { icon: GoldenBars, name: "GoldenBars" }), _jsx(IconWrapper, { icon: Heart, name: "Heart" }), _jsx(IconWrapper, { icon: Notes, name: "Notes" }), _jsx(IconWrapper, { icon: Rating, name: "Rating" }), _jsx(IconWrapper, { icon: Registry, name: "Registry" }), _jsx(IconWrapper, { icon: Tools2, name: "Tools2" }), _jsx(IconWrapper, { icon: Balustrades, name: "Balustrades" }), _jsx(IconWrapper, { icon: Bedding, name: "Bedding" }), _jsx(IconWrapper, { icon: Cookware, name: "Cookware" }), _jsx(IconWrapper, { icon: Countertops, name: "Countertops" }), _jsx(IconWrapper, { icon: Doors, name: "Doors" }), _jsx(IconWrapper, { icon: Electronics, name: "Electronics" }), _jsx(IconWrapper, { icon: Equipment, name: "Equipment" }), _jsx(IconWrapper, { icon: Exterior, name: "Exterior" }), _jsx(IconWrapper, { icon: Fire, name: "Fire" }), _jsx(IconWrapper, { icon: Flooring, name: "Flooring" }), _jsx(IconWrapper, { icon: Furniture, name: "Furniture" }), _jsx(IconWrapper, { icon: Hardware, name: "Hardware" }), _jsx(IconWrapper, { icon: LargeAppliances, name: "LargeAppliances" }), _jsx(IconWrapper, { icon: Lighting, name: "Lighting" }), _jsx(IconWrapper, { icon: Mattress, name: "Mattress" }), _jsx(IconWrapper, { icon: Paint, name: "Paint" }), _jsx(IconWrapper, { icon: Plants, name: "Plants" }), _jsx(IconWrapper, { icon: Porch, name: "Porch" }), _jsx(IconWrapper, { icon: Roof, name: "Roof" }), _jsx(IconWrapper, { icon: SmallAppliances, name: "SmallAppliances" }), _jsx(IconWrapper, { icon: Steps, name: "Steps" }), _jsx(IconWrapper, { icon: Structures, name: "Structures" }), _jsx(IconWrapper, { icon: Supplies, name: "Supplies" }), _jsx(IconWrapper, { icon: Table, name: "Table" }), _jsx(IconWrapper, { icon: Temperature, name: "Temperature" }), _jsx(IconWrapper, { icon: Tile, name: "Tile" }), _jsx(IconWrapper, { icon: Tools, name: "Tools" }), _jsx(IconWrapper, { icon: Utensils, name: "Utensils" }), _jsx(IconWrapper, { icon: WallDecor, name: "WallDecor" }), _jsx(IconWrapper, { icon: Water, name: "Water" }), _jsx(IconWrapper, { icon: Window, name: "Window" }), _jsx(IconWrapper, { icon: AlertDelete, name: "AlertDelete" }), _jsx(IconWrapper, { icon: AlertDeletePurple, name: "AlertDeletePurple" }), _jsx(IconWrapper, { icon: Arrow, name: "Arrow" }), _jsx(IconWrapper, { icon: Batery, name: "Batery" }), _jsx(IconWrapper, { icon: Bathroom, name: "Bathroom" }), _jsx(IconWrapper, { icon: Battery, name: "Battery" }), _jsx(IconWrapper, { icon: Battery2, name: "Battery2" }), _jsx(IconWrapper, { icon: Bedroom, name: "Bedroom" }), _jsx(IconWrapper, { icon: BillingAddress, name: "BillingAddress" }), _jsx(IconWrapper, { icon: Billing, name: "Billing" }), _jsx(IconWrapper, { icon: BlueCirclePlus, name: "BlueCirclePlus" }), _jsx(IconWrapper, { icon: BlueFolder, name: "BlueFolder" }), _jsx(IconWrapper, { icon: BlueFolderShared, name: "BlueFolderShared" }), _jsx(IconWrapper, { icon: BookOpened, name: "BookOpened" }), _jsx(IconWrapper, { icon: BoxIcon, name: "Box" }), _jsx(IconWrapper, { icon: Brain, name: "Brain" }), _jsx(IconWrapper, { icon: Building, name: "Building" }), _jsx(IconWrapper, { icon: Calc, name: "Calc" }), _jsx(IconWrapper, { icon: Calendar2, name: "Calendar2" }), _jsx(IconWrapper, { icon: Catalog, name: "Catalog" }), _jsx(IconWrapper, { icon: Check, name: "Check" }), _jsx(IconWrapper, { icon: CheckInCircle, name: "CheckInCircle" }), _jsx(IconWrapper, { icon: CheckPen, name: "CheckPen" }), _jsx(IconWrapper, { icon: Chemistry, name: "Chemistry" }), _jsx(IconWrapper, { icon: CircleFace, name: "CircleFace" }), _jsx(IconWrapper, { icon: Cleaning, name: "Cleaning" }), _jsx(IconWrapper, { icon: Closet, name: "Closet" }), _jsx(IconWrapper, { icon: Co2, name: "Co2" }), _jsx(IconWrapper, { icon: Company, name: "Company" }), _jsx(IconWrapper, { icon: Company2, name: "Company2" }), _jsx(IconWrapper, { icon: ComputerReport, name: "ComputerReport" }), _jsx(IconWrapper, { icon: Confirmation, name: "Confirmation" }), _jsx(IconWrapper, { icon: Construction, name: "Construction" }), _jsx(IconWrapper, { icon: Contacts, name: "Contacts" }), _jsx(IconWrapper, { icon: Contacts2, name: "Contacts2" }), _jsx(IconWrapper, { icon: Contributor, name: "Contributor" }), _jsx(IconWrapper, { icon: CreditCard, name: "CreditCard" }), _jsx(IconWrapper, { icon: Detector, name: "Detector" }), _jsx(IconWrapper, { icon: Diamond, name: "Diamond" }), _jsx(IconWrapper, { icon: DiningRoom, name: "DiningRoom" }), _jsx(IconWrapper, { icon: DocIcon, name: "DocIcon" }), _jsx(IconWrapper, { icon: Document, name: "Document" }), _jsx(IconWrapper, { icon: Document2, name: "Document2" }), _jsx(IconWrapper, { icon: Drop, name: "Drop" }), _jsx(IconWrapper, { icon: DropCalendar, name: "DropCalendar" }), _jsx(IconWrapper, { icon: Electricity, name: "Electricity" }), _jsx(IconWrapper, { icon: Entryway, name: "Entryway" }), _jsx(IconWrapper, { icon: EstValue, name: "EstValue" }), _jsx(IconWrapper, { icon: Exclamation, name: "Exclamation" }), _jsx(IconWrapper, { icon: Face, name: "Face" }), _jsx(IconWrapper, { icon: Feedback, name: "Feedback" }), _jsx(IconWrapper, { icon: FileUploading, name: "FileUploading" }), _jsx(IconWrapper, { icon: Finance, name: "Finance" }), _jsx(IconWrapper, { icon: Flag, name: "Flag" }), _jsx(IconWrapper, { icon: Flag2, name: "Flag2" }), _jsx(IconWrapper, { icon: Flower, name: "Flower" }), _jsx(IconWrapper, { icon: FormSent, name: "FormSent" }), _jsx(IconWrapper, { icon: Foundation, name: "Foundation" }), _jsx(IconWrapper, { icon: Garage, name: "Garage" }), _jsx(IconWrapper, { icon: GearPencil, name: "GearPencil" }), _jsx(IconWrapper, { icon: GearTime, name: "GearTime" }), _jsx(IconWrapper, { icon: GenericField, name: "GenericField" }), _jsx(IconWrapper, { icon: GlassWater, name: "GlassWater" }), _jsx(IconWrapper, { icon: GreenFolder, name: "GreenFolder" }), _jsx(IconWrapper, { icon: Group, name: "Group" }), _jsx(IconWrapper, { icon: Groups, name: "Groups" }), _jsx(IconWrapper, { icon: GuestBedroom, name: "GuestBedroom" }), _jsx(IconWrapper, { icon: Hallway, name: "Hallway" }), _jsx(IconWrapper, { icon: HandPencil, name: "HandPencil" }), _jsx(IconWrapper, { icon: Heater, name: "Heater" }), _jsx(IconWrapper, { icon: Help, name: "Help" }), _jsx(IconWrapper, { icon: HomeAddress, name: "HomeAddress" }), _jsx(IconWrapper, { icon: Homeowner, name: "Homeowner" }), _jsx(IconWrapper, { icon: House, name: "House" }), _jsx(IconWrapper, { icon: HouseHands, name: "HouseHands" }), _jsx(IconWrapper, { icon: IA, name: "IA" }), _jsx(IconWrapper, { icon: ImageDefault, name: "ImageDefault" }), _jsx(IconWrapper, { icon: ImgIcon, name: "ImgIcon" }), _jsx(IconWrapper, { icon: Inbox, name: "Inbox" }), _jsx(IconWrapper, { icon: Insect, name: "Insect" }), _jsx(IconWrapper, { icon: Kitchen, name: "Kitchen" }), _jsx(IconWrapper, { icon: Laundry, name: "Laundry" }), _jsx(IconWrapper, { icon: Light, name: "Light" }), _jsx(IconWrapper, { icon: LivingRoom, name: "LivingRoom" }), _jsx(IconWrapper, { icon: LogoSmall, name: "LogoSmall" }), _jsx(IconWrapper, { icon: MagnifyingGlassReport, name: "MagnifyingGlassReport" }), _jsx(IconWrapper, { icon: MagnifyingGlassPerson, name: "MagnifyingGlassPerson" }), _jsx(IconWrapper, { icon: Manager, name: "Manager" }), _jsx(IconWrapper, { icon: MasterBedroom, name: "MasterBedroom" }), _jsx(IconWrapper, { icon: Member, name: "Member" }), _jsx(IconWrapper, { icon: Message, name: "Message" }), _jsx(IconWrapper, { icon: MobileDrop, name: "MobileDrop" }), _jsx(IconWrapper, { icon: Money, name: "Money" }), _jsx(IconWrapper, { icon: Mudroom, name: "Mudroom" }), _jsx(IconWrapper, { icon: NeedHelp, name: "NeedHelp" }), _jsx(IconWrapper, { icon: Office, name: "Office" }), _jsx(IconWrapper, { icon: Painting, name: "Painting" }), _jsx(IconWrapper, { icon: PartnerGeneric, name: "PartnerGeneric" }), _jsx(IconWrapper, { icon: Patio, name: "Patio" }), _jsx(IconWrapper, { icon: PdfIcon, name: "PdfIcon" }), _jsx(IconWrapper, { icon: PersonMail, name: "PersonMail" }), _jsx(IconWrapper, { icon: Plate, name: "Plate" }), _jsx(IconWrapper, { icon: Play, name: "Play" }), _jsx(IconWrapper, { icon: Plus, name: "Plus" }), _jsx(IconWrapper, { icon: Pool, name: "Pool" }), _jsx(IconWrapper, { icon: Pool2, name: "Pool2" }), _jsx(IconWrapper, { icon: PressureWasher, name: "PressureWasher" }), _jsx(IconWrapper, { icon: Price, name: "Price" }), _jsx(IconWrapper, { icon: Profile, name: "Profile" }), _jsx(IconWrapper, { icon: ProgressReport, name: "ProgressReport" }), _jsx(IconWrapper, { icon: Proposal, name: "Proposal" }), _jsx(IconWrapper, { icon: RealEstate, name: "RealEstate" }), _jsx(IconWrapper, { icon: Receipt, name: "Receipt" }), _jsx(IconWrapper, { icon: ReceiptBg, name: "ReceiptBg" }), _jsx(IconWrapper, { icon: ReceiptHouse, name: "ReceiptHouse" }), _jsx(IconWrapper, { icon: Receipts, name: "Receipts" }), _jsx(IconWrapper, { icon: Recipient, name: "Recipient" }), _jsx(IconWrapper, { icon: Records, name: "Records" }), _jsx(IconWrapper, { icon: Register, name: "Register" }), _jsx(IconWrapper, { icon: RelationshipHome, name: "RelationshipHome" }), _jsx(IconWrapper, { icon: ResendPassword, name: "ResendPassword" }), _jsx(IconWrapper, { icon: Rocket, name: "Rocket" }), _jsx(IconWrapper, { icon: Roof2, name: "Roof2" }), _jsx(IconWrapper, { icon: Security, name: "Security" }), _jsx(IconWrapper, { icon: Send, name: "Send" }), _jsx(IconWrapper, { icon: ShareHome, name: "ShareHome" }), _jsx(IconWrapper, { icon: SharePeople, name: "SharePeople" }), _jsx(IconWrapper, { icon: ShareWith, name: "ShareWith" }), _jsx(IconWrapper, { icon: SixtyEight, name: "SixtyEight" }), _jsx(IconWrapper, { icon: SMS, name: "SMS" }), _jsx(IconWrapper, { icon: Social, name: "Social" }), _jsx(IconWrapper, { icon: SolarPanel, name: "SolarPanel" }), _jsx(IconWrapper, { icon: Speaker, name: "Speaker" }), _jsx(IconWrapper, { icon: Sprinkler, name: "Sprinkler" }), _jsx(IconWrapper, { icon: Structure, name: "Structure" }), _jsx(IconWrapper, { icon: Subscription, name: "Subscription" }), _jsx(IconWrapper, { icon: Target, name: "Target" }), _jsx(IconWrapper, { icon: Theatre, name: "Theatre" }), _jsx(IconWrapper, { icon: Thumbnail, name: "Thumbnail" }), _jsx(IconWrapper, { icon: ThumbnailSmall, name: "ThumbnailSmall" }), _jsx(IconWrapper, { icon: ThumbUp, name: "ThumbUp" }), _jsx(IconWrapper, { icon: Trash, name: "Trash" }), _jsx(IconWrapper, { icon: VideoIcon, name: "VideoIcon" }), _jsx(IconWrapper, { icon: VideoPlay, name: "VideoPlay" }), _jsx(IconWrapper, { icon: VioletFolder, name: "VioletFolder" }), _jsx(IconWrapper, { icon: Wallet, name: "Wallet" }), _jsx(IconWrapper, { icon: Warning, name: "Warning" }), _jsx(IconWrapper, { icon: Warranty, name: "Warranty" }), _jsx(IconWrapper, { icon: WellDone, name: "WellDone" }), _jsx(IconWrapper, { icon: WholeHome, name: "WholeHome" }), _jsx(IconWrapper, { icon: Wind, name: "Wind" }), _jsx(IconWrapper, { icon: Wizard, name: "Wizard" }), _jsx(IconWrapper, { icon: WizardDetailed, name: "WizardDetailed" }), _jsx(IconWrapper, { icon: WizardQuick, name: "WizardQuick" }), _jsx(IconWrapper, { icon: YellowFolder, name: "YellowFolder" }), _jsx(IconWrapper, { icon: YellowFolderUnshared, name: "YellowFolderUnshared" })] }));
|
|
11
11
|
};
|
|
12
12
|
const IconWrapper = ({ icon, name }) => {
|
|
13
13
|
return (_jsxs(Center, { flexDirection: "column", children: [_jsx(Image, { src: icon, boxSize: "30px", mb: "2" }), _jsx(Text, { variant: "home", children: name })] }));
|