@tenancy.nz/feature-ui 1.10.9 → 1.11.0

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 (13) hide show
  1. package/dist/cjs/components/BackButton.cjs +6 -3
  2. package/dist/cjs/components/PersonDetailHeader.cjs +20 -16
  3. package/dist/cjs/components/PropertyImage.cjs +51 -0
  4. package/dist/cjs/components/SoftwareProviderIcon.cjs +65 -0
  5. package/dist/cjs/index.cjs +6 -2
  6. package/dist/esm/components/BackButton.js +6 -3
  7. package/dist/esm/components/PersonDetailHeader.js +20 -16
  8. package/dist/esm/components/PropertyImage.js +47 -0
  9. package/dist/esm/components/SoftwareProviderIcon.js +61 -0
  10. package/dist/esm/index.js +3 -1
  11. package/package.json +5 -5
  12. package/dist/cjs/components/SkeletonContent.cjs +0 -26
  13. package/dist/esm/components/SkeletonContent.js +0 -22
package/dist/cjs/components/BackButton.cjs CHANGED
@@ -2,17 +2,20 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
5
6
  var React = require('react');
6
7
  var ArrowLeftOutlinedIcon = require('@tenancy.nz/icons/ArrowLeftOutlined');
7
8
  var ui = require('@tenancy.nz/ui');
8
9
 
10
+ var _excluded = ["onClick"];
9
11
  function BackButton(_ref) {
10
- var onClick = _ref.onClick;
11
- return /* @__PURE__ */React.createElement(ui.Button, {
12
+ var onClick = _ref.onClick,
13
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
14
+ return /* @__PURE__ */React.createElement(ui.Button, _rollupPluginBabelHelpers.objectSpread2({
12
15
  startIcon: /* @__PURE__ */React.createElement(ArrowLeftOutlinedIcon, null),
13
16
  variant: "outlined",
14
17
  onClick: onClick
15
- }, "Back");
18
+ }, rest), "Back");
16
19
  }
17
20
 
18
21
  exports.default = BackButton;
package/dist/cjs/components/PersonDetailHeader.cjs CHANGED
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var Stack = require('@mui/material/Stack');
8
8
  var ui = require('@tenancy.nz/ui');
9
9
 
10
- var _excluded = ["avatarColor", "avatarUrl", "badgeCount", "disabled", "email", "firstName", "lastName", "mobile", "sx"];
10
+ var _excluded = ["badgeCount", "disabled", "email", "firstName", "lastName", "mobile", "slotProps", "sx"];
11
11
  var Badge = ui.Badge;
