@tenancy.nz/feature-ui 1.10.7 → 1.10.9

package/dist/cjs/components/analytics-doughnut-chart.cjs

@@ -1,116 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var React = require('react');
-var doughnutChart = require('./doughnut-chart.cjs');
-var partnerLogo = require('./partner-logo.cjs');
-var general = require('../utils/helpers/general.cjs');
-
-var _excluded = ["bookMeCount", "oneRoofCount", "realEstateCount", "tradeMeCount", "manualCount", "websiteCount", "heading"];
-function AnalyticsDoughnutChart(_ref) {
-  var _ref$bookMeCount = _ref.bookMeCount,
-    bookMeCount = _ref$bookMeCount === void 0 ? 0 : _ref$bookMeCount,
-    _ref$oneRoofCount = _ref.oneRoofCount,
-    oneRoofCount = _ref$oneRoofCount === void 0 ? 0 : _ref$oneRoofCount,
-    _ref$realEstateCount = _ref.realEstateCount,
-    realEstateCount = _ref$realEstateCount === void 0 ? 0 : _ref$realEstateCount,
-    _ref$tradeMeCount = _ref.tradeMeCount,
-    tradeMeCount = _ref$tradeMeCount === void 0 ? 0 : _ref$tradeMeCount,
-    _ref$manualCount = _ref.manualCount,
-    manualCount = _ref$manualCount === void 0 ? 0 : _ref$manualCount,
-    _ref$websiteCount = _ref.websiteCount,
-    websiteCount = _ref$websiteCount === void 0 ? 0 : _ref$websiteCount,
-    _ref$heading = _ref.heading,
-    heading = _ref$heading === void 0 ? void 0 : _ref$heading,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var data = [{
-    color: "#0CC1A3",
-    count: general.parseChartCount(bookMeCount),
-    slug: "bookme",
-    title: "Tenant Portal"
-  },
-  // {
-  //   color: '#000000',
-  //   count: parseChartCount(allhouseCount),
-  //   slug: 'allhouse',
-  //   title: 'Allhouse',
-  //   logo: (
-  //     <PartnerLogo
-  //       name="allhouse"
-  //       width={{xs: '48px', md: '59px'}}
-  //       height={{xs: '12px', md: '14px'}}
-  //     />
-  //   ),
-  // },
-  {
-    color: "#FF8500",
-    count: general.parseChartCount(oneRoofCount),
-    slug: "oneroof",
-    title: "OneRoof",
-    logo: /* @__PURE__ */React.createElement(partnerLogo.default, {
-      name: "oneroof",
-      width: {
-        xs: "52px",
-        md: "66px"
-      },
-      height: {
-        xs: "",
-        md: "12px"
-      }
-    })
-  }, {
-    color: "#0098FF",
-    count: general.parseChartCount(realEstateCount),
-    slug: "realestate",
-    title: "realestate.co.nz",
-    logo: /* @__PURE__ */React.createElement(partnerLogo.default, {
-      name: "realestate",
-      width: {
-        xs: "72px",
-        md: "92px"
-      },
-      height: {
-        xs: "12px",
-        md: "14px"
-      }
-    })
-  }, {
-    color: "#4854D3",
-    count: general.parseChartCount(tradeMeCount),
-    slug: "trademe",
-    title: "Trade Me",
-    logo: /* @__PURE__ */React.createElement(partnerLogo.default, {
-      name: "trademe",
-      width: {
-        xs: "64px",
-        md: "90px"
-      },
-      height: {
-        xs: "12px",
-        md: "12px"
-      }
-    })
-  }, {
-    color: "#6D6D6D",
-    count: general.parseChartCount(websiteCount),
-    slug: "website",
-    title: "Office Website"
-  }, {
-    color: "#D9D9D9",
-    count: general.parseChartCount(manualCount),
-    slug: "manual",
-    title: "Manually Generated"
-  }];
-  return /* @__PURE__ */React.createElement(doughnutChart.default, _rollupPluginBabelHelpers.objectSpread2({
-    data: data,
-    heading: heading,
-    size: {
-      xs: "100px",
-      md: "165px"
-    }
-  }, rest));
-}
-
-exports.default = AnalyticsDoughnutChart;

package/dist/cjs/components/doughnut-chart.cjs

