@tenancy.nz/ui 1.0.3 → 1.0.5

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 (157) hide show
  1. package/dist/cjs/components/Alert.cjs +6 -11
  2. package/dist/cjs/components/Autocomplete.cjs +32 -34
  3. package/dist/cjs/components/Avatar.cjs +2 -5
  4. package/dist/cjs/components/AvatarCropDialog.cjs +40 -48
  5. package/dist/cjs/components/AvatarInput.cjs +86 -110
  6. package/dist/cjs/components/Badge.cjs +2 -5
  7. package/dist/cjs/components/BankAccountInput.cjs +74 -81
  8. package/dist/cjs/components/Bar.cjs +4 -6
  9. package/dist/cjs/components/BaseModal.cjs +3 -5
  10. package/dist/cjs/components/BooleanInput.cjs +37 -44
  11. package/dist/cjs/components/BorderedGrid.cjs +7 -9
  12. package/dist/cjs/components/Box.cjs +2 -5
  13. package/dist/cjs/components/Button.cjs +2 -5
  14. package/dist/cjs/components/Card.cjs +12 -21
  15. package/dist/cjs/components/CardContent.cjs +2 -5
  16. package/dist/cjs/components/Checkbox.cjs +14 -19
  17. package/dist/cjs/components/CircularProgress.cjs +2 -3
  18. package/dist/cjs/components/CollapsedText.cjs +29 -38
  19. package/dist/cjs/components/Confirmation.cjs +19 -26
  20. package/dist/cjs/components/Container.cjs +2 -5
  21. package/dist/cjs/components/CroppedImageInput.cjs +145 -167
  22. package/dist/cjs/components/CroppedImageInputActions.cjs +30 -39
  23. package/dist/cjs/components/DateInput.cjs +71 -79
  24. package/dist/cjs/components/DateNumberInput.cjs +49 -51
  25. package/dist/cjs/components/DatePicker.cjs +36 -41
  26. package/dist/cjs/components/DateSelect.cjs +100 -111
  27. package/dist/cjs/components/Divider.cjs +2 -3
  28. package/dist/cjs/components/DropZone.cjs +96 -112
  29. package/dist/cjs/components/Embed.cjs +11 -15
  30. package/dist/cjs/components/FileUpload.cjs +105 -126
  31. package/dist/cjs/components/FileUploadButton.cjs +9 -14
  32. package/dist/cjs/components/FileUploadButtonLoader.cjs +4 -5
  33. package/dist/cjs/components/FileViewer.cjs +50 -69
  34. package/dist/cjs/components/FlashMessage.cjs +7 -11
  35. package/dist/cjs/components/FormControl.cjs +45 -52
  36. package/dist/cjs/components/FormFocus.cjs +2 -3
  37. package/dist/cjs/components/FormLabel.cjs +1 -4
  38. package/dist/cjs/components/Grid.cjs +8 -14
  39. package/dist/cjs/components/Heading.cjs +3 -5
  40. package/dist/cjs/components/IconButton.cjs +2 -5
  41. package/dist/cjs/components/Icons.cjs +22 -41
  42. package/dist/cjs/components/LinearProgress.cjs +2 -3
  43. package/dist/cjs/components/Link.cjs +2 -5
  44. package/dist/cjs/components/Media.cjs +7 -10
  45. package/dist/cjs/components/Modal.cjs +23 -30
  46. package/dist/cjs/components/ModalActions.cjs +3 -5
  47. package/dist/cjs/components/ModalContent.cjs +3 -5
  48. package/dist/cjs/components/ModalHeader.cjs +10 -17
  49. package/dist/cjs/components/Nameplate.cjs +39 -64
  50. package/dist/cjs/components/Pagination.cjs +12 -17
  51. package/dist/cjs/components/Paper.cjs +3 -5
  52. package/dist/cjs/components/Popper.cjs +13 -17
  53. package/dist/cjs/components/PropertyCard.cjs +62 -90
  54. package/dist/cjs/components/Radio.cjs +14 -19
  55. package/dist/cjs/components/Rating.cjs +2 -3
  56. package/dist/cjs/components/Select.cjs +17 -24
  57. package/dist/cjs/components/Skeleton.cjs +3 -5
  58. package/dist/cjs/components/StatusMessage.cjs +3 -5
  59. package/dist/cjs/components/StepIcon.cjs +13 -20
  60. package/dist/cjs/components/Stepper.cjs +29 -35
  61. package/dist/cjs/components/SuccessModal.cjs +7 -16
  62. package/dist/cjs/components/Switch.cjs +17 -21
  63. package/dist/cjs/components/Tab.cjs +2 -3
  64. package/dist/cjs/components/TabPanel.cjs +4 -6
  65. package/dist/cjs/components/Table.cjs +2 -5
  66. package/dist/cjs/components/TableBody.cjs +2 -5
  67. package/dist/cjs/components/TableCell.cjs +2 -5
  68. package/dist/cjs/components/TableContainer.cjs +2 -5
  69. package/dist/cjs/components/TableFooter.cjs +2 -5
  70. package/dist/cjs/components/TableHead.cjs +2 -5
  71. package/dist/cjs/components/TableRow.cjs +2 -5
  72. package/dist/cjs/components/Tabs.cjs +4 -6
  73. package/dist/cjs/components/Tag.cjs +8 -16
  74. package/dist/cjs/components/Text.cjs +3 -5
  75. package/dist/cjs/components/TextInput.cjs +39 -47
  76. package/dist/cjs/components/ThemeProvider.cjs +8 -15
  77. package/dist/cjs/components/TimeInput.cjs +63 -71
  78. package/dist/cjs/components/Tooltip.cjs +5 -9
  79. package/dist/esm/components/Alert.js +6 -11
  80. package/dist/esm/components/Autocomplete.js +33 -35
  81. package/dist/esm/components/Avatar.js +2 -5
  82. package/dist/esm/components/AvatarCropDialog.js +41 -49
  83. package/dist/esm/components/AvatarInput.js +87 -111
  84. package/dist/esm/components/Badge.js +2 -5
  85. package/dist/esm/components/BankAccountInput.js +75 -82
  86. package/dist/esm/components/Bar.js +4 -6
  87. package/dist/esm/components/BaseModal.js +3 -5
  88. package/dist/esm/components/BooleanInput.js +38 -45
  89. package/dist/esm/components/BorderedGrid.js +7 -9
  90. package/dist/esm/components/Box.js +3 -6
  91. package/dist/esm/components/Button.js +2 -5
  92. package/dist/esm/components/Card.js +12 -21
  93. package/dist/esm/components/CardContent.js +2 -5
  94. package/dist/esm/components/Checkbox.js +14 -19
  95. package/dist/esm/components/CircularProgress.js +2 -3
  96. package/dist/esm/components/CollapsedText.js +30 -39
  97. package/dist/esm/components/Confirmation.js +19 -26
  98. package/dist/esm/components/Container.js +2 -5
  99. package/dist/esm/components/CroppedImageInput.js +146 -168
  100. package/dist/esm/components/CroppedImageInputActions.js +30 -39
  101. package/dist/esm/components/DateInput.js +72 -80
  102. package/dist/esm/components/DateNumberInput.js +50 -52
  103. package/dist/esm/components/DatePicker.js +37 -42
  104. package/dist/esm/components/DateSelect.js +95 -106
  105. package/dist/esm/components/Divider.js +2 -3
  106. package/dist/esm/components/DropZone.js +96 -112
  107. package/dist/esm/components/Embed.js +11 -15
  108. package/dist/esm/components/FileUpload.js +106 -127
  109. package/dist/esm/components/FileUploadButton.js +10 -15
  110. package/dist/esm/components/FileUploadButtonLoader.js +4 -5
  111. package/dist/esm/components/FileViewer.js +50 -69
  112. package/dist/esm/components/FlashMessage.js +7 -11
  113. package/dist/esm/components/FormControl.js +43 -50
  114. package/dist/esm/components/FormFocus.js +2 -3
  115. package/dist/esm/components/FormLabel.js +1 -4
  116. package/dist/esm/components/Grid.js +8 -14
  117. package/dist/esm/components/Heading.js +3 -5
  118. package/dist/esm/components/IconButton.js +2 -5
  119. package/dist/esm/components/Icons.js +22 -41
  120. package/dist/esm/components/LinearProgress.js +2 -3
  121. package/dist/esm/components/Link.js +2 -5
  122. package/dist/esm/components/Media.js +7 -10
  123. package/dist/esm/components/Modal.js +23 -30
  124. package/dist/esm/components/ModalActions.js +3 -5
  125. package/dist/esm/components/ModalContent.js +3 -5
  126. package/dist/esm/components/ModalHeader.js +10 -17
  127. package/dist/esm/components/Nameplate.js +39 -64
  128. package/dist/esm/components/Pagination.js +12 -17
  129. package/dist/esm/components/Paper.js +3 -5
  130. package/dist/esm/components/Popper.js +14 -18
  131. package/dist/esm/components/PropertyCard.js +62 -90
  132. package/dist/esm/components/Radio.js +14 -19
  133. package/dist/esm/components/Rating.js +2 -3
  134. package/dist/esm/components/Select.js +17 -24
  135. package/dist/esm/components/Skeleton.js +3 -5
  136. package/dist/esm/components/StatusMessage.js +3 -5
  137. package/dist/esm/components/StepIcon.js +13 -20
  138. package/dist/esm/components/Stepper.js +29 -35
  139. package/dist/esm/components/SuccessModal.js +8 -17
  140. package/dist/esm/components/Switch.js +17 -21
  141. package/dist/esm/components/Tab.js +2 -3
  142. package/dist/esm/components/TabPanel.js +4 -6
  143. package/dist/esm/components/Table.js +2 -5
  144. package/dist/esm/components/TableBody.js +2 -5
  145. package/dist/esm/components/TableCell.js +2 -5
  146. package/dist/esm/components/TableContainer.js +2 -5
  147. package/dist/esm/components/TableFooter.js +2 -5
  148. package/dist/esm/components/TableHead.js +2 -5
  149. package/dist/esm/components/TableRow.js +2 -5
  150. package/dist/esm/components/Tabs.js +4 -6
  151. package/dist/esm/components/Tag.js +8 -16
  152. package/dist/esm/components/Text.js +3 -5
  153. package/dist/esm/components/TextInput.js +36 -44
  154. package/dist/esm/components/ThemeProvider.js +8 -15
  155. package/dist/esm/components/TimeInput.js +64 -72
  156. package/dist/esm/components/Tooltip.js +5 -9
  157. package/package.json +3 -3