12
12
  var badgeSlotProps = {
13
13
  badge: {
@@ -34,11 +34,7 @@ function isMultiple(badgeCount) {
34
34
  return Number.isFinite(count) && count > 1;
35
35
  }
36
36
  function PersonDetailHeader(_ref) {
37
- var _ref$avatarColor = _ref.avatarColor,
38
- avatarColor = _ref$avatarColor === void 0 ? "grey" : _ref$avatarColor,
39
- _ref$avatarUrl = _ref.avatarUrl,
40
- avatarUrl = _ref$avatarUrl === void 0 ? void 0 : _ref$avatarUrl,
41
- _ref$badgeCount = _ref.badgeCount,
37
+ var _ref$badgeCount = _ref.badgeCount,
42
38
  badgeCount = _ref$badgeCount === void 0 ? void 0 : _ref$badgeCount,
43
39
  _ref$disabled = _ref.disabled,
44
40
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
@@ -50,41 +46,49 @@ function PersonDetailHeader(_ref) {
50
46
  lastName = _ref$lastName === void 0 ? void 0 : _ref$lastName,
51
47
  _ref$mobile = _ref.mobile,
52
48
  mobile = _ref$mobile === void 0 ? void 0 : _ref$mobile,
49
+ _ref$slotProps = _ref.slotProps,
50
+ slotProps = _ref$slotProps === void 0 ? {} : _ref$slotProps,
53
51
  _ref$sx = _ref.sx,
54
52
  sx = _ref$sx === void 0 ? {} : _ref$sx,
55
53
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
56
54
  var name = [firstName, lastName].filter(Boolean).join(" ");
57
55
  var showBadge = isMultiple(badgeCount);
56
+ var _slotProps$avatar = slotProps.avatar,
57
+ avatarProps = _slotProps$avatar === void 0 ? {} : _slotProps$avatar,
58
+ _slotProps$title = slotProps.title,
59
+ titleProps = _slotProps$title === void 0 ? {} : _slotProps$title,
60
+ _slotProps$text = slotProps.text,
61
+ textProps = _slotProps$text === void 0 ? {} : _slotProps$text;
62
+ var _textProps$sx = textProps.sx,
63
+ textSx = _textProps$sx === void 0 ? {} : _textProps$sx;
58
64
  return /* @__PURE__ */React.createElement(Stack, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
59
65
  direction: "row",
60
66
  alignItems: "center",
61
67
  gap: 4
62
68
  }, rest), {}, {
63
69
  sx: sx
64
- }), /* @__PURE__ */React.createElement(ui.Avatar, {
65
- color: avatarColor,
66
- src: avatarUrl,
70
+ }), /* @__PURE__ */React.createElement(ui.Avatar, _rollupPluginBabelHelpers.objectSpread2({
67
71
  alt: name,
68
72
  size: 64
69
- }), /* @__PURE__ */React.createElement(Stack, {
73
+ }, avatarProps)), /* @__PURE__ */React.createElement(Stack, {
70
74
  gap: 2
71
75
  }, (name || showBadge) && /* @__PURE__ */React.createElement(Stack, {
72
76
  direction: "row",
73
77
  gap: 2,
74
78
  alignItems: "center"
75
- }, name && /* @__PURE__ */React.createElement(ui.Heading, {
79
+ }, name && /* @__PURE__ */React.createElement(ui.Heading, _rollupPluginBabelHelpers.objectSpread2({
76
80
  as: "h5",
77
81
  color: "inherit"
78
- }, name), showBadge && /* @__PURE__ */React.createElement(Badge, {
82
+ }, titleProps), name), showBadge && /* @__PURE__ */React.createElement(Badge, {
79
83
  badgeContent: badgeCount,
80
84
  color: "primary",
81
85
  slotProps: badgeSlotProps
82
- })), (email || mobile) && /* @__PURE__ */React.createElement(Stack, {
83
- sx: {
86
+ })), (email || mobile) && /* @__PURE__ */React.createElement(Stack, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, textProps), {}, {
87
+ sx: _rollupPluginBabelHelpers.objectSpread2({
84
88
  color: disabled ? CONTACT_TEXT.disabled : CONTACT_TEXT.default,
85
89
  fontSize: "12px"
86
- }
87
- }, email && /* @__PURE__ */React.createElement(ui.Text, {
90
+ }, textSx)
91
+ }), email && /* @__PURE__ */React.createElement(ui.Text, {
88
92
  variant: "inherit",
89
93
  weight: "500"
90
94
  }, email), mobile && /* @__PURE__ */React.createElement(ui.Text, {
package/dist/cjs/components/PropertyImage.cjs ADDED
@@ -0,0 +1,51 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
6
+ var React = require('react');
7
+ var ui = require('@tenancy.nz/ui');
8
+ var Stack = require('@mui/material/Stack');
9
+ var SoftwareProviderIcon = require('./SoftwareProviderIcon.cjs');
10
+
11
+ var styles = {
12
+ width: "100%",
13
+ height: "100%",
14
+ position: "relative"
15
+ };
16
+ var smoothStyles = {
17
+ borderRadius: "4px",
18
+ overflow: "hidden"
19
+ };
20
+ function PropertyImage(_ref) {
21
+ var _ref$edges = _ref.edges,
22
+ edges = _ref$edges === void 0 ? "sharp" : _ref$edges,
23
+ _ref$hasFile = _ref.hasFile,
24
+ hasFile = _ref$hasFile === void 0 ? false : _ref$hasFile,
25
+ _ref$serviceProvider = _ref.serviceProvider,
26
+ serviceProvider = _ref$serviceProvider === void 0 ? void 0 : _ref$serviceProvider,
27
+ src = _ref.src,
28
+ _ref$sx = _ref.sx,
29
+ sx = _ref$sx === void 0 ? {} : _ref$sx;
30
+ return /* @__PURE__ */React.createElement(Stack, {
31
+ sx: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, styles), edges === "smooth" && smoothStyles), sx)
32
+ }, /* @__PURE__ */React.createElement(ui.Media, {
33
+ src: src
34
+ }), (hasFile || serviceProvider) && /* @__PURE__ */React.createElement(ui.AbsBox, {
35
+ display: "flex",
36
+ gap: 2,
37
+ alignItems: "center",
38
+ zIndex: 2,
39
+ top: "12px",
40
+ right: "12px",
41
+ bgcolor: "#fff",
42
+ p: 1,
43
+ borderRadius: "16px"
44
+ }, hasFile && /* @__PURE__ */React.createElement(SoftwareProviderIcon.default, {
45
+ name: "file"
46
+ }), serviceProvider && /* @__PURE__ */React.createElement(SoftwareProviderIcon.default, {
47
+ name: serviceProvider
48
+ })));
49
+ }
50
+
51
+ exports.default = PropertyImage;
package/dist/cjs/components/SoftwareProviderIcon.cjs ADDED
@@ -0,0 +1,65 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
6
+ var React = require('react');
7
+ var ui = require('@tenancy.nz/ui');
8
+ var PalaceOutlinedIcon = require('@tenancy.nz/icons/PalaceOutlined');
9
+ var PropertyFileOutlinedIcon = require('@tenancy.nz/icons/PropertyFileOutlined');
10
+ var PropertyMeIcon = require('@tenancy.nz/icons/PropertyMe');
11
+ var PropertyTreeIcon = require('@tenancy.nz/icons/PropertyTree');
12
+ var ReapitIcon = require('@tenancy.nz/icons/Reapit');
13
+
14
+ var _excluded = ["color", "size", "name"];
15
+ var config = {
16
+ palace: {
17
+ title: "Palace",
18
+ Component: PalaceOutlinedIcon
19
+ },
20
+ propertyme: {
21
+ title: "Property Me",
22
+ Component: PropertyMeIcon
23
+ },
24
+ propertytree: {
25
+ title: "Property Tree",
26
+ Component: PropertyTreeIcon
27
+ },
28
+ reapit: {
29
+ title: "Reapit PM",
30
+ Component: ReapitIcon
31
+ },
32
+ file: {
33
+ title: "Property File",
34
+ Component: PropertyFileOutlinedIcon
35
+ }
36
+ };
37
+ function SoftwareProviderIcon(_ref) {
38
+ var _ref$color = _ref.color,
39
+ color = _ref$color === void 0 ? ui.token("palette.semantic.icons.primaryColor") : _ref$color,
40
+ _ref$size = _ref.size,
41
+ size = _ref$size === void 0 ? "24px" : _ref$size,
42
+ name = _ref.name,
43
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
44
+ var provider = config[name];
45
+ if (!provider) {
46
+ return null;
47
+ }
48
+ var Component = provider.Component,
49
+ title = provider.title;
50
+ return /* @__PURE__ */React.createElement(ui.Box, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
51
+ as: "span",
52
+ display: "inline-flex"
53
+ }, rest), {}, {
54
+ width: size,
55
+ height: size,
56
+ color: color,
57
+ fontSize: size,
58
+ title: title
59
+ }), /* @__PURE__ */React.createElement(Component, {
60
+ color: "inherit",
61
+ size: "inherit"
62
+ }));
63
+ }
64
+
65
+ exports.default = SoftwareProviderIcon;
package/dist/cjs/index.cjs CHANGED
@@ -11,6 +11,7 @@ var ConfirmButton = require('./components/ConfirmButton.cjs');
11
11
  var ContactCard = require('./components/ContactCard.cjs');