@@ -1,130 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var React = require('react');
-var reactUid = require('react-uid');
-var Stack = require('@mui/material/Stack');
-var ui = require('@tenancy.nz/ui');
-var chart_js = require('primereact/chart.js');
-var ChartLegend = require('./ChartLegend.cjs');
-
-function DoughnutChart(_ref) {
-  var data = _ref.data,
-    _ref$heading = _ref.heading,
-    heading = _ref$heading === void 0 ? void 0 : _ref$heading,
-    _ref$chartProps = _ref.chartProps,
-    chartProps = _ref$chartProps === void 0 ? {} : _ref$chartProps,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "164px" : _ref$size;
-  if (!Array.isArray(data) || data.length === 0) {
-    return null;
-  }
-  var chartLabels = data.map(function (d) {
-    return d.title;
-  });
-  var chartValues = data.map(function (d) {
-    return d.count;
-  });
-  var chartColors = data.map(function (d) {
-    return d.color;
-  });
-  return /* @__PURE__ */React.createElement(Stack, {
-    sx: {
-      position: "relative"
-    },
-    alignItems: "center",
-    gap: 4
-  }, heading && /* @__PURE__ */React.createElement(ui.Heading, {
-    as: "h4",
-    color: "primary"
-  }, heading), /* @__PURE__ */React.createElement(Stack, {
-    flexDirection: "row",
-    gap: {
-      xs: 4,
-      md: 12
-    },
-    alignItems: "center"
-  }, /* @__PURE__ */React.createElement(ui.Box, {
-    overflow: "hidden",
-    position: "relative",
-    maxWidth: "100%",
-    sx: {
-      width: size,
-      height: size,
-      "&& > canvas": {
-        width: "100%",
-        height: "100%"
-      }
-    }
-  }, /* @__PURE__ */React.createElement(chart_js.Chart, _rollupPluginBabelHelpers.objectSpread2({
-    type: "doughnut",
-    data: {
-      labels: chartLabels,
-      datasets: [{
-        data: chartValues,
-        backgroundColor: chartColors,
-        hoverBackgroundColor: chartColors,
-        borderWidth: 0
-      }]
-    },
-    options: {
-      responsive: true,
-      maintainAspectRatio: false,
-      cutoutPercentage: 64,
-      legend: {
-        display: false
-      },
-      animation: {
-        duration: 0
-      },
-      tooltips: {
-        backgroundColor: "#0E0044",
-        titleFontColor: "#fff",
-        bodyFontColor: "#fff",
-        xPadding: 8,
-        yPadding: 8,
-        bodyFontFamily: "Montserrat, sans-serif",
-        bodyFontStyle: "semibold",
-        bodyFontSize: 14,
-        borderColor: "transparent",
-        callbacks: {
-          labelColor: function labelColor(tooltipItem, chart) {
-            var dataset = chart.config.data.datasets[tooltipItem.datasetIndex];
-            var color = dataset.backgroundColor[tooltipItem.index];
-            return {
-              borderColor: color,
-              backgroundColor: color,
-              borderWidth: 0,
-              borderRadius: 5
-            };
-          },
-          label: function label(_ref2) {
-            var index = _ref2.index;
-            return "  ".concat(chartLabels[index], ": ").concat(parseInt(String(chartValues[index]), 10));
-          }
-        }
-      }
-    },
-    style: {
-      width: "100%",
-      height: "100%"
-    }
-  }, chartProps))), /* @__PURE__ */React.createElement(Stack, {
-    gap: 2
-  }, data.map(function (item) {
-    var color = item.color,
-      count = item.count,
-      title = item.title,
-      logo = item.logo;
-    return /* @__PURE__ */React.createElement(ChartLegend.default, {
-      key: reactUid.uid(item),
-      color: color,
-      count: parseInt(String(count), 10),
-      label: logo || title
-    });
-  }))));
-}
-
-exports.default = DoughnutChart;

package/dist/cjs/components/pdf-analytics-section.cjs

