@tenancy.nz/feature-ui 1.0.1 → 1.0.2

package/dist/esm/components/PropertyCard.js

@@ -1,133 +1,141 @@
 "use strict";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
 import { Paper, Media, Box, Heading, Text } from '@tenancy.nz/ui';
 import { Icon } from '@tenancy.nz/icons';
 import IconLabel from './IconLabel.js';
 import { StyledPropertyImage, StyledPropertyDetailsBox, StyledPropertyAmenitiesBox } from './PropertyCard.styled.js';
 
-function PropertyCard({
-  address = void 0,
-  compact = false,
-  enquiriesCount = void 0,
-  imgSrc,
-  noOfBedrooms = void 0,
-  noOfBathrooms = void 0,
-  noOfCarparks = void 0,
-  rent = void 0,
-  viewingsCount = void 0,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      overflow: false,
-      sx: {
-        display: "flex",
-        alignItems: "center"
+var _excluded = ["address", "compact", "enquiriesCount", "imgSrc", "noOfBedrooms", "noOfBathrooms", "noOfCarparks", "rent", "viewingsCount"];
+function PropertyCard(_ref) {
+  var _ref$address = _ref.address,
+    address = _ref$address === void 0 ? void 0 : _ref$address,
+    _ref$compact = _ref.compact,
+    compact = _ref$compact === void 0 ? false : _ref$compact,
+    _ref$enquiriesCount = _ref.enquiriesCount,
+    enquiriesCount = _ref$enquiriesCount === void 0 ? void 0 : _ref$enquiriesCount,
+    imgSrc = _ref.imgSrc,
+    _ref$noOfBedrooms = _ref.noOfBedrooms,
+    noOfBedrooms = _ref$noOfBedrooms === void 0 ? void 0 : _ref$noOfBedrooms,
+    _ref$noOfBathrooms = _ref.noOfBathrooms,
+    noOfBathrooms = _ref$noOfBathrooms === void 0 ? void 0 : _ref$noOfBathrooms,
+    _ref$noOfCarparks = _ref.noOfCarparks,
+    noOfCarparks = _ref$noOfCarparks === void 0 ? void 0 : _ref$noOfCarparks,
+    _ref$rent = _ref.rent,
+    rent = _ref$rent === void 0 ? void 0 : _ref$rent,
+    _ref$viewingsCount = _ref.viewingsCount,
+    viewingsCount = _ref$viewingsCount === void 0 ? void 0 : _ref$viewingsCount,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement(Paper, _objectSpread2({
+    overflow: false,
+    sx: {
+      display: "flex",
+      alignItems: "center"
+    }
+  }, rest), /* @__PURE__ */React.createElement(StyledPropertyImage, null, /* @__PURE__ */React.createElement(Media, {
+    as: "img",
+    title: address,
+    src: imgSrc
+  })), /* @__PURE__ */React.createElement(StyledPropertyDetailsBox, null, /* @__PURE__ */React.createElement(Box, null, /* @__PURE__ */React.createElement(Heading, {
+    as: "h4",
+    weight: "700"
+  }, address)), /* @__PURE__ */React.createElement(Box, {
+    sx: {
+      display: "flex",
+      alignItems: "center",
+      ml: {
+        sm: "auto"
+      },
+      mt: {
+        xs: "10px",
+        sm: 0
+      },
+      "@media print": {
+        ml: "auto"
+      }
+    }
+  }, /* @__PURE__ */React.createElement(StyledPropertyAmenitiesBox, null, rent && /* @__PURE__ */React.createElement(Heading, {
+    as: "h4",
+    weight: "700"
+  }, rent), /* @__PURE__ */React.createElement(Box, {
+    fontSize: "16px"
+  }, noOfBedrooms && /* @__PURE__ */React.createElement(IconLabel, {
+    color: "text.primary",
+    startIcon: /* @__PURE__ */React.createElement(Icon, {
+      size: 21,
+      color: "inherit",
+      name: "bed"
+    })
+  }, /* @__PURE__ */React.createElement(Text, {
+    as: "span",
+    variant: "inherit"
+  }, noOfBedrooms)), noOfBathrooms && /* @__PURE__ */React.createElement(IconLabel, {
+    color: "text.primary",
+    startIcon: /* @__PURE__ */React.createElement(Icon, {
+      size: 21,
+      color: "inherit",
+      name: "bath"
+    }),
+    marginLeft: 3
+  }, /* @__PURE__ */React.createElement(Text, {
+    as: "span",
+    variant: "inherit"
+  }, noOfBathrooms)), noOfCarparks && /* @__PURE__ */React.createElement(IconLabel, {
+    color: "text.primary",
+    startIcon: /* @__PURE__ */React.createElement(Icon, {
+      size: 21,
+      color: "inherit",
+      name: "car"
+    }),
+    marginLeft: 3
+  }, /* @__PURE__ */React.createElement(Text, {
+    as: "span",
+    variant: "inherit"
+  }, noOfCarparks)))), !compact && /* @__PURE__ */React.createElement(Box, {
+    paddingLeft: "25px",
+    borderLeft: "1px solid #00000040",
+    display: "flex",
+    direction: "column",
+    sx: {
+      gap: {
+        xs: "18px",
+        lg: "10px",
+        xl: 0
       },
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx(StyledPropertyImage, { children: /* @__PURE__ */ jsx(Media, { as: "img", title: address, src: imgSrc }) }),
-        /* @__PURE__ */ jsxs(StyledPropertyDetailsBox, { children: [
-          /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Heading, { as: "h4", weight: "700", children: address }) }),
-          /* @__PURE__ */ jsxs(
-            Box,
-            {
-              sx: {
-                display: "flex",
-                alignItems: "center",
-                ml: { sm: "auto" },
-                mt: { xs: "10px", sm: 0 },
-                "@media print": {
-                  ml: "auto"
-                }
-              },
-              children: [
-                /* @__PURE__ */ jsxs(StyledPropertyAmenitiesBox, { children: [
-                  rent && /* @__PURE__ */ jsx(Heading, { as: "h4", weight: "700", children: rent }),
-                  /* @__PURE__ */ jsxs(Box, { fontSize: "16px", children: [
-                    noOfBedrooms && /* @__PURE__ */ jsx(
-                      IconLabel,
-                      {
-                        color: "text.primary",
-                        startIcon: /* @__PURE__ */ jsx(Icon, { size: 21, color: "inherit", name: "bed" }),
-                        children: /* @__PURE__ */ jsx(Text, { as: "span", variant: "inherit", children: noOfBedrooms })
-                      }
-                    ),
-                    noOfBathrooms && /* @__PURE__ */ jsx(
-                      IconLabel,
-                      {
-                        color: "text.primary",
-                        startIcon: /* @__PURE__ */ jsx(Icon, { size: 21, color: "inherit", name: "bath" }),
-                        marginLeft: 3,
-                        children: /* @__PURE__ */ jsx(Text, { as: "span", variant: "inherit", children: noOfBathrooms })
-                      }
-                    ),
-                    noOfCarparks && /* @__PURE__ */ jsx(
-                      IconLabel,
-                      {
-                        color: "text.primary",
-                        startIcon: /* @__PURE__ */ jsx(Icon, { size: 21, color: "inherit", name: "car" }),
-                        marginLeft: 3,
-                        children: /* @__PURE__ */ jsx(Text, { as: "span", variant: "inherit", children: noOfCarparks })
-                      }
-                    )
-                  ] })
-                ] }),
-                !compact && /* @__PURE__ */ jsxs(
-                  Box,
-                  {
-                    paddingLeft: "25px",
-                    borderLeft: "1px solid #00000040",
-                    display: "flex",
-                    direction: "column",
-                    sx: {
-                      gap: { xs: "18px", lg: "10px", xl: 0 },
-                      justifyContent: "space-between"
-                    },
-                    children: [
-                      viewingsCount && /* @__PURE__ */ jsxs(Box, { display: "flex", align: "center", gap: "12px", children: [
-                        /* @__PURE__ */ jsx(Box, { minWidth: "87px", children: /* @__PURE__ */ jsx(
-                          Text,
-                          {
-                            transform: "uppercase",
-                            color: "textPrimary",
-                            as: "span",
-                            weight: "600",
-                            align: "right",
-                            lineHeight: "15px",
-                            children: "Viewings"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx(Heading, { as: "h2", children: viewingsCount })
-                      ] }),
-                      enquiriesCount && /* @__PURE__ */ jsxs(Box, { display: "flex", align: "center", gap: "12px", children: [
-                        /* @__PURE__ */ jsx(Box, { minWidth: "87px", children: /* @__PURE__ */ jsx(
-                          Text,
-                          {
-                            transform: "uppercase",
-                            color: "textPrimary",
-                            as: "span",
-                            weight: "600",
-                            minWidth: "87px",
-                            align: "right",
-                            lineHeight: "15px",
-                            children: "Enquiries"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsx(Heading, { as: "h2", children: enquiriesCount })
-                      ] })
-                    ]
-                  }
-                )
-              ]
-            }
-          )
-        ] })
-      ]
+      justifyContent: "space-between"
     }
-  );
+  }, viewingsCount && /* @__PURE__ */React.createElement(Box, {
+    display: "flex",
+    align: "center",
+    gap: "12px"
+  }, /* @__PURE__ */React.createElement(Box, {
+    minWidth: "87px"
+  }, /* @__PURE__ */React.createElement(Text, {
+    transform: "uppercase",
+    color: "textPrimary",
+    as: "span",
+    weight: "600",
+    align: "right",
+    lineHeight: "15px"
+  }, "Viewings")), /* @__PURE__ */React.createElement(Heading, {
+    as: "h2"
+  }, viewingsCount)), enquiriesCount && /* @__PURE__ */React.createElement(Box, {
+    display: "flex",
+    align: "center",
+    gap: "12px"
+  }, /* @__PURE__ */React.createElement(Box, {
+    minWidth: "87px"
+  }, /* @__PURE__ */React.createElement(Text, {
+    transform: "uppercase",
+    color: "textPrimary",
+    as: "span",
+    weight: "600",
+    minWidth: "87px",
+    align: "right",
+    lineHeight: "15px"
+  }, "Enquiries")), /* @__PURE__ */React.createElement(Heading, {
+    as: "h2"
+  }, enquiriesCount))))));
 }
 
 export { PropertyCard as default };

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

@@ -1,72 +1,20 @@
 "use strict";
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 
-const StyledPropertyImage = styled.figure`
-  padding: 0;
-  margin: 0;
-  width: 120px;
-  height: 95px;
-  flex: 0 0 95px;
-  overflow: hidden;
-
-  ${({ theme }) => css`
-    ${theme.breakpoints.down("sm")} {
-      display: none;
-    }
-
-    ${theme.breakpoints.up("sm")} {
-      width: 150px;
-      height: 135px;
-      flex: 0 0 150px;
-    }
-
-    @media print {
-      width: 150px;
-      height: 135px;
-      flex: 0 0 150px;
-      display: block;
-    }
-  `}
-`;
-const StyledPropertyDetailsBox = styled.div`
-  display: flex;
-  width: 100%;
-  align-items: flex-start;
-  padding: 16px 24px 16px 20px;
-  flex-direction: column;
-
-  ${({ theme }) => css`
-    ${theme.breakpoints.up("sm")} {
-      flex-direction: row;
-      align-items: center;
-    }
-  `}
-
-  @media print {
-    flex-direction: row;
-    align-items: center;
-  }
-`;
-const StyledPropertyAmenitiesBox = styled.div`
-  padding-right: 25px;
-  display: flex;
-  flex-direction: column;
-  margin-top: 5px;
-
-  gap: 18px;
-  min-width: 170px;
-  height: 100%;
-  justify-content: space-between;
-
-  ${({ theme }) => `
-    @media (min-width: ${theme.breakpoints.values.md}px) {
-      align-items: flex-end;
-    }
-  `}
-  @media print {
-    align-items: flex-end;
-  }
-`;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var StyledPropertyImage = styled.figure(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0;\n  margin: 0;\n  width: 120px;\n  height: 95px;\n  flex: 0 0 95px;\n  overflow: hidden;\n\n  ", "\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", " {\n      display: none;\n    }\n\n    ", " {\n      width: 150px;\n      height: 135px;\n      flex: 0 0 150px;\n    }\n\n    @media print {\n      width: 150px;\n      height: 135px;\n      flex: 0 0 150px;\n      display: block;\n    }\n  "])), theme.breakpoints.down("sm"), theme.breakpoints.up("sm"));
+});
+var StyledPropertyDetailsBox = styled.div(_templateObject3 || (_templateObject3 = _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 (_ref2) {
+  var theme = _ref2.theme;
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", " {\n      flex-direction: row;\n      align-items: center;\n    }\n  "])), theme.breakpoints.up("sm"));
+});
+var StyledPropertyAmenitiesBox = styled.div(_templateObject5 || (_templateObject5 = _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  @media print {\n    align-items: flex-end;\n  }\n"])), function (_ref3) {
+  var theme = _ref3.theme;
+  return "\n    @media (min-width: ".concat(theme.breakpoints.values.md, "px) {\n      align-items: flex-end;\n    }\n  ");
+});
 
 export { StyledPropertyAmenitiesBox, StyledPropertyDetailsBox, StyledPropertyImage };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tenancy.nz/feature-ui",
   "description": "React UI feature components.",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "author": "TPS <https://www.tenancy.co.nz>",
   "type": "module",
   "main": "dist/cjs/index.cjs",
@@ -18,14 +18,14 @@
     "primereact": "^3.1.3",
     "react": ">= 16.0.0  <= 18.3.1",
     "react-dom": ">= 16.0.0  <= 18.3.1",
-    "@tenancy.nz/icons": "1.0.1",
-    "@tenancy.nz/ui": "1.0.1"
+    "@tenancy.nz/icons": "1.0.2",
+    "@tenancy.nz/ui": "1.0.5"
   },
   "devDependencies": {
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "@tenancy.nz/icons": "1.0.1",
-    "@tenancy.nz/ui": "1.0.1"
+    "@tenancy.nz/icons": "1.0.2",
+    "@tenancy.nz/ui": "1.0.5"
   },
   "dependencies": {
     "react-uid": "^2.4.0"