@tenancy.nz/tenant-ui 1.10.5 → 1.10.7

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.
Files changed (31) hide show
  1. package/dist/cjs/components/{property-attributes.cjs → PropertyAttributes.cjs} +5 -5
  2. package/dist/cjs/components/PropertyCard.cjs +93 -0
  3. package/dist/cjs/components/PropertyCardBanner.cjs +49 -0
  4. package/dist/cjs/components/PropertyCardFooter.cjs +61 -0
  5. package/dist/cjs/components/PropertyCardHeader.cjs +40 -0
  6. package/dist/cjs/components/PropertyCardImage.cjs +21 -0
  7. package/dist/cjs/components/{property-card.styled.cjs → PropertyCardImage.styled.cjs} +7 -3
  8. package/dist/cjs/components/{property-card-skeleton.cjs → PropertyCardSkeleton.cjs} +1 -0
  9. package/dist/cjs/components/PropertyOverviewCard.cjs +88 -0
  10. package/dist/cjs/components/PropertyOverviewCardSkeleton.cjs +75 -0
  11. package/dist/cjs/components/{rent-icon-label.cjs → RentIconLabel.cjs} +2 -2
  12. package/dist/cjs/index.cjs +22 -12
  13. package/dist/esm/components/{property-attributes.js → PropertyAttributes.js} +1 -1
  14. package/dist/esm/components/PropertyCard.js +89 -0
  15. package/dist/esm/components/PropertyCardBanner.js +45 -0
  16. package/dist/esm/components/PropertyCardFooter.js +57 -0
  17. package/dist/esm/components/PropertyCardHeader.js +36 -0
  18. package/dist/esm/components/PropertyCardImage.js +17 -0
  19. package/dist/esm/components/{property-card.styled.js → PropertyCardImage.styled.js} +7 -3
  20. package/dist/esm/components/{property-card-skeleton.js → PropertyCardSkeleton.js} +1 -0
  21. package/dist/esm/components/PropertyOverviewCard.js +84 -0
  22. package/dist/esm/components/PropertyOverviewCardSkeleton.js +71 -0
  23. package/dist/esm/components/{rent-icon-label.js → RentIconLabel.js} +1 -1
  24. package/dist/esm/index.js +11 -6
  25. package/package.json +5 -5
  26. package/dist/cjs/components/agency-logo.cjs +0 -38
  27. package/dist/cjs/components/property-card.cjs +0 -129
  28. package/dist/esm/components/agency-logo.js +0 -34
  29. package/dist/esm/components/property-card.js +0 -125
  30. /package/dist/cjs/components/{icon-label.cjs → IconLabel.cjs} +0 -0
  31. /package/dist/esm/components/{icon-label.js → IconLabel.js} +0 -0
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- import Stack from '@mui/material/Stack';
3
- import { Text } from '@tenancy.nz/ui';
4
-
5
- function AgencyLogo(_ref) {
6
- var src = _ref.src,
7
- _ref$name = _ref.name,
8
- name = _ref$name === void 0 ? void 0 : _ref$name,
9
- _ref$size = _ref.size,
10
- size = _ref$size === void 0 ? "30px" : _ref$size;
11
- return /* @__PURE__ */React.createElement(Stack, {
12
- flexDirection: "row",
13
- gap: 4,
14
- alignItems: "center"
15
- }, /* @__PURE__ */React.createElement(Stack, {
16
- alignItems: "center",
17
- justifyContent: "center",
18
- sx: {
19
- width: size,
20
- height: size,
21
- ">img": {
22
- maxWidth: "100%",
23
- maxHeight: "100%"
24
- }
25
- }
26
- }, /* @__PURE__ */React.createElement("img", {
27
- src: src,
28
- alt: "Logo"
29
- })), name && /* @__PURE__ */React.createElement(Text, {
30
- weight: "600"
31
- }, name));
32
- }
33
-
34
- export { AgencyLogo as default };
@@ -1,125 +0,0 @@
1
- import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
2
- import React from 'react';
3
- import Stack from '@mui/material/Stack';
4
- import { Paper, Media, Heading, Text } from '@tenancy.nz/ui';
5
- import PropertyAttributes from './property-attributes.js';
6
- import RentIconLabel from './rent-icon-label.js';
7
- import { StyledPropertyItemImgWrapper } from './property-card.styled.js';
8
-
9
- function PropertyCard(_ref) {
10
- var _ref$action = _ref.action,
11
- action = _ref$action === void 0 ? void 0 : _ref$action,
12
- _ref$addressPart = _ref.addressPart1,
13
- addressPart1 = _ref$addressPart === void 0 ? "" : _ref$addressPart,
14
- _ref$addressPart2 = _ref.addressPart2,
15
- addressPart2 = _ref$addressPart2 === void 0 ? "" : _ref$addressPart2,
16
- _ref$bedrooms = _ref.bedrooms,
17
- bedrooms = _ref$bedrooms === void 0 ? void 0 : _ref$bedrooms,
18
- _ref$bathrooms = _ref.bathrooms,
19
- bathrooms = _ref$bathrooms === void 0 ? void 0 : _ref$bathrooms,
20
- _ref$content = _ref.content,
21
- content = _ref$content === void 0 ? void 0 : _ref$content,
22
- _ref$footer = _ref.footer,
23
- footer = _ref$footer === void 0 ? void 0 : _ref$footer,
24
- _ref$fullHeight = _ref.fullHeight,
25
- fullHeight = _ref$fullHeight === void 0 ? true : _ref$fullHeight,
26
- _ref$onClick = _ref.onClick,
27
- onClick = _ref$onClick === void 0 ? void 0 : _ref$onClick,
28
- _ref$orientation = _ref.orientation,
29
- orientation = _ref$orientation === void 0 ? "vertical" : _ref$orientation,
30
- _ref$parkingSpaces = _ref.parkingSpaces,
31
- parkingSpaces = _ref$parkingSpaces === void 0 ? void 0 : _ref$parkingSpaces,
32
- _ref$header = _ref.header,
33
- header = _ref$header === void 0 ? void 0 : _ref$header,
34
- _ref$photoSrc = _ref.photoSrc,
35
- photoSrc = _ref$photoSrc === void 0 ? "" : _ref$photoSrc,
36
- _ref$rent = _ref.rent,
37
- rent = _ref$rent === void 0 ? "" : _ref$rent;
38
- var footerSlot = footer && /* @__PURE__ */React.createElement(Stack, {
39
- mt: "auto",
40
- sx: {
41
- borderTop: "1px solid",
42
- borderTopColor: "grey.300"
43
- }
44
- }, footer);
45
- return /* @__PURE__ */React.createElement(Stack, {
46
- onClick: onClick,
47
- sx: _objectSpread2(_objectSpread2({
48
- transition: "all 0.25s ease-out",
49
- cursor: "default"
50
- }, fullHeight && {
51
- height: "100%"
52
- }), typeof onClick === "function" && {
53
- cursor: "pointer",
54
- "&:hover": {
55
- transform: "translateY(-6px)"
56
- }
57
- })
58
- }, /* @__PURE__ */React.createElement(Paper, {
59
- overflow: false,
60
- sx: _objectSpread2(_objectSpread2(_objectSpread2({
61
- display: "flex"
62
- }, orientation === "vertical" && {
63
- flexDirection: "column"
64
- }), orientation === "horizontal" && {
65
- flexDirection: {
66
- xs: "column",
67
- md: "row"
68
- }
69
- }), fullHeight && {
70
- height: "100%"
71
- })
72
- }, /* @__PURE__ */React.createElement(Stack, {
73
- sx: {
74
- width: "100%",
75
- maxWidth: {
76
- md: orientation === "horizontal" ? "308px" : "100%"
77
- }
78
- }
79
- }, header, /* @__PURE__ */React.createElement(StyledPropertyItemImgWrapper, {
80
- orientation: orientation
81
- }, photoSrc && /* @__PURE__ */React.createElement(Media, {
82
- src: photoSrc,
83
- title: addressPart1,
84
- as: "img"
85
- })), orientation === "horizontal" && footerSlot), /* @__PURE__ */React.createElement(Stack, {
86
- p: orientation === "vertical" ? 4 : {
87
- xs: 4,
88
- md: 8
89
- },
90
- position: "relative",
91
- gap: 2,
92
- flex: 1
93
- }, /* @__PURE__ */React.createElement(Stack, {
94
- flexDirection: "row",
95
- gap: 2,
96
- alignItems: "center"
97
- }, /* @__PURE__ */React.createElement(Stack, {
98
- gap: 1
99
- }, /* @__PURE__ */React.createElement(Heading, {
100
- as: "h4"
101
- }, addressPart1), /* @__PURE__ */React.createElement(Text, {
102
- sx: {
103
- fontSize: "12px"
104
- },
105
- weight: "500"
106
- }, addressPart2)), action && /* @__PURE__ */React.createElement(Stack, {
107
- ml: "auto"
108
- }, action)), content, /* @__PURE__ */React.createElement(Stack, {
109
- flexDirection: "row",
110
- alignItems: "center",
111
- mt: "auto",
112
- pt: 4
113
- }, /* @__PURE__ */React.createElement(PropertyAttributes, {
114
- noOfBedrooms: bedrooms,
115
- noOfBathrooms: bathrooms,
116
- noOfCarparks: parkingSpaces
117
- }), rent && /* @__PURE__ */React.createElement(RentIconLabel, {
118
- text: rent,
119
- sx: {
120
- ml: "auto"
121
- }
122
- }))), orientation === "vertical" && footerSlot));
123
- }
124
-
125
- export { PropertyCard as default };