@tenancy.nz/ui 1.3.4 → 1.3.7

package/dist/cjs/components/BooleanInput.cjs

@@ -18,8 +18,6 @@ function BooleanInput(_ref) {
     fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
     _ref$helperText = _ref.helperText,
     helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
-    _ref$helperTextPlacem = _ref.helperTextPlacement,
-    helperTextPlacement = _ref$helperTextPlacem === void 0 ? "below" : _ref$helperTextPlacem,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
     _ref$required = _ref.required,
@@ -54,7 +52,6 @@ function BooleanInput(_ref) {
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     checked = _useState4[0],
     setChecked = _useState4[1];
-  var hasError = showError && errorMessage;
   React.useEffect(function () {
     if (value !== null && value !== "" && value !== void 0) {
       setIndeterminate(false);
@@ -70,11 +67,10 @@ function BooleanInput(_ref) {
     label: label,
     name: name,
     helperText: helperText,
-    helperTextPlacement: helperTextPlacement,
     disabled: disabled,
     required: required,
     showError: showError,
-    errorMessage: errorMessage,
+    message: errorMessage,
     edges: edges
   }, /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(FormFocus.default, {
     name: name
@@ -94,7 +90,7 @@ function BooleanInput(_ref) {
     checked: checked,
     required: required,
     selected: !indeterminate && checked,
-    error: hasError ? "yes" : "no"
+    error: showError ? "yes" : "no"
   }, trueLabel), /* @__PURE__ */React.createElement(BooleanInput_styled.StyledButton, {
     variant: indeterminate || checked ? "outlined" : "contained",
     onClick: function onClick(e) {
@@ -109,7 +105,7 @@ function BooleanInput(_ref) {
     checked: checked,
     required: required,
     selected: !indeterminate && !checked,
-    error: hasError ? "yes" : "no"
+    error: showError ? "yes" : "no"
   }, falseLabel))));
 }
 BooleanInput.propTypes = {
@@ -145,10 +141,6 @@ BooleanInput.propTypes = {
    * The helper text content.
    */
   helperText: PropTypes.string,
-  /**
-   * Placed the helper text above or below the input.
-   */
-  helperTextPlacement: PropTypes.oneOf(["above", "below"]),
   /**
    * The label content.
    */

package/dist/cjs/components/BooleanInput.styled.cjs

@@ -7,24 +7,24 @@ var ButtonGroup = require('@mui/material/ButtonGroup');
 
 var selectedStyles = function selectedStyles(hasError, theme) {
   return {
-    borderColor: hasError === "yes" ? theme.palette.secondary.main : theme.palette.primary.main,
+    borderColor: hasError === "yes" ? theme.palette.error.main : theme.palette.primary.main,
     color: "#fff",
-    background: hasError === "yes" ? theme.palette.secondary.main : theme.palette.primary.main,
+    background: hasError === "yes" ? theme.palette.error.main : theme.palette.primary.main,
     "&:hover": {
-      background: hasError === "yes" ? theme.palette.secondary.dark : theme.palette.primary.dark
+      background: hasError === "yes" ? theme.palette.error.dark : theme.palette.primary.dark
     }
   };
 };
 var unselectedStyles = function unselectedStyles(error, theme) {
   return {
-    borderColor: error === "yes" ? theme.palette.secondary.main : theme.palette.primary.main,
-    color: error === "yes" ? theme.palette.secondary.main : theme.palette.primary.main
+    borderColor: error === "yes" ? theme.palette.error.main : theme.palette.primary.main,
+    color: error === "yes" ? theme.palette.error.main : theme.palette.primary.main
   };
 };
-var requiredUnselectedStyles = function requiredUnselectedStyles(selected, theme) {
+var requiredUnselectedStyles = function requiredUnselectedStyles(selected, error, theme) {
   return {
-    borderColor: !selected ? theme.palette.secondary.main : theme.palette.primary.main,
-    color: !selected ? theme.palette.secondary.main : theme.palette.primary.main
+    borderColor: error === "yes" ? theme.palette.error.main : theme.palette.primary.main,
+    color: error === "yes" ? theme.palette.error.main : theme.palette.primary.main
   };
 };
 var borderRadiusStyles = function borderRadiusStyles(edges, theme) {
@@ -42,8 +42,8 @@ var StyledButton = styles.styled(Button)(function (_ref) {
     required = _ref.required,
     selected = _ref.selected,
     theme = _ref.theme;
-  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, !selected && required && _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, requiredUnselectedStyles(selected, theme)), {}, {
-    "&:hover, &:active, &:focus": _rollupPluginBabelHelpers.objectSpread2({}, requiredUnselectedStyles(selected, theme))
+  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, !selected && required && _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, requiredUnselectedStyles(selected, error, theme)), {}, {
+    "&:hover, &:active, &:focus": _rollupPluginBabelHelpers.objectSpread2({}, requiredUnselectedStyles(selected, error, theme))
   })), !selected && !required && _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, unselectedStyles(error, theme)), {}, {
     "&:hover, &:active, &:focus": _rollupPluginBabelHelpers.objectSpread2({}, unselectedStyles(error, theme))
   })), selected && indeterminate === "no" && selectedStyles(error, theme));

package/dist/cjs/components/Box.cjs

@@ -8,7 +8,7 @@ var PropTypes = require('prop-types');
 var Box$2 = require('@mui/material/Box');
 
 var _excluded = ["as", "align", "children", "display", "direction", "justify", "sx"];
-function Box(_ref, ref) {
+function Box$1(_ref, ref) {
   var _ref$as = _ref.as,
     as = _ref$as === void 0 ? "div" : _ref$as,
     _ref$align = _ref.align,
@@ -36,7 +36,7 @@ function Box(_ref, ref) {
     }, flexProps), sx)
   }, rest), children);
 }
-Box.propTypes = {
+Box$1.propTypes = {
   /**
    * The component used for the root node.
    */
@@ -67,6 +67,6 @@ Box.propTypes = {
    */
   sx: PropTypes.object
 };
-var Box$1 = /*#__PURE__*/React.forwardRef(Box);
+var Box = /*#__PURE__*/React.forwardRef(Box$1);
 
-exports.default = Box$1;
+exports.default = Box;

package/dist/cjs/components/Popper.cjs

@@ -67,6 +67,6 @@ Popper.propTypes = {
    */
   placement: PropTypes.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"])
 };
-var Popper$1 = /*#__PURE__*/React.forwardRef(Popper);
+var Popper_default = /*#__PURE__*/React.forwardRef(Popper);
 
-exports.default = Popper$1;
+exports.default = Popper_default;

package/dist/cjs/components/StatusMessage.cjs

@@ -22,6 +22,7 @@ function StatusMessage(_ref) {
     }
   }, sx);
   return /* @__PURE__ */React.createElement(Alert.default, {
+    color: color,
     variant: "standard",
     sx: styles
   }, children);

package/dist/esm/components/BooleanInput.js

@@ -14,8 +14,6 @@ function BooleanInput(_ref) {
     fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
     _ref$helperText = _ref.helperText,
     helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
-    _ref$helperTextPlacem = _ref.helperTextPlacement,
-    helperTextPlacement = _ref$helperTextPlacem === void 0 ? "below" : _ref$helperTextPlacem,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
     _ref$required = _ref.required,
@@ -50,7 +48,6 @@ function BooleanInput(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     checked = _useState4[0],
     setChecked = _useState4[1];
-  var hasError = showError && errorMessage;
   useEffect(function () {
     if (value !== null && value !== "" && value !== void 0) {
       setIndeterminate(false);
@@ -66,11 +63,10 @@ function BooleanInput(_ref) {
     label: label,
     name: name,
     helperText: helperText,
-    helperTextPlacement: helperTextPlacement,
     disabled: disabled,
     required: required,
     showError: showError,
-    errorMessage: errorMessage,
+    message: errorMessage,
     edges: edges
   }, /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(FormFocus, {
     name: name
@@ -90,7 +86,7 @@ function BooleanInput(_ref) {
     checked: checked,
     required: required,
     selected: !indeterminate && checked,
-    error: hasError ? "yes" : "no"
+    error: showError ? "yes" : "no"
   }, trueLabel), /* @__PURE__ */React.createElement(StyledButton, {
     variant: indeterminate || checked ? "outlined" : "contained",
     onClick: function onClick(e) {
@@ -105,7 +101,7 @@ function BooleanInput(_ref) {
     checked: checked,
     required: required,
     selected: !indeterminate && !checked,
-    error: hasError ? "yes" : "no"
+    error: showError ? "yes" : "no"
   }, falseLabel))));
 }
 BooleanInput.propTypes = {
@@ -141,10 +137,6 @@ BooleanInput.propTypes = {
    * The helper text content.
    */
   helperText: PropTypes.string,
-  /**
-   * Placed the helper text above or below the input.
-   */
-  helperTextPlacement: PropTypes.oneOf(["above", "below"]),
   /**
    * The label content.
    */

package/dist/esm/components/BooleanInput.styled.js

@@ -5,24 +5,24 @@ import ButtonGroup from '@mui/material/ButtonGroup';
 
 var selectedStyles = function selectedStyles(hasError, theme) {
   return {
-    borderColor: hasError === "yes" ? theme.palette.secondary.main : theme.palette.primary.main,
+    borderColor: hasError === "yes" ? theme.palette.error.main : theme.palette.primary.main,
     color: "#fff",
-    background: hasError === "yes" ? theme.palette.secondary.main : theme.palette.primary.main,
+    background: hasError === "yes" ? theme.palette.error.main : theme.palette.primary.main,
     "&:hover": {
-      background: hasError === "yes" ? theme.palette.secondary.dark : theme.palette.primary.dark
+      background: hasError === "yes" ? theme.palette.error.dark : theme.palette.primary.dark
     }
   };
 };
 var unselectedStyles = function unselectedStyles(error, theme) {
   return {
-    borderColor: error === "yes" ? theme.palette.secondary.main : theme.palette.primary.main,
-    color: error === "yes" ? theme.palette.secondary.main : theme.palette.primary.main
+    borderColor: error === "yes" ? theme.palette.error.main : theme.palette.primary.main,
+    color: error === "yes" ? theme.palette.error.main : theme.palette.primary.main
   };
 };
-var requiredUnselectedStyles = function requiredUnselectedStyles(selected, theme) {
+var requiredUnselectedStyles = function requiredUnselectedStyles(selected, error, theme) {
   return {
-    borderColor: !selected ? theme.palette.secondary.main : theme.palette.primary.main,
-    color: !selected ? theme.palette.secondary.main : theme.palette.primary.main
+    borderColor: error === "yes" ? theme.palette.error.main : theme.palette.primary.main,
+    color: error === "yes" ? theme.palette.error.main : theme.palette.primary.main
   };
 };
 var borderRadiusStyles = function borderRadiusStyles(edges, theme) {
@@ -40,8 +40,8 @@ var StyledButton = styled(Button)(function (_ref) {
     required = _ref.required,
     selected = _ref.selected,
     theme = _ref.theme;
-  return _objectSpread2(_objectSpread2(_objectSpread2({}, !selected && required && _objectSpread2(_objectSpread2({}, requiredUnselectedStyles(selected, theme)), {}, {
-    "&:hover, &:active, &:focus": _objectSpread2({}, requiredUnselectedStyles(selected, theme))
+  return _objectSpread2(_objectSpread2(_objectSpread2({}, !selected && required && _objectSpread2(_objectSpread2({}, requiredUnselectedStyles(selected, error, theme)), {}, {
+    "&:hover, &:active, &:focus": _objectSpread2({}, requiredUnselectedStyles(selected, error, theme))
   })), !selected && !required && _objectSpread2(_objectSpread2({}, unselectedStyles(error, theme)), {}, {
     "&:hover, &:active, &:focus": _objectSpread2({}, unselectedStyles(error, theme))
   })), selected && indeterminate === "no" && selectedStyles(error, theme));

package/dist/esm/components/Popper.js

@@ -63,6 +63,6 @@ Popper.propTypes = {
    */
   placement: PropTypes.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"])
 };
-var Popper$1 = /*#__PURE__*/forwardRef(Popper);
+var Popper_default = /*#__PURE__*/forwardRef(Popper);
 
-export { Popper$1 as default };
+export { Popper_default as default };

package/dist/esm/components/StatusMessage.js

@@ -18,6 +18,7 @@ function StatusMessage(_ref) {
     }
   }, sx);
   return /* @__PURE__ */React.createElement(Alert, {
+    color: color,
     variant: "standard",
     sx: styles
   }, children);

package/dist/esm/utils/helpers/array.js

@@ -1,5 +1,5 @@
 import { toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { isEmpty, isArray } from './boolean.js';
+import { isArray, isEmpty } from './boolean.js';
 
 var implode = function implode(delimiter, arr) {
   var noEmpty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;

package/dist/esm/utils/helpers/dateSelect.js

@@ -1,4 +1,4 @@
-import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { toConsumableArray as _toConsumableArray, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { range as _range } from './array.js';
 import './date.js';
 import { strPadStart, toString } from './string.js';

package/dist/esm/utils/helpers/object.js

@@ -1,5 +1,5 @@
 import { objectSpread2 as _objectSpread2, defineProperty as _defineProperty, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { isObject, isArray, isEmpty, isNotEmpty, isString } from './boolean.js';
+import { isObject, isEmpty, isNotEmpty, isArray, isString } from './boolean.js';
 
 var pick = function pick(object, props) {
   if (!isObject(object)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenancy.nz/ui",
-  "version": "1.3.4",
+  "version": "1.3.7",
   "description": "Library of React UI components for tenancy.co.nz apps.",
   "author": "Tenancy.co.nz <monty@tenancy.co.nz>",
   "keywords": [