@tenancy.nz/tenant-ui 1.10.6 → 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/{agency-logo.cjs → PropertyCardFooter.cjs} +14 -5
  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/{property-horizontal-card-skeleton.cjs → PropertyOverviewCardSkeleton.cjs} +8 -8
  11. package/dist/cjs/components/{rent-icon-label.cjs → RentIconLabel.cjs} +2 -2
  12. package/dist/cjs/index.cjs +22 -16
  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/{agency-logo.js → PropertyCardFooter.js} +14 -5
  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/{property-horizontal-card-skeleton.js → PropertyOverviewCardSkeleton.js} +8 -8
  23. package/dist/esm/components/{rent-icon-label.js → RentIconLabel.js} +1 -1
  24. package/dist/esm/index.js +11 -8
  25. package/package.json +5 -5
  26. package/dist/cjs/components/property-card.cjs +0 -108
  27. package/dist/cjs/components/property-horizontal-card.cjs +0 -96
  28. package/dist/esm/components/property-card.js +0 -104
  29. package/dist/esm/components/property-horizontal-card.js +0 -92
  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,92 +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 { StyledPropertyItemImgWrapper } from './property-card.styled.js';
6
-
7
- function PropertyHorizontalCard(_ref) {
8
- var _ref$action = _ref.action,
9
- action = _ref$action === void 0 ? void 0 : _ref$action,
10
- _ref$addressPart = _ref.addressPart1,
11
- addressPart1 = _ref$addressPart === void 0 ? "" : _ref$addressPart,
12
- _ref$addressPart2 = _ref.addressPart2,
13
- addressPart2 = _ref$addressPart2 === void 0 ? "" : _ref$addressPart2,
14
- _ref$content = _ref.content,
15
- content = _ref$content === void 0 ? void 0 : _ref$content,
16
- _ref$footer = _ref.footer,
17
- footer = _ref$footer === void 0 ? void 0 : _ref$footer,
18
- _ref$fullHeight = _ref.fullHeight,
19
- fullHeight = _ref$fullHeight === void 0 ? true : _ref$fullHeight,
20
- _ref$onClick = _ref.onClick,
21
- onClick = _ref$onClick === void 0 ? void 0 : _ref$onClick,
22
- _ref$header = _ref.header,
23
- header = _ref$header === void 0 ? void 0 : _ref$header,
24
- _ref$photoSrc = _ref.photoSrc,
25
- photoSrc = _ref$photoSrc === void 0 ? "" : _ref$photoSrc;
26
- return /* @__PURE__ */React.createElement(Stack, {
27
- onClick: onClick,
28
- sx: _objectSpread2(_objectSpread2({
29
- transition: "all 0.25s ease-out",
30
- cursor: "default"
31
- }, fullHeight && {
32
- height: "100%"
33
- }), typeof onClick === "function" && {
34
- cursor: "pointer",
35
- "&:hover": {
36
- transform: "translateY(-6px)"
37
- }
38
- })
39
- }, /* @__PURE__ */React.createElement(Paper, {
40
- overflow: false,
41
- sx: _objectSpread2({
42
- display: "flex",
43
- flexDirection: {
44
- xs: "column",
45
- md: "row"
46
- }
47
- }, fullHeight && {
48
- height: "100%"
49
- })
50
- }, /* @__PURE__ */React.createElement(Stack, {
51
- sx: {
52
- width: "100%",
53
- maxWidth: {
54
- md: "180px"
55
- }
56
- }
57
- }, header, /* @__PURE__ */React.createElement(StyledPropertyItemImgWrapper, {
58
- orientation: "horizontal"
59
- }, photoSrc && /* @__PURE__ */React.createElement(Media, {
60
- src: photoSrc,
61
- title: addressPart1,
62
- as: "img"
63
- }))), /* @__PURE__ */React.createElement(Stack, {
64
- p: 4,
65
- position: "relative",
66
- gap: 4,
67
- flex: 1
68
- }, /* @__PURE__ */React.createElement(Stack, {
69
- gap: 2
70
- }, /* @__PURE__ */React.createElement(Heading, {
71
- as: "h4",
72
- color: "primary"
73
- }, addressPart1), /* @__PURE__ */React.createElement(Text, {
74
- sx: {
75
- fontSize: "12px"
76
- },
77
- weight: "500",
78
- color: "secondary"
79
- }, addressPart2)), content && /* @__PURE__ */React.createElement(Stack, {
80
- alignItems: "flex-start"
81
- }, content), (footer || action) && /* @__PURE__ */React.createElement(Stack, {
82
- direction: "row",
83
- gap: 2,
84
- alignItems: "center",
85
- mt: "auto"
86
- }, footer, action && /* @__PURE__ */React.createElement(Stack, {
87
- ml: "auto",
88
- flexShrink: 0
89
- }, action)))));
90
- }
91
-
92
- export { PropertyHorizontalCard as default };