@@ -4,7 +4,6 @@
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
7
  var DialogActions = require('@mui/material/DialogActions');
9
8
 
10
9
  function ModalActions(_ref) {
@@ -20,11 +19,10 @@ function ModalActions(_ref) {
20
19
  }, gutter && {
21
20
  gap: "8px"
22
21
  }), sx);
23
- return /* @__PURE__ */jsxRuntime.jsx(DialogActions, {
22
+ return /* @__PURE__ */React.createElement(DialogActions, {
24
23
  disableSpacing: !gutter,
25
- sx: styles,
26
- children: children
27
- });
24
+ sx: styles
25
+ }, children);
28
26
  }
29
27
 
30
28
  exports.default = ModalActions;
@@ -4,7 +4,6 @@
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
7
  var PropTypes = require('prop-types');
9
8
  var DialogContent = require('@mui/material/DialogContent');
10
9
 
@@ -17,11 +16,10 @@ function ModalContent(_ref) {
17
16
  var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, disableGutter && {
18
17
  padding: 0
19
18
  }), sx);
20
- return /* @__PURE__ */jsxRuntime.jsx(DialogContent, {
19
+ return /* @__PURE__ */React.createElement(DialogContent, {
21
20
  dividers: false,
22
- sx: styles,
23
- children: children
24
- });
21
+ sx: styles
22
+ }, children);
25
23
  }
