@homefile/components-v2 2.43.0 → 2.44.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/images/illuminei/il-home.svg +17 -0
- package/dist/assets/images/illuminei/il-hvac.svg +13 -0
- package/dist/assets/images/illuminei/il-power.svg +16 -0
- package/dist/assets/images/illuminei/il-solar.svg +27 -0
- package/dist/assets/images/illuminei/il-tools.svg +25 -0
- package/dist/assets/images/illuminei/index.d.ts +6 -0
- package/dist/assets/images/illuminei/index.js +6 -0
- package/dist/assets/images/index.d.ts +1 -0
- package/dist/assets/images/index.js +1 -0
- package/dist/components/appliances/AppliancesReceived.d.ts +2 -0
- package/dist/components/appliances/AppliancesReceived.js +12 -0
- package/dist/components/appliances/AssignableApplianceCard.js +2 -20
- package/dist/components/appliances/index.d.ts +1 -0
- package/dist/components/appliances/index.js +1 -0
- package/dist/components/appliances/received/ApplianceCards.d.ts +3 -0
- package/dist/components/appliances/received/ApplianceCards.js +17 -0
- package/dist/components/appliances/received/AppliancesDisplay.d.ts +2 -0
- package/dist/components/appliances/received/AppliancesDisplay.js +8 -0
- package/dist/components/appliances/received/AppliancesReceivedFilters.d.ts +2 -0
- package/dist/components/appliances/received/AppliancesReceivedFilters.js +6 -0
- package/dist/components/appliances/received/AppliancesWrapper.d.ts +2 -0
- package/dist/components/appliances/received/AppliancesWrapper.js +7 -0
- package/dist/components/inboxTile/InboxCard.js +2 -2
- package/dist/helpers/appliances/applianceIcons.d.ts +2 -0
- package/dist/helpers/appliances/applianceIcons.js +22 -0
- package/dist/helpers/appliances/index.d.ts +1 -0
- package/dist/helpers/appliances/index.js +1 -0
- package/dist/helpers/forms/dynamicForm.helper.js +6 -1
- package/dist/helpers/index.d.ts +1 -0
- package/dist/helpers/index.js +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/interfaces/appliances/AppliancesReceived.interface.d.ts +16 -0
- package/dist/interfaces/appliances/AppliancesReceived.interface.js +1 -0
- package/dist/interfaces/appliances/AssignableAppliances.interface.d.ts +1 -2
- package/dist/interfaces/appliances/index.d.ts +2 -0
- package/dist/interfaces/appliances/index.js +2 -0
- package/dist/interfaces/appliances/received/ApplianceCards.interface.d.ts +5 -0
- package/dist/interfaces/appliances/received/ApplianceCards.interface.js +1 -0
- package/dist/interfaces/appliances/received/AppliancesDisplay.interface.d.ts +7 -0
- package/dist/interfaces/appliances/received/AppliancesDisplay.interface.js +1 -0
- package/dist/interfaces/appliances/received/AppliancesReceivedFilters.interface.d.ts +11 -0
- package/dist/interfaces/appliances/received/AppliancesReceivedFilters.interface.js +1 -0
- package/dist/interfaces/appliances/received/AppliancesWrapper.interface.d.ts +6 -0
- package/dist/interfaces/appliances/received/AppliancesWrapper.interface.js +1 -0
- package/dist/interfaces/appliances/received/index.d.ts +4 -0
- package/dist/interfaces/appliances/received/index.js +4 -0
- package/dist/mocks/appliances/appliancesReceived.mock.d.ts +7 -0
- package/dist/mocks/appliances/appliancesReceived.mock.js +58 -0
- package/dist/mocks/appliances/index.d.ts +1 -0
- package/dist/mocks/appliances/index.js +1 -0
- package/dist/mocks/index.d.ts +1 -0
- package/dist/mocks/index.js +1 -0
- package/dist/stories/appliances/AppliancesReceived.stories.d.ts +5 -0
- package/dist/stories/appliances/AppliancesReceived.stories.js +17 -0
- package/dist/stories/appliances/AssignableAppliances.stories.js +2 -31
- package/dist/stories/inboxTile/inboxTile.stories.js +7 -1
- package/dist/utils/appliances/appliancesReceived.utils.d.ts +4 -0
- package/dist/utils/appliances/appliancesReceived.utils.js +11 -0
- package/dist/utils/appliances/index.d.ts +1 -0
- package/dist/utils/appliances/index.js +1 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36.625" height="27.338" viewBox="0 0 36.625 27.338">
|
|
2
|
+
<defs>
|
|
3
|
+
<clipPath id="clip-path">
|
|
4
|
+
<rect id="Rectangle_26314" data-name="Rectangle 26314" width="36.625" height="27.338" fill="none" stroke="#d10602" stroke-width="1"/>
|
|
5
|
+
</clipPath>
|
|
6
|
+
</defs>
|
|
7
|
+
<g id="Group_26140" data-name="Group 26140" transform="translate(0 0)">
|
|
8
|
+
<g id="Group_26139" data-name="Group 26139" transform="translate(0 0)" clip-path="url(#clip-path)">
|
|
9
|
+
<path id="Path_18629" data-name="Path 18629" d="M23.554,1H14.267L1,14.267h9.287L23.554,1,36.821,14.267" transform="translate(-0.598 -0.598)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
10
|
+
<path id="Path_18630" data-name="Path 18630" d="M52.254,25.753V42.336h-5.97V33.713h-7.96v8.624h-5.97V25.753" transform="translate(-19.348 -15.4)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
11
|
+
<path id="Path_18631" data-name="Path 18631" d="M18.538,47.271H9.251V34" transform="translate(-5.532 -20.334)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
12
|
+
<path id="Path_18632" data-name="Path 18632" d="M47.205,26.432a3.98,3.98,0,0,1,7.96,0v1.327h-7.96Z" transform="translate(-28.229 -13.426)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
13
|
+
<rect id="Rectangle_26313" data-name="Rectangle 26313" width="3.98" height="4.643" transform="translate(6.372 18.313)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
14
|
+
<line id="Line_3678" data-name="Line 3678" x1="7.961" transform="translate(18.975 26.936)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
15
|
+
</g>
|
|
16
|
+
</g>
|
|
17
|
+
</svg>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="31" height="31" viewBox="0 0 31 31">
|
|
2
|
+
<g id="Group_26151" data-name="Group 26151" transform="translate(510 -718.725)">
|
|
3
|
+
<g id="Path_18633" data-name="Path 18633" transform="translate(-510 718.725)" fill="none">
|
|
4
|
+
<path d="M15.5,0A15.5,15.5,0,1,1,0,15.5,15.5,15.5,0,0,1,15.5,0Z" stroke="none"/>
|
|
5
|
+
<path d="M 15.5 1 C 11.62690925598145 1 7.985639572143555 2.508260726928711 5.246950149536133 5.246950149536133 C 2.508260726928711 7.985639572143555 1 11.62690925598145 1 15.5 C 1 19.37308883666992 2.508260726928711 23.01436042785645 5.246950149536133 25.75304985046387 C 7.985639572143555 28.49173927307129 11.62690925598145 30 15.5 30 C 19.37308883666992 30 23.01436042785645 28.49173927307129 25.75304985046387 25.75304985046387 C 28.49173927307129 23.01436042785645 30 19.37308883666992 30 15.5 C 30 11.62690925598145 28.49173927307129 7.985639572143555 25.75304985046387 5.246950149536133 C 23.01436042785645 2.508260726928711 19.37308883666992 1 15.5 1 M 15.5 0 C 24.06040954589844 0 31 6.939590454101562 31 15.5 C 31 24.06040954589844 24.06040954589844 31 15.5 31 C 6.939590454101562 31 0 24.06040954589844 0 15.5 C 0 6.939590454101562 6.939590454101562 0 15.5 0 Z" stroke="none" fill="#d10602"/>
|
|
6
|
+
</g>
|
|
7
|
+
<g id="Group_26138" data-name="Group 26138" transform="translate(-1082.609 1143.243) rotate(-90)">
|
|
8
|
+
<path id="Path_18626" data-name="Path 18626" d="M233.3,24.7a3.331,3.331,0,1,1-3.331,3.331V22.371" transform="translate(182.201 558.037)" fill="none" stroke="#d10602" stroke-miterlimit="10" stroke-width="1"/>
|
|
9
|
+
<path id="Path_18627" data-name="Path 18627" d="M7.163,22.4v9.807a3.331,3.331,0,1,1-3.331-3.331" transform="translate(398.792 558.01)" fill="none" stroke="#d10602" stroke-miterlimit="10" stroke-width="1"/>
|
|
10
|
+
<path id="Path_18628" data-name="Path 18628" d="M160.969,10.75a3.331,3.331,0,1,1-3.331,3.331V0" transform="translate(250.473 579.153)" fill="none" stroke="#d10602" stroke-miterlimit="10" stroke-width="1"/>
|
|
11
|
+
</g>
|
|
12
|
+
</g>
|
|
13
|
+
</svg>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="31.013" height="30.755" viewBox="0 0 31.013 30.755">
|
|
2
|
+
<g id="Group_26133" data-name="Group 26133" transform="translate(-744.413 -456.639)">
|
|
3
|
+
<path id="Rectangle_26309" data-name="Rectangle 26309" d="M7.2,0h15.6a7.2,7.2,0,0,1,7.2,7.2v8.1a7.206,7.206,0,0,1-7.206,7.206H7.205A7.205,7.205,0,0,1,0,15.3V7.2A7.2,7.2,0,0,1,7.2,0Z" transform="translate(744.913 457.139)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
4
|
+
<path id="Path_18602" data-name="Path 18602" d="M122.532,42.827l1.349,3.262,1.349-3.262" transform="translate(642.368 421.298)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
5
|
+
<path id="Path_18603" data-name="Path 18603" d="M55.648,47.721H53.766l-.843-.843V43.67l.843-.843h1.882l.843.843v3.207Z" transform="translate(700.623 421.298)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
6
|
+
<path id="Path_18604" data-name="Path 18604" d="M87.538,47.721H85.655l-.843-.843V43.67l.843-.843h1.882l.843.843v3.207Z" transform="translate(673.935 421.298)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
7
|
+
<rect id="Rectangle_26310" data-name="Rectangle 26310" width="21.042" height="9.95" transform="translate(749.399 461.448)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
8
|
+
<circle id="Ellipse_1183" data-name="Ellipse 1183" cx="1.142" cy="1.142" r="1.142" transform="translate(753.069 474.171)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
9
|
+
<circle id="Ellipse_1184" data-name="Ellipse 1184" cx="1.142" cy="1.142" r="1.142" transform="translate(758.778 474.171)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
10
|
+
<circle id="Ellipse_1185" data-name="Ellipse 1185" cx="1.142" cy="1.142" r="1.142" transform="translate(764.487 474.171)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
11
|
+
<line id="Line_3672" data-name="Line 3672" y2="5.057" transform="translate(755.235 481.837)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
12
|
+
<line id="Line_3673" data-name="Line 3673" y2="5.057" transform="translate(764.604 481.837)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
13
|
+
<path id="Path_18605" data-name="Path 18605" d="M53.081,137.415v1.256a1.027,1.027,0,0,1-1.028,1.028H49.216a1.028,1.028,0,0,1-1.028-1.028v-1.256" transform="translate(704.585 342.139)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
14
|
+
<path id="Path_18606" data-name="Path 18606" d="M110.307,137.415v1.256a1.027,1.027,0,0,1-1.028,1.028h-2.838a1.028,1.028,0,0,1-1.028-1.028v-1.256" transform="translate(656.694 342.139)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
15
|
+
</g>
|
|
16
|
+
</svg>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<svg id="Group_26130" data-name="Group 26130" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35.674" height="29.36" viewBox="0 0 35.674 29.36">
|
|
2
|
+
<defs>
|
|
3
|
+
<clipPath id="clip-path">
|
|
4
|
+
<rect id="Rectangle_26305" data-name="Rectangle 26305" width="35.674" height="29.36" fill="none" stroke="#d10602" stroke-width="1"/>
|
|
5
|
+
</clipPath>
|
|
6
|
+
</defs>
|
|
7
|
+
<g id="Group_26127" data-name="Group 26127">
|
|
8
|
+
<g id="Group_26126" data-name="Group 26126" clip-path="url(#clip-path)">
|
|
9
|
+
<path id="Path_18591" data-name="Path 18591" d="M28.9,22.339H2L8.478,2h26.9Z" transform="translate(-1.672 -1.672)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
10
|
+
</g>
|
|
11
|
+
</g>
|
|
12
|
+
<line id="Line_3667" data-name="Line 3667" x1="4.674" transform="translate(14.023 10.169)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
13
|
+
<line id="Line_3668" data-name="Line 3668" x1="4.347" transform="translate(5.985 10.169)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
14
|
+
<path id="Path_18592" data-name="Path 18592" d="M77.861,19.052l0-.011,1.995-6.261" transform="translate(-65.09 -10.684)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
15
|
+
<line id="Line_3669" data-name="Line 3669" x1="2.203" y2="6.918" transform="translate(9.369 12.129)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
16
|
+
<path id="Path_18593" data-name="Path 18593" d="M66.767,52.8,65.437,51l-2.442,1.8,1.23,1.968Z" transform="translate(-52.662 -42.635)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
17
|
+
<path id="Path_18594" data-name="Path 18594" d="M136.861,19.052l0-.011,1.995-6.261" transform="translate(-114.412 -10.684)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
18
|
+
<line id="Line_3670" data-name="Line 3670" x1="2.203" y2="6.918" transform="translate(19.046 12.129)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
19
|
+
<path id="Path_18595" data-name="Path 18595" d="M125.767,52.8,124.437,51l-2.442,1.8,1.23,1.968Z" transform="translate(-101.985 -42.635)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
20
|
+
<g id="Group_26129" data-name="Group 26129">
|
|
21
|
+
<g id="Group_26128" data-name="Group 26128" clip-path="url(#clip-path)">
|
|
22
|
+
<path id="Path_18596" data-name="Path 18596" d="M72.085,144v3.444H67.426a1.7,1.7,0,0,0-1.7,1.7v.268H81.068v-.268a1.7,1.7,0,0,0-1.7-1.7H74.709V144" transform="translate(-54.945 -120.381)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
23
|
+
<line id="Line_3671" data-name="Line 3671" x1="4.675" transform="translate(23.864 10.169)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
24
|
+
<path id="Path_18597" data-name="Path 18597" d="M41.611,12l-6.48,20.339H7.495" transform="translate(-6.265 -10.032)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
25
|
+
</g>
|
|
26
|
+
</g>
|
|
27
|
+
</svg>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="31.448" height="27.48" viewBox="0 0 31.448 27.48">
|
|
2
|
+
<defs>
|
|
3
|
+
<clipPath id="clip-path">
|
|
4
|
+
<rect id="Rectangle_26312" data-name="Rectangle 26312" width="31.448" height="27.48" fill="none" stroke="#d10602" stroke-width="1"/>
|
|
5
|
+
</clipPath>
|
|
6
|
+
</defs>
|
|
7
|
+
<g id="Group_26137" data-name="Group 26137" transform="translate(0 0)">
|
|
8
|
+
<g id="Group_26136" data-name="Group 26136" transform="translate(0 0)" clip-path="url(#clip-path)">
|
|
9
|
+
<path id="Path_18616" data-name="Path 18616" d="M28.562,32.431l-.006.006-3.65,3.65L22.473,38.52l-8.114,8.114a1.149,1.149,0,0,1-1.624,0l-.809-.814a1.144,1.144,0,0,1,0-1.619l8.115-8.115,2.433-2.433,2.841-2.847" transform="translate(-7.4 -19.671)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
10
|
+
<path id="Path_18617" data-name="Path 18617" d="M55.177,15.167l1.217-1.217a1.15,1.15,0,0,0,0-1.624L55.177,11.1,56.8,9.486,61.26,13.95l-3.22,3.22" transform="translate(-35.232 -6.057)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
11
|
+
<path id="Path_18618" data-name="Path 18618" d="M66.278,8.213,67.5,6.182,63.036,1.717,64.253.5" transform="translate(-40.251 -0.319)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
12
|
+
<path id="Path_18619" data-name="Path 18619" d="M78.482,14.09h-.006l-4.533,6.565" transform="translate(-47.215 -8.997)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
13
|
+
<path id="Path_18620" data-name="Path 18620" d="M66.529.627l4.78,3.208,2.433,1.658" transform="translate(-42.481 -0.4)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
14
|
+
<line id="Line_3674" data-name="Line 3674" y1="2.238" x2="1.578" transform="translate(24.449 7.894)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
15
|
+
<path id="Path_18621" data-name="Path 18621" d="M60.359,38.66l-1.647,2.387a1.148,1.148,0,0,1-1.756.155l-.373-.373a1.141,1.141,0,0,1-.127-1.469l1.59-2.25" transform="translate(-35.916 -23.696)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
16
|
+
<path id="Path_18622" data-name="Path 18622" d="M50.792,26.777l-.861-.574-3-2-1.871-1.251,1.28-1.905L48.68,22.6l2.9,1.945.482.321" transform="translate(-28.775 -13.437)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
17
|
+
<path id="Path_18623" data-name="Path 18623" d="M63.336,32.628l.436.287L66,29.575l-.384-.253L63.342,27.8l-.2-.132L62.182,29.1,60.908,31l.115.074Z" transform="translate(-38.892 -17.664)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
18
|
+
<path id="Path_18624" data-name="Path 18624" d="M44.132,45.413l7.959,7.959a1.15,1.15,0,0,1,0,1.624l-.809.809a1.14,1.14,0,0,1-1.624,0L41.7,47.846" transform="translate(-26.626 -28.998)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
19
|
+
<line id="Line_3675" data-name="Line 3675" x1="5.836" y1="5.836" transform="translate(6.803 10.579)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
20
|
+
<line id="Line_3676" data-name="Line 3676" x1="5.836" y1="5.836" transform="translate(9.236 8.146)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
21
|
+
<path id="Path_18625" data-name="Path 18625" d="M9.263,11.567A4.587,4.587,0,0,0,8.339,6.42,6.031,6.031,0,0,0,7.3,5.565V10.73H2.709V5.565a5.076,5.076,0,0,0-.866.855,4.588,4.588,0,0,0,5.148,7.42,4.449,4.449,0,0,0,2.273-2.273Z" transform="translate(-0.319 -3.553)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
22
|
+
<line id="Line_3677" data-name="Line 3677" x2="4.591" transform="translate(2.39 5.455)" fill="none" stroke="#d10602" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
|
|
23
|
+
</g>
|
|
24
|
+
</g>
|
|
25
|
+
</svg>
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { AppliancesReceivedI } from '../../interfaces';
|
|
2
|
+
export declare const AppliancesReceived: ({ appliances, displayType, onApplianceClick, onClose, onDisplayChange, onSearchChange, onSortChange, searchValue, sortInitialValue, sortOptions, title, totalShowing, }: AppliancesReceivedI) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { DrawerBody, DrawerContent, DrawerHeader, Stack, } from '@chakra-ui/react';
|
|
3
|
+
import { CookTop } from '../../assets/images/appliances';
|
|
4
|
+
import { PanelHeader } from '../../components';
|
|
5
|
+
import { AppliancesDisplay } from './received/AppliancesDisplay';
|
|
6
|
+
import { AppliancesReceivedFilters } from './received/AppliancesReceivedFilters';
|
|
7
|
+
import { DEFAULT_SORT_LABEL, resolveTitle, } from '../../utils';
|
|
8
|
+
export const AppliancesReceived = ({ appliances, displayType = 'grid', onApplianceClick, onClose, onDisplayChange, onSearchChange, onSortChange, searchValue, sortInitialValue = DEFAULT_SORT_LABEL, sortOptions, title, totalShowing, }) => {
|
|
9
|
+
const resolvedTitle = resolveTitle(title, appliances.length);
|
|
10
|
+
const showingCount = totalShowing !== null && totalShowing !== void 0 ? totalShowing : appliances.length;
|
|
11
|
+
return (_jsxs(DrawerContent, { bg: "lightBlue.1", children: [_jsx(DrawerHeader, { p: "0", children: _jsx(PanelHeader, { handleCloseButton: onClose, title: resolvedTitle, icon: CookTop }) }), _jsx(DrawerBody, { p: "0", children: _jsxs(Stack, { spacing: "base", children: [_jsx(AppliancesReceivedFilters, { displayType: displayType, onDisplayChange: onDisplayChange, onSearchChange: onSearchChange, onSortChange: onSortChange, searchValue: searchValue, sortInitialValue: sortInitialValue, sortOptions: sortOptions }), _jsx(AppliancesDisplay, { appliances: appliances, displayType: displayType, totalShowing: showingCount, onApplianceClick: onApplianceClick })] }) })] }));
|
|
12
|
+
};
|
|
@@ -1,26 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Box, Checkbox, Flex, Image, Stack, Text } from '@chakra-ui/react';
|
|
3
|
-
import {
|
|
4
|
-
const applianceIcons = {
|
|
5
|
-
'cook-top': CookTop,
|
|
6
|
-
dishwasher: Dishwasher,
|
|
7
|
-
'dish-washer': Dishwasher,
|
|
8
|
-
dryer: Dryer,
|
|
9
|
-
freezer: Freezer,
|
|
10
|
-
fridge: Fridge,
|
|
11
|
-
hood: Hood,
|
|
12
|
-
microwave: Microwave,
|
|
13
|
-
oven: Oven,
|
|
14
|
-
range: Range,
|
|
15
|
-
washer: Washer,
|
|
16
|
-
'tank-water': tankWater,
|
|
17
|
-
'tankless-water': tanklessWater,
|
|
18
|
-
};
|
|
19
|
-
const normalizeApplianceType = (type) => type.trim().toLowerCase().replace(/\s+/g, '-');
|
|
3
|
+
import { getApplianceIcon } from '../../helpers';
|
|
20
4
|
export const AssignableApplianceCard = ({ isChecked, onChange, serialNumber, name, type, brand, }) => {
|
|
21
|
-
|
|
22
|
-
const normalizedType = normalizeApplianceType(type);
|
|
23
|
-
const applianceIcon = (_a = applianceIcons[normalizedType]) !== null && _a !== void 0 ? _a : Fridge;
|
|
5
|
+
const applianceIcon = getApplianceIcon(type);
|
|
24
6
|
const displayName = name || type;
|
|
25
7
|
return (_jsxs(Flex, { bg: "lightBlue.2", gap: "4", borderTop: "1px solid", borderColor: "lightBlue.2", children: [_jsx(Checkbox, { isChecked: isChecked, onChange: onChange }), _jsx(Stack, { w: "100%", p: "base", bg: isChecked ? 'lightBlue.1' : 'neutral.white', spacing: "1", children: _jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Box, { bg: "lightBlue.1", w: "14", h: "14", display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Image, { src: applianceIcon, w: "10", h: "10", fit: "contain" }) }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "xxs", children: serialNumber }), _jsx(Text, { children: brand }), _jsx(Text, { children: displayName })] })] }) })] }));
|
|
26
8
|
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { ApplianceCardI } from '../../../interfaces';
|
|
2
|
+
export declare const GridApplianceCard: ({ appliance, onClick }: ApplianceCardI) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const ListApplianceCard: ({ appliance, onClick }: ApplianceCardI) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Flex, Image, Stack, Text } from '@chakra-ui/react';
|
|
3
|
+
import { getApplianceIcon } from '../../../helpers';
|
|
4
|
+
export const GridApplianceCard = ({ appliance, onClick }) => {
|
|
5
|
+
const { brand, name, type } = appliance;
|
|
6
|
+
const displayName = (name === null || name === void 0 ? void 0 : name.trim()) ? name : type;
|
|
7
|
+
const applianceIcon = getApplianceIcon(type);
|
|
8
|
+
const handleClick = () => onClick === null || onClick === void 0 ? void 0 : onClick(appliance);
|
|
9
|
+
return (_jsxs(Flex, { align: "center", direction: "column", gap: "1", bg: "neutral.white", border: "1px solid", borderColor: "lightBlue.1", boxShadow: "sm", borderRadius: "0", p: "base", w: "100%", onClick: handleClick, cursor: onClick ? 'pointer' : 'default', children: [_jsx(Text, { fontSize: "xxs", color: "gray.3", textAlign: "center", children: brand }), _jsx(Box, { bg: "lightBlue.1", w: "14", h: "14", display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Image, { src: applianceIcon, w: "10", h: "10", fit: "contain" }) }), _jsx(Text, { fontSize: "xxs", textTransform: "uppercase", textAlign: "center", children: displayName })] }));
|
|
10
|
+
};
|
|
11
|
+
export const ListApplianceCard = ({ appliance, onClick }) => {
|
|
12
|
+
const { brand, name, type } = appliance;
|
|
13
|
+
const displayName = (name === null || name === void 0 ? void 0 : name.trim()) ? name : type;
|
|
14
|
+
const applianceIcon = getApplianceIcon(type);
|
|
15
|
+
const handleClick = () => onClick === null || onClick === void 0 ? void 0 : onClick(appliance);
|
|
16
|
+
return (_jsxs(Flex, { align: "center", direction: "row", gap: "base", bg: "neutral.white", border: "1px solid", borderColor: "lightBlue.1", boxShadow: "sm", p: "base", w: "100%", onClick: handleClick, cursor: onClick ? 'pointer' : 'default', children: [_jsx(Box, { bg: "lightBlue.1", w: "14", h: "14", display: "flex", alignItems: "center", justifyContent: "center", children: _jsx(Image, { src: applianceIcon, w: "10", h: "10", fit: "contain" }) }), _jsxs(Stack, { spacing: "1", align: "flex-start", children: [_jsx(Text, { fontSize: "xxs", color: "gray.3", children: brand }), _jsx(Text, { fontSize: "xxs", textTransform: "uppercase", children: displayName })] })] }));
|
|
17
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { SimpleGrid, Stack } from '@chakra-ui/react';
|
|
3
|
+
import { AppliancesWrapper } from './AppliancesWrapper';
|
|
4
|
+
import { GridApplianceCard, ListApplianceCard } from './ApplianceCards';
|
|
5
|
+
export const AppliancesDisplay = ({ appliances, displayType, totalShowing, onApplianceClick, }) => {
|
|
6
|
+
const totalItems = appliances.length;
|
|
7
|
+
return (_jsx(AppliancesWrapper, { totalItems: totalItems, totalShowing: totalShowing, children: displayType === 'list' ? (_jsx(Stack, { spacing: "1", children: appliances.map((appliance) => (_jsx(ListApplianceCard, { appliance: appliance, onClick: onApplianceClick }, appliance._id))) })) : (_jsx(SimpleGrid, { columns: { base: 2, sm: 3, md: 4 }, spacing: "base", children: appliances.map((appliance) => (_jsx(GridApplianceCard, { appliance: appliance, onClick: onApplianceClick }, appliance._id))) })) }));
|
|
8
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { AppliancesReceivedFiltersI } from '../../../interfaces';
|
|
2
|
+
export declare const AppliancesReceivedFilters: ({ displayType, onDisplayChange, onSearchChange, onSortChange, searchValue, sortInitialValue, sortOptions, }: AppliancesReceivedFiltersI) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Flex } from '@chakra-ui/react';
|
|
3
|
+
import { DisplayOptionsButtons, SearchInput, SelectInput } from '../../../components';
|
|
4
|
+
export const AppliancesReceivedFilters = ({ displayType, onDisplayChange, onSearchChange, onSortChange, searchValue, sortInitialValue, sortOptions, }) => {
|
|
5
|
+
return (_jsxs(Flex, { align: "center", justify: "space-between", gap: "base", p: "base", w: "100%", bg: "lightBlue.2", children: [_jsxs(Flex, { gap: "base", children: [_jsx(SelectInput, { handleClick: onSortChange, height: "sm", initialValue: sortInitialValue, items: sortOptions, width: "10rem" }), _jsx(SearchInput, { size: "sm", onChange: onSearchChange, value: searchValue, bg: "lightBlue.1", w: "12rem" })] }), _jsx(DisplayOptionsButtons, { displays: ['grid', 'list'], initialDisplay: displayType, onDisplayClick: onDisplayChange })] }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Stack, Text } from '@chakra-ui/react';
|
|
3
|
+
import { getShowingLabel } from '../../../utils';
|
|
4
|
+
export const AppliancesWrapper = ({ children, totalItems, totalShowing, }) => {
|
|
5
|
+
const showingLabel = getShowingLabel(totalShowing, totalItems);
|
|
6
|
+
return (_jsxs(Stack, { px: "base", spacing: "base", pb: "base", children: [_jsx(Text, { variant: "home", children: showingLabel }), children] }));
|
|
7
|
+
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { t } from 'i18next';
|
|
3
|
-
import {
|
|
3
|
+
import { Flex, Image, Text } from '@chakra-ui/react';
|
|
4
4
|
import { TextBadge } from '../../components';
|
|
5
5
|
export const InboxCard = ({ box, onClick }) => {
|
|
6
6
|
const { image, name, newMessages = 0, totalMessages, id } = box;
|
|
7
7
|
const hasNewMessages = newMessages > 0;
|
|
8
8
|
const message = `${newMessages} ${t('badges.new')}`;
|
|
9
|
-
return (_jsxs(Flex, { as: "button", align: "center", justify: "space-between", px: "base", py: "6", bg: "neutral.white", transition: "background-color 0.2s", _hover: { bg: 'lightGreen.1' }, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(name), id: id, children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(
|
|
9
|
+
return (_jsxs(Flex, { as: "button", align: "center", justify: "space-between", px: "base", py: "6", bg: "neutral.white", transition: "background-color 0.2s", _hover: { bg: 'lightGreen.1' }, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(name), id: id, children: [_jsxs(Flex, { align: "center", gap: "base", children: [_jsx(Image, { src: image, alt: name, objectFit: "contain", w: "34px", h: "auto" }), _jsx(Text, { children: name })] }), _jsxs(Flex, { align: "center", gap: "6", children: [hasNewMessages && (_jsx(TextBadge, { text: message, showAnimation: false, bgColor: "violet.1" })), _jsx(Text, { fontSize: "30px", fontWeight: "medium", color: "blue.2", children: totalMessages })] })] }));
|
|
10
10
|
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { CookTop, Dishwasher, Dryer, Freezer, Fridge, Hood, Microwave, Oven, Range, Washer, tankWater, tanklessWater, } from '../../assets/images/appliances';
|
|
2
|
+
const applianceIcons = {
|
|
3
|
+
'cook-top': CookTop,
|
|
4
|
+
dishwasher: Dishwasher,
|
|
5
|
+
'dish-washer': Dishwasher,
|
|
6
|
+
dryer: Dryer,
|
|
7
|
+
freezer: Freezer,
|
|
8
|
+
fridge: Fridge,
|
|
9
|
+
hood: Hood,
|
|
10
|
+
microwave: Microwave,
|
|
11
|
+
oven: Oven,
|
|
12
|
+
range: Range,
|
|
13
|
+
washer: Washer,
|
|
14
|
+
'tank-water': tankWater,
|
|
15
|
+
'tankless-water': tanklessWater,
|
|
16
|
+
};
|
|
17
|
+
export const normalizeApplianceType = (type) => type.trim().toLowerCase().replace(/\s+/g, '-');
|
|
18
|
+
export const getApplianceIcon = (type) => {
|
|
19
|
+
var _a;
|
|
20
|
+
const normalizedType = normalizeApplianceType(type);
|
|
21
|
+
return (_a = applianceIcons[normalizedType]) !== null && _a !== void 0 ? _a : Fridge;
|
|
22
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './applianceIcons';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './applianceIcons';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Paint, Receipt, Barcode, GoldenBars, Heart, Rating, Notes, Book, ImgIcon, Registry, ShareWith, Calendar, Contacts, Tools2, Billing, Calc, CheckPen, GenericField, Price, Battery2, Co2, Detector, Electricity, Sprinkler, SixtyEight, DropCalendar, MobileDrop, SolarPanel, Calendar2, Drop, Wind, Foundation, Heater, Light, Plate, Pool, Closet, Structure, GlassWater, Roof2, Target, CircleFace, Pressure, WindowCleaning, RoofCleaning, HolidayLights, GutterCleaning, HomeCleaning, HouseWashing, PressureWasher, BookOpened, Company2, AADisease, AADressing, AALawn, AAMowing, AAWeed, AApest, FilterSize, Wallet, Fire, Plant, LifePreserver, BOCFilter, BOCGreen, BOCRenovation, BOCRepair, BOCService, BOCWarranty, MRBoxes, MRClock, MRCouch, MRHand, MRMakeReady, MRRental, Cleaning, GearTime, YellowFolder, Warranty, Flower, Jacuzzi, MagnifyingGlassPerson, TPlumberDrain, TPlumberEmergency, TPlumberExcavation, TPlumberGeneral, TPlumberWater, PNMSlab, PNMTreatment, PNMWaterHeater, HMCeilingFan, HMDrill, HMFaucet, HMHanging, HMSecurity, HMTV } from '../../assets/images';
|
|
1
|
+
import { Paint, Receipt, Barcode, GoldenBars, Heart, Rating, Notes, Book, ImgIcon, Registry, ShareWith, Calendar, Contacts, Tools2, Billing, Calc, CheckPen, GenericField, Price, Battery2, Co2, Detector, Electricity, Sprinkler, SixtyEight, DropCalendar, MobileDrop, SolarPanel, Calendar2, Drop, Wind, Foundation, Heater, Light, Plate, Pool, Closet, Structure, GlassWater, Roof2, Target, CircleFace, Pressure, WindowCleaning, RoofCleaning, HolidayLights, GutterCleaning, HomeCleaning, HouseWashing, PressureWasher, BookOpened, Company2, AADisease, AADressing, AALawn, AAMowing, AAWeed, AApest, FilterSize, Wallet, Fire, Plant, LifePreserver, BOCFilter, BOCGreen, BOCRenovation, BOCRepair, BOCService, BOCWarranty, MRBoxes, MRClock, MRCouch, MRHand, MRMakeReady, MRRental, Cleaning, GearTime, YellowFolder, Warranty, Flower, Jacuzzi, MagnifyingGlassPerson, TPlumberDrain, TPlumberEmergency, TPlumberExcavation, TPlumberGeneral, TPlumberWater, PNMSlab, PNMTreatment, PNMWaterHeater, HMCeilingFan, HMDrill, HMFaucet, HMHanging, HMSecurity, HMTV, IlHome, IlHvac, IlPower, IlSolar, IlTools } from '../../assets/images';
|
|
2
2
|
import { CookTop, Dishwasher, Dryer, Freezer, Fridge, Hood, Microwave, Oven, Range, Washer, tankWater, tanklessWater, } from '../../assets/images/appliances';
|
|
3
3
|
import { BatterySmokeDetector, Co2Detector, FireExtinguisher, Furnace, HeatPump, InWall, LandscapeLights, Other, SprinklerSystem, SprinklerSystem2, WiredSmokeDetector, } from '../../assets/images/home-assistant';
|
|
4
4
|
export const fieldIcons = {
|
|
@@ -34,6 +34,11 @@ export const fieldIcons = {
|
|
|
34
34
|
'thm-security': HMSecurity,
|
|
35
35
|
'thm-tv': HMTV,
|
|
36
36
|
'heat-pump': HeatPump,
|
|
37
|
+
'il-home': IlHome,
|
|
38
|
+
'il-hvac': IlHvac,
|
|
39
|
+
'il-power': IlPower,
|
|
40
|
+
'il-solar': IlSolar,
|
|
41
|
+
'il-tools': IlTools,
|
|
37
42
|
'in-wall': InWall,
|
|
38
43
|
'landscape-lights': LandscapeLights,
|
|
39
44
|
'life-preserver': LifePreserver,
|
package/dist/helpers/index.d.ts
CHANGED
package/dist/helpers/index.js
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
|
|
1
|
+
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
|
|
2
2
|
export { useCustomToast, useConfirmPropertyModel } from './hooks';
|
|
3
3
|
export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
|
|
4
4
|
export { CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, } from './assets/images';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
|
|
1
|
+
export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentBanner, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
|
|
2
2
|
export { useCustomToast, useConfirmPropertyModel } from './hooks';
|
|
3
3
|
export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
|
|
4
4
|
export { CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, } from './assets/images';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ChangeEvent } from 'react';
|
|
2
|
+
import { ApplianceDetailsI, DisplayOptionsType, SelectItemI } from '../../interfaces';
|
|
3
|
+
export interface AppliancesReceivedI {
|
|
4
|
+
appliances: ApplianceDetailsI[];
|
|
5
|
+
displayType?: DisplayOptionsType;
|
|
6
|
+
onApplianceClick?: (appliance: ApplianceDetailsI) => void;
|
|
7
|
+
onClose: () => void;
|
|
8
|
+
onDisplayChange: (type: DisplayOptionsType) => void;
|
|
9
|
+
onSearchChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
10
|
+
onSortChange: (value: SelectItemI | string) => void;
|
|
11
|
+
searchValue: string;
|
|
12
|
+
sortInitialValue?: string;
|
|
13
|
+
sortOptions: SelectItemI[] | string[];
|
|
14
|
+
title?: string;
|
|
15
|
+
totalShowing?: number;
|
|
16
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { SelectItemI } from '../../interfaces';
|
|
2
|
-
import { ApplianceDetailsI } from './AssignableApplianceCard.interface';
|
|
1
|
+
import { SelectItemI, ApplianceDetailsI } from '../../interfaces';
|
|
3
2
|
export interface AssignableAppliancesI {
|
|
4
3
|
isSelectDisabled?: boolean;
|
|
5
4
|
onItemSelectedChange: (_ids: string[]) => void;
|
|
@@ -2,3 +2,5 @@ export * from './LaunchpadApplianceAutofiler.interface';
|
|
|
2
2
|
export * from './AssignableApplianceCard.interface';
|
|
3
3
|
export * from './AssignableAppliances.interface';
|
|
4
4
|
export * from './LaunchpadAppliancePanel.interface';
|
|
5
|
+
export * from './AppliancesReceived.interface';
|
|
6
|
+
export * from './received';
|
|
@@ -2,3 +2,5 @@ export * from './LaunchpadApplianceAutofiler.interface';
|
|
|
2
2
|
export * from './AssignableApplianceCard.interface';
|
|
3
3
|
export * from './AssignableAppliances.interface';
|
|
4
4
|
export * from './LaunchpadAppliancePanel.interface';
|
|
5
|
+
export * from './AppliancesReceived.interface';
|
|
6
|
+
export * from './received';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ApplianceDetailsI, DisplayOptionsType } from '../../../interfaces';
|
|
2
|
+
export interface AppliancesDisplayI {
|
|
3
|
+
appliances: ApplianceDetailsI[];
|
|
4
|
+
displayType: DisplayOptionsType;
|
|
5
|
+
totalShowing: number;
|
|
6
|
+
onApplianceClick?: (appliance: ApplianceDetailsI) => void;
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ChangeEvent } from 'react';
|
|
2
|
+
import { DisplayOptionsType, SelectItemI } from '../../../interfaces';
|
|
3
|
+
export interface AppliancesReceivedFiltersI {
|
|
4
|
+
displayType: DisplayOptionsType;
|
|
5
|
+
onDisplayChange: (type: DisplayOptionsType) => void;
|
|
6
|
+
onSearchChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
7
|
+
onSortChange: (value: SelectItemI | string) => void;
|
|
8
|
+
searchValue: string;
|
|
9
|
+
sortInitialValue: string;
|
|
10
|
+
sortOptions: SelectItemI[] | string[];
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
export const appliancesReceivedMock = [
|
|
2
|
+
{
|
|
3
|
+
_id: 'appliance-1',
|
|
4
|
+
serialNumber: 'SN-49201-XY',
|
|
5
|
+
name: 'Fridge',
|
|
6
|
+
type: 'fridge',
|
|
7
|
+
brand: 'Kenmore',
|
|
8
|
+
},
|
|
9
|
+
{
|
|
10
|
+
_id: 'appliance-2',
|
|
11
|
+
serialNumber: 'SN-88310-ZZ',
|
|
12
|
+
name: 'Cook Top',
|
|
13
|
+
type: 'cook-top',
|
|
14
|
+
brand: 'Kitchen Aid',
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
_id: 'appliance-3',
|
|
18
|
+
serialNumber: 'SN-22490-AA',
|
|
19
|
+
name: 'Washer',
|
|
20
|
+
type: 'washer',
|
|
21
|
+
brand: 'Kenmore',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
_id: 'appliance-4',
|
|
25
|
+
serialNumber: 'SN-77102-BB',
|
|
26
|
+
name: 'Dryer',
|
|
27
|
+
type: 'dryer',
|
|
28
|
+
brand: 'Kenmore',
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
_id: 'appliance-5',
|
|
32
|
+
serialNumber: 'SN-19021-CC',
|
|
33
|
+
name: 'Fridge',
|
|
34
|
+
type: 'fridge',
|
|
35
|
+
brand: 'Kenmore',
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
_id: 'appliance-6',
|
|
39
|
+
serialNumber: 'SN-18233-DD',
|
|
40
|
+
name: 'Cook Top',
|
|
41
|
+
type: 'cook-top',
|
|
42
|
+
brand: 'Kitchen Aid',
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
_id: 'appliance-7',
|
|
46
|
+
serialNumber: 'SN-55421-EE',
|
|
47
|
+
name: 'Washer',
|
|
48
|
+
type: 'washer',
|
|
49
|
+
brand: 'Kenmore',
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
_id: 'appliance-8',
|
|
53
|
+
serialNumber: 'SN-33221-FF',
|
|
54
|
+
name: 'Dryer',
|
|
55
|
+
type: 'dryer',
|
|
56
|
+
brand: 'Kenmore',
|
|
57
|
+
},
|
|
58
|
+
];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './appliancesReceived.mock';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './appliancesReceived.mock';
|
package/dist/mocks/index.d.ts
CHANGED
package/dist/mocks/index.js
CHANGED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { AppliancesReceivedI } from '../../interfaces';
|
|
3
|
+
declare const _default: Meta<AppliancesReceivedI>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const AppliancesReceivedPanel: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { RightPanel, AppliancesReceived } from '../../components';
|
|
4
|
+
import { action } from '@storybook/addon-actions';
|
|
5
|
+
import { appliancesReceivedMock } from '../../mocks';
|
|
6
|
+
export default {
|
|
7
|
+
title: 'Components/Appliances',
|
|
8
|
+
component: AppliancesReceived,
|
|
9
|
+
};
|
|
10
|
+
const sortOptions = ['By Date', 'By Brand', 'By Type'];
|
|
11
|
+
export const AppliancesReceivedPanel = () => {
|
|
12
|
+
const [searchValue, setSearchValue] = useState('');
|
|
13
|
+
const [displayType, setDisplayType] = useState('grid');
|
|
14
|
+
const handleSearchChange = (e) => setSearchValue(e.target.value);
|
|
15
|
+
const handleDisplayChange = (type) => setDisplayType(type);
|
|
16
|
+
return (_jsx(RightPanel, { isOpen: true, onClose: () => null, children: _jsx(AppliancesReceived, { appliances: appliancesReceivedMock, displayType: displayType, onApplianceClick: action('onApplianceClick'), onClose: action('onClose'), onDisplayChange: handleDisplayChange, onSearchChange: handleSearchChange, onSortChange: action('onSortChange'), searchValue: searchValue, sortOptions: sortOptions, totalShowing: 37 }) }));
|
|
17
|
+
};
|
|
@@ -1,47 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Box } from '@chakra-ui/react';
|
|
3
3
|
import { AssignableAppliances } from '../../components';
|
|
4
|
+
import { appliancesReceivedMock } from '../../mocks';
|
|
4
5
|
import { action } from '@storybook/addon-actions';
|
|
5
6
|
export default {
|
|
6
7
|
title: 'Components/Appliances',
|
|
7
8
|
component: AssignableAppliances,
|
|
8
9
|
};
|
|
9
|
-
const appliancesMock = [
|
|
10
|
-
{
|
|
11
|
-
_id: 'appliance-1',
|
|
12
|
-
serialNumber: 'SN-49201-XY',
|
|
13
|
-
name: 'Washer',
|
|
14
|
-
type: 'washer',
|
|
15
|
-
brand: 'Kenmore',
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
_id: 'appliance-2',
|
|
19
|
-
serialNumber: 'SN-88310-ZZ',
|
|
20
|
-
name: 'Dryer',
|
|
21
|
-
type: 'dryer',
|
|
22
|
-
brand: 'Kenmore',
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
_id: 'appliance-3',
|
|
26
|
-
serialNumber: 'SN-22490-AA',
|
|
27
|
-
name: 'Dishwasher',
|
|
28
|
-
type: 'dish-washer',
|
|
29
|
-
brand: 'Whirlpool',
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
_id: 'appliance-4',
|
|
33
|
-
serialNumber: 'SN-77102-BB',
|
|
34
|
-
name: 'Fridge',
|
|
35
|
-
type: 'fridge',
|
|
36
|
-
brand: 'GE',
|
|
37
|
-
},
|
|
38
|
-
];
|
|
39
10
|
export const AssignableAppliancesComponent = (args) => {
|
|
40
11
|
return (_jsx(Box, { width: ['full', '500px'], p: "base", children: _jsx(AssignableAppliances, Object.assign({}, args)) }));
|
|
41
12
|
};
|
|
42
13
|
AssignableAppliancesComponent.args = {
|
|
43
14
|
isSelectDisabled: false,
|
|
44
|
-
appliances:
|
|
15
|
+
appliances: appliancesReceivedMock,
|
|
45
16
|
homes: ['Matts Home', 'Austin Rental', 'Beach House'],
|
|
46
17
|
onItemSelectedChange: action('onItemSelectedChange'),
|
|
47
18
|
onHomeChange: action('onHomeChange'),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Box } from '@chakra-ui/react';
|
|
3
3
|
import { InboxForwardBanner, InboxTile } from '../../components';
|
|
4
|
-
import { Message, Register } from '../../assets/images';
|
|
4
|
+
import { CookTop, Message, Register } from '../../assets/images';
|
|
5
5
|
import { menuMock } from '../../mocks';
|
|
6
6
|
export default {
|
|
7
7
|
title: 'Components/Inbox',
|
|
@@ -15,6 +15,12 @@ export default {
|
|
|
15
15
|
newMessages: 1,
|
|
16
16
|
totalMessages: 37,
|
|
17
17
|
},
|
|
18
|
+
{
|
|
19
|
+
image: CookTop,
|
|
20
|
+
name: 'Appliances',
|
|
21
|
+
newMessages: 0,
|
|
22
|
+
totalMessages: 8,
|
|
23
|
+
},
|
|
18
24
|
{
|
|
19
25
|
image: Message,
|
|
20
26
|
name: 'Messages',
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const DEFAULT_SORT_LABEL = "By Date";
|
|
2
|
+
export declare const DEFAULT_TITLE = "Appliances Received";
|
|
3
|
+
export declare const resolveTitle: (title: string | undefined, total: number) => string;
|
|
4
|
+
export declare const getShowingLabel: (totalShowing: number, totalItems: number) => string;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { pluralize } from '../../utils';
|
|
2
|
+
export const DEFAULT_SORT_LABEL = 'By Date';
|
|
3
|
+
export const DEFAULT_TITLE = 'Appliances Received';
|
|
4
|
+
export const resolveTitle = (title, total) => title !== null && title !== void 0 ? title : `${DEFAULT_TITLE} (${total})`;
|
|
5
|
+
export const getShowingLabel = (totalShowing, totalItems) => {
|
|
6
|
+
const safeShowing = Math.min(totalShowing, totalItems);
|
|
7
|
+
const rangeStart = totalItems === 0 ? 0 : 1;
|
|
8
|
+
const rangeText = `${rangeStart}-${safeShowing}`;
|
|
9
|
+
const itemLabel = pluralize(totalItems, 'Appliance');
|
|
10
|
+
return `Showing ${rangeText} of ${totalItems} ${itemLabel}`;
|
|
11
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './appliancesReceived.utils';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './appliancesReceived.utils';
|
package/dist/utils/index.d.ts
CHANGED
package/dist/utils/index.js
CHANGED