@tenancy.nz/feature-ui 1.10.7 → 1.10.9

package/dist/cjs/_virtual/_rollupPluginBabelHelpers.cjs

@@ -42,10 +42,7 @@ function _iterableToArrayLimit(r, l) {
       f = true,
       o = false;
     try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      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);
     } catch (r) {
       o = true, n = r;
     } finally {

package/dist/cjs/components/SkeletonContent.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var React = require('react');
+var ui = require('@tenancy.nz/ui');
+
+var _excluded = ["children", "loading", "variant"];
+function SkeletonContent(_ref) {
+  var _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "text" : _ref$variant,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  if (loading) {
+    return /* @__PURE__ */React.createElement(ui.Skeleton, _rollupPluginBabelHelpers.objectSpread2({
+      variant: variant
+    }, rest));
+  }
+  return children;
+}
+
+exports.default = SkeletonContent;

package/dist/cjs/index.cjs

@@ -2,9 +2,7 @@
 
 var AgentDetailsCard = require('./components/AgentDetailsCard.cjs');
 var AnalyticsBox = require('./components/AnalyticsBox.cjs');
-var AnalyticsSection = require('./components/AnalyticsSection.cjs');
 var BackButton = require('./components/BackButton.cjs');
-var BookingChart = require('./components/BookingChart.cjs');
 var BookingTable = require('./components/BookingTable.cjs');
 var BookingTableRow = require('./components/BookingTableRow.cjs');
 var BookingTableRowHeader = require('./components/BookingTableRowHeader.cjs');
@@ -18,9 +16,6 @@ var DownloadIconButton = require('./components/DownloadIconButton.cjs');
 var EditIconButton = require('./components/EditIconButton.cjs');
 var IntegrationTag = require('./components/IntegrationTag.cjs');
 var CheckedIcon = require('./components/CheckedIcon.cjs');
-var doughnutChart = require('./components/doughnut-chart.cjs');
-var analyticsDoughnutChart = require('./components/analytics-doughnut-chart.cjs');
-var pdfAnalyticsSection = require('./components/pdf-analytics-section.cjs');
 var partnerLogo = require('./components/partner-logo.cjs');
 var GridList = require('./components/GridList.cjs');
 var Hidden = require('./components/Hidden.cjs');
@@ -33,15 +28,14 @@ var PersonDetailHeader = require('./components/PersonDetailHeader.cjs');
 var PropertyCard = require('./components/PropertyCard.cjs');
 var ScrollTopButton = require('./components/ScrollTopButton.cjs');
 var StatusButton = require('./components/StatusButton.cjs');
+var SkeletonContent = require('./components/SkeletonContent.cjs');
 var TenantAvatarGroup = require('./components/TenantAvatarGroup.cjs');
 
 
 
 exports.AgentDetailsCard = AgentDetailsCard.default;
 exports.AnalyticsBox = AnalyticsBox.default;
-exports.AnalyticsSection = AnalyticsSection.default;
 exports.BackButton = BackButton.default;
-exports.BookingChart = BookingChart.default;
 exports.BookingTable = BookingTable.default;
 exports.BookingTableRow = BookingTableRow.default;
 exports.BookingTableRowHeader = BookingTableRowHeader.default;
@@ -55,9 +49,6 @@ exports.DownloadIconButton = DownloadIconButton.default;
 exports.EditIconButton = EditIconButton.default;
 exports.IntegrationTag = IntegrationTag.default;
 exports.CheckedIcon = CheckedIcon.default;
-exports.DoughnutChart = doughnutChart.default;
-exports.AnalyticsDoughnutChart = analyticsDoughnutChart.default;
-exports.PDFAnalyticsSection = pdfAnalyticsSection.default;
 exports.PartnerLogo = partnerLogo.default;
 exports.GridList = GridList.default;
 exports.Hidden = Hidden.default;
@@ -70,4 +61,5 @@ exports.PersonDetailHeader = PersonDetailHeader.default;
 exports.PropertyCard = PropertyCard.default;
 exports.ScrollTopButton = ScrollTopButton.default;
 exports.StatusButton = StatusButton.default;
+exports.SkeletonContent = SkeletonContent.default;
 exports.TenantAvatarGroup = TenantAvatarGroup.default;

package/dist/esm/_virtual/_rollupPluginBabelHelpers.js

@@ -40,10 +40,7 @@ function _iterableToArrayLimit(r, l) {
       f = true,
       o = false;
     try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      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);
     } catch (r) {
       o = true, n = r;
     } finally {

package/dist/esm/components/SkeletonContent.js

@@ -0,0 +1,22 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import { Skeleton } from '@tenancy.nz/ui';
+
+var _excluded = ["children", "loading", "variant"];
+function SkeletonContent(_ref) {
+  var _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "text" : _ref$variant,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  if (loading) {
+    return /* @__PURE__ */React.createElement(Skeleton, _objectSpread2({
+      variant: variant
+    }, rest));
+  }
+  return children;
+}
+
+export { SkeletonContent as default };

package/dist/esm/index.js

@@ -1,8 +1,6 @@
 export { default as AgentDetailsCard } from './components/AgentDetailsCard.js';
 export { default as AnalyticsBox } from './components/AnalyticsBox.js';
-export { default as AnalyticsSection } from './components/AnalyticsSection.js';
 export { default as BackButton } from './components/BackButton.js';
-export { default as BookingChart } from './components/BookingChart.js';
 export { default as BookingTable } from './components/BookingTable.js';
 export { default as BookingTableRow } from './components/BookingTableRow.js';
 export { default as BookingTableRowHeader } from './components/BookingTableRowHeader.js';
@@ -16,9 +14,6 @@ export { default as DownloadIconButton } from './components/DownloadIconButton.j
 export { default as EditIconButton } from './components/EditIconButton.js';
 export { default as IntegrationTag } from './components/IntegrationTag.js';
 export { default as CheckedIcon } from './components/CheckedIcon.js';
-export { default as DoughnutChart } from './components/doughnut-chart.js';
-export { default as AnalyticsDoughnutChart } from './components/analytics-doughnut-chart.js';
-export { default as PDFAnalyticsSection } from './components/pdf-analytics-section.js';
 export { default as PartnerLogo } from './components/partner-logo.js';
 export { default as GridList } from './components/GridList.js';
 export { default as Hidden } from './components/Hidden.js';
@@ -31,4 +26,5 @@ export { default as PersonDetailHeader } from './components/PersonDetailHeader.j
 export { default as PropertyCard } from './components/PropertyCard.js';
 export { default as ScrollTopButton } from './components/ScrollTopButton.js';
 export { default as StatusButton } from './components/StatusButton.js';
+export { default as SkeletonContent } from './components/SkeletonContent.js';
 export { default as TenantAvatarGroup } from './components/TenantAvatarGroup.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tenancy.nz/feature-ui",
   "description": "React UI feature components.",
-  "version": "1.10.7",
+  "version": "1.10.9",
   "author": "TPS <https://www.tenancy.co.nz>",
   "type": "module",
   "main": "dist/cjs/index.cjs",
@@ -14,20 +14,18 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/material": "^7.3.1",
-    "chart.js": "2.7.3",
     "classnames": "^2.2.6",
-    "primereact": "3.1.3",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@tenancy.nz/icons": "1.10.7",
-    "@tenancy.nz/ui": "1.10.7"
+    "@tenancy.nz/icons": "1.10.9",
+    "@tenancy.nz/ui": "1.10.9"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/material": "^7.3.1",
-    "@tenancy.nz/icons": "1.10.7",
-    "@tenancy.nz/ui": "1.10.7"
+    "@tenancy.nz/icons": "1.10.9",
+    "@tenancy.nz/ui": "1.10.9"
   },
   "dependencies": {
     "react-uid": "^2.4.0"

package/dist/cjs/components/AnalyticsSection.cjs

@@ -1,186 +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');
-
-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(ui.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.default, {
-    tradeMeCount: tradeMeEnquiriesCount,
-    bookMeCount: bookMeEnquiriesCount,
-    manualCount: manualEnquiryCount,
-    allhouseCount: allHouseEnquiriesCount,
-    oneRoofCount: oneRoofEnquiriesCount,
-    realEstateCount: realestateEnquiriesCount,
-    websiteCount: websiteEnquiriesCount,
-    heading: "Number of enquiries"
-  })), /* @__PURE__ */React.createElement(ui.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.default, {
-    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.default, {
-    outlined: outlinedItems,
-    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(AnalyticsBox.default, {
-    outlined: outlinedItems,
-    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),
-      flex: {
-        lg: 1
-      },
-      xs: 6,
-      sm: 3,
-      md: 2
-    }, /* @__PURE__ */React.createElement(AnalyticsBox.default, {
-      outlined: outlinedItems,
-      label: stat.label,
-      amount: stat.value,
-      width: "100%",
-      height: isXlUp ? "157px" : "124px"
-    }));
-  }))));
-}
-
-exports.default = AnalyticsSection;