26
24
  ModalContent.propTypes = {
27
25
  /**
@@ -4,7 +4,6 @@
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
7
  var iconsMaterial = require('@mui/icons-material');
9
8
  var Box = require('./Box.cjs');
10
9
  var IconButton = require('./IconButton.cjs');
@@ -18,22 +17,16 @@ function ModalHeader(_ref) {
18
17
  _ref$onClose = _ref.onClose,
19
18
  onClose = _ref$onClose === void 0 ? void 0 : _ref$onClose,
20
19
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
21
- return /* @__PURE__ */jsxRuntime.jsxs(ModalHeader_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
22
- children: [/* @__PURE__ */jsxRuntime.jsx(Box.default, {
23
- overflow: "hidden",
24
- width: "100%",
25
- marginRight: "8px",
26
- marginLeft: "0px",
27
- children: children
28
- }), onClose && /* @__PURE__ */jsxRuntime.jsx(Box.default, {
29
- children: /* @__PURE__ */jsxRuntime.jsx(IconButton.default, {
30
- color: "inherit",
31
- size: "small",
32
- onClick: onClose,
33
- children: !closeIcon ? /* @__PURE__ */jsxRuntime.jsx(iconsMaterial.Close, {}) : closeIcon
34
- })
35
- })]
36
- }));
20
+ return /* @__PURE__ */React.createElement(ModalHeader_styled.default, _rollupPluginBabelHelpers.objectSpread2({}, rest), /* @__PURE__ */React.createElement(Box.default, {
21
+ overflow: "hidden",
22
+ width: "100%",
23
+ marginRight: "8px",
24
+ marginLeft: "0px"
25
+ }, children), onClose && /* @__PURE__ */React.createElement(Box.default, null, /* @__PURE__ */React.createElement(IconButton.default, {
26
+ color: "inherit",
27
+ size: "small",
28
+ onClick: onClose
29
+ }, !closeIcon ? /* @__PURE__ */React.createElement(iconsMaterial.Close, null) : closeIcon)));
37
30
  }
38
31
 
39
32
  exports.default = ModalHeader;
@@ -4,8 +4,7 @@
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
- require('react');
7
+ var React = require('react');
9
8
  var PropTypes = require('prop-types');
10
9
  var Skeleton = require('@mui/material/Skeleton');
11
10
  var MuiContainer = require('@mui/material/Container');