12
12
  var ContactCardHeader = require('./components/ContactCardHeader.cjs');
13
13
  var ContactMethod = require('./components/ContactMethod.cjs');
14
+ var CreditRatingTag = require('./components/CreditRatingTag.cjs');
14
15
  var DeleteIconButton = require('./components/DeleteIconButton.cjs');
15
16
  var DownloadIconButton = require('./components/DownloadIconButton.cjs');
16
17
  var EditIconButton = require('./components/EditIconButton.cjs');
@@ -28,8 +29,9 @@ var PersonDetailHeader = require('./components/PersonDetailHeader.cjs');
28
29
  var PropertyCard = require('./components/PropertyCard.cjs');
29
30
  var ScrollTopButton = require('./components/ScrollTopButton.cjs');
30
31
  var StatusButton = require('./components/StatusButton.cjs');
31
- var SkeletonContent = require('./components/SkeletonContent.cjs');
32
32
  var TenantAvatarGroup = require('./components/TenantAvatarGroup.cjs');
33
+ var PropertyImage = require('./components/PropertyImage.cjs');
34
+ var SoftwareProviderIcon = require('./components/SoftwareProviderIcon.cjs');
33
35
 
34
36
 
35
37
 
@@ -44,6 +46,7 @@ exports.ConfirmButton = ConfirmButton.default;
44
46
  exports.ContactCard = ContactCard.default;