package/dist/cjs/components/BookingChart.cjs

@@ -1,128 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var React = require('react');
-var ui = require('@tenancy.nz/ui');
-var chart_js = require('primereact/chart.js');
-var BookingChart_styled = require('./BookingChart.styled.cjs');
-
-var defaultOptions = {
-  scaleFontColor: "black",
-  legend: {
-    display: false
-  },
-  plugins: {
-    datalabels: {
-      align: "centre",
-      font: {
-        weight: "700",
-        size: 12,
-        family: "Montserrat, sans-serif"
-      },
-      display: function display(ctx) {
-        return ctx.dataset.data[ctx.dataIndex] > 0;
-      }
-    }
-  },
-  scales: {
-    xAxes: [{
-      gridLines: {
-        labelString: "Date",
-        display: false
-      },
-      ticks: {
-        fontSize: 13,
-        family: "Montserrat, sans-serif",
-        fontWeight: "bold"
-      },
-      stacked: true
-    }],
-    yAxes: [{
-      scaleLabel: {
-        display: true,
-        labelString: "Total bookings",
-        fontFamily: "Montserrat, sans-serif",
-        fontSize: 13,
-        fontStyle: "600"
-      },
-      ticks: {
-        min: 0,
-        stepSize: 5,
-        fontSize: 13,
-        fontWeight: 500
-      },
-      gridLines: {
-        display: false
-      },
-      stacked: true
-    }]
-  }
-};
-function BookingChart(_ref) {
-  var data = _ref.data,
-    labels = _ref.labels,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? "day" : _ref$mode,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? {} : _ref$options,
-    _ref$onModeChange = _ref.onModeChange,
-    onModeChange = _ref$onModeChange === void 0 ? void 0 : _ref$onModeChange;
-  var legends = React.useMemo(function () {
-    return data.map(function (_ref2) {
-      var label = _ref2.label,
-        backgroundColor = _ref2.backgroundColor;
-      return [label, backgroundColor];
-    }).filter(function (_ref3, i, items) {
-      var _ref4 = _rollupPluginBabelHelpers.slicedToArray(_ref3, 1),
-        label = _ref4[0];
-      return items.findIndex(function (_ref5) {
-        var _ref6 = _rollupPluginBabelHelpers.slicedToArray(_ref5, 1),
-          l = _ref6[0];
-        return l === label;
-      }) === i;
-    });
-  }, [data]);
-  return /* @__PURE__ */React.createElement(ui.Box, {
-    display: "flex",
-    direction: "column",
-    gap: "16px",
-    width: "100%"
-  }, legends.length > 0 && /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartStack, null, legends.map(function (_ref7) {
-    var _ref8 = _rollupPluginBabelHelpers.slicedToArray(_ref7, 2),
-      label = _ref8[0],
-      backgroundColor = _ref8[1];
-    return /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartLegend, {
-      key: label,
-      color: backgroundColor
-    }, label);
-  })), /* @__PURE__ */React.createElement(ui.Box, {
-    sx: {
-      position: "relative",
-      width: "100%",
-      overflow: "hidden"
-    }
-  }, /* @__PURE__ */React.createElement(chart_js.Chart, {
-    type: "bar",
-    data: {
-      labels: labels,
-      datasets: data
-    },
-    options: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultOptions), options)
-  })), onModeChange && /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartStack, null, /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartButton, {
-    onClick: onModeChange,
-    active: mode === "day",
-    value: "day"
-  }, "Day"), /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartButton, {
-    onClick: onModeChange,
-    active: mode === "week",
-    value: "week"
-  }, "Week"), /* @__PURE__ */React.createElement(BookingChart_styled.StyledBookingChartButton, {
-    onClick: onModeChange,
-    active: mode === "month",
-    value: "month"
-  }, "Month")));
-}
-
-exports.default = BookingChart;