@@ -31,68 +30,44 @@ function Nameplate(_ref) {
31
30
  var isMobile = useMediaQuery(function (theme) {
32
31
  return theme.breakpoints.down("sm");
33
32
  });
34
- return /* @__PURE__ */jsxRuntime.jsx(Nameplate_styled.StyledWrapper, {
35
- children: /* @__PURE__ */jsxRuntime.jsx(MuiContainer, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
36
- maxWidth: "lg"
37
- }, rest), {}, {
38
- children: /* @__PURE__ */jsxRuntime.jsx(Box, {
39
- sx: {
40
- display: "flex",
41
- justifyContent: "space-between",
42
- flexWrap: "nowrap",
43
- alignItems: "center",
44
- px: isMobile ? 2 : 0,
45
- py: 4
46
- },
47
- children: skeleton ? /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
48
- children: [/* @__PURE__ */jsxRuntime.jsxs("div", {
49
- style: {
50
- flexGrow: 1
51
- },
52
- children: [/* @__PURE__ */jsxRuntime.jsx(Skeleton, {
53
- width: isMobile ? "80%" : "40%",
54
- height: isMobile ? 22 : 30
55
- }), /* @__PURE__ */jsxRuntime.jsx(Skeleton, {
56
- width: isMobile ? "60%" : "30%",
57
- height: isMobile ? 22 : 30
58
- })]
59
- }), /* @__PURE__ */jsxRuntime.jsx(Skeleton, {
60
- variant: "rect",
61
- height: 100,
62
- width: 100
63
- })]
64
- }) : /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
65
- children: [/* @__PURE__ */jsxRuntime.jsxs("div", {
66
- children: [title && /* @__PURE__ */jsxRuntime.jsxs(Text.default, {
67
- color: "textSecondary",
68
- variant: "body1",
69
- weight: "600",
70
- children: [isMobile && /* @__PURE__ */jsxRuntime.jsx("small", {
71
- children: /* @__PURE__ */jsxRuntime.jsx("small", {
72
- children: title
73
- })
74
- }), !isMobile && title]
75
- }), /* @__PURE__ */jsxRuntime.jsxs(Heading.default, {
76
- as: isMobile ? "h5" : "h3",
77
- weight: "400",
78
- color: "textPrimary",
79
- gutterBottom: false,
80
- children: [heading, subHeading && /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
81
- children: [/* @__PURE__ */jsxRuntime.jsx("br", {}), " ", subHeading]
82
- })]
83
- })]
84
- }), /* @__PURE__ */jsxRuntime.jsxs(Nameplate_styled.StyledImgWrapper, {
85
- children: [logo && /* @__PURE__ */jsxRuntime.jsx(Nameplate_styled.StyledImg, {
86
- src: logo,
87
- alt: heading
88
- }), !logo && heading && /* @__PURE__ */jsxRuntime.jsx(Nameplate_styled.StyledImgText, {
89
- children: heading[0].toUpperCase()
90
- })]
91
- })]
92
- })
93
- })
94
- }))
95
- });
33
+ return /* @__PURE__ */React.createElement(Nameplate_styled.StyledWrapper, null, /* @__PURE__ */React.createElement(MuiContainer, _rollupPluginBabelHelpers.objectSpread2({
34
+ maxWidth: "lg"
35
+ }, rest), /* @__PURE__ */React.createElement(Box, {
36
+ sx: {
37
+ display: "flex",
38
+ justifyContent: "space-between",
39
+ flexWrap: "nowrap",
40
+ alignItems: "center",
41
+ px: isMobile ? 2 : 0,
42
+ py: 4
43
+ }
44
+ }, skeleton ? /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("div", {
45
+ style: {
46
+ flexGrow: 1
47
+ }
48
+ }, /* @__PURE__ */React.createElement(Skeleton, {
49
+ width: isMobile ? "80%" : "40%",
50
+ height: isMobile ? 22 : 30
51
+ }), /* @__PURE__ */React.createElement(Skeleton, {
52
+ width: isMobile ? "60%" : "30%",
53
+ height: isMobile ? 22 : 30
54
+ })), /* @__PURE__ */React.createElement(Skeleton, {
55
+ variant: "rect",
56
+ height: 100,
57
+ width: 100
58
+ })) : /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("div", null, title && /* @__PURE__ */React.createElement(Text.default, {
59
+ color: "textSecondary",
60
+ variant: "body1",
61
+ weight: "600"
62
+ }, isMobile && /* @__PURE__ */React.createElement("small", null, /* @__PURE__ */React.createElement("small", null, title)), !isMobile && title), /* @__PURE__ */React.createElement(Heading.default, {
63
+ as: isMobile ? "h5" : "h3",
64
+ weight: "400",
65
+ color: "textPrimary",
66
+ gutterBottom: false
67
+ }, heading, subHeading && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("br", null), " ", subHeading))), /* @__PURE__ */React.createElement(Nameplate_styled.StyledImgWrapper, null, logo && /* @__PURE__ */React.createElement(Nameplate_styled.StyledImg, {
68
+ src: logo,
69
+ alt: heading
70
+ }), !logo && heading && /* @__PURE__ */React.createElement(Nameplate_styled.StyledImgText, null, heading[0].toUpperCase()))))));
96
71
  }
