@tenancy.nz/feature-ui 1.10.7 → 1.10.8
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/cjs/_virtual/_rollupPluginBabelHelpers.cjs +1 -4
- package/dist/cjs/index.cjs +0 -10
- package/dist/esm/_virtual/_rollupPluginBabelHelpers.js +1 -4
- package/dist/esm/index.js +0 -5
- package/package.json +5 -7
- package/dist/cjs/components/AnalyticsSection.cjs +0 -186
- package/dist/cjs/components/BookingChart.cjs +0 -128
- package/dist/cjs/components/BookingChart.styled.cjs +0 -48
- package/dist/cjs/components/ChartLegend.cjs +0 -63
- package/dist/cjs/components/analytics-doughnut-chart.cjs +0 -116
- package/dist/cjs/components/doughnut-chart.cjs +0 -130
- package/dist/cjs/components/pdf-analytics-section.cjs +0 -173
- package/dist/cjs/utils/helpers/general.cjs +0 -10
- package/dist/esm/components/AnalyticsSection.js +0 -182
- package/dist/esm/components/BookingChart.js +0 -124
- package/dist/esm/components/BookingChart.styled.js +0 -42
- package/dist/esm/components/ChartLegend.js +0 -59
- package/dist/esm/components/analytics-doughnut-chart.js +0 -112
- package/dist/esm/components/doughnut-chart.js +0 -126
- package/dist/esm/components/pdf-analytics-section.js +0 -169
- package/dist/esm/utils/helpers/general.js +0 -8
|
@@ -42,10 +42,7 @@ function _iterableToArrayLimit(r, l) {
|
|
|
42
42
|
f = true,
|
|
43
43
|
o = false;
|
|
44
44
|
try {
|
|
45
|
-
if (i = (t = t.call(r)).next, 0 === l)
|
|
46
|
-
if (Object(t) !== t) return;
|
|
47
|
-
f = !1;
|
|
48
|
-
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
45
|
+
if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
49
46
|
} catch (r) {
|
|
50
47
|
o = true, n = r;
|
|
51
48
|
} finally {
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -2,9 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var AgentDetailsCard = require('./components/AgentDetailsCard.cjs');
|
|
4
4
|
var AnalyticsBox = require('./components/AnalyticsBox.cjs');
|
|
5
|
-
var AnalyticsSection = require('./components/AnalyticsSection.cjs');
|
|
6
5
|
var BackButton = require('./components/BackButton.cjs');
|
|
7
|
-
var BookingChart = require('./components/BookingChart.cjs');
|
|
8
6
|
var BookingTable = require('./components/BookingTable.cjs');
|
|
9
7
|
var BookingTableRow = require('./components/BookingTableRow.cjs');
|
|
10
8
|
var BookingTableRowHeader = require('./components/BookingTableRowHeader.cjs');
|
|
@@ -18,9 +16,6 @@ var DownloadIconButton = require('./components/DownloadIconButton.cjs');
|
|
|
18
16
|
var EditIconButton = require('./components/EditIconButton.cjs');
|
|
19
17
|
var IntegrationTag = require('./components/IntegrationTag.cjs');
|
|
20
18
|
var CheckedIcon = require('./components/CheckedIcon.cjs');
|
|
21
|
-
var doughnutChart = require('./components/doughnut-chart.cjs');
|
|
22
|
-
var analyticsDoughnutChart = require('./components/analytics-doughnut-chart.cjs');
|
|
23
|
-
var pdfAnalyticsSection = require('./components/pdf-analytics-section.cjs');
|
|
24
19
|
var partnerLogo = require('./components/partner-logo.cjs');
|
|
25
20
|
var GridList = require('./components/GridList.cjs');
|
|
26
21
|
var Hidden = require('./components/Hidden.cjs');
|
|
@@ -39,9 +34,7 @@ var TenantAvatarGroup = require('./components/TenantAvatarGroup.cjs');
|
|
|
39
34
|
|
|
40
35
|
exports.AgentDetailsCard = AgentDetailsCard.default;
|
|
41
36
|
exports.AnalyticsBox = AnalyticsBox.default;
|
|
42
|
-
exports.AnalyticsSection = AnalyticsSection.default;
|
|
43
37
|
exports.BackButton = BackButton.default;
|
|
44
|
-
exports.BookingChart = BookingChart.default;
|
|
45
38
|
exports.BookingTable = BookingTable.default;
|
|
46
39
|
exports.BookingTableRow = BookingTableRow.default;
|
|
47
40
|
exports.BookingTableRowHeader = BookingTableRowHeader.default;
|
|
@@ -55,9 +48,6 @@ exports.DownloadIconButton = DownloadIconButton.default;
|
|
|
55
48
|
exports.EditIconButton = EditIconButton.default;
|
|
56
49
|
exports.IntegrationTag = IntegrationTag.default;
|
|
57
50
|
exports.CheckedIcon = CheckedIcon.default;
|
|
58
|
-
exports.DoughnutChart = doughnutChart.default;
|
|
59
|
-
exports.AnalyticsDoughnutChart = analyticsDoughnutChart.default;
|
|
60
|
-
exports.PDFAnalyticsSection = pdfAnalyticsSection.default;
|
|
61
51
|
exports.PartnerLogo = partnerLogo.default;
|
|
62
52
|
exports.GridList = GridList.default;
|
|
63
53
|
exports.Hidden = Hidden.default;
|
|
@@ -40,10 +40,7 @@ function _iterableToArrayLimit(r, l) {
|
|
|
40
40
|
f = true,
|
|
41
41
|
o = false;
|
|
42
42
|
try {
|
|
43
|
-
if (i = (t = t.call(r)).next, 0 === l)
|
|
44
|
-
if (Object(t) !== t) return;
|
|
45
|
-
f = !1;
|
|
46
|
-
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
43
|
+
if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
47
44
|
} catch (r) {
|
|
48
45
|
o = true, n = r;
|
|
49
46
|
} finally {
|
package/dist/esm/index.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
export { default as AgentDetailsCard } from './components/AgentDetailsCard.js';
|
|
2
2
|
export { default as AnalyticsBox } from './components/AnalyticsBox.js';
|
|
3
|
-
export { default as AnalyticsSection } from './components/AnalyticsSection.js';
|
|
4
3
|
export { default as BackButton } from './components/BackButton.js';
|
|
5
|
-
export { default as BookingChart } from './components/BookingChart.js';
|
|
6
4
|
export { default as BookingTable } from './components/BookingTable.js';
|
|
7
5
|
export { default as BookingTableRow } from './components/BookingTableRow.js';
|
|
8
6
|
export { default as BookingTableRowHeader } from './components/BookingTableRowHeader.js';
|
|
@@ -16,9 +14,6 @@ export { default as DownloadIconButton } from './components/DownloadIconButton.j
|
|
|
16
14
|
export { default as EditIconButton } from './components/EditIconButton.js';
|
|
17
15
|
export { default as IntegrationTag } from './components/IntegrationTag.js';
|
|
18
16
|
export { default as CheckedIcon } from './components/CheckedIcon.js';
|
|
19
|
-
export { default as DoughnutChart } from './components/doughnut-chart.js';
|
|
20
|
-
export { default as AnalyticsDoughnutChart } from './components/analytics-doughnut-chart.js';
|
|
21
|
-
export { default as PDFAnalyticsSection } from './components/pdf-analytics-section.js';
|
|
22
17
|
export { default as PartnerLogo } from './components/partner-logo.js';
|
|
23
18
|
export { default as GridList } from './components/GridList.js';
|
|
24
19
|
export { default as Hidden } from './components/Hidden.js';
|
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.10.
|
|
4
|
+
"version": "1.10.8",
|
|
5
5
|
"author": "TPS <https://www.tenancy.co.nz>",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "dist/cjs/index.cjs",
|
|
@@ -14,20 +14,18 @@
|
|
|
14
14
|
"@emotion/react": "^11.14.0",
|
|
15
15
|
"@emotion/styled": "^11.14.1",
|
|
16
16
|
"@mui/material": "^7.3.1",
|
|
17
|
-
"chart.js": "2.7.3",
|
|
18
17
|
"classnames": "^2.2.6",
|
|
19
|
-
"primereact": "3.1.3",
|
|
20
18
|
"react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
21
19
|
"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
22
|
-
"@tenancy.nz/
|
|
23
|
-
"@tenancy.nz/
|
|
20
|
+
"@tenancy.nz/ui": "1.10.8",
|
|
21
|
+
"@tenancy.nz/icons": "1.10.8"
|
|
24
22
|
},
|
|
25
23
|
"devDependencies": {
|
|
26
24
|
"@emotion/react": "^11.14.0",
|
|
27
25
|
"@emotion/styled": "^11.14.1",
|
|
28
26
|
"@mui/material": "^7.3.1",
|
|
29
|
-
"@tenancy.nz/icons": "1.10.
|
|
30
|
-
"@tenancy.nz/ui": "1.10.
|
|
27
|
+
"@tenancy.nz/icons": "1.10.8",
|
|
28
|
+
"@tenancy.nz/ui": "1.10.8"
|
|
31
29
|
},
|
|
32
30
|
"dependencies": {
|
|
33
31
|
"react-uid": "^2.4.0"
|
|
@@ -1,186 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var reactUid = require('react-uid');
|
|
7
|
-
var Stack = require('@mui/material/Stack');
|
|
8
|
-
var useMediaQuery = require('@mui/material/useMediaQuery');
|
|
9
|
-
var ui = require('@tenancy.nz/ui');
|
|
10
|
-
var AnalyticsBox = require('./AnalyticsBox.cjs');
|
|
11
|
-
var analyticsDoughnutChart = require('./analytics-doughnut-chart.cjs');
|
|
12
|
-
|
|
13
|
-
function AnalyticsSection(_ref) {
|
|
14
|
-
var viewingsCount = _ref.viewingsCount,
|
|
15
|
-
bookingsCount = _ref.bookingsCount,
|
|
16
|
-
attendeesCount = _ref.attendeesCount,
|
|
17
|
-
cancellationsCount = _ref.cancellationsCount,
|
|
18
|
-
applicationsCount = _ref.applicationsCount,
|
|
19
|
-
averageRent = _ref.averageRent,
|
|
20
|
-
textUsage = _ref.textUsage,
|
|
21
|
-
agreementsCount = _ref.agreementsCount,
|
|
22
|
-
agreementsFinalisedCount = _ref.agreementsFinalisedCount,
|
|
23
|
-
filterDaysCount = _ref.filterDaysCount,
|
|
24
|
-
allHouseEnquiriesCount = _ref.allHouseEnquiriesCount,
|
|
25
|
-
bookMeEnquiriesCount = _ref.bookMeEnquiriesCount,
|
|
26
|
-
oneRoofEnquiriesCount = _ref.oneRoofEnquiriesCount,
|
|
27
|
-
realestateEnquiriesCount = _ref.realestateEnquiriesCount,
|
|
28
|
-
tradeMeEnquiriesCount = _ref.tradeMeEnquiriesCount,
|
|
29
|
-
manualEnquiryCount = _ref.manualEnquiryCount,
|
|
30
|
-
websiteEnquiriesCount = _ref.websiteEnquiriesCount,
|
|
31
|
-
allHouseBookingsCount = _ref.allHouseBookingsCount,
|
|
32
|
-
bookMeBookingsCount = _ref.bookMeBookingsCount,
|
|
33
|
-
oneRoofBookingsCount = _ref.oneRoofBookingsCount,
|
|
34
|
-
realestateBookingsCount = _ref.realestateBookingsCount,
|
|
35
|
-
tradeMeBookingsCount = _ref.tradeMeBookingsCount,
|
|
36
|
-
manualBookingsCount = _ref.manualBookingsCount,
|
|
37
|
-
websiteBookingsCount = _ref.websiteBookingsCount,
|
|
38
|
-
_ref$outlinedItems = _ref.outlinedItems,
|
|
39
|
-
outlinedItems = _ref$outlinedItems === void 0 ? false : _ref$outlinedItems;
|
|
40
|
-
var isXlUp = useMediaQuery(function (theme) {
|
|
41
|
-
return theme.breakpoints.up("xl");
|
|
42
|
-
});
|
|
43
|
-
var stats = [{
|
|
44
|
-
label: "Viewings",
|
|
45
|
-
value: viewingsCount
|
|
46
|
-
}, {
|
|
47
|
-
label: "Bookings",
|
|
48
|
-
value: bookingsCount
|
|
49
|
-
}, {
|
|
50
|
-
label: "Attendees",
|
|
51
|
-
value: attendeesCount
|
|
52
|
-
}, {
|
|
53
|
-
label: "Cancellations",
|
|
54
|
-
value: cancellationsCount
|
|
55
|
-
}, {
|
|
56
|
-
label: "Applications",
|
|
57
|
-
value: applicationsCount
|
|
58
|
-
}, {
|
|
59
|
-
label: "Average Rent",
|
|
60
|
-
value: "$".concat(averageRent)
|
|
61
|
-
}, {
|
|
62
|
-
label: "Text Usage Total",
|
|
63
|
-
value: textUsage
|
|
64
|
-
}];
|
|
65
|
-
return /* @__PURE__ */React.createElement(Stack, {
|
|
66
|
-
gap: 6
|
|
67
|
-
}, /* @__PURE__ */React.createElement(Stack, {
|
|
68
|
-
flexDirection: "row",
|
|
69
|
-
gap: 6,
|
|
70
|
-
flexWrap: "wrap",
|
|
71
|
-
alignItems: "stretch"
|
|
72
|
-
}, /* @__PURE__ */React.createElement(ui.Paper, {
|
|
73
|
-
outlined: outlinedItems,
|
|
74
|
-
inset: "medium",
|
|
75
|
-
overflow: false,
|
|
76
|
-
sx: {
|
|
77
|
-
width: "100%",
|
|
78
|
-
minWidth: {
|
|
79
|
-
lg: "456px"
|
|
80
|
-
},
|
|
81
|
-
flex: {
|
|
82
|
-
xs: "0 0 100%",
|
|
83
|
-
md: 1
|
|
84
|
-
},
|
|
85
|
-
alignItems: "center",
|
|
86
|
-
justifyContent: "center",
|
|
87
|
-
display: "flex"
|
|
88
|
-
}
|
|
89
|
-
}, /* @__PURE__ */React.createElement(analyticsDoughnutChart.default, {
|
|
90
|
-
tradeMeCount: tradeMeEnquiriesCount,
|
|
91
|
-
bookMeCount: bookMeEnquiriesCount,
|
|
92
|
-
manualCount: manualEnquiryCount,
|
|
93
|
-
allhouseCount: allHouseEnquiriesCount,
|
|
94
|
-
oneRoofCount: oneRoofEnquiriesCount,
|
|
95
|
-
realEstateCount: realestateEnquiriesCount,
|
|
96
|
-
websiteCount: websiteEnquiriesCount,
|
|
97
|
-
heading: "Number of enquiries"
|
|
98
|
-
})), /* @__PURE__ */React.createElement(ui.Paper, {
|
|
99
|
-
outlined: outlinedItems,
|
|
100
|
-
inset: "medium",
|
|
101
|
-
overflow: false,
|
|
102
|
-
sx: {
|
|
103
|
-
width: "100%",
|
|
104
|
-
minWidth: {
|
|
105
|
-
lg: "456px"
|
|
106
|
-
},
|
|
107
|
-
flex: {
|
|
108
|
-
xs: "0 0 100%",
|
|
109
|
-
md: 1
|
|
110
|
-
},
|
|
111
|
-
alignItems: "center",
|
|
112
|
-
justifyContent: "center",
|
|
113
|
-
display: "flex"
|
|
114
|
-
}
|
|
115
|
-
}, /* @__PURE__ */React.createElement(analyticsDoughnutChart.default, {
|
|
116
|
-
tradeMeCount: tradeMeBookingsCount,
|
|
117
|
-
bookMeCount: bookMeBookingsCount,
|
|
118
|
-
manualCount: manualBookingsCount,
|
|
119
|
-
allhouseCount: allHouseBookingsCount,
|
|
120
|
-
oneRoofCount: oneRoofBookingsCount,
|
|
121
|
-
realEstateCount: realestateBookingsCount,
|
|
122
|
-
websiteCount: websiteBookingsCount,
|
|
123
|
-
heading: "Number of bookings"
|
|
124
|
-
})), /* @__PURE__ */React.createElement(Stack, {
|
|
125
|
-
gap: {
|
|
126
|
-
xs: 3,
|
|
127
|
-
md: 6
|
|
128
|
-
},
|
|
129
|
-
justifyContent: "space-between",
|
|
130
|
-
sx: {
|
|
131
|
-
flexDirection: {
|
|
132
|
-
xs: "row",
|
|
133
|
-
lg: "column"
|
|
134
|
-
},
|
|
135
|
-
flex: {
|
|
136
|
-
sm: "0 0 100%",
|
|
137
|
-
lg: "0 0 284px"
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
}, /* @__PURE__ */React.createElement(AnalyticsBox.default, {
|
|
141
|
-
outlined: outlinedItems,
|
|
142
|
-
label: /* @__PURE__ */React.createElement("strong", null, "Converted Properties"),
|
|
143
|
-
amount: agreementsCount,
|
|
144
|
-
width: "100%",
|
|
145
|
-
height: isXlUp ? "157px" : "auto",
|
|
146
|
-
text: /* @__PURE__ */React.createElement(ui.Text, {
|
|
147
|
-
as: "span",
|
|
148
|
-
variant: "inherit"
|
|
149
|
-
}, "Properties that have had a viewing in the last", " ", /* @__PURE__ */React.createElement("strong", null, filterDaysCount), " days where an agreement has been ", /* @__PURE__ */React.createElement("strong", null, "created"))
|
|
150
|
-
}), /* @__PURE__ */React.createElement(AnalyticsBox.default, {
|
|
151
|
-
outlined: outlinedItems,
|
|
152
|
-
label: /* @__PURE__ */React.createElement("strong", null, "Converted Properties"),
|
|
153
|
-
amount: agreementsFinalisedCount,
|
|
154
|
-
width: "100%",
|
|
155
|
-
height: isXlUp ? "157px" : "auto",
|
|
156
|
-
text: /* @__PURE__ */React.createElement(ui.Text, {
|
|
157
|
-
as: "span",
|
|
158
|
-
variant: "inherit"
|
|
159
|
-
}, "Properties that have had a viewing in the last", " ", /* @__PURE__ */React.createElement("strong", null, " ", filterDaysCount), " days where an agreement has been ", /* @__PURE__ */React.createElement("strong", null, "finalised"))
|
|
160
|
-
})), /* @__PURE__ */React.createElement(ui.Grid, {
|
|
161
|
-
container: true,
|
|
162
|
-
spacing: {
|
|
163
|
-
xs: 3,
|
|
164
|
-
md: 6
|
|
165
|
-
}
|
|
166
|
-
}, stats.map(function (stat, i) {
|
|
167
|
-
return /* @__PURE__ */React.createElement(ui.Grid, {
|
|
168
|
-
item: true,
|
|
169
|
-
key: reactUid.uid(stat, i),
|
|
170
|
-
flex: {
|
|
171
|
-
lg: 1
|
|
172
|
-
},
|
|
173
|
-
xs: 6,
|
|
174
|
-
sm: 3,
|
|
175
|
-
md: 2
|
|
176
|
-
}, /* @__PURE__ */React.createElement(AnalyticsBox.default, {
|
|
177
|
-
outlined: outlinedItems,
|
|
178
|
-
label: stat.label,
|
|
179
|
-
amount: stat.value,
|
|
180
|
-
width: "100%",
|
|
181
|
-
height: isXlUp ? "157px" : "124px"
|
|
182
|
-
}));
|
|
183
|
-
}))));
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
exports.default = AnalyticsSection;
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var ui = require('@tenancy.nz/ui');
|
|
8
|
-
var chart_js = require('primereact/chart.js');
|
|
9
|
-
var BookingChart_styled = require('./BookingChart.styled.cjs');
|
|
10
|
-
|
|
11
|
-
var defaultOptions = {
|
|
12
|
-
scaleFontColor: "black",
|
|
13
|
-
legend: {
|
|
14
|
-
display: false
|
|
15
|
-
},
|
|
16
|
-
plugins: {
|
|
17
|
-
datalabels: {
|
|
18
|
-
align: "centre",
|
|
19
|
-
font: {
|
|
20
|
-
weight: "700",
|
|
21
|
-
size: 12,
|
|
22
|
-
family: "Montserrat, sans-serif"
|
|
23
|
-
},
|
|
24
|
-
display: function display(ctx) {
|
|
25
|
-
return ctx.dataset.data[ctx.dataIndex] > 0;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
scales: {
|
|
30
|
-
xAxes: [{
|
|
31
|
-
gridLines: {
|
|
32
|
-
labelString: "Date",
|
|
33
|
-
display: false
|
|
34
|
-
},
|
|
35
|
-
ticks: {
|
|
36
|
-
fontSize: 13,
|
|
37
|
-
family: "Montserrat, sans-serif",
|
|
38
|
-
fontWeight: "bold"
|
|
39
|
-
},
|
|
40
|
-
stacked: true
|
|
41
|
-
}],
|
|
42
|
-
yAxes: [{
|
|
43
|
-
scaleLabel: {
|
|
44
|
-
display: true,
|
|
45
|
-
labelString: "Total bookings",
|
|
46
|
-
fontFamily: "Montserrat, sans-serif",
|
|
47
|
-
fontSize: 13,
|
|
48
|
-
fontStyle: "600"
|
|
49
|
-
},
|
|
50
|
-
ticks: {
|
|
51
|
-
min: 0,
|
|
52
|
-
stepSize: 5,
|
|
53
|
-
fontSize: 13,
|
|
54
|
-
fontWeight: 500
|
|
55
|
-
},
|
|
56
|
-
gridLines: {
|
|
57
|
-
display: false
|
|
58
|
-
},
|
|
59
|
-
stacked: true
|
|
60
|
-
}]
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
function BookingChart(_ref) {
|
|
64
|
-
var data = _ref.data,
|
|
65
|
-
labels = _ref.labels,
|
|
66
|
-
_ref$mode = _ref.mode,
|
|
67
|
-
mode = _ref$mode === void 0 ? "day" : _ref$mode,
|
|
68
|
-
_ref$options = _ref.options,
|
|
69
|
-
options = _ref$options === void 0 ? {} : _ref$options,
|
|
70
|
-
_ref$onModeChange = _ref.onModeChange,
|
|
71
|
-
onModeChange = _ref$onModeChange === void 0 ? void 0 : _ref$onModeChange;
|
|
72
|
-
var legends = React.useMemo(function () {
|
|
73
|
-
return data.map(function (_ref2) {
|
|
74
|
-
var label = _ref2.label,
|
|
75
|
-
backgroundColor = _ref2.backgroundColor;
|
|
76
|
-
return [label, backgroundColor];
|
|
77
|
-
}).filter(function (_ref3, i, items) {
|
|
78
|
-
var _ref4 = _rollupPluginBabelHelpers.slicedToArray(_ref3, 1),
|
|
79
|
-
label = _ref4[0];
|
|
80
|
-
return items.findIndex(function (_ref5) {
|
|
81
|
-
var _ref6 = _rollupPluginBabelHelpers.slicedToArray(_ref5, 1),
|
|
82
|
-
l = _ref6[0];
|
|
83
|
-
return l === label;
|
|
84
|
-
}) === i;
|
|
85
|
-
});
|
|
86
|
-
}, [data]);
|
|
87
|
-
return /* @__PURE__ */React.createElement(ui.Box, {
|
|
88
|
-
display: "flex",
|
|
89
|
-
direction: "column",
|
|
90
|
-
gap: "16px",
|
|
91
|
-
width: "100%"
|
|
92
|
-
}, legends.length > 0 && /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartStack, null, legends.map(function (_ref7) {
|
|
93
|
-
var _ref8 = _rollupPluginBabelHelpers.slicedToArray(_ref7, 2),
|
|
94
|
-
label = _ref8[0],
|
|
95
|
-
backgroundColor = _ref8[1];
|
|
96
|
-
return /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartLegend, {
|
|
97
|
-
key: label,
|
|
98
|
-
color: backgroundColor
|
|
99
|
-
}, label);
|
|
100
|
-
})), /* @__PURE__ */React.createElement(ui.Box, {
|
|
101
|
-
sx: {
|
|
102
|
-
position: "relative",
|
|
103
|
-
width: "100%",
|
|
104
|
-
overflow: "hidden"
|
|
105
|
-
}
|
|
106
|
-
}, /* @__PURE__ */React.createElement(chart_js.Chart, {
|
|
107
|
-
type: "bar",
|
|
108
|
-
data: {
|
|
109
|
-
labels: labels,
|
|
110
|
-
datasets: data
|
|
111
|
-
},
|
|
112
|
-
options: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultOptions), options)
|
|
113
|
-
})), onModeChange && /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartStack, null, /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartButton, {
|
|
114
|
-
onClick: onModeChange,
|
|
115
|
-
active: mode === "day",
|
|
116
|
-
value: "day"
|
|
117
|
-
}, "Day"), /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartButton, {
|
|
118
|
-
onClick: onModeChange,
|
|
119
|
-
active: mode === "week",
|
|
120
|
-
value: "week"
|
|
121
|
-
}, "Week"), /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartButton, {
|
|
122
|
-
onClick: onModeChange,
|
|
123
|
-
active: mode === "month",
|
|
124
|
-
value: "month"
|
|
125
|
-
}, "Month")));
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
exports.default = BookingChart;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
|
|
4
|
-
var react = require('@emotion/react');
|
|
5
|
-
var styled = require('@emotion/styled');
|
|
6
|
-
|
|
7
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
8
|
-
var StyledBookingChartStack = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: 12px;\n justify-content: center;\n color: #000;\n width: 100%;\n"])));
|
|
9
|
-
var StyledBookingChartLegend = styled("span", {
|
|
10
|
-
shouldForwardProp: function shouldForwardProp(prop) {
|
|
11
|
-
return !["color"].includes(prop);
|
|
12
|
-
}
|
|
13
|
-
})(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 6px;\n\n &::before {\n content: '';\n display: inline-flex;\n width: 32px;\n height: 18px;\n background-color: ", ";\n border-radius: 4px;\n }\n"])), function (props) {
|
|
14
|
-
return props.color;
|
|
15
|
-
});
|
|
16
|
-
var StyledBookingChartButton = styled("button", {
|
|
17
|
-
shouldForwardProp: function shouldForwardProp(prop) {
|
|
18
|
-
return !["color"].includes(prop);
|
|
19
|
-
}
|
|
20
|
-
})(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n && {\n font-weight: 500;\n display: flex;\n align-items: center;\n padding: 6px 10px;\n font-size: 14px;\n border-radius: 4px;\n font-family: inherit;\n color: ", ";\n border: 1px solid ", ";\n box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);\n background-color: ", ";\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n }\n }\n"])), function (_ref) {
|
|
21
|
-
var theme = _ref.theme;
|
|
22
|
-
return theme.palette.primary.main;
|
|
23
|
-
}, function (_ref2) {
|
|
24
|
-
var theme = _ref2.theme;
|
|
25
|
-
return theme.palette.primary.main;
|
|
26
|
-
}, function (_ref3) {
|
|
27
|
-
var active = _ref3.active,
|
|
28
|
-
theme = _ref3.theme;
|
|
29
|
-
return active ? "#CEF3ED" : theme.palette.background.paper;
|
|
30
|
-
}, function (_ref4) {
|
|
31
|
-
var active = _ref4.active,
|
|
32
|
-
theme = _ref4.theme;
|
|
33
|
-
return !active ? theme.palette.grey[100] : null;
|
|
34
|
-
});
|
|
35
|
-
var StyledPropertyDetailsBox = styled.div(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n align-items: flex-start;\n padding: 16px 24px 16px 20px;\n flex-direction: column;\n\n ", "\n\n @media print {\n flex-direction: row;\n align-items: center;\n }\n"])), function (_ref5) {
|
|
36
|
-
var theme = _ref5.theme;
|
|
37
|
-
return react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n ", " {\n flex-direction: row;\n align-items: center;\n }\n "])), theme.breakpoints.up("sm"));
|
|
38
|
-
});
|
|
39
|
-
var StyledPropertyAmenitiesBox = styled.div(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n padding-right: 25px;\n display: flex;\n flex-direction: column;\n margin-top: 5px;\n\n gap: 18px;\n min-width: 170px;\n height: 100%;\n justify-content: space-between;\n\n ", "\n\n @media print {\n align-items: flex-end;\n }\n"])), function (_ref6) {
|
|
40
|
-
var theme = _ref6.theme;
|
|
41
|
-
return "\n @media (min-width: ".concat(theme.breakpoints.values.md, "px) {\n align-items: flex-end;\n }\n ");
|
|
42
|
-
});
|
|
43
|
-
|
|
44
|
-
exports.StyledBookingChartButton = StyledBookingChartButton;
|
|
45
|
-
exports.StyledBookingChartLegend = StyledBookingChartLegend;
|
|
46
|
-
exports.StyledBookingChartStack = StyledBookingChartStack;
|
|
47
|
-
exports.StyledPropertyAmenitiesBox = StyledPropertyAmenitiesBox;
|
|
48
|
-
exports.StyledPropertyDetailsBox = StyledPropertyDetailsBox;
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var Stack = require('@mui/material/Stack');
|
|
8
|
-
var ui = require('@tenancy.nz/ui');
|
|
9
|
-
|
|
10
|
-
function ChartLegend(_ref) {
|
|
11
|
-
var _ref$color = _ref.color,
|
|
12
|
-
color = _ref$color === void 0 ? void 0 : _ref$color,
|
|
13
|
-
_ref$count = _ref.count,
|
|
14
|
-
count = _ref$count === void 0 ? void 0 : _ref$count,
|
|
15
|
-
label = _ref.label,
|
|
16
|
-
_ref$sx = _ref.sx,
|
|
17
|
-
sx = _ref$sx === void 0 ? {} : _ref$sx;
|
|
18
|
-
return /* @__PURE__ */React.createElement(Stack, {
|
|
19
|
-
flexDirection: "row",
|
|
20
|
-
alignItems: "center",
|
|
21
|
-
gap: 1.5,
|
|
22
|
-
sx: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, sx), {}, {
|
|
23
|
-
userSelect: "none",
|
|
24
|
-
fontSize: {
|
|
25
|
-
xs: "8px",
|
|
26
|
-
md: "12px"
|
|
27
|
-
}
|
|
28
|
-
})
|
|
29
|
-
}, /* @__PURE__ */React.createElement(ui.Box, {
|
|
30
|
-
bgcolor: color || "#D9D9D9",
|
|
31
|
-
sx: {
|
|
32
|
-
width: {
|
|
33
|
-
xs: "20px",
|
|
34
|
-
md: "32px"
|
|
35
|
-
},
|
|
36
|
-
height: {
|
|
37
|
-
xs: "12px",
|
|
38
|
-
md: "18px"
|
|
39
|
-
},
|
|
40
|
-
borderRadius: {
|
|
41
|
-
xs: "2px",
|
|
42
|
-
md: "4px"
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}), /* @__PURE__ */React.createElement(ui.Box, {
|
|
46
|
-
xs: {
|
|
47
|
-
minWidth: {
|
|
48
|
-
xs: "20px",
|
|
49
|
-
md: "24px"
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}, count !== void 0 && count >= 0 && /* @__PURE__ */React.createElement(ui.Text, {
|
|
53
|
-
align: "center",
|
|
54
|
-
weight: "700",
|
|
55
|
-
variant: "inherit"
|
|
56
|
-
}, count)), typeof label !== "string" ? label : /* @__PURE__ */React.createElement(ui.Text, {
|
|
57
|
-
weight: "500",
|
|
58
|
-
variant: "inherit",
|
|
59
|
-
color: "primary"
|
|
60
|
-
}, label));
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
exports.default = ChartLegend;
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var doughnutChart = require('./doughnut-chart.cjs');
|
|
8
|
-
var partnerLogo = require('./partner-logo.cjs');
|
|
9
|
-
var general = require('../utils/helpers/general.cjs');
|
|
10
|
-
|
|
11
|
-
var _excluded = ["bookMeCount", "oneRoofCount", "realEstateCount", "tradeMeCount", "manualCount", "websiteCount", "heading"];
|
|
12
|
-
function AnalyticsDoughnutChart(_ref) {
|
|
13
|
-
var _ref$bookMeCount = _ref.bookMeCount,
|
|
14
|
-
bookMeCount = _ref$bookMeCount === void 0 ? 0 : _ref$bookMeCount,
|
|
15
|
-
_ref$oneRoofCount = _ref.oneRoofCount,
|
|
16
|
-
oneRoofCount = _ref$oneRoofCount === void 0 ? 0 : _ref$oneRoofCount,
|
|
17
|
-
_ref$realEstateCount = _ref.realEstateCount,
|
|
18
|
-
realEstateCount = _ref$realEstateCount === void 0 ? 0 : _ref$realEstateCount,
|
|
19
|
-
_ref$tradeMeCount = _ref.tradeMeCount,
|
|
20
|
-
tradeMeCount = _ref$tradeMeCount === void 0 ? 0 : _ref$tradeMeCount,
|
|
21
|
-
_ref$manualCount = _ref.manualCount,
|
|
22
|
-
manualCount = _ref$manualCount === void 0 ? 0 : _ref$manualCount,
|
|
23
|
-
_ref$websiteCount = _ref.websiteCount,
|
|
24
|
-
websiteCount = _ref$websiteCount === void 0 ? 0 : _ref$websiteCount,
|
|
25
|
-
_ref$heading = _ref.heading,
|
|
26
|
-
heading = _ref$heading === void 0 ? void 0 : _ref$heading,
|
|
27
|
-
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
28
|
-
var data = [{
|
|
29
|
-
color: "#0CC1A3",
|
|
30
|
-
count: general.parseChartCount(bookMeCount),
|
|
31
|
-
slug: "bookme",
|
|
32
|
-
title: "Tenant Portal"
|
|
33
|
-
},
|
|
34
|
-
// {
|
|
35
|
-
// color: '#000000',
|
|
36
|
-
// count: parseChartCount(allhouseCount),
|
|
37
|
-
// slug: 'allhouse',
|
|
38
|
-
// title: 'Allhouse',
|
|
39
|
-
// logo: (
|
|
40
|
-
// <PartnerLogo
|
|
41
|
-
// name="allhouse"
|
|
42
|
-
// width={{xs: '48px', md: '59px'}}
|
|
43
|
-
// height={{xs: '12px', md: '14px'}}
|
|
44
|
-
// />
|
|
45
|
-
// ),
|
|
46
|
-
// },
|
|
47
|
-
{
|
|
48
|
-
color: "#FF8500",
|
|
49
|
-
count: general.parseChartCount(oneRoofCount),
|
|
50
|
-
slug: "oneroof",
|
|
51
|
-
title: "OneRoof",
|
|
52
|
-
logo: /* @__PURE__ */React.createElement(partnerLogo.default, {
|
|
53
|
-
name: "oneroof",
|
|
54
|
-
width: {
|
|
55
|
-
xs: "52px",
|
|
56
|
-
md: "66px"
|
|
57
|
-
},
|
|
58
|
-
height: {
|
|
59
|
-
xs: "",
|
|
60
|
-
md: "12px"
|
|
61
|
-
}
|
|
62
|
-
})
|
|
63
|
-
}, {
|
|
64
|
-
color: "#0098FF",
|
|
65
|
-
count: general.parseChartCount(realEstateCount),
|
|
66
|
-
slug: "realestate",
|
|
67
|
-
title: "realestate.co.nz",
|
|
68
|
-
logo: /* @__PURE__ */React.createElement(partnerLogo.default, {
|
|
69
|
-
name: "realestate",
|
|
70
|
-
width: {
|
|
71
|
-
xs: "72px",
|
|
72
|
-
md: "92px"
|
|
73
|
-
},
|
|
74
|
-
height: {
|
|
75
|
-
xs: "12px",
|
|
76
|
-
md: "14px"
|
|
77
|
-
}
|
|
78
|
-
})
|
|
79
|
-
}, {
|
|
80
|
-
color: "#4854D3",
|
|
81
|
-
count: general.parseChartCount(tradeMeCount),
|
|
82
|
-
slug: "trademe",
|
|
83
|
-
title: "Trade Me",
|
|
84
|
-
logo: /* @__PURE__ */React.createElement(partnerLogo.default, {
|
|
85
|
-
name: "trademe",
|
|
86
|
-
width: {
|
|
87
|
-
xs: "64px",
|
|
88
|
-
md: "90px"
|
|
89
|
-
},
|
|
90
|
-
height: {
|
|
91
|
-
xs: "12px",
|
|
92
|
-
md: "12px"
|
|
93
|
-
}
|
|
94
|
-
})
|
|
95
|
-
}, {
|
|
96
|
-
color: "#6D6D6D",
|
|
97
|
-
count: general.parseChartCount(websiteCount),
|
|
98
|
-
slug: "website",
|
|
99
|
-
title: "Office Website"
|
|
100
|
-
}, {
|
|
101
|
-
color: "#D9D9D9",
|
|
102
|
-
count: general.parseChartCount(manualCount),
|
|
103
|
-
slug: "manual",
|
|
104
|
-
title: "Manually Generated"
|
|
105
|
-
}];
|
|
106
|
-
return /* @__PURE__ */React.createElement(doughnutChart.default, _rollupPluginBabelHelpers.objectSpread2({
|
|
107
|
-
data: data,
|
|
108
|
-
heading: heading,
|
|
109
|
-
size: {
|
|
110
|
-
xs: "100px",
|
|
111
|
-
md: "165px"
|
|
112
|
-
}
|
|
113
|
-
}, rest));
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
exports.default = AnalyticsDoughnutChart;
|