@tenancy.nz/feature-ui 1.1.5 → 1.1.7

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.
@@ -36,13 +36,16 @@ function AnalyticsSection(_ref) {
36
36
  gap: "27px"
37
37
  }, /* @__PURE__ */React.createElement(ui.Box, {
38
38
  width: "100%",
39
- maxWidth: {
40
- xs: "100%",
41
- mob: "340px",
42
- xl: "463px"
39
+ sx: {
40
+ maxWidth: {
41
+ xs: "100%",
42
+ mob: "340px",
43
+ xl: "463px"
44
+ }
43
45
  }
44
46
  }, /* @__PURE__ */React.createElement(ui.Paper, {
45
- style: {
47
+ outlined: true,
48
+ sx: {
46
49
  width: "100%",
47
50
  position: "relative",
48
51
  height: "100%"
@@ -67,16 +70,19 @@ function AnalyticsSection(_ref) {
67
70
  display: "flex",
68
71
  gap: 6
69
72
  }, /* @__PURE__ */React.createElement(AnalyticsBox.default, {
73
+ outlined: true,
70
74
  label: "Viewings",
71
75
  amount: viewingsCount,
72
76
  width: "100%",
73
77
  height: isXlUp ? "157px" : "125px"
74
78
  }), /* @__PURE__ */React.createElement(AnalyticsBox.default, {
79
+ outlined: true,
75
80
  label: "Bookings",
76
81
  amount: bookingsCount,
77
82
  width: "100%",
78
83
  height: isXlUp ? "157px" : "125px"
79
84
  }), /* @__PURE__ */React.createElement(AnalyticsBox.default, {
85
+ outlined: true,
80
86
  label: "Attendees",
81
87
  amount: attendeesCount,
82
88
  width: "100%",
@@ -88,6 +94,7 @@ function AnalyticsSection(_ref) {
88
94
  gap: 6,
89
95
  mt: 6
90
96
  }, /* @__PURE__ */React.createElement(AnalyticsBox.default, {
97
+ outlined: true,
91
98
  label: "Converted Properties",
92
99
  amount: agreementsCount,
93
100
  width: "100%",
@@ -107,6 +114,7 @@ function AnalyticsSection(_ref) {
107
114
  fontSize: "inherit"
108
115
  }, "created"))
109
116
  }), /* @__PURE__ */React.createElement(AnalyticsBox.default, {
117
+ outlined: true,
110
118
  label: "Converted Properties",
111
119
  amount: agreementsFinalisedCount,
112
120
  width: "100%",
@@ -131,12 +139,14 @@ function AnalyticsSection(_ref) {
131
139
  display: "flex",
132
140
  gap: 6
133
141
  }, /* @__PURE__ */React.createElement(AnalyticsBox.default, {
142
+ outlined: true,
134
143
  label: "Cancellations",
135
144
  amount: cancellationsCount,
136
145
  width: "100%",
137
146
  border: "3px solid #ED0D8D",
138
147
  height: isXlUp ? "157px" : "125px"
139
148
  }), /* @__PURE__ */React.createElement(AnalyticsBox.default, {
149
+ outlined: true,
140
150
  label: "Applications",
141
151
  amount: applicationsCount,
142
152
  width: "100%",
@@ -147,11 +157,13 @@ function AnalyticsSection(_ref) {
147
157
  gap: 6,
148
158
  mt: 6
149
159
  }, /* @__PURE__ */React.createElement(AnalyticsBox.default, {
160
+ outlined: true,
150
161
  label: /* @__PURE__ */React.createElement("span", null, "Average", /* @__PURE__ */React.createElement("br", null), " Rent"),
151
162
  amount: averageRent,
152
163
  width: "100%",
153
164
  height: isXlUp ? "157px" : "125px"
154
165
  }), /* @__PURE__ */React.createElement(AnalyticsBox.default, {
166
+ outlined: true,
155
167
  label: /* @__PURE__ */React.createElement("span", null, "Text Usage", /* @__PURE__ */React.createElement("br", null), " Total"),
156
168
  amount: textUsage,
157
169
  width: "100%",
@@ -64,7 +64,7 @@ function PropertyCard(_ref) {
64
64
  weight: "700"
65
65
  }, rent), /* @__PURE__ */React.createElement(ui.Box, {
66
66
  fontSize: "16px"
67
- }, noOfBedrooms && /* @__PURE__ */React.createElement(IconLabel.default, {
67
+ }, (noOfBedrooms || String(noOfBedrooms) === "0") && /* @__PURE__ */React.createElement(IconLabel.default, {
68
68
  color: "text.primary",
69
69
  startIcon: /* @__PURE__ */React.createElement(icons.Icon, {
70
70
  size: 21,
@@ -74,7 +74,7 @@ function PropertyCard(_ref) {
74
74
  }, /* @__PURE__ */React.createElement(ui.Text, {
75
75
  as: "span",
76
76
  variant: "inherit"
77
- }, noOfBedrooms)), noOfBathrooms && /* @__PURE__ */React.createElement(IconLabel.default, {
77
+ }, noOfBedrooms)), (noOfBathrooms || String(noOfBathrooms) === "0") && /* @__PURE__ */React.createElement(IconLabel.default, {
78
78
  color: "text.primary",
79
79
  startIcon: /* @__PURE__ */React.createElement(icons.Icon, {
80
80
  size: 21,
@@ -85,7 +85,7 @@ function PropertyCard(_ref) {
85
85
  }, /* @__PURE__ */React.createElement(ui.Text, {
86
86
  as: "span",
87
87
  variant: "inherit"
88
- }, noOfBathrooms)), noOfCarparks && /* @__PURE__ */React.createElement(IconLabel.default, {
88
+ }, noOfBathrooms)), (noOfCarparks || String(noOfCarparks) === "0") && /* @__PURE__ */React.createElement(IconLabel.default, {
89
89
  color: "text.primary",
90
90
  startIcon: /* @__PURE__ */React.createElement(icons.Icon, {
91
91
  size: 21,
@@ -32,13 +32,16 @@ function AnalyticsSection(_ref) {
32
32
  gap: "27px"
33
33
  }, /* @__PURE__ */React.createElement(Box, {
34
34
  width: "100%",
35
- maxWidth: {
36
- xs: "100%",
37
- mob: "340px",
38
- xl: "463px"
35
+ sx: {
36
+ maxWidth: {
37
+ xs: "100%",
38
+ mob: "340px",
39
+ xl: "463px"
40
+ }
39
41
  }
40
42
  }, /* @__PURE__ */React.createElement(Paper, {
41
- style: {
43
+ outlined: true,
44
+ sx: {
42
45
  width: "100%",
43
46
  position: "relative",
44
47
  height: "100%"
@@ -63,16 +66,19 @@ function AnalyticsSection(_ref) {
63
66
  display: "flex",
64
67
  gap: 6
65
68
  }, /* @__PURE__ */React.createElement(AnalyticsBox, {
69
+ outlined: true,
66
70
  label: "Viewings",
67
71
  amount: viewingsCount,
68
72
  width: "100%",
69
73
  height: isXlUp ? "157px" : "125px"
70
74
  }), /* @__PURE__ */React.createElement(AnalyticsBox, {
75
+ outlined: true,
71
76
  label: "Bookings",
72
77
  amount: bookingsCount,
73
78
  width: "100%",
74
79
  height: isXlUp ? "157px" : "125px"
75
80
  }), /* @__PURE__ */React.createElement(AnalyticsBox, {
81
+ outlined: true,
76
82
  label: "Attendees",
77
83
  amount: attendeesCount,
78
84
  width: "100%",
@@ -84,6 +90,7 @@ function AnalyticsSection(_ref) {
84
90
  gap: 6,
85
91
  mt: 6
86
92
  }, /* @__PURE__ */React.createElement(AnalyticsBox, {
93
+ outlined: true,
87
94
  label: "Converted Properties",
88
95
  amount: agreementsCount,
89
96
  width: "100%",
@@ -103,6 +110,7 @@ function AnalyticsSection(_ref) {
103
110
  fontSize: "inherit"
104
111
  }, "created"))
105
112
  }), /* @__PURE__ */React.createElement(AnalyticsBox, {
113
+ outlined: true,
106
114
  label: "Converted Properties",
107
115
  amount: agreementsFinalisedCount,
108
116
  width: "100%",
@@ -127,12 +135,14 @@ function AnalyticsSection(_ref) {
127
135
  display: "flex",
128
136
  gap: 6
129
137
  }, /* @__PURE__ */React.createElement(AnalyticsBox, {
138
+ outlined: true,
130
139
  label: "Cancellations",
131
140
  amount: cancellationsCount,
132
141
  width: "100%",
133
142
  border: "3px solid #ED0D8D",
134
143
  height: isXlUp ? "157px" : "125px"
135
144
  }), /* @__PURE__ */React.createElement(AnalyticsBox, {
145
+ outlined: true,
136
146
  label: "Applications",
137
147
  amount: applicationsCount,
138
148
  width: "100%",
@@ -143,11 +153,13 @@ function AnalyticsSection(_ref) {
143
153
  gap: 6,
144
154
  mt: 6
145
155
  }, /* @__PURE__ */React.createElement(AnalyticsBox, {
156
+ outlined: true,
146
157
  label: /* @__PURE__ */React.createElement("span", null, "Average", /* @__PURE__ */React.createElement("br", null), " Rent"),
147
158
  amount: averageRent,
148
159
  width: "100%",
149
160
  height: isXlUp ? "157px" : "125px"
150
161
  }), /* @__PURE__ */React.createElement(AnalyticsBox, {
162
+ outlined: true,
151
163
  label: /* @__PURE__ */React.createElement("span", null, "Text Usage", /* @__PURE__ */React.createElement("br", null), " Total"),
152
164
  amount: textUsage,
153
165
  width: "100%",
@@ -60,7 +60,7 @@ function PropertyCard(_ref) {
60
60
  weight: "700"
61
61
  }, rent), /* @__PURE__ */React.createElement(Box, {
62
62
  fontSize: "16px"
63
- }, noOfBedrooms && /* @__PURE__ */React.createElement(IconLabel, {
63
+ }, (noOfBedrooms || String(noOfBedrooms) === "0") && /* @__PURE__ */React.createElement(IconLabel, {
64
64
  color: "text.primary",
65
65
  startIcon: /* @__PURE__ */React.createElement(Icon, {
66
66
  size: 21,
@@ -70,7 +70,7 @@ function PropertyCard(_ref) {
70
70
  }, /* @__PURE__ */React.createElement(Text, {
71
71
  as: "span",
72
72
  variant: "inherit"
73
- }, noOfBedrooms)), noOfBathrooms && /* @__PURE__ */React.createElement(IconLabel, {
73
+ }, noOfBedrooms)), (noOfBathrooms || String(noOfBathrooms) === "0") && /* @__PURE__ */React.createElement(IconLabel, {
74
74
  color: "text.primary",
75
75
  startIcon: /* @__PURE__ */React.createElement(Icon, {
76
76
  size: 21,
@@ -81,7 +81,7 @@ function PropertyCard(_ref) {
81
81
  }, /* @__PURE__ */React.createElement(Text, {
82
82
  as: "span",
83
83
  variant: "inherit"
84
- }, noOfBathrooms)), noOfCarparks && /* @__PURE__ */React.createElement(IconLabel, {
84
+ }, noOfBathrooms)), (noOfCarparks || String(noOfCarparks) === "0") && /* @__PURE__ */React.createElement(IconLabel, {
85
85
  color: "text.primary",
86
86
  startIcon: /* @__PURE__ */React.createElement(Icon, {
87
87
  size: 21,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tenancy.nz/feature-ui",
3
3
  "description": "React UI feature components.",
4
- "version": "1.1.5",
4
+ "version": "1.1.7",
5
5
  "author": "TPS <https://www.tenancy.co.nz>",
6
6
  "type": "module",
7
7
  "main": "dist/cjs/index.cjs",
@@ -18,12 +18,12 @@
18
18
  "primereact": "3.1.3",
19
19
  "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
20
20
  "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
21
- "@tenancy.nz/icons": "1.1.5",
22
- "@tenancy.nz/ui": "1.1.5"
21
+ "@tenancy.nz/icons": "1.1.7",
22
+ "@tenancy.nz/ui": "1.1.7"
23
23
  },
24
24
  "devDependencies": {
25
- "@tenancy.nz/icons": "1.1.5",
26
- "@tenancy.nz/ui": "1.1.5"
25
+ "@tenancy.nz/icons": "1.1.7",
26
+ "@tenancy.nz/ui": "1.1.7"
27
27
  },
28
28
  "dependencies": {
29
29
  "react-uid": "^2.4.0"