97
72
  Nameplate.propTypes = {
98
73
  /**
@@ -4,8 +4,7 @@
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
- require('react');
7
+ var React = require('react');
9
8
  var PropTypes = require('prop-types');
10
9
  var uuid = require('react-uuid');
11
10
  var usePagination = require('@mui/material/usePagination');
@@ -27,7 +26,7 @@ var getLabel = function getLabel(type) {
27
26
  return "Next";
28
27
  }
29
28
  if (type === "start-ellipsis" || type === "end-ellipsis") {
30
- return /* @__PURE__ */jsxRuntime.jsx(MoreHorizIcon, {
29
+ return /* @__PURE__ */React.createElement(MoreHorizIcon, {
31
30
  fontSize: "inherit"
32
31
  });
33
32
  }
@@ -77,20 +76,16 @@ function Pagination(_ref) {
77
76
  showLastButton: showFirstLastButtons
78
77
  })),
79
78
  items = _usePagination.items;
80
- return /* @__PURE__ */jsxRuntime.jsx(Pagination_styled.StyledList, {
81
- children: items.map(function (item) {
82
- return /* @__PURE__ */jsxRuntime.jsx(Pagination_styled.StyledListItem, {
83
- children: /* @__PURE__ */jsxRuntime.jsxs(Pagination_styled.StyledButton, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
84
- color: color,
85
- shape: shape,
86
- size: size,
87
- type: item.type
88
- }, item), {}, {
89
- children: [item.type !== "page" && getLabel(item.type), item.type === "page" && item.page]
90
- }))
91
- }, uuid(item));
92
- })
93
- });
79
+ return /* @__PURE__ */React.createElement(Pagination_styled.StyledList, null, items.map(function (item) {
80
+ return /* @__PURE__ */React.createElement(Pagination_styled.StyledListItem, {
81
+ key: uuid(item)
82
+ }, /* @__PURE__ */React.createElement(Pagination_styled.StyledButton, _rollupPluginBabelHelpers.objectSpread2({
83
+ color: color,
84
+ shape: shape,
85
+ size: size,
86
+ type: item.type
87
+ }, item), item.type !== "page" && getLabel(item.type), item.type === "page" && item.page));
88
+ }));
94
89
  }
95
90
  Pagination.propTypes = {
96
91
  /**
@@ -3,7 +3,6 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var jsxRuntime = require('react/jsx-runtime');
7
6
  var Paper_styled = require('./Paper.styled.cjs');
8
7
 
9
8
  function Paper(_ref) {
@@ -22,16 +21,15 @@ function Paper(_ref) {
22
21
  rounded = _ref$rounded === void 0 ? true : _ref$rounded,
23
22
  _ref$sx = _ref.sx,
24
23
  sx = _ref$sx === void 0 ? {} : _ref$sx;
25
- return /* @__PURE__ */jsxRuntime.jsx(Paper_styled.default, {
24
+ return /* @__PURE__ */React.createElement(Paper_styled.default, {
26
25
  elevate: outlined ? false : elevate,
27
26
  fill: fill,
28
27
  inset: inset,
29
28
  outlined: outlined,
30
29
  rounded: rounded,
31
30
  noOverflow: !overflow,
32
- sx: sx,
33
- children: children
34
- });
31
+ sx: sx
32
+ }, children);
35
33
  }
36
34
 
37
35
  exports.default = Paper;
@@ -4,7 +4,6 @@
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
7
  var React = require('react');
9
8
  var PropTypes = require('prop-types');
10
9
  var MuiPopper = require('@mui/material/Popper');
@@ -13,7 +12,7 @@ var MuiPaper = require('@mui/material/Paper');
13
12
 
14
13
  var _excluded = ["children", "anchorEl", "open", "disablePortal", "placement"];
15
14
  function Popper(_ref, ref) {
16
- var _children = _ref.children,
15
+ var children = _ref.children,
17
16
  _ref$anchorEl = _ref.anchorEl,
18
17
  anchorEl = _ref$anchorEl === void 0 ? null : _ref$anchorEl,
19
18
  _ref$open = _ref.open,
@@ -29,26 +28,23 @@ function Popper(_ref, ref) {
29
28
  disablePortal: disablePortal,
30
29
  placement: placement
31
30
  }, others);
32
- return /* @__PURE__ */jsxRuntime.jsx(MuiPopper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
31
+ return /* @__PURE__ */React.createElement(MuiPopper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
33
32
  transition: true,
34
33
  ref: ref,
35
34
  style: {
36
35
  zIndex: 9999
37
- },
38
- children: function children(_ref2) {
39
- var TransitionProps = _ref2.TransitionProps;
40
- return /* @__PURE__ */jsxRuntime.jsx(MuiFade, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, TransitionProps), {}, {
41
- timeout: 350,
42
- children: /* @__PURE__ */jsxRuntime.jsx(MuiPaper, {
43
- elevation: 3,
44
- style: {
45
- margin: 5
46
- },
47
- children: _children
48
- })
49
- }));
50
36
  }