package/dist/cjs/components/BookingChart.styled.cjs

@@ -1,48 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var react = require('@emotion/react');
-var styled = require('@emotion/styled');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-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"])));
-var StyledBookingChartLegend = styled("span", {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return !["color"].includes(prop);
-  }
-})(_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) {
-  return props.color;
-});
-var StyledBookingChartButton = styled("button", {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return !["color"].includes(prop);
-  }
-})(_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) {
-  var theme = _ref.theme;
-  return theme.palette.primary.main;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.palette.primary.main;
-}, function (_ref3) {
-  var active = _ref3.active,
-    theme = _ref3.theme;
-  return active ? "#CEF3ED" : theme.palette.background.paper;
-}, function (_ref4) {
-  var active = _ref4.active,
-    theme = _ref4.theme;
-  return !active ? theme.palette.grey[100] : null;
-});
-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) {
-  var theme = _ref5.theme;
-  return react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", " {\n      flex-direction: row;\n      align-items: center;\n    }\n  "])), theme.breakpoints.up("sm"));
-});
-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) {
-  var theme = _ref6.theme;
-  return "\n    @media (min-width: ".concat(theme.breakpoints.values.md, "px) {\n      align-items: flex-end;\n    }\n  ");
-});
-
-exports.StyledBookingChartButton = StyledBookingChartButton;
-exports.StyledBookingChartLegend = StyledBookingChartLegend;
-exports.StyledBookingChartStack = StyledBookingChartStack;
-exports.StyledPropertyAmenitiesBox = StyledPropertyAmenitiesBox;
-exports.StyledPropertyDetailsBox = StyledPropertyDetailsBox;