@@ -1,173 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var reactUid = require('react-uid');
-var Stack = require('@mui/material/Stack');
-var useMediaQuery = require('@mui/material/useMediaQuery');
-var ui = require('@tenancy.nz/ui');
-var AnalyticsBox = require('./AnalyticsBox.cjs');
-var analyticsDoughnutChart = require('./analytics-doughnut-chart.cjs');
-
-var styles = {
-  chartPaper: {
-    height: "100%",
-    width: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-    display: "flex"
-  }
-};
-function PDFAnalyticsSection(_ref) {
-  var viewingsCount = _ref.viewingsCount,
-    bookingsCount = _ref.bookingsCount,
-    attendeesCount = _ref.attendeesCount,
-    cancellationsCount = _ref.cancellationsCount,
-    applicationsCount = _ref.applicationsCount,
-    averageRent = _ref.averageRent,
-    textUsage = _ref.textUsage,
-    agreementsCount = _ref.agreementsCount,
-    agreementsFinalisedCount = _ref.agreementsFinalisedCount,
-    filterDaysCount = _ref.filterDaysCount,
-    allHouseEnquiriesCount = _ref.allHouseEnquiriesCount,
-    bookMeEnquiriesCount = _ref.bookMeEnquiriesCount,
-    oneRoofEnquiriesCount = _ref.oneRoofEnquiriesCount,
-    realestateEnquiriesCount = _ref.realestateEnquiriesCount,
-    tradeMeEnquiriesCount = _ref.tradeMeEnquiriesCount,
-    manualEnquiryCount = _ref.manualEnquiryCount,
-    websiteEnquiryCount = _ref.websiteEnquiryCount,
-    allHouseBookingsCount = _ref.allHouseBookingsCount,
-    bookMeBookingsCount = _ref.bookMeBookingsCount,
-    oneRoofBookingsCount = _ref.oneRoofBookingsCount,
-    realestateBookingsCount = _ref.realestateBookingsCount,
-    tradeMeBookingsCount = _ref.tradeMeBookingsCount,
-    manualBookingsCount = _ref.manualBookingsCount,
-    websiteBookingsCount = _ref.websiteBookingsCount;
-  var isXlUp = useMediaQuery(function (theme) {
-    return theme.breakpoints.up("xl");
-  });
-  var stats = [{
-    label: "Viewings",
-    value: viewingsCount
-  }, {
-    label: "Bookings",
-    value: bookingsCount
-  }, {
-    label: "Attendees",
-    value: attendeesCount
-  }, {
-    label: "Cancellations",
-    value: cancellationsCount
-  }, {
-    label: "Applications",
-    value: applicationsCount
-  }, {
-    label: "Average Rent",
-    value: "$".concat(averageRent)
-  }, {
-    label: "Text Usage Total",
-    value: textUsage
-  }];
-  return /* @__PURE__ */React.createElement(Stack, {
-    gap: 6
-  }, /* @__PURE__ */React.createElement(ui.Grid, {
-    container: true,
-    spacing: 6
-  }, /* @__PURE__ */React.createElement(ui.Grid, {
-    container: true,
-    item: true,
-    spacing: 6,
-    xs: 12
-  }, /* @__PURE__ */React.createElement(ui.Grid, {
-    item: true,
-    xs: 6
-  }, /* @__PURE__ */React.createElement(ui.Paper, {
-    outlined: true,
-    inset: "medium",
-    overflow: false,
-    sx: styles.chartPaper
-  }, /* @__PURE__ */React.createElement(analyticsDoughnutChart.default, {
-    tradeMeCount: tradeMeEnquiriesCount,
-    bookMeCount: bookMeEnquiriesCount,
-    manualCount: manualEnquiryCount,
-    allhouseCount: allHouseEnquiriesCount,
-    oneRoofCount: oneRoofEnquiriesCount,
-    realEstateCount: realestateEnquiriesCount,
-    websiteCount: websiteEnquiryCount,
-    heading: "Number of enquiries"
-  }))), /* @__PURE__ */React.createElement(ui.Grid, {
-    item: true,
-    xs: 6
-  }, /* @__PURE__ */React.createElement(ui.Paper, {
-    outlined: true,
-    inset: "medium",
-    overflow: false,
-    sx: styles.chartPaper
-  }, /* @__PURE__ */React.createElement(analyticsDoughnutChart.default, {
-    tradeMeCount: tradeMeBookingsCount,
-    bookMeCount: bookMeBookingsCount,
-    manualCount: manualBookingsCount,
-    allhouseCount: allHouseBookingsCount,
-    oneRoofCount: oneRoofBookingsCount,
-    realEstateCount: realestateBookingsCount,
-    websiteCount: websiteBookingsCount,
-    heading: "Number of bookings"
-  })))), /* @__PURE__ */React.createElement(ui.Grid, {
-    item: true,
-    container: true,
-    xs: 12,
-    spacing: 6
-  }, /* @__PURE__ */React.createElement(ui.Grid, {
-    item: true,
-    xs: 6
-  }, /* @__PURE__ */React.createElement(AnalyticsBox.default, {
-    outlined: true,
-    label: /* @__PURE__ */React.createElement("strong", null, "Converted Properties"),
-    amount: agreementsCount,
-    width: "100%",
-    height: isXlUp ? "157px" : "auto",
-    text: /* @__PURE__ */React.createElement(ui.Text, {
-      as: "span",
-      variant: "inherit"
-    }, "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"))
-  })), /* @__PURE__ */React.createElement(ui.Grid, {
-    item: true,
-    xs: 6,
-    sx: {
-      display: "flex",
-      alignItems: "flex-end"
-    }
-  }, /* @__PURE__ */React.createElement(AnalyticsBox.default, {
-    outlined: true,
-    label: /* @__PURE__ */React.createElement("strong", null, "Converted Properties"),
-    amount: agreementsFinalisedCount,
-    width: "100%",
-    height: isXlUp ? "157px" : "auto",
-    text: /* @__PURE__ */React.createElement(ui.Text, {
-      as: "span",
-      variant: "inherit"
-    }, "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"))
-  })))), /* @__PURE__ */React.createElement(ui.Grid, {
-    container: true,
-    spacing: {
-      xs: 3,
-      md: 6
-    }
-  }, stats.map(function (stat, i) {
-    return /* @__PURE__ */React.createElement(ui.Grid, {
-      item: true,
-      key: reactUid.uid(stat, i),
-      xs: 3,
-      md: 2
-    }, /* @__PURE__ */React.createElement(AnalyticsBox.default, {
-      outlined: true,
-      label: stat.label,
-      amount: stat.value,
-      width: "100%",
-      height: isXlUp ? "157px" : "124px"
-    }));
-  })));
-}
-
-exports.default = PDFAnalyticsSection;