51
- }));
37
+ }), function (_ref2) {
38
+ var TransitionProps = _ref2.TransitionProps;
39
+ return /* @__PURE__ */React.createElement(MuiFade, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, TransitionProps), {}, {
40
+ timeout: 350
41
+ }), /* @__PURE__ */React.createElement(MuiPaper, {
42
+ elevation: 3,
43
+ style: {
44
+ margin: 5
45
+ }
46
+ }, children));
47
+ });
52
48
  }
53
49
  Popper.propTypes = {
54
50
  /**
@@ -3,8 +3,7 @@
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
- var jsxRuntime = require('react/jsx-runtime');
7
- require('react');
6
+ var React = require('react');
8
7
  var PropTypes = require('prop-types');
9
8
  var HotelIcon = require('@mui/icons-material/Hotel');
10
9
  var DirectionsCarIcon = require('@mui/icons-material/DirectionsCar');
@@ -73,96 +72,69 @@ function PropertyCard(_ref) {
73
72
  var address1 = array.implode(" ", [array.implode("/", [unit, streetNumber]), streetName]);
74
73
  var address2 = array.implode(", ", [suburb, city]);
75
74
  var address = "".concat(address1, " ").concat(address2);
76
- return /* @__PURE__ */jsxRuntime.jsx(Paper.default, {
75
+ return /* @__PURE__ */React.createElement(Paper.default, {
77
76
  rounded: true,
78
77
  elevate: elevation,
79
- fill: !isMobile,
80
- children: /* @__PURE__ */jsxRuntime.jsxs(PropertyCard_styled.StyledContainer, {
81
- children: [/* @__PURE__ */jsxRuntime.jsx(PropertyCard_styled.StyledImg, {
82
- children: /* @__PURE__ */jsxRuntime.jsx(Media.default, {
83
- skeleton: skeleton,
84
- src: photo,
85
- title: address
86
- })
87
- }), /* @__PURE__ */jsxRuntime.jsxs(PropertyCard_styled.StyledDetails, {
88
- children: [!skeleton && /* @__PURE__ */jsxRuntime.jsx(Heading.default, {
89
- as: "h3",
90
- gutterBottom: false,
91
- children: address1
92
- }), skeleton && /* @__PURE__ */jsxRuntime.jsx(Skeleton.default, {
93
- width: "75%",
94
- height: 30
95
- }), !skeleton && /* @__PURE__ */jsxRuntime.jsx(Text.default, {
96
- variant: "subtitle1",
97
- weight: "500",
98
- color: "textPrimary",
99
- children: address2
100
- }), skeleton && /* @__PURE__ */jsxRuntime.jsx(Skeleton.default, {
101
- width: "65%",
102
- height: 30
103
- }), /* @__PURE__ */jsxRuntime.jsx(Divider.default, {}), /* @__PURE__ */jsxRuntime.jsxs(Box.default, {
104
- display: "flex",
105
- width: "100%",
106
- align: "center",
107
- marginBottom: !skeleton ? "20px" : "-13px",
108
- children: [!skeleton && /* @__PURE__ */jsxRuntime.jsxs(Text.default, {
109
- as: "span",
110
- weight: "600",
111
- variant: "inherit",
112
- color: "textPrimary",
113
- children: ["$", rentAmount, abbreviatedRentFrequency()]
114
- }), skeleton && /* @__PURE__ */jsxRuntime.jsx(Skeleton.default, {
115
- width: 60,
116
- height: 27
117
- }), /* @__PURE__ */jsxRuntime.jsxs(PropertyCard_styled.StyledIcon, {
118
- children: [!skeleton && !boolean.isEmpty(bedrooms) && /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
119
- children: [/* @__PURE__ */jsxRuntime.jsx(Text.default, {
120
- as: "span",
121
- weight: "600",
122
- variant: "inherit",
123
- color: "textPrimary",
124
- children: bedrooms
125
- }), "\xA0", /* @__PURE__ */jsxRuntime.jsx(HotelIcon, {})]
126
- }), skeleton && /* @__PURE__ */jsxRuntime.jsx(Skeleton.default, {
127
- width: 40,
128
- height: 27
129
- })]
130
- }), /* @__PURE__ */jsxRuntime.jsxs(PropertyCard_styled.StyledIcon, {
131
- children: [!skeleton && !boolean.isEmpty(bathrooms) && /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
132
- children: [/* @__PURE__ */jsxRuntime.jsx(Text.default, {
133
- as: "span",
134
- weight: "600",
135
- variant: "inherit",
136
- color: "textPrimary",
137
- children: bathrooms
138
- }), "\xA0", /* @__PURE__ */jsxRuntime.jsx(BathtubIcon, {})]
139
- }), skeleton && /* @__PURE__ */jsxRuntime.jsx(Skeleton.default, {
140
- width: 40,
141
- height: 27
142
- })]
143
- }), /* @__PURE__ */jsxRuntime.jsxs(PropertyCard_styled.StyledIcon, {
144
- children: [!skeleton && !boolean.isEmpty(parkingSpaces) && /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
145
- children: [/* @__PURE__ */jsxRuntime.jsx(Text.default, {
146
- as: "span",
147
- weight: "600",
148
- variant: "inherit",
149
- color: "textPrimary",
150
- children: parkingSpaces
151
- }), "\xA0", /* @__PURE__ */jsxRuntime.jsx(DirectionsCarIcon, {})]
152
- }), skeleton && /* @__PURE__ */jsxRuntime.jsx(Skeleton.default, {
153
- width: 40,
154
- height: 27
155
- })]
156
- })]
157
- }), footerContent && /* @__PURE__ */jsxRuntime.jsx(Box.default, {
158
- display: "flex",
159
- justify: "flex-end",
160
- align: "center",
161
- children: footerContent
162
- })]
163
- })]
164
- })
165
- });
78
+ fill: !isMobile
79
+ }, /* @__PURE__ */React.createElement(PropertyCard_styled.StyledContainer, null, /* @__PURE__ */React.createElement(PropertyCard_styled.StyledImg, null, /* @__PURE__ */React.createElement(Media.default, {
80
+ skeleton: skeleton,
81
+ src: photo,
82
+ title: address
83
+ })), /* @__PURE__ */React.createElement(PropertyCard_styled.StyledDetails, null, !skeleton && /* @__PURE__ */React.createElement(Heading.default, {
84
+ as: "h3",
85
+ gutterBottom: false
86
+ }, address1), skeleton && /* @__PURE__ */React.createElement(Skeleton.default, {
87
+ width: "75%",
88
+ height: 30
89
+ }), !skeleton && /* @__PURE__ */React.createElement(Text.default, {
90
+ variant: "subtitle1",
91
+ weight: "500",
92
+ color: "textPrimary"
93
+ }, address2), skeleton && /* @__PURE__ */React.createElement(Skeleton.default, {
94
+ width: "65%",
95
+ height: 30
96
+ }), /* @__PURE__ */React.createElement(Divider.default, null), /* @__PURE__ */React.createElement(Box.default, {
97
+ display: "flex",
98
+ width: "100%",
99
+ align: "center",
100
+ marginBottom: !skeleton ? "20px" : "-13px"
101
+ }, !skeleton && /* @__PURE__ */React.createElement(Text.default, {
102
+ as: "span",
103
+ weight: "600",
104
+ variant: "inherit",
105
+ color: "textPrimary"
106
+ }, "$", rentAmount, abbreviatedRentFrequency()), skeleton && /* @__PURE__ */React.createElement(Skeleton.default, {
107
+ width: 60,
108
+ height: 27
109
+ }), /* @__PURE__ */React.createElement(PropertyCard_styled.StyledIcon, null, !skeleton && !boolean.isEmpty(bedrooms) && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(Text.default, {
110
+ as: "span",
111
+ weight: "600",
112
+ variant: "inherit",
113
+ color: "textPrimary"
114
+ }, bedrooms), "\xA0", /* @__PURE__ */React.createElement(HotelIcon, null)), skeleton && /* @__PURE__ */React.createElement(Skeleton.default, {
115
+ width: 40,
116
+ height: 27
117
+ })), /* @__PURE__ */React.createElement(PropertyCard_styled.StyledIcon, null, !skeleton && !boolean.isEmpty(bathrooms) && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(Text.default, {
118
+ as: "span",
119
+ weight: "600",
120
+ variant: "inherit",
121
+ color: "textPrimary"
122
+ }, bathrooms), "\xA0", /* @__PURE__ */React.createElement(BathtubIcon, null)), skeleton && /* @__PURE__ */React.createElement(Skeleton.default, {
123
+ width: 40,
124
+ height: 27
125
+ })), /* @__PURE__ */React.createElement(PropertyCard_styled.StyledIcon, null, !skeleton && !boolean.isEmpty(parkingSpaces) && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(Text.default, {
126
+ as: "span",
127
+ weight: "600",
128
+ variant: "inherit",
129
+ color: "textPrimary"
130
+ }, parkingSpaces), "\xA0", /* @__PURE__ */React.createElement(DirectionsCarIcon, null)), skeleton && /* @__PURE__ */React.createElement(Skeleton.default, {
131
+ width: 40,
132
+ height: 27
133
+ }))), footerContent && /* @__PURE__ */React.createElement(Box.default, {
134
+ display: "flex",
135
+ justify: "flex-end",
136
+ align: "center"
137
+ }, footerContent))));
166
138
  }