package/dist/cjs/components/ChartLegend.cjs

@@ -1,63 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var React = require('react');
-var Stack = require('@mui/material/Stack');
-var ui = require('@tenancy.nz/ui');
-
-function ChartLegend(_ref) {
-  var _ref$color = _ref.color,
-    color = _ref$color === void 0 ? void 0 : _ref$color,
-    _ref$count = _ref.count,
-    count = _ref$count === void 0 ? void 0 : _ref$count,
-    label = _ref.label,
-    _ref$sx = _ref.sx,
-    sx = _ref$sx === void 0 ? {} : _ref$sx;
-  return /* @__PURE__ */React.createElement(Stack, {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 1.5,
-    sx: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, sx), {}, {
-      userSelect: "none",
-      fontSize: {
-        xs: "8px",
-        md: "12px"
-      }
-    })
-  }, /* @__PURE__ */React.createElement(ui.Box, {
-    bgcolor: color || "#D9D9D9",
-    sx: {
-      width: {
-        xs: "20px",
-        md: "32px"
-      },
-      height: {
-        xs: "12px",
-        md: "18px"
-      },
-      borderRadius: {
-        xs: "2px",
-        md: "4px"
-      }
-    }
-  }), /* @__PURE__ */React.createElement(ui.Box, {
-    xs: {
-      minWidth: {
-        xs: "20px",
-        md: "24px"
-      }
-    }
-  }, count !== void 0 && count >= 0 && /* @__PURE__ */React.createElement(ui.Text, {
-    align: "center",
-    weight: "700",
-    variant: "inherit"
-  }, count)), typeof label !== "string" ? label : /* @__PURE__ */React.createElement(ui.Text, {
-    weight: "500",
-    variant: "inherit",
-    color: "primary"
-  }, label));
-}
-
-exports.default = ChartLegend;