@tenancy.nz/feature-ui 1.10.10 → 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 (7) hide show
  1. package/dist/cjs/components/PropertyImage.cjs +51 -0
  2. package/dist/cjs/components/SoftwareProviderIcon.cjs +65 -0
  3. package/dist/cjs/index.cjs +6 -0
  4. package/dist/esm/components/PropertyImage.js +47 -0
  5. package/dist/esm/components/SoftwareProviderIcon.js +61 -0
  6. package/dist/esm/index.js +3 -0
  7. package/package.json +5 -5
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');
@@ -29,6 +30,8 @@ var PropertyCard = require('./components/PropertyCard.cjs');
29
30
  var ScrollTopButton = require('./components/ScrollTopButton.cjs');
30
31
  var StatusButton = require('./components/StatusButton.cjs');
31
32
  var TenantAvatarGroup = require('./components/TenantAvatarGroup.cjs');
33
+ var PropertyImage = require('./components/PropertyImage.cjs');
34
+ var SoftwareProviderIcon = require('./components/SoftwareProviderIcon.cjs');
32
35
 
33
36
 
34
37
 
@@ -43,6 +46,7 @@ exports.ConfirmButton = ConfirmButton.default;
43
46
  exports.ContactCard = ContactCard.default;
44
47
  exports.ContactCardHeader = ContactCardHeader.default;
45
48
  exports.ContactMethod = ContactMethod.default;
49
+ exports.CreditRatingTag = CreditRatingTag.default;
46
50
  exports.DeleteIconButton = DeleteIconButton.default;
47
51
  exports.DownloadIconButton = DownloadIconButton.default;
48
52
  exports.EditIconButton = EditIconButton.default;
@@ -61,3 +65,5 @@ exports.PropertyCard = PropertyCard.default;
61
65
  exports.ScrollTopButton = ScrollTopButton.default;
62
66
  exports.StatusButton = StatusButton.default;
63
67
  exports.TenantAvatarGroup = TenantAvatarGroup.default;
68
+ exports.PropertyImage = PropertyImage.default;
69
+ exports.SoftwareProviderIcon = SoftwareProviderIcon.default;
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';
@@ -27,3 +28,5 @@ 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
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.10",
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.10",
21
- "@tenancy.nz/ui": "1.10.10"
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.10",
28
- "@tenancy.nz/ui": "1.10.10"
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"