167
139
  PropertyCard.propTypes = {
168
140
  /**
@@ -4,7 +4,6 @@
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
7
  var Stack = require('@mui/material/Stack');
9
8
  var Box = require('./Box.cjs');
10
9
  var FormLabel = require('./FormLabel.cjs');
@@ -36,26 +35,22 @@ function Radio(_ref) {
36
35
  size: size,
37
36
  name: name
38
37
  }, rest);
39
- return /* @__PURE__ */jsxRuntime.jsxs(Stack, {
38
+ return /* @__PURE__ */React.createElement(Stack, {
40
39
  direction: "row",
41
40
  gap: "10px",
42
- alignItems: "flex-start",
43
- children: [/* @__PURE__ */jsxRuntime.jsx(Box.default, {
44
- children: /* @__PURE__ */jsxRuntime.jsx(Radio_styled.StyledRadio, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
45
- disableRipple: true
46
- }))
47
- }), /* @__PURE__ */jsxRuntime.jsx(FormLabel.default, {
48
- htmlFor: id,
49
- size: size,
50
- disabled: disabled,
51
- margin: "none",
52
- sx: {
53
- mt: "2px",
54
- fontWeight: "500"
55
- },
56
- children: label
57
- })]
58
- });
41
+ alignItems: "flex-start"
42
+ }, /* @__PURE__ */React.createElement(Box.default, null, /* @__PURE__ */React.createElement(Radio_styled.StyledRadio, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
43
+ disableRipple: true
44
+ }))), /* @__PURE__ */React.createElement(FormLabel.default, {
45
+ htmlFor: id,
46
+ size: size,
47
+ disabled: disabled,
48
+ margin: "none",
49
+ sx: {
50
+ mt: "2px",
51
+ fontWeight: "500"
52
+ }
53
+ }, label));
59
54
  }
