@tenancy.nz/tenant-ui 1.10.8 → 1.10.10

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 (7) hide show
  1. package/dist/cjs/components/PropertyCard.cjs +11 -6
  2. package/dist/cjs/components/PropertyCardBanner.cjs +2 -1
  3. package/dist/cjs/components/PropertyOverviewCard.cjs +8 -5
  4. package/dist/esm/components/PropertyCard.js +11 -6
  5. package/dist/esm/components/PropertyCardBanner.js +2 -1
  6. package/dist/esm/components/PropertyOverviewCard.js +8 -5
  7. package/package.json +5 -5
package/dist/cjs/components/PropertyCard.cjs CHANGED
@@ -9,11 +9,12 @@ var ui = require('@tenancy.nz/ui');
9
9
  var PropertyAttributes = require('./PropertyAttributes.cjs');
10
10
  var PropertyCardHeader = require('./PropertyCardHeader.cjs');
11
11
  var PropertyCardImage = require('./PropertyCardImage.cjs');
12
+ var PropertyCardBanner = require('./PropertyCardBanner.cjs');
12
13
  var RentIconLabel = require('./RentIconLabel.cjs');
13
14
  var PropertyCardImage_styled = require('./PropertyCardImage.styled.cjs');
14
15
 
15
16
  function PropertyCard(_ref) {
16
- var _slots$image, _footerProps$sx;
17
+ var _slots$image, _slots$headerBanner, _slots$footerBanner, _footerProps$sx;
17
18
  var _ref$action = _ref.action,
18
19
  action = _ref$action === void 0 ? void 0 : _ref$action,
19
20
  _ref$addressPart = _ref.addressPart1,
@@ -40,11 +41,14 @@ function PropertyCard(_ref) {
40
41
  slotProps = _ref$slotProps === void 0 ? {} : _ref$slotProps;
41
42
  var Image = (_slots$image = slots.image) !== null && _slots$image !== void 0 ? _slots$image : PropertyCardImage.default;
42
43
  var imageProps = slotProps.image;
44
+ var hideImage = slots.image === null;
43
45
  var hasImage = Boolean(slots.image || (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src));
44
- var HeaderBanner = slots.headerBanner;
46
+ var HeaderBanner = (_slots$headerBanner = slots.headerBanner) !== null && _slots$headerBanner !== void 0 ? _slots$headerBanner : PropertyCardBanner.default;
45
47
  var headerBannerProps = slotProps.headerBanner;
46
- var FooterBanner = slots.footerBanner;
48
+ var hasHeaderBanner = Boolean(headerBannerProps === null || headerBannerProps === void 0 ? void 0 : headerBannerProps.label);
49
+ var FooterBanner = (_slots$footerBanner = slots.footerBanner) !== null && _slots$footerBanner !== void 0 ? _slots$footerBanner : PropertyCardBanner.default;
47
50
  var footerBannerProps = slotProps.footerBanner;
51
+ var hasFooterBanner = Boolean(footerBannerProps === null || footerBannerProps === void 0 ? void 0 : footerBannerProps.label);
48
52
  var Footer = slots.footer;
49
53
  var footerProps = slotProps.footer;
50
54
  var footerSx = (_footerProps$sx = footerProps === null || footerProps === void 0 ? void 0 : footerProps.sx) !== null && _footerProps$sx !== void 0 ? _footerProps$sx : {};
@@ -58,13 +62,14 @@ function PropertyCard(_ref) {
58
62
  fill: fullHeight,
59
63
  outlined: true,
60
64
  stack: true
61
- }, HeaderBanner && /* @__PURE__ */React.createElement(HeaderBanner, _rollupPluginBabelHelpers.objectSpread2({}, headerBannerProps)), /* @__PURE__ */React.createElement(PropertyCardImage_styled.StyledPropertyItemImgWrapper, {
65
+ }, hasHeaderBanner && /* @__PURE__ */React.createElement(HeaderBanner, _rollupPluginBabelHelpers.objectSpread2({}, headerBannerProps)), !hideImage && /* @__PURE__ */React.createElement(PropertyCardImage_styled.StyledPropertyItemImgWrapper, {
62
66
  orientation: "vertical"
63
67
  }, hasImage && /* @__PURE__ */React.createElement(Image, _rollupPluginBabelHelpers.objectSpread2({}, imageProps))), /* @__PURE__ */React.createElement(Stack, {
64
68
  p: 4,
65
69
  position: "relative",
66
70
  gap: 4,
67
- flex: 1
71
+ flex: 1,
72
+ mt: "auto"
68
73
  }, /* @__PURE__ */React.createElement(PropertyCardHeader.default, {
69
74
  title: addressPart1,
70
75
  subtitle: addressPart2,
@@ -83,7 +88,7 @@ function PropertyCard(_ref) {
83
88
  sx: _rollupPluginBabelHelpers.objectSpread2({
84
89
  mt: "auto"
85
90
  }, footerSx)
86
- }))), FooterBanner && /* @__PURE__ */React.createElement(FooterBanner, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, footerBannerProps), {}, {
91
+ }))), hasFooterBanner && /* @__PURE__ */React.createElement(FooterBanner, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, footerBannerProps), {}, {
87
92
  sx: {
88
93
  borderTop: "1px solid ".concat(ui.token("palette.semantic.border.subtleColor"))
89
94
  }
package/dist/cjs/components/PropertyCardBanner.cjs CHANGED
@@ -27,7 +27,8 @@ var tagColors = {
27
27
  primary: "inherit"
28
28
  };
29
29
  function PropertyCardBanner(_ref) {
30
- var label = _ref.label,
30
+ var _ref$label = _ref.label,
31
+ label = _ref$label === void 0 ? "" : _ref$label,
31
32
  _ref$emphasis = _ref.emphasis,
32
33
  emphasis = _ref$emphasis === void 0 ? "subtle" : _ref$emphasis,
33
34
  _ref$sx = _ref.sx,
package/dist/cjs/components/PropertyOverviewCard.cjs CHANGED
@@ -8,10 +8,11 @@ var Stack = require('@mui/material/Stack');
8
8
  var ui = require('@tenancy.nz/ui');
9
9
  var PropertyCardHeader = require('./PropertyCardHeader.cjs');
10
10
  var PropertyCardImage = require('./PropertyCardImage.cjs');
11
+ var PropertyCardBanner = require('./PropertyCardBanner.cjs');
11
12
  var PropertyCardImage_styled = require('./PropertyCardImage.styled.cjs');
12
13
 
13
14
  function PropertyOverviewCard(_ref) {
14
- var _slots$image, _footerProps$sx;
15
+ var _slots$image, _slots$headerBanner, _slots$footerBanner, _footerProps$sx;
15
16
  var _ref$action = _ref.action,
16
17
  action = _ref$action === void 0 ? void 0 : _ref$action,
17
18
  _ref$addressPart = _ref.addressPart1,
@@ -31,10 +32,12 @@ function PropertyOverviewCard(_ref) {
31
32
  var Image = (_slots$image = slots.image) !== null && _slots$image !== void 0 ? _slots$image : PropertyCardImage.default;
32
33
  var imageProps = slotProps.image;
33
34
  var hasImage = Boolean(slots.image || (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src));
34
- var HeaderBanner = slots.headerBanner;
35
+ var HeaderBanner = (_slots$headerBanner = slots.headerBanner) !== null && _slots$headerBanner !== void 0 ? _slots$headerBanner : PropertyCardBanner.default;
35
36
  var headerBannerProps = slotProps.headerBanner;
36
- var FooterBanner = slots.footerBanner;
37
+ var hasHeaderBanner = Boolean(headerBannerProps === null || headerBannerProps === void 0 ? void 0 : headerBannerProps.label);
38
+ var FooterBanner = (_slots$footerBanner = slots.footerBanner) !== null && _slots$footerBanner !== void 0 ? _slots$footerBanner : PropertyCardBanner.default;
37
39
  var footerBannerProps = slotProps.footerBanner;
40
+ var hasFooterBanner = Boolean(footerBannerProps === null || footerBannerProps === void 0 ? void 0 : footerBannerProps.label);
38
41
  var Footer = slots.footer;
39
42
  var footerProps = slotProps.footer;
40
43
  var footerSx = (_footerProps$sx = footerProps === null || footerProps === void 0 ? void 0 : footerProps.sx) !== null && _footerProps$sx !== void 0 ? _footerProps$sx : {};
@@ -61,9 +64,9 @@ function PropertyOverviewCard(_ref) {
61
64
  md: "180px"
62
65
  }
63
66
  }
64
- }, HeaderBanner && /* @__PURE__ */React.createElement(HeaderBanner, _rollupPluginBabelHelpers.objectSpread2({}, headerBannerProps)), /* @__PURE__ */React.createElement(PropertyCardImage_styled.StyledPropertyItemImgWrapper, {
67
+ }, hasHeaderBanner && /* @__PURE__ */React.createElement(HeaderBanner, _rollupPluginBabelHelpers.objectSpread2({}, headerBannerProps)), /* @__PURE__ */React.createElement(PropertyCardImage_styled.StyledPropertyItemImgWrapper, {
65
68
  orientation: "horizontal"
66
- }, hasImage && /* @__PURE__ */React.createElement(Image, _rollupPluginBabelHelpers.objectSpread2({}, imageProps))), FooterBanner && /* @__PURE__ */React.createElement(FooterBanner, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, footerBannerProps), {}, {
69
+ }, hasImage && /* @__PURE__ */React.createElement(Image, _rollupPluginBabelHelpers.objectSpread2({}, imageProps))), hasFooterBanner && /* @__PURE__ */React.createElement(FooterBanner, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, footerBannerProps), {}, {
67
70
  sx: {
68
71
  borderTop: "1px solid ".concat(ui.token("palette.semantic.border.subtleColor"))
69
72
  }
package/dist/esm/components/PropertyCard.js CHANGED
@@ -5,11 +5,12 @@ import { ClickBox, Paper, token } from '@tenancy.nz/ui';
5
5
  import PropertyAttributes from './PropertyAttributes.js';
6
6
  import PropertyCardHeader from './PropertyCardHeader.js';
7
7
  import PropertyCardImage from './PropertyCardImage.js';
8
+ import PropertyCardBanner from './PropertyCardBanner.js';
8
9
  import RentIconLabel from './RentIconLabel.js';
9
10
  import { StyledPropertyItemImgWrapper } from './PropertyCardImage.styled.js';
10
11
 
11
12
  function PropertyCard(_ref) {
12
- var _slots$image, _footerProps$sx;
13
+ var _slots$image, _slots$headerBanner, _slots$footerBanner, _footerProps$sx;
13
14
  var _ref$action = _ref.action,
14
15
  action = _ref$action === void 0 ? void 0 : _ref$action,
15
16
  _ref$addressPart = _ref.addressPart1,
@@ -36,11 +37,14 @@ function PropertyCard(_ref) {
36
37
  slotProps = _ref$slotProps === void 0 ? {} : _ref$slotProps;
37
38
  var Image = (_slots$image = slots.image) !== null && _slots$image !== void 0 ? _slots$image : PropertyCardImage;
38
39
  var imageProps = slotProps.image;
40
+ var hideImage = slots.image === null;
39
41
  var hasImage = Boolean(slots.image || (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src));
40
- var HeaderBanner = slots.headerBanner;
42
+ var HeaderBanner = (_slots$headerBanner = slots.headerBanner) !== null && _slots$headerBanner !== void 0 ? _slots$headerBanner : PropertyCardBanner;
41
43
  var headerBannerProps = slotProps.headerBanner;
42
- var FooterBanner = slots.footerBanner;
44
+ var hasHeaderBanner = Boolean(headerBannerProps === null || headerBannerProps === void 0 ? void 0 : headerBannerProps.label);
45
+ var FooterBanner = (_slots$footerBanner = slots.footerBanner) !== null && _slots$footerBanner !== void 0 ? _slots$footerBanner : PropertyCardBanner;
43
46
  var footerBannerProps = slotProps.footerBanner;
47
+ var hasFooterBanner = Boolean(footerBannerProps === null || footerBannerProps === void 0 ? void 0 : footerBannerProps.label);
44
48
  var Footer = slots.footer;
45
49
  var footerProps = slotProps.footer;
46
50
  var footerSx = (_footerProps$sx = footerProps === null || footerProps === void 0 ? void 0 : footerProps.sx) !== null && _footerProps$sx !== void 0 ? _footerProps$sx : {};
@@ -54,13 +58,14 @@ function PropertyCard(_ref) {
54
58
  fill: fullHeight,
55
59
  outlined: true,
56
60
  stack: true
57
- }, HeaderBanner && /* @__PURE__ */React.createElement(HeaderBanner, _objectSpread2({}, headerBannerProps)), /* @__PURE__ */React.createElement(StyledPropertyItemImgWrapper, {
61
+ }, hasHeaderBanner && /* @__PURE__ */React.createElement(HeaderBanner, _objectSpread2({}, headerBannerProps)), !hideImage && /* @__PURE__ */React.createElement(StyledPropertyItemImgWrapper, {
58
62
  orientation: "vertical"
59
63
  }, hasImage && /* @__PURE__ */React.createElement(Image, _objectSpread2({}, imageProps))), /* @__PURE__ */React.createElement(Stack, {
60
64
  p: 4,
61
65
  position: "relative",
62
66
  gap: 4,
63
- flex: 1
67
+ flex: 1,
68
+ mt: "auto"
64
69
  }, /* @__PURE__ */React.createElement(PropertyCardHeader, {
65
70
  title: addressPart1,
66
71
  subtitle: addressPart2,
@@ -79,7 +84,7 @@ function PropertyCard(_ref) {
79
84
  sx: _objectSpread2({
80
85
  mt: "auto"
81
86
  }, footerSx)
82
- }))), FooterBanner && /* @__PURE__ */React.createElement(FooterBanner, _objectSpread2(_objectSpread2({}, footerBannerProps), {}, {
87
+ }))), hasFooterBanner && /* @__PURE__ */React.createElement(FooterBanner, _objectSpread2(_objectSpread2({}, footerBannerProps), {}, {
83
88
  sx: {
84
89
  borderTop: "1px solid ".concat(token("palette.semantic.border.subtleColor"))
85
90
  }
package/dist/esm/components/PropertyCardBanner.js CHANGED
@@ -23,7 +23,8 @@ var tagColors = {
23
23
  primary: "inherit"
24
24
  };
25
25
  function PropertyCardBanner(_ref) {
26
- var label = _ref.label,
26
+ var _ref$label = _ref.label,
27
+ label = _ref$label === void 0 ? "" : _ref$label,
27
28
  _ref$emphasis = _ref.emphasis,
28
29
  emphasis = _ref$emphasis === void 0 ? "subtle" : _ref$emphasis,
29
30
  _ref$sx = _ref.sx,
package/dist/esm/components/PropertyOverviewCard.js CHANGED
@@ -4,10 +4,11 @@ import Stack from '@mui/material/Stack';
4
4
  import { ClickBox, Paper, token } from '@tenancy.nz/ui';
5
5
  import PropertyCardHeader from './PropertyCardHeader.js';
6
6
  import PropertyCardImage from './PropertyCardImage.js';
7
+ import PropertyCardBanner from './PropertyCardBanner.js';
7
8
  import { StyledPropertyItemImgWrapper } from './PropertyCardImage.styled.js';
8
9
 
9
10
  function PropertyOverviewCard(_ref) {
10
- var _slots$image, _footerProps$sx;
11
+ var _slots$image, _slots$headerBanner, _slots$footerBanner, _footerProps$sx;
11
12
  var _ref$action = _ref.action,
12
13
  action = _ref$action === void 0 ? void 0 : _ref$action,
13
14
  _ref$addressPart = _ref.addressPart1,
@@ -27,10 +28,12 @@ function PropertyOverviewCard(_ref) {
27
28
  var Image = (_slots$image = slots.image) !== null && _slots$image !== void 0 ? _slots$image : PropertyCardImage;
28
29
  var imageProps = slotProps.image;
29
30
  var hasImage = Boolean(slots.image || (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src));
30
- var HeaderBanner = slots.headerBanner;
31
+ var HeaderBanner = (_slots$headerBanner = slots.headerBanner) !== null && _slots$headerBanner !== void 0 ? _slots$headerBanner : PropertyCardBanner;
31
32
  var headerBannerProps = slotProps.headerBanner;
32
- var FooterBanner = slots.footerBanner;
33
+ var hasHeaderBanner = Boolean(headerBannerProps === null || headerBannerProps === void 0 ? void 0 : headerBannerProps.label);
34
+ var FooterBanner = (_slots$footerBanner = slots.footerBanner) !== null && _slots$footerBanner !== void 0 ? _slots$footerBanner : PropertyCardBanner;
33
35
  var footerBannerProps = slotProps.footerBanner;
36
+ var hasFooterBanner = Boolean(footerBannerProps === null || footerBannerProps === void 0 ? void 0 : footerBannerProps.label);
34
37
  var Footer = slots.footer;
35
38
  var footerProps = slotProps.footer;
36
39
  var footerSx = (_footerProps$sx = footerProps === null || footerProps === void 0 ? void 0 : footerProps.sx) !== null && _footerProps$sx !== void 0 ? _footerProps$sx : {};
@@ -57,9 +60,9 @@ function PropertyOverviewCard(_ref) {
57
60
  md: "180px"
58
61
  }
59
62
  }
60
- }, HeaderBanner && /* @__PURE__ */React.createElement(HeaderBanner, _objectSpread2({}, headerBannerProps)), /* @__PURE__ */React.createElement(StyledPropertyItemImgWrapper, {
63
+ }, hasHeaderBanner && /* @__PURE__ */React.createElement(HeaderBanner, _objectSpread2({}, headerBannerProps)), /* @__PURE__ */React.createElement(StyledPropertyItemImgWrapper, {
61
64
  orientation: "horizontal"
62
- }, hasImage && /* @__PURE__ */React.createElement(Image, _objectSpread2({}, imageProps))), FooterBanner && /* @__PURE__ */React.createElement(FooterBanner, _objectSpread2(_objectSpread2({}, footerBannerProps), {}, {
65
+ }, hasImage && /* @__PURE__ */React.createElement(Image, _objectSpread2({}, imageProps))), hasFooterBanner && /* @__PURE__ */React.createElement(FooterBanner, _objectSpread2(_objectSpread2({}, footerBannerProps), {}, {
63
66
  sx: {
64
67
  borderTop: "1px solid ".concat(token("palette.semantic.border.subtleColor"))
65
68
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tenancy.nz/tenant-ui",
3
3
  "description": "React UI tenant components.",
4
- "version": "1.10.8",
4
+ "version": "1.10.10",
5
5
  "author": "TPS <https://www.tenancy.co.nz>",
6
6
  "type": "module",
7
7
  "main": "dist/cjs/index.cjs",
@@ -16,15 +16,15 @@
16
16
  "@mui/material": "^7.3.1",
17
17
  "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
18
18
  "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
19
- "@tenancy.nz/icons": "1.10.8",
20
- "@tenancy.nz/ui": "1.10.8"
19
+ "@tenancy.nz/icons": "1.10.10",
20
+ "@tenancy.nz/ui": "1.10.10"
21
21
  },
22
22
  "devDependencies": {
23
23
  "@emotion/react": "^11.14.0",
24
24
  "@emotion/styled": "^11.14.1",
25
25
  "@mui/material": "^7.3.1",
26
- "@tenancy.nz/icons": "1.10.8",
27
- "@tenancy.nz/ui": "1.10.8"
26
+ "@tenancy.nz/icons": "1.10.10",
27
+ "@tenancy.nz/ui": "1.10.10"
28
28
  },
29
29
  "dependencies": {
30
30
  "react-uid": "^2.4.0"