45
47
  exports.ContactCardHeader = ContactCardHeader.default;
46
48
  exports.ContactMethod = ContactMethod.default;
49
+ exports.CreditRatingTag = CreditRatingTag.default;
47
50
  exports.DeleteIconButton = DeleteIconButton.default;
48
51
  exports.DownloadIconButton = DownloadIconButton.default;
49
52
  exports.EditIconButton = EditIconButton.default;
@@ -61,5 +64,6 @@ exports.PersonDetailHeader = PersonDetailHeader.default;
61
64
  exports.PropertyCard = PropertyCard.default;
62
65
  exports.ScrollTopButton = ScrollTopButton.default;
63
66
  exports.StatusButton = StatusButton.default;
64
- exports.SkeletonContent = SkeletonContent.default;
65
67
  exports.TenantAvatarGroup = TenantAvatarGroup.default;
68
+ exports.PropertyImage = PropertyImage.default;
69
+ exports.SoftwareProviderIcon = SoftwareProviderIcon.default;
package/dist/esm/components/BackButton.js CHANGED
@@ -1,14 +1,17 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
1
2
  import React from 'react';
2
3
  import ArrowLeftOutlinedIcon from '@tenancy.nz/icons/ArrowLeftOutlined';
3
4
  import { Button } from '@tenancy.nz/ui';
4
5
 
6
+ var _excluded = ["onClick"];
5
7
  function BackButton(_ref) {
6
- var onClick = _ref.onClick;
7
- return /* @__PURE__ */React.createElement(Button, {
8
+ var onClick = _ref.onClick,
9
+ rest = _objectWithoutProperties(_ref, _excluded);
10
+ return /* @__PURE__ */React.createElement(Button, _objectSpread2({
8
11
  startIcon: /* @__PURE__ */React.createElement(ArrowLeftOutlinedIcon, null),
9
12
  variant: "outlined",
10
13
  onClick: onClick
11
- }, "Back");
14
+ }, rest), "Back");
12
15
  }
13
16
 
14
17
  export { BackButton as default };
package/dist/esm/components/PersonDetailHeader.js CHANGED
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import Stack from '@mui/material/Stack';
4
4
  import { token, Avatar, Heading, Badge as Badge$1, Text } from '@tenancy.nz/ui';
5
5
 
6
- var _excluded = ["avatarColor", "avatarUrl", "badgeCount", "disabled", "email", "firstName", "lastName", "mobile", "sx"];
6
+ var _excluded = ["badgeCount", "disabled", "email", "firstName", "lastName", "mobile", "slotProps", "sx"];
7
7
  var Badge = Badge$1;