60
55
 
61
56
  exports.default = Radio;
@@ -4,13 +4,12 @@
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
- require('react');
7
+ var React = require('react');
9
8
  var MuiRating = require('@mui/material/Rating');
10
9
 
11
10
  function Rating(_ref) {
12
11
  var rest = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref), _ref));
13
- return /* @__PURE__ */jsxRuntime.jsx(MuiRating, _rollupPluginBabelHelpers.objectSpread2({}, rest));
12
+ return /* @__PURE__ */React.createElement(MuiRating, _rollupPluginBabelHelpers.objectSpread2({}, rest));
14
13
  }
15
14
 
16
15
  exports.default = Rating;
@@ -4,7 +4,6 @@
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
7
- var jsxRuntime = require('react/jsx-runtime');
8
7
  var uuid = require('react-uuid');
9
8
  var KeyboardArrowDownIcon = require('@mui/icons-material/KeyboardArrowDown');
10
9
  var FormControl = require('./FormControl.cjs');
@@ -92,15 +91,11 @@ function Select(_ref) {
92
91
  });
93
92
  var renderValue = function renderValue(selected) {
94
93
  if (!selected) {
95
- return /* @__PURE__ */jsxRuntime.jsx(Select_styled.StyledPlaceholder, {
96
- children: placeholder
97
- });
94
+ return /* @__PURE__ */React.createElement(Select_styled.StyledPlaceholder, null, placeholder);
98
95
  }
99
- return /* @__PURE__ */jsxRuntime.jsx(Select_styled.StyledSelectValue, {
100
- children: selected
101
- });
96
+ return /* @__PURE__ */React.createElement(Select_styled.StyledSelectValue, null, selected);
102
97
  };
103
- return /* @__PURE__ */jsxRuntime.jsx(FormControl.default, {
98
+ return /* @__PURE__ */React.createElement(FormControl.default, {
104
99
  color: color,
105
100
  id: props.id,
106
101
  label: label,
@@ -110,22 +105,20 @@ function Select(_ref) {
110
105
  fullWidth: fullWidth,
111
106
  disabled: disabled,
112
107
  required: required,
113
- size: size,
114
- children: /* @__PURE__ */jsxRuntime.jsx(Select_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
115
- renderValue: renderValue
116
- }, props), {}, {
117
- variant: "outlined",
118
- children: options.map(function (_ref2) {
119
- var optionLabel = _ref2.label,
120
- others = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
121
- return /* @__PURE__ */jsxRuntime.jsx(Select_styled.StyledSelectOption, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, others), native && {
122
- as: "option"
123
- }), {}, {
124
- children: optionLabel
125
- }), uuid());
126
- })
127
- }))
128
- });
108
+ size: size
109
+ }, /* @__PURE__ */React.createElement(Select_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
110
+ renderValue: renderValue
111
+ }, props), {}, {
112
+ variant: "outlined"
113
+ }), options.map(function (_ref2) {
114
+ var optionLabel = _ref2.label,
115
+ others = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
116
+ return /* @__PURE__ */React.createElement(Select_styled.StyledSelectOption, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
117
+ key: uuid()
118
+ }, others), native && {
119
+ as: "option"
120
+ }), optionLabel);
121
+ })));
129
122
  }
130
123
 
131
124
  exports.default = Select;