@tenancy.nz/ui 1.0.2 → 1.0.3

package/dist/esm/components/Popper.js

@@ -1,4 +1,5 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import PropTypes from 'prop-types';
@@ -6,16 +7,44 @@ import MuiPopper from '@mui/material/Popper';
 import MuiFade from '@mui/material/Fade';
 import MuiPaper from '@mui/material/Paper';
 
-function Popper({
-  children,
-  anchorEl = null,
-  open = false,
-  disablePortal = false,
-  placement = "bottom",
-  ...others
-}, ref) {
-  const rest = { anchorEl, open, disablePortal, placement, ...others };
-  return /* @__PURE__ */ jsx(MuiPopper, { ...rest, transition: true, ref, style: { zIndex: 9999 }, children: ({ TransitionProps }) => /* @__PURE__ */ jsx(MuiFade, { ...TransitionProps, timeout: 350, children: /* @__PURE__ */ jsx(MuiPaper, { elevation: 3, style: { margin: 5 }, children }) }) });
+var _excluded = ["children", "anchorEl", "open", "disablePortal", "placement"];
+function Popper(_ref, ref) {
+  var _children = _ref.children,
+    _ref$anchorEl = _ref.anchorEl,
+    anchorEl = _ref$anchorEl === void 0 ? null : _ref$anchorEl,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    _ref$disablePortal = _ref.disablePortal,
+    disablePortal = _ref$disablePortal === void 0 ? false : _ref$disablePortal,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? "bottom" : _ref$placement,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var rest = _objectSpread2({
+    anchorEl: anchorEl,
+    open: open,
+    disablePortal: disablePortal,
+    placement: placement
+  }, others);
+  return /* @__PURE__ */jsx(MuiPopper, _objectSpread2(_objectSpread2({}, rest), {}, {
+    transition: true,
+    ref: ref,
+    style: {
+      zIndex: 9999
+    },
+    children: function children(_ref2) {
+      var TransitionProps = _ref2.TransitionProps;
+      return /* @__PURE__ */jsx(MuiFade, _objectSpread2(_objectSpread2({}, TransitionProps), {}, {
+        timeout: 350,
+        children: /* @__PURE__ */jsx(MuiPaper, {
+          elevation: 3,
+          style: {
+            margin: 5
+          },
+          children: _children
+        })
+      }));
+    }
+  }));
 }
 Popper.propTypes = {
   /**
@@ -37,24 +66,8 @@ Popper.propTypes = {
   /**
    * Placement of popper
    */
-  placement: PropTypes.oneOf([
-    "auto-end",
-    "auto-start",
-    "auto",
-    "bottom-end",
-    "bottom-start",
-    "bottom",
-    "left-end",
-    "left-start",
-    "left",
-    "right-end",
-    "right-start",
-    "right",
-    "top-end",
-    "top-start",
-    "top"
-  ])
+  placement: PropTypes.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"])
 };
-var Popper$1 = forwardRef(Popper);
+var Popper$1 = /*#__PURE__*/forwardRef(Popper);
 
 export { Popper$1 as default };

package/dist/esm/components/PropertyCard.js

@@ -19,25 +19,40 @@ import { isEmpty } from '../utils/helpers/boolean.js';
 import 'mime/lite';
 import '../utils/helpers/time.js';
 
-function PropertyCard({
-  bedrooms = 0,
-  bathrooms = 0,
-  elevation = true,
-  footerContent = void 0,
-  onView = null,
-  photo = "",
-  parkingSpaces = 0,
-  rentAmount = 0,
-  rentFrequency = "weekly",
-  skeleton = false,
-  unit = "",
-  streetNumber = "",
-  streetName = "",
-  suburb = "",
-  city = ""
-}) {
-  const isMobile = useMediaQuery((theme) => theme.breakpoints.down("sm"));
-  const abbreviatedRentFrequency = () => {
+function PropertyCard(_ref) {
+  var _ref$bedrooms = _ref.bedrooms,
+    bedrooms = _ref$bedrooms === void 0 ? 0 : _ref$bedrooms,
+    _ref$bathrooms = _ref.bathrooms,
+    bathrooms = _ref$bathrooms === void 0 ? 0 : _ref$bathrooms,
+    _ref$elevation = _ref.elevation,
+    elevation = _ref$elevation === void 0 ? true : _ref$elevation,
+    _ref$footerContent = _ref.footerContent,
+    footerContent = _ref$footerContent === void 0 ? void 0 : _ref$footerContent;
+    _ref.onView;
+    var _ref$photo = _ref.photo,
+    photo = _ref$photo === void 0 ? "" : _ref$photo,
+    _ref$parkingSpaces = _ref.parkingSpaces,
+    parkingSpaces = _ref$parkingSpaces === void 0 ? 0 : _ref$parkingSpaces,
+    _ref$rentAmount = _ref.rentAmount,
+    rentAmount = _ref$rentAmount === void 0 ? 0 : _ref$rentAmount,
+    _ref$rentFrequency = _ref.rentFrequency,
+    rentFrequency = _ref$rentFrequency === void 0 ? "weekly" : _ref$rentFrequency,
+    _ref$skeleton = _ref.skeleton,
+    skeleton = _ref$skeleton === void 0 ? false : _ref$skeleton,
+    _ref$unit = _ref.unit,
+    unit = _ref$unit === void 0 ? "" : _ref$unit,
+    _ref$streetNumber = _ref.streetNumber,
+    streetNumber = _ref$streetNumber === void 0 ? "" : _ref$streetNumber,
+    _ref$streetName = _ref.streetName,
+    streetName = _ref$streetName === void 0 ? "" : _ref$streetName,
+    _ref$suburb = _ref.suburb,
+    suburb = _ref$suburb === void 0 ? "" : _ref$suburb,
+    _ref$city = _ref.city,
+    city = _ref$city === void 0 ? "" : _ref$city;
+  var isMobile = useMediaQuery(function (theme) {
+    return theme.breakpoints.down("sm");
+  });
+  var abbreviatedRentFrequency = function abbreviatedRentFrequency() {
     switch (rentFrequency) {
       case "weekly":
         return "pw";
@@ -51,100 +66,99 @@ function PropertyCard({
         return "pw";
     }
   };
-  const address1 = implode(" ", [
-    implode("/", [unit, streetNumber]),
-    streetName
-  ]);
-  const address2 = implode(", ", [suburb, city]);
-  const address = `${address1} ${address2}`;
-  return /* @__PURE__ */ jsx(Paper, { rounded: true, elevate: elevation, fill: !isMobile, children: /* @__PURE__ */ jsxs(StyledContainer, { children: [
-    /* @__PURE__ */ jsx(StyledImg, { children: /* @__PURE__ */ jsx(Media, { skeleton, src: photo, title: address }) }),
-    /* @__PURE__ */ jsxs(StyledDetails, { children: [
-      !skeleton && /* @__PURE__ */ jsx(Heading, { as: "h3", gutterBottom: false, children: address1 }),
-      skeleton && /* @__PURE__ */ jsx(Skeleton, { width: "75%", height: 30 }),
-      !skeleton && /* @__PURE__ */ jsx(Text, { variant: "subtitle1", weight: "500", color: "textPrimary", children: address2 }),
-      skeleton && /* @__PURE__ */ jsx(Skeleton, { width: "65%", height: 30 }),
-      /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsxs(
-        Box,
-        {
+  var address1 = implode(" ", [implode("/", [unit, streetNumber]), streetName]);
+  var address2 = implode(", ", [suburb, city]);
+  var address = "".concat(address1, " ").concat(address2);
+  return /* @__PURE__ */jsx(Paper, {
+    rounded: true,
+    elevate: elevation,
+    fill: !isMobile,
+    children: /* @__PURE__ */jsxs(StyledContainer, {
+      children: [/* @__PURE__ */jsx(StyledImg, {
+        children: /* @__PURE__ */jsx(Media, {
+          skeleton: skeleton,
+          src: photo,
+          title: address
+        })
+      }), /* @__PURE__ */jsxs(StyledDetails, {
+        children: [!skeleton && /* @__PURE__ */jsx(Heading, {
+          as: "h3",
+          gutterBottom: false,
+          children: address1
+        }), skeleton && /* @__PURE__ */jsx(Skeleton, {
+          width: "75%",
+          height: 30
+        }), !skeleton && /* @__PURE__ */jsx(Text, {
+          variant: "subtitle1",
+          weight: "500",
+          color: "textPrimary",
+          children: address2
+        }), skeleton && /* @__PURE__ */jsx(Skeleton, {
+          width: "65%",
+          height: 30
+        }), /* @__PURE__ */jsx(Divider, {}), /* @__PURE__ */jsxs(Box, {
           display: "flex",
           width: "100%",
           align: "center",
           marginBottom: !skeleton ? "20px" : "-13px",
-          children: [
-            !skeleton && /* @__PURE__ */ jsxs(
-              Text,
-              {
+          children: [!skeleton && /* @__PURE__ */jsxs(Text, {
+            as: "span",
+            weight: "600",
+            variant: "inherit",
+            color: "textPrimary",
+            children: ["$", rentAmount, abbreviatedRentFrequency()]
+          }), skeleton && /* @__PURE__ */jsx(Skeleton, {
+            width: 60,
+            height: 27
+          }), /* @__PURE__ */jsxs(StyledIcon, {
+            children: [!skeleton && !isEmpty(bedrooms) && /* @__PURE__ */jsxs(Fragment, {
+              children: [/* @__PURE__ */jsx(Text, {
                 as: "span",
                 weight: "600",
                 variant: "inherit",
                 color: "textPrimary",
-                children: [
-                  "$",
-                  rentAmount,
-                  abbreviatedRentFrequency()
-                ]
-              }
-            ),
-            skeleton && /* @__PURE__ */ jsx(Skeleton, { width: 60, height: 27 }),
-            /* @__PURE__ */ jsxs(StyledIcon, { children: [
-              !skeleton && !isEmpty(bedrooms) && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  Text,
-                  {
-                    as: "span",
-                    weight: "600",
-                    variant: "inherit",
-                    color: "textPrimary",
-                    children: bedrooms
-                  }
-                ),
-                "\xA0",
-                /* @__PURE__ */ jsx(HotelIcon, {})
-              ] }),
-              skeleton && /* @__PURE__ */ jsx(Skeleton, { width: 40, height: 27 })
-            ] }),
-            /* @__PURE__ */ jsxs(StyledIcon, { children: [
-              !skeleton && !isEmpty(bathrooms) && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  Text,
-                  {
-                    as: "span",
-                    weight: "600",
-                    variant: "inherit",
-                    color: "textPrimary",
-                    children: bathrooms
-                  }
-                ),
-                "\xA0",
-                /* @__PURE__ */ jsx(BathtubIcon, {})
-              ] }),
-              skeleton && /* @__PURE__ */ jsx(Skeleton, { width: 40, height: 27 })
-            ] }),
-            /* @__PURE__ */ jsxs(StyledIcon, { children: [
-              !skeleton && !isEmpty(parkingSpaces) && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  Text,
-                  {
-                    as: "span",
-                    weight: "600",
-                    variant: "inherit",
-                    color: "textPrimary",
-                    children: parkingSpaces
-                  }
-                ),
-                "\xA0",
-                /* @__PURE__ */ jsx(DirectionsCarIcon, {})
-              ] }),
-              skeleton && /* @__PURE__ */ jsx(Skeleton, { width: 40, height: 27 })
-            ] })
-          ]
-        }
-      ),
-      footerContent && /* @__PURE__ */ jsx(Box, { display: "flex", justify: "flex-end", align: "center", children: footerContent })
-    ] })
-  ] }) });
+                children: bedrooms
+              }), "\xA0", /* @__PURE__ */jsx(HotelIcon, {})]
+            }), skeleton && /* @__PURE__ */jsx(Skeleton, {
+              width: 40,
+              height: 27
+            })]
+          }), /* @__PURE__ */jsxs(StyledIcon, {
+            children: [!skeleton && !isEmpty(bathrooms) && /* @__PURE__ */jsxs(Fragment, {
+              children: [/* @__PURE__ */jsx(Text, {
+                as: "span",
+                weight: "600",
+                variant: "inherit",
+                color: "textPrimary",
+                children: bathrooms
+              }), "\xA0", /* @__PURE__ */jsx(BathtubIcon, {})]
+            }), skeleton && /* @__PURE__ */jsx(Skeleton, {
+              width: 40,
+              height: 27
+            })]
+          }), /* @__PURE__ */jsxs(StyledIcon, {
+            children: [!skeleton && !isEmpty(parkingSpaces) && /* @__PURE__ */jsxs(Fragment, {
+              children: [/* @__PURE__ */jsx(Text, {
+                as: "span",
+                weight: "600",
+                variant: "inherit",
+                color: "textPrimary",
+                children: parkingSpaces
+              }), "\xA0", /* @__PURE__ */jsx(DirectionsCarIcon, {})]
+            }), skeleton && /* @__PURE__ */jsx(Skeleton, {
+              width: 40,
+              height: 27
+            })]
+          })]
+        }), footerContent && /* @__PURE__ */jsx(Box, {
+          display: "flex",
+          justify: "flex-end",
+          align: "center",
+          children: footerContent
+        })]
+      })]
+    })
+  });
 }
 PropertyCard.propTypes = {
   /**
@@ -182,13 +196,7 @@ PropertyCard.propTypes = {
   /**
    * Dollar amount for rent
    */
-  rentFrequency: PropTypes.oneOf([
-    "weekly",
-    "monthly",
-    "fortnightly",
-    "daily",
-    ""
-  ]),
+  rentFrequency: PropTypes.oneOf(["weekly", "monthly", "fortnightly", "daily", ""]),
   /**
    * Show skeleton layout
    */

package/dist/esm/components/PropertyCard.styled.js

@@ -1,62 +1,23 @@
 "use strict";
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
 import styled, { css } from 'styled-components';
 
-const StyledContainer = styled.div`
-  ${({ theme }) => css`
-    display: flex;
-    @media screen and (max-width: 767px) {
-      flex-direction: column;
-      padding: ${theme.spacing(3)};
-    }
-    @media screen and (min-width: 768px) {
-      height: 100%;
-    }
-  `}}
-`;
-const StyledImg = styled.div`
- ${({ theme }) => css`
-   background: ${theme.palette.grey[200]};
-   overflow: hidden;
-
-   @media screen and (max-width: 767px) {
-     width: 100%;
-     height: 142px;
-   }
-
-   @media screen and (min-width: 768px) {
-     width: 182px;
-     flex: 0 0 182px;
-     min-height: 162px;
-
-     border-top-left-radius: ${theme.shape.borderRadius * 2}px;
-     border-bottom-left-radius: ${theme.shape.borderRadius * 2}px;
-   }
- `}}
-
-`;
-const StyledDetails = styled.div`
-  ${({ theme }) => css`
-    flex-grow: 1;
-
-    @media screen and (max-width: 767px) {
-      padding: ${theme.spacing(3, 0, 1, 0)};
-    }
-
-    @media screen and (min-width: 768px) {
-      display: flex;
-      flex-direction: column;
-      padding: ${theme.spacing(3, 5)};
-    }
-  `}}
-`;
-const StyledIcon = styled.span`
-  ${({ theme }) => css`
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0 12px;
-    color: ${theme.palette.grey.main};
-  `}}
-`;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var StyledContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "}\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    @media screen and (max-width: 767px) {\n      flex-direction: column;\n      padding: ", ";\n    }\n    @media screen and (min-width: 768px) {\n      height: 100%;\n    }\n  "])), theme.spacing(3));
+});
+var StyledImg = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "}\n\n"])), function (_ref2) {
+  var theme = _ref2.theme;
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n   background: ", ";\n   overflow: hidden;\n\n   @media screen and (max-width: 767px) {\n     width: 100%;\n     height: 142px;\n   }\n\n   @media screen and (min-width: 768px) {\n     width: 182px;\n     flex: 0 0 182px;\n     min-height: 162px;\n\n     border-top-left-radius: ", "px;\n     border-bottom-left-radius: ", "px;\n   }\n "])), theme.palette.grey[200], theme.shape.borderRadius * 2, theme.shape.borderRadius * 2);
+});
+var StyledDetails = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "}\n"])), function (_ref3) {
+  var theme = _ref3.theme;
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    flex-grow: 1;\n\n    @media screen and (max-width: 767px) {\n      padding: ", ";\n    }\n\n    @media screen and (min-width: 768px) {\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    }\n  "])), theme.spacing(3, 0, 1, 0), theme.spacing(3, 5));
+});
+var StyledIcon = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "}\n"])), function (_ref4) {
+  var theme = _ref4.theme;
+  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 12px;\n    color: ", ";\n  "])), theme.palette.grey.main);
+});
 
 export { StyledContainer, StyledDetails, StyledIcon, StyledImg };