package/dist/cjs/utils/helpers/general.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var parseChartCount = function parseChartCount(value) {
-  if (Number.isNaN(Number.parseInt(String(value), 10))) {
-    return 0;
-  }
-  return Math.max(Number(value), 1e-3);
-};
-
-exports.parseChartCount = parseChartCount;

package/dist/esm/components/AnalyticsSection.js

@@ -1,182 +0,0 @@
-import React from 'react';
-import { uid } from 'react-uid';
-import Stack from '@mui/material/Stack';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import { Paper, Text, Grid } from '@tenancy.nz/ui';
-import AnalyticsBox from './AnalyticsBox.js';
-import AnalyticsDoughnutChart from './analytics-doughnut-chart.js';
-
-function AnalyticsSection(_ref) {
-  var viewingsCount = _ref.viewingsCount,
-    bookingsCount = _ref.bookingsCount,
-    attendeesCount = _ref.attendeesCount,
-    cancellationsCount = _ref.cancellationsCount,
-    applicationsCount = _ref.applicationsCount,
-    averageRent = _ref.averageRent,
-    textUsage = _ref.textUsage,
-    agreementsCount = _ref.agreementsCount,
-    agreementsFinalisedCount = _ref.agreementsFinalisedCount,
-    filterDaysCount = _ref.filterDaysCount,
-    allHouseEnquiriesCount = _ref.allHouseEnquiriesCount,
-    bookMeEnquiriesCount = _ref.bookMeEnquiriesCount,
-    oneRoofEnquiriesCount = _ref.oneRoofEnquiriesCount,
-    realestateEnquiriesCount = _ref.realestateEnquiriesCount,
-    tradeMeEnquiriesCount = _ref.tradeMeEnquiriesCount,
-    manualEnquiryCount = _ref.manualEnquiryCount,
-    websiteEnquiriesCount = _ref.websiteEnquiriesCount,
-    allHouseBookingsCount = _ref.allHouseBookingsCount,
-    bookMeBookingsCount = _ref.bookMeBookingsCount,
-    oneRoofBookingsCount = _ref.oneRoofBookingsCount,
-    realestateBookingsCount = _ref.realestateBookingsCount,
-    tradeMeBookingsCount = _ref.tradeMeBookingsCount,
-    manualBookingsCount = _ref.manualBookingsCount,
-    websiteBookingsCount = _ref.websiteBookingsCount,
-    _ref$outlinedItems = _ref.outlinedItems,
-    outlinedItems = _ref$outlinedItems === void 0 ? false : _ref$outlinedItems;
-  var isXlUp = useMediaQuery(function (theme) {
-    return theme.breakpoints.up("xl");
-  });
-  var stats = [{
-    label: "Viewings",
-    value: viewingsCount
-  }, {
-    label: "Bookings",
-    value: bookingsCount
-  }, {
-    label: "Attendees",
-    value: attendeesCount
-  }, {
-    label: "Cancellations",
-    value: cancellationsCount
-  }, {
-    label: "Applications",
-    value: applicationsCount
-  }, {
-    label: "Average Rent",
-    value: "$".concat(averageRent)
-  }, {
-    label: "Text Usage Total",
-    value: textUsage
-  }];
-  return /* @__PURE__ */React.createElement(Stack, {
-    gap: 6
-  }, /* @__PURE__ */React.createElement(Stack, {
-    flexDirection: "row",
-    gap: 6,
-    flexWrap: "wrap",
-    alignItems: "stretch"
-  }, /* @__PURE__ */React.createElement(Paper, {
-    outlined: outlinedItems,
-    inset: "medium",
-    overflow: false,
-    sx: {
-      width: "100%",
-      minWidth: {
-        lg: "456px"
-      },
-      flex: {
-        xs: "0 0 100%",
-        md: 1
-      },
-      alignItems: "center",
-      justifyContent: "center",
-      display: "flex"
-    }
-  }, /* @__PURE__ */React.createElement(AnalyticsDoughnutChart, {
-    tradeMeCount: tradeMeEnquiriesCount,
-    bookMeCount: bookMeEnquiriesCount,
-    manualCount: manualEnquiryCount,
-    allhouseCount: allHouseEnquiriesCount,
-    oneRoofCount: oneRoofEnquiriesCount,
-    realEstateCount: realestateEnquiriesCount,
-    websiteCount: websiteEnquiriesCount,
-    heading: "Number of enquiries"
-  })), /* @__PURE__ */React.createElement(Paper, {
-    outlined: outlinedItems,
-    inset: "medium",
-    overflow: false,
-    sx: {
-      width: "100%",
-      minWidth: {
-        lg: "456px"
-      },
-      flex: {
-        xs: "0 0 100%",
-        md: 1
-      },
-      alignItems: "center",
-      justifyContent: "center",
-      display: "flex"
-    }
-  }, /* @__PURE__ */React.createElement(AnalyticsDoughnutChart, {
-    tradeMeCount: tradeMeBookingsCount,
-    bookMeCount: bookMeBookingsCount,
-    manualCount: manualBookingsCount,
-    allhouseCount: allHouseBookingsCount,
-    oneRoofCount: oneRoofBookingsCount,
-    realEstateCount: realestateBookingsCount,
-    websiteCount: websiteBookingsCount,
-    heading: "Number of bookings"
-  })), /* @__PURE__ */React.createElement(Stack, {
-    gap: {
-      xs: 3,
-      md: 6
-    },
-    justifyContent: "space-between",
-    sx: {
-      flexDirection: {
-        xs: "row",
-        lg: "column"
-      },
-      flex: {
-        sm: "0 0 100%",
-        lg: "0 0 284px"
-      }
-    }
-  }, /* @__PURE__ */React.createElement(AnalyticsBox, {
-    outlined: outlinedItems,
-    label: /* @__PURE__ */React.createElement("strong", null, "Converted Properties"),
-    amount: agreementsCount,
-    width: "100%",
-    height: isXlUp ? "157px" : "auto",
-    text: /* @__PURE__ */React.createElement(Text, {
-      as: "span",
-      variant: "inherit"
-    }, "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"))
-  }), /* @__PURE__ */React.createElement(AnalyticsBox, {
-    outlined: outlinedItems,
-    label: /* @__PURE__ */React.createElement("strong", null, "Converted Properties"),
-    amount: agreementsFinalisedCount,
-    width: "100%",
-    height: isXlUp ? "157px" : "auto",
-    text: /* @__PURE__ */React.createElement(Text, {
-      as: "span",
-      variant: "inherit"
-    }, "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"))
-  })), /* @__PURE__ */React.createElement(Grid, {
-    container: true,
-    spacing: {
-      xs: 3,
-      md: 6
-    }
-  }, stats.map(function (stat, i) {
-    return /* @__PURE__ */React.createElement(Grid, {
-      item: true,
-      key: uid(stat, i),
-      flex: {
-        lg: 1
-      },
-      xs: 6,
-      sm: 3,
-      md: 2
-    }, /* @__PURE__ */React.createElement(AnalyticsBox, {
-      outlined: outlinedItems,
-      label: stat.label,
-      amount: stat.value,
-      width: "100%",
-      height: isXlUp ? "157px" : "124px"
-    }));
-  }))));
-}
-
-export { AnalyticsSection as default };