8
8
  var badgeSlotProps = {
9
9
  badge: {
@@ -30,11 +30,7 @@ function isMultiple(badgeCount) {
30
30
  return Number.isFinite(count) && count > 1;
31
31
  }
32
32
  function PersonDetailHeader(_ref) {
33
- var _ref$avatarColor = _ref.avatarColor,
34
- avatarColor = _ref$avatarColor === void 0 ? "grey" : _ref$avatarColor,
35
- _ref$avatarUrl = _ref.avatarUrl,
36
- avatarUrl = _ref$avatarUrl === void 0 ? void 0 : _ref$avatarUrl,
37
- _ref$badgeCount = _ref.badgeCount,
33
+ var _ref$badgeCount = _ref.badgeCount,
38
34
  badgeCount = _ref$badgeCount === void 0 ? void 0 : _ref$badgeCount,
39
35
  _ref$disabled = _ref.disabled,
40
36
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
@@ -46,41 +42,49 @@ function PersonDetailHeader(_ref) {
46
42
  lastName = _ref$lastName === void 0 ? void 0 : _ref$lastName,
47
43
  _ref$mobile = _ref.mobile,
48
44
  mobile = _ref$mobile === void 0 ? void 0 : _ref$mobile,
45
+ _ref$slotProps = _ref.slotProps,
46
+ slotProps = _ref$slotProps === void 0 ? {} : _ref$slotProps,
49
47
  _ref$sx = _ref.sx,
50
48
  sx = _ref$sx === void 0 ? {} : _ref$sx,
51
49
  rest = _objectWithoutProperties(_ref, _excluded);
52
50
  var name = [firstName, lastName].filter(Boolean).join(" ");
53
51
  var showBadge = isMultiple(badgeCount);
52
+ var _slotProps$avatar = slotProps.avatar,
53
+ avatarProps = _slotProps$avatar === void 0 ? {} : _slotProps$avatar,
54
+ _slotProps$title = slotProps.title,
55
+ titleProps = _slotProps$title === void 0 ? {} : _slotProps$title,
56
+ _slotProps$text = slotProps.text,
57
+ textProps = _slotProps$text === void 0 ? {} : _slotProps$text;
58
+ var _textProps$sx = textProps.sx,
59
+ textSx = _textProps$sx === void 0 ? {} : _textProps$sx;
54
60
  return /* @__PURE__ */React.createElement(Stack, _objectSpread2(_objectSpread2({
55
61
  direction: "row",
56
62
  alignItems: "center",
57
63
  gap: 4
58
64
  }, rest), {}, {
59
65
  sx: sx
60
- }), /* @__PURE__ */React.createElement(Avatar, {
61
- color: avatarColor,
62
- src: avatarUrl,
66
+ }), /* @__PURE__ */React.createElement(Avatar, _objectSpread2({
63
67
  alt: name,
64
68
  size: 64
65
- }), /* @__PURE__ */React.createElement(Stack, {
69
+ }, avatarProps)), /* @__PURE__ */React.createElement(Stack, {
66
70
  gap: 2
67
71
  }, (name || showBadge) && /* @__PURE__ */React.createElement(Stack, {
68
72
  direction: "row",
69
73
  gap: 2,
70
74
  alignItems: "center"
71
- }, name && /* @__PURE__ */React.createElement(Heading, {
75
+ }, name && /* @__PURE__ */React.createElement(Heading, _objectSpread2({
72
76
  as: "h5",
73
77
  color: "inherit"
74
- }, name), showBadge && /* @__PURE__ */React.createElement(Badge, {
78
+ }, titleProps), name), showBadge && /* @__PURE__ */React.createElement(Badge, {
75
79
  badgeContent: badgeCount,
76
80
  color: "primary",
77
81
  slotProps: badgeSlotProps
78
- })), (email || mobile) && /* @__PURE__ */React.createElement(Stack, {
79
- sx: {
82
+ })), (email || mobile) && /* @__PURE__ */React.createElement(Stack, _objectSpread2(_objectSpread2({}, textProps), {}, {
83
+ sx: _objectSpread2({
80
84
  color: disabled ? CONTACT_TEXT.disabled : CONTACT_TEXT.default,
81
85
  fontSize: "12px"
82
- }
83
- }, email && /* @__PURE__ */React.createElement(Text, {
86
+ }, textSx)
87
+ }), email && /* @__PURE__ */React.createElement(Text, {
84
88
  variant: "inherit",
85
89
  weight: "500"
86
90
  }, email), mobile && /* @__PURE__ */React.createElement(Text, {
package/dist/esm/components/PropertyImage.js ADDED
@@ -0,0 +1,47 @@
1
+ import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React from 'react';
3
+ import { Media, AbsBox } from '@tenancy.nz/ui';
4
+ import Stack from '@mui/material/Stack';
5
+ import SoftwareProviderIcon from './SoftwareProviderIcon.js';
6
+
7
+ var styles = {
8
+ width: "100%",
9
+ height: "100%",
10
+ position: "relative"
11
+ };
12
+ var smoothStyles = {
13
+ borderRadius: "4px",
14
+ overflow: "hidden"
15
+ };
16
+ function PropertyImage(_ref) {
17
+ var _ref$edges = _ref.edges,
18
+ edges = _ref$edges === void 0 ? "sharp" : _ref$edges,
19
+ _ref$hasFile = _ref.hasFile,
20
+ hasFile = _ref$hasFile === void 0 ? false : _ref$hasFile,
21
+ _ref$serviceProvider = _ref.serviceProvider,
22
+ serviceProvider = _ref$serviceProvider === void 0 ? void 0 : _ref$serviceProvider,
23
+ src = _ref.src,
24
+ _ref$sx = _ref.sx,
25
+ sx = _ref$sx === void 0 ? {} : _ref$sx;
26
+ return /* @__PURE__ */React.createElement(Stack, {
27
+ sx: _objectSpread2(_objectSpread2(_objectSpread2({}, styles), edges === "smooth" && smoothStyles), sx)
28
+ }, /* @__PURE__ */React.createElement(Media, {
29
+ src: src
30
+ }), (hasFile || serviceProvider) && /* @__PURE__ */React.createElement(AbsBox, {
31
+ display: "flex",
32
+ gap: 2,
33
+ alignItems: "center",
34
+ zIndex: 2,
35
+ top: "12px",
36
+ right: "12px",
37
+ bgcolor: "#fff",
38
+ p: 1,
39
+ borderRadius: "16px"
40
+ }, hasFile && /* @__PURE__ */React.createElement(SoftwareProviderIcon, {
41
+ name: "file"
42
+ }), serviceProvider && /* @__PURE__ */React.createElement(SoftwareProviderIcon, {
43
+ name: serviceProvider
44
+ })));
45
+ }
46
+
47
+ export { PropertyImage as default };
package/dist/esm/components/SoftwareProviderIcon.js ADDED
@@ -0,0 +1,61 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React from 'react';
3
+ import { token, Box } from '@tenancy.nz/ui';
4
+ import PalaceOutlinedIcon from '@tenancy.nz/icons/PalaceOutlined';
5
+ import PropertyFileOutlinedIcon from '@tenancy.nz/icons/PropertyFileOutlined';
6
+ import PropertyMeIcon from '@tenancy.nz/icons/PropertyMe';
7
+ import PropertyTreeIcon from '@tenancy.nz/icons/PropertyTree';
8
+ import ReapitIcon from '@tenancy.nz/icons/Reapit';
9
+
10
+ var _excluded = ["color", "size", "name"];
11
+ var config = {
12
+ palace: {
13
+ title: "Palace",
14
+ Component: PalaceOutlinedIcon
15
+ },
16
+ propertyme: {
17
+ title: "Property Me",
18
+ Component: PropertyMeIcon
19
+ },
20
+ propertytree: {
21
+ title: "Property Tree",
22
+ Component: PropertyTreeIcon
23
+ },
24
+ reapit: {
25
+ title: "Reapit PM",
26
+ Component: ReapitIcon
27
+ },
28
+ file: {
29
+ title: "Property File",
30
+ Component: PropertyFileOutlinedIcon
31
+ }
32
+ };
33
+ function SoftwareProviderIcon(_ref) {
34
+ var _ref$color = _ref.color,
35
+ color = _ref$color === void 0 ? token("palette.semantic.icons.primaryColor") : _ref$color,
36
+ _ref$size = _ref.size,
37
+ size = _ref$size === void 0 ? "24px" : _ref$size,
38
+ name = _ref.name,
39
+ rest = _objectWithoutProperties(_ref, _excluded);
40
+ var provider = config[name];
41
+ if (!provider) {
42
+ return null;
43
+ }
44
+ var Component = provider.Component,
45
+ title = provider.title;
46
+ return /* @__PURE__ */React.createElement(Box, _objectSpread2(_objectSpread2({
47
+ as: "span",
48
+ display: "inline-flex"
49
+ }, rest), {}, {
50
+ width: size,
51
+ height: size,
52
+ color: color,
53
+ fontSize: size,
54
+ title: title
55
+ }), /* @__PURE__ */React.createElement(Component, {
56
+ color: "inherit",
57
+ size: "inherit"
58
+ }));
59
+ }
60
+
61
+ export { SoftwareProviderIcon as default };
package/dist/esm/index.js CHANGED
@@ -9,6 +9,7 @@ export { default as ConfirmButton } from './components/ConfirmButton.js';
9
9
  export { default as ContactCard } from './components/ContactCard.js';
10
10
  export { default as ContactCardHeader } from './components/ContactCardHeader.js';
11
11
  export { default as ContactMethod } from './components/ContactMethod.js';
12
+ export { default as CreditRatingTag } from './components/CreditRatingTag.js';
12
13
  export { default as DeleteIconButton } from './components/DeleteIconButton.js';
13
14
  export { default as DownloadIconButton } from './components/DownloadIconButton.js';
14
15
  export { default as EditIconButton } from './components/EditIconButton.js';
@@ -26,5 +27,6 @@ export { default as PersonDetailHeader } from './components/PersonDetailHeader.j
26
27
  export { default as PropertyCard } from './components/PropertyCard.js';
27
28
  export { default as ScrollTopButton } from './components/ScrollTopButton.js';
28
29
  export { default as StatusButton } from './components/StatusButton.js';
29
- export { default as SkeletonContent } from './components/SkeletonContent.js';
30
30
  export { default as TenantAvatarGroup } from './components/TenantAvatarGroup.js';
31
+ export { default as PropertyImage } from './components/PropertyImage.js';
32
+ export { default as SoftwareProviderIcon } from './components/SoftwareProviderIcon.js';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tenancy.nz/feature-ui",
3
3
  "description": "React UI feature components.",
4
- "version": "1.10.9",
4
+ "version": "1.11.0",
5
5
  "author": "TPS <https://www.tenancy.co.nz>",
6
6
  "type": "module",
7
7
  "main": "dist/cjs/index.cjs",
@@ -17,15 +17,15 @@
17
17
  "classnames": "^2.2.6",
18
18
  "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
19
19
  "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
20
- "@tenancy.nz/icons": "1.10.9",
21
- "@tenancy.nz/ui": "1.10.9"
20
+ "@tenancy.nz/icons": "1.11.0",
21
+ "@tenancy.nz/ui": "1.11.0"
22
22
  },
23
23
  "devDependencies": {
24
24
  "@emotion/react": "^11.14.0",
25
25
  "@emotion/styled": "^11.14.1",
26
26
  "@mui/material": "^7.3.1",
27
- "@tenancy.nz/icons": "1.10.9",
28
- "@tenancy.nz/ui": "1.10.9"
27
+ "@tenancy.nz/icons": "1.11.0",
28
+ "@tenancy.nz/ui": "1.11.0"
29
29
  },
30
30
  "dependencies": {
31
31
  "react-uid": "^2.4.0"
package/dist/cjs/components/SkeletonContent.cjs DELETED
@@ -1,26 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
6
- var React = require('react');
7
- var ui = require('@tenancy.nz/ui');
8
-
9
- var _excluded = ["children", "loading", "variant"];
10
- function SkeletonContent(_ref) {
11
- var _ref$children = _ref.children,
12
- children = _ref$children === void 0 ? null : _ref$children,
13
- _ref$loading = _ref.loading,
14
- loading = _ref$loading === void 0 ? false : _ref$loading,
15
- _ref$variant = _ref.variant,
16
- variant = _ref$variant === void 0 ? "text" : _ref$variant,
17
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
18
- if (loading) {
19
- return /* @__PURE__ */React.createElement(ui.Skeleton, _rollupPluginBabelHelpers.objectSpread2({
20
- variant: variant
21
- }, rest));
22
- }
23
- return children;
24
- }
25
-
26
- exports.default = SkeletonContent;
package/dist/esm/components/SkeletonContent.js DELETED
@@ -1,22 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
2
- import React from 'react';
3
- import { Skeleton } from '@tenancy.nz/ui';
4
-
5
- var _excluded = ["children", "loading", "variant"];
6
- function SkeletonContent(_ref) {
7
- var _ref$children = _ref.children,
8
- children = _ref$children === void 0 ? null : _ref$children,
9
- _ref$loading = _ref.loading,
10
- loading = _ref$loading === void 0 ? false : _ref$loading,
11
- _ref$variant = _ref.variant,
12
- variant = _ref$variant === void 0 ? "text" : _ref$variant,
13
- rest = _objectWithoutProperties(_ref, _excluded);
14
- if (loading) {
15
- return /* @__PURE__ */React.createElement(Skeleton, _objectSpread2({
16
- variant: variant
17
- }, rest));
18
- }
19
- return children;
20
- }
21
-
22
- export { SkeletonContent as default };