package/dist/esm/components/Radio.js

@@ -1,45 +1,57 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import Stack from '@mui/material/Stack';
 import Box from './Box.js';
 import FormLabel from './FormLabel.js';
 import { StyledRadio } from './Radio.styled.js';
 
-function Radio({
-  color = "primary",
-  disabled = false,
-  id = "",
-  required = false,
-  value = "",
-  label,
-  name,
-  size = "medium",
-  ...rest
-}) {
-  const props = {
-    color,
-    disabled,
+var _excluded = ["color", "disabled", "id", "required", "value", "label", "name", "size"];
+function Radio(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "primary" : _ref$color,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? "" : _ref$id,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? "" : _ref$value,
+    label = _ref.label,
+    name = _ref.name,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var props = _objectSpread2({
+    color: color,
+    disabled: disabled,
     id: id || name,
-    required,
-    value,
-    size,
-    name,
-    ...rest
-  };
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: "10px", alignItems: "flex-start", children: [
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(StyledRadio, { ...props, disableRipple: true }) }),
-    /* @__PURE__ */ jsx(
-      FormLabel,
-      {
-        htmlFor: id,
-        size,
-        disabled,
-        margin: "none",
-        sx: { mt: "2px", fontWeight: "500" },
-        children: label
-      }
-    )
-  ] });
+    required: required,
+    value: value,
+    size: size,
+    name: name
+  }, rest);
+  return /* @__PURE__ */jsxs(Stack, {
+    direction: "row",
+    gap: "10px",
+    alignItems: "flex-start",
+    children: [/* @__PURE__ */jsx(Box, {
+      children: /* @__PURE__ */jsx(StyledRadio, _objectSpread2(_objectSpread2({}, props), {}, {
+        disableRipple: true
+      }))
+    }), /* @__PURE__ */jsx(FormLabel, {
+      htmlFor: id,
+      size: size,
+      disabled: disabled,
+      margin: "none",
+      sx: {
+        mt: "2px",
+        fontWeight: "500"
+      },
+      children: label
+    })]
+  });
 }
 
 export { Radio as default };

package/dist/esm/components/Radio.styled.js

@@ -1,23 +1,16 @@
 "use strict";
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { css } from '@emotion/react';
 import { styled } from '@mui/material/styles';
 import Radio from '@mui/material/Radio';
 import { getObjectProp } from '../utils/helpers/object.js';
 
-const StyledRadio = styled(Radio)`
-  ${({ checked, disabled, theme }) => css`
-    padding: 0;
-    border-radius: 0;
-
-    ${!checked && css`
-      color: ${getObjectProp(theme, "vars.palette.grey.600")};
-    `}
-    ${disabled && css`
-      && {
-        color: ${getObjectProp(theme, "vars.palette.grey.400")};
-      }
-    `}
-  `}
-`;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var StyledRadio = styled(Radio)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var checked = _ref.checked,
+    disabled = _ref.disabled,
+    theme = _ref.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 0;\n    border-radius: 0;\n\n    ", "\n    ", "\n  "])), !checked && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), getObjectProp(theme, "vars.palette.grey.600")), disabled && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      && {\n        color: ", ";\n      }\n    "])), getObjectProp(theme, "vars.palette.grey.400")));
+});
 
 export { StyledRadio };

package/dist/esm/components/Rating.js

@@ -1,10 +1,12 @@
 "use strict";
+import { extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import MuiRating from '@mui/material/Rating';
 
-function Rating({ ...rest }) {
-  return /* @__PURE__ */ jsx(MuiRating, { ...rest });
+function Rating(_ref) {
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */jsx(MuiRating, _objectSpread2({}, rest));
 }
 
 export { Rating as default };