@tenancy.nz/ui 1.0.1 → 1.0.3

package/dist/esm/components/Bar.js

@@ -4,8 +4,17 @@ import 'react';
 import PropTypes from 'prop-types';
 import { StyledBar } from './Bar.styled.js';
 
-function Bar({ children, color = "transparent", position = "relative" }) {
-  return /* @__PURE__ */ jsx(StyledBar, { color, position, children });
+function Bar(_ref) {
+  var children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "transparent" : _ref$color,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "relative" : _ref$position;
+  return /* @__PURE__ */jsx(StyledBar, {
+    color: color,
+    position: position,
+    children: children
+  });
 }
 Bar.propTypes = {
   /**
@@ -15,26 +24,11 @@ Bar.propTypes = {
   /**
    * The color of the component. It supports those theme colors that make sense for this component.
    */
-  color: PropTypes.oneOf([
-    "default",
-    "inherit",
-    "primary",
-    "primaryAlt",
-    "secondary",
-    "secondaryAlt",
-    "tertiary",
-    "transparent"
-  ]),
+  color: PropTypes.oneOf(["default", "inherit", "primary", "primaryAlt", "secondary", "secondaryAlt", "tertiary", "transparent"]),
   /**
    * The positioning type.
    */
-  position: PropTypes.oneOf([
-    "absolute",
-    "fixed",
-    "relative",
-    "static",
-    "sticky"
-  ])
+  position: PropTypes.oneOf(["absolute", "fixed", "relative", "static", "sticky"])
 };
 
 export { Bar as default };

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

@@ -1,20 +1,14 @@
 "use strict";
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
 import styled, { css } from 'styled-components';
 
-const defaultColors = ["inherit", "transparent"];
-const StyledBar = styled.div`
-  ${({ color, position, theme }) => css`
-    position: ${position};
-    ${defaultColors.includes(color) && css`
-      background: ${color};
-      color: inherit;
-    `}
-
-    ${!defaultColors.includes(color) && css`
-      background: ${theme.palette[color].main};
-      color: ${theme.palette[color].contrastText};
-    `}
-  `}
-`;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var defaultColors = ["inherit", "transparent"];
+var StyledBar = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var color = _ref.color,
+    position = _ref.position,
+    theme = _ref.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: ", ";\n    ", "\n\n    ", "\n  "])), position, defaultColors.includes(color) && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      background: ", ";\n      color: inherit;\n    "])), color), !defaultColors.includes(color) && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      background: ", ";\n      color: ", ";\n    "])), theme.palette[color].main, theme.palette[color].contrastText));
+});
 
 export { StyledBar };

package/dist/esm/components/BaseModal.js

@@ -1,37 +1,48 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import StyledBaseModal from './BaseModal.styled.js';
-import { objectDeepMerge } from '../utils/helpers/object.js';
+import { objectDeepMerge as _objectDeepMerge } from '../utils/helpers/object.js';
 
-function BaseModal({
-  children,
-  fullScreen = false,
-  fullWidth = false,
-  escapePress = false,
-  hideBackdrop = false,
-  maxWidth = "sm",
-  onClose = () => {
-  },
-  open = false,
-  slotProps = {},
-  ...rest
-}) {
-  const defaultSlotProps = {
+var _excluded = ["children", "fullScreen", "fullWidth", "escapePress", "hideBackdrop", "maxWidth", "onClose", "open", "slotProps"];
+function BaseModal(_ref) {
+  var children = _ref.children,
+    _ref$fullScreen = _ref.fullScreen,
+    fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+    _ref$escapePress = _ref.escapePress,
+    escapePress = _ref$escapePress === void 0 ? false : _ref$escapePress,
+    _ref$hideBackdrop = _ref.hideBackdrop,
+    hideBackdrop = _ref$hideBackdrop === void 0 ? false : _ref$hideBackdrop,
+    _ref$maxWidth = _ref.maxWidth,
+    maxWidth = _ref$maxWidth === void 0 ? "sm" : _ref$maxWidth,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    _ref$slotProps = _ref.slotProps,
+    slotProps = _ref$slotProps === void 0 ? {} : _ref$slotProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var defaultSlotProps = {
     paper: {
       elevation: "none"
     }
   };
-  const props = {
-    fullScreen,
-    fullWidth,
-    hideBackdrop,
-    maxWidth,
-    onClose,
-    open,
-    ...rest,
-    slotProps: objectDeepMerge(defaultSlotProps, slotProps)
-  };
-  return /* @__PURE__ */ jsx(StyledBaseModal, { ...props, disableEscapeKeyDown: !escapePress, children });
+  var props = _objectSpread2(_objectSpread2({
+    fullScreen: fullScreen,
+    fullWidth: fullWidth,
+    hideBackdrop: hideBackdrop,
+    maxWidth: maxWidth,
+    onClose: onClose,
+    open: open
+  }, rest), {}, {
+    slotProps: _objectDeepMerge(defaultSlotProps, slotProps)
+  });
+  return /* @__PURE__ */jsx(StyledBaseModal, _objectSpread2(_objectSpread2({}, props), {}, {
+    disableEscapeKeyDown: !escapePress,
+    children: children
+  }));
 }
 
 export { BaseModal as default };

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

@@ -1,16 +1,14 @@
 "use strict";
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { css } from '@emotion/react';
 import Dialog from '@mui/material/Dialog';
 import { styled } from '@mui/material/styles';
 import { getObjectProp } from '../utils/helpers/object.js';
 
-const StyledBaseModal = styled(Dialog)`
-  ${({ theme }) => css`
-    .MuiPaper-root {
-      color: ${getObjectProp(theme, "vars.palette.text.body")};
-      box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
-    }
-  `};
-`;
+var _templateObject, _templateObject2;
+var StyledBaseModal = styled(Dialog)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .MuiPaper-root {\n      color: ", ";\n      box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);\n    }\n  "])), getObjectProp(theme, "vars.palette.text.body"));
+});
 
 export { StyledBaseModal as default };

package/dist/esm/components/BooleanInput.js

@@ -1,4 +1,5 @@
 "use strict";
+import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
@@ -6,94 +7,114 @@ import FormControl from './FormControl.js';
 import FormFocus from './FormFocus.js';
 import { StyledButtonGroup, StyledButton } from './BooleanInput.styled.js';
 
-function BooleanInput({
-  disabled = false,
-  disableRipple = false,
-  fullWidth = false,
-  helperText = "",
-  helperTextPlacement = "below",
-  label = "",
-  required = false,
-  onChange,
-  edges = "normal",
-  value = null,
-  showError = false,
-  errorMessage = "",
-  trueLabel = "Yes",
-  falseLabel = "No",
-  parseBool = (v) => !!v,
-  name,
-  parseValue = (v) => !!v
-}) {
-  const [indeterminate, setIndeterminate] = useState(true);
-  const [checked, setChecked] = useState(true);
-  const hasError = showError && errorMessage;
-  useEffect(() => {
+function BooleanInput(_ref) {
+  var _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$disableRipple = _ref.disableRipple,
+    disableRipple = _ref$disableRipple === void 0 ? false : _ref$disableRipple,
+    _ref$fullWidth = _ref.fullWidth,
+    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,
+    required = _ref$required === void 0 ? false : _ref$required,
+    onChange = _ref.onChange,
+    _ref$edges = _ref.edges,
+    edges = _ref$edges === void 0 ? "normal" : _ref$edges,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? null : _ref$value,
+    _ref$showError = _ref.showError,
+    showError = _ref$showError === void 0 ? false : _ref$showError,
+    _ref$errorMessage = _ref.errorMessage,
+    errorMessage = _ref$errorMessage === void 0 ? "" : _ref$errorMessage,
+    _ref$trueLabel = _ref.trueLabel,
+    trueLabel = _ref$trueLabel === void 0 ? "Yes" : _ref$trueLabel,
+    _ref$falseLabel = _ref.falseLabel,
+    falseLabel = _ref$falseLabel === void 0 ? "No" : _ref$falseLabel,
+    _ref$parseBool = _ref.parseBool,
+    parseBool = _ref$parseBool === void 0 ? function (v) {
+      return !!v;
+    } : _ref$parseBool,
+    name = _ref.name,
+    _ref$parseValue = _ref.parseValue,
+    parseValue = _ref$parseValue === void 0 ? function (v) {
+      return !!v;
+    } : _ref$parseValue;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    indeterminate = _useState2[0],
+    setIndeterminate = _useState2[1];
+  var _useState3 = useState(true),
+    _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);
       setChecked(parseBool(value));
     }
   }, [value, parseBool]);
-  const handleChange = (e, bool) => {
+  var handleChange = function handleChange(e, bool) {
     e.preventDefault();
     onChange(parseValue(bool));
   };
-  return /* @__PURE__ */ jsx(
-    FormControl,
-    {
-      fullWidth,
-      label,
-      name,
-      helperText,
-      helperTextPlacement,
-      disabled,
-      required,
-      showError,
-      errorMessage,
-      edges,
-      children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(FormFocus, { name }),
-        /* @__PURE__ */ jsxs(StyledButtonGroup, { edges, children: [
-          /* @__PURE__ */ jsx(
-            StyledButton,
-            {
-              variant: indeterminate || !checked ? "outlined" : "contained",
-              onClick: (e) => handleChange(e, true),
-              disableElevation: true,
-              disableRipple,
-              disableTouchRipple: disableRipple,
-              disableFocusRipple: disableRipple,
-              type: "button",
-              indeterminate: indeterminate ? "yes" : "no",
-              checked,
-              required,
-              selected: !indeterminate && checked,
-              error: hasError ? "yes" : "no",
-              children: trueLabel
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            StyledButton,
-            {
-              variant: indeterminate || checked ? "outlined" : "contained",
-              onClick: (e) => handleChange(e, false),
-              disableElevation: true,
-              disableRipple,
-              disableTouchRipple: disableRipple,
-              disableFocusRipple: disableRipple,
-              type: "button",
-              indeterminate: indeterminate ? "yes" : "no",
-              checked,
-              required,
-              selected: !indeterminate && !checked,
-              error: hasError ? "yes" : "no",
-              children: falseLabel
-            }
-          )
-        ] })
-      ] })
-    }
-  );
+  return /* @__PURE__ */jsx(FormControl, {
+    fullWidth: fullWidth,
+    label: label,
+    name: name,
+    helperText: helperText,
+    helperTextPlacement: helperTextPlacement,
+    disabled: disabled,
+    required: required,
+    showError: showError,
+    errorMessage: errorMessage,
+    edges: edges,
+    children: /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx(FormFocus, {
+        name: name
+      }), /* @__PURE__ */jsxs(StyledButtonGroup, {
+        edges: edges,
+        children: [/* @__PURE__ */jsx(StyledButton, {
+          variant: indeterminate || !checked ? "outlined" : "contained",
+          onClick: function onClick(e) {
+            return handleChange(e, true);
+          },
+          disableElevation: true,
+          disableRipple: disableRipple,
+          disableTouchRipple: disableRipple,
+          disableFocusRipple: disableRipple,
+          type: "button",
+          indeterminate: indeterminate ? "yes" : "no",
+          checked: checked,
+          required: required,
+          selected: !indeterminate && checked,
+          error: hasError ? "yes" : "no",
+          children: trueLabel
+        }), /* @__PURE__ */jsx(StyledButton, {
+          variant: indeterminate || checked ? "outlined" : "contained",
+          onClick: function onClick(e) {
+            return handleChange(e, false);
+          },
+          disableElevation: true,
+          disableRipple: disableRipple,
+          disableTouchRipple: disableRipple,
+          disableFocusRipple: disableRipple,
+          type: "button",
+          indeterminate: indeterminate ? "yes" : "no",
+          checked: checked,
+          required: required,
+          selected: !indeterminate && !checked,
+          error: hasError ? "yes" : "no",
+          children: falseLabel
+        })]
+      })]
+    })
+  });
 }
 BooleanInput.propTypes = {
   /**

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

@@ -1,25 +1,32 @@
 "use strict";
+import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { styled } from '@mui/material/styles';
 import Button from '@mui/material/Button';
 import ButtonGroup from '@mui/material/ButtonGroup';
 
-const selectedStyles = (hasError, theme) => ({
-  borderColor: hasError === "yes" ? theme.palette.secondary.main : theme.palette.primaryAlt.main,
-  color: "#fff",
-  background: hasError === "yes" ? theme.palette.secondary.main : theme.palette.primaryAlt.main,
-  "&:hover": {
-    background: hasError === "yes" ? theme.palette.secondary.dark : theme.palette.primaryAlt.dark
-  }
-});
-const unselectedStyles = (error, theme) => ({
-  borderColor: error === "yes" ? theme.palette.secondary.main : theme.palette.primaryAlt.main,
-  color: error === "yes" ? theme.palette.secondary.main : theme.palette.primaryAlt.main
-});
-const requiredUnselectedStyles = (selected, theme) => ({
-  borderColor: !selected ? theme.palette.secondary.main : theme.palette.primaryAlt.main,
-  color: !selected ? theme.palette.secondary.main : theme.palette.primaryAlt.main
-});
-const borderRadiusStyles = (edges, theme) => {
+var selectedStyles = function selectedStyles(hasError, theme) {
+  return {
+    borderColor: hasError === "yes" ? theme.palette.secondary.main : theme.palette.primaryAlt.main,
+    color: "#fff",
+    background: hasError === "yes" ? theme.palette.secondary.main : theme.palette.primaryAlt.main,
+    "&:hover": {
+      background: hasError === "yes" ? theme.palette.secondary.dark : theme.palette.primaryAlt.dark
+    }
+  };
+};
+var unselectedStyles = function unselectedStyles(error, theme) {
+  return {
+    borderColor: error === "yes" ? theme.palette.secondary.main : theme.palette.primaryAlt.main,
+    color: error === "yes" ? theme.palette.secondary.main : theme.palette.primaryAlt.main
+  };
+};
+var requiredUnselectedStyles = function requiredUnselectedStyles(selected, theme) {
+  return {
+    borderColor: !selected ? theme.palette.secondary.main : theme.palette.primaryAlt.main,
+    color: !selected ? theme.palette.secondary.main : theme.palette.primaryAlt.main
+  };
+};
+var borderRadiusStyles = function borderRadiusStyles(edges, theme) {
   if (edges === "rounded") {
     return 99;
   }
@@ -28,35 +35,34 @@ const borderRadiusStyles = (edges, theme) => {
   }
   return theme.shape.borderRadius;
 };
-const StyledButton = styled(Button)(
-  ({ error, indeterminate, required, selected, theme }) => ({
-    ...!selected && required && {
-      ...requiredUnselectedStyles(selected, theme),
-      "&:hover, &:active, &:focus": {
-        ...requiredUnselectedStyles(selected, theme)
-      }
-    },
-    ...!selected && !required && {
-      ...unselectedStyles(error, theme),
-      "&:hover, &:active, &:focus": {
-        ...unselectedStyles(error, theme)
+var StyledButton = styled(Button)(function (_ref) {
+  var error = _ref.error,
+    indeterminate = _ref.indeterminate,
+    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))
+  })), !selected && !required && _objectSpread2(_objectSpread2({}, unselectedStyles(error, theme)), {}, {
+    "&:hover, &:active, &:focus": _objectSpread2({}, unselectedStyles(error, theme))
+  })), selected && indeterminate === "no" && selectedStyles(error, theme));
+});
+var StyledButtonGroup = styled(ButtonGroup)(function (_ref2) {
+  var edges = _ref2.edges,
+    theme = _ref2.theme;
+  return {
+    "& .MuiButtonBase-root": {
+      borderRadius: borderRadiusStyles(edges, theme),
+      "&:first-child": {
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0
+      },
+      "&:last-child": {
+        borderTopLeftRadius: 0,
+        borderBottomLeftRadius: 0
       }
-    },
-    ...selected && indeterminate === "no" && selectedStyles(error, theme)
-  })
-);
-const StyledButtonGroup = styled(ButtonGroup)(({ edges, theme }) => ({
-  "& .MuiButtonBase-root": {
-    borderRadius: borderRadiusStyles(edges, theme),
-    "&:first-child": {
-      borderTopRightRadius: 0,
-      borderBottomRightRadius: 0
-    },
-    "&:last-child": {
-      borderTopLeftRadius: 0,
-      borderBottomLeftRadius: 0
     }
-  }
-}));
+  };
+});
 
 export { StyledButton, StyledButtonGroup };

package/dist/esm/components/BorderedGrid.js

@@ -1,42 +1,33 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import PropTypes from 'prop-types';
 import Grid from './Grid.js';
 import { StyledGridBox } from './Grid.styled.js';
 
-function BorderedGrid({
-  error = false,
-  spacing = 5,
-  borderStyle = "solid",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(StyledGridBox, { error, borderStyle, children: /* @__PURE__ */ jsx(
-    Grid,
-    {
-      ...rest,
-      spacing,
+var _excluded = ["error", "spacing", "borderStyle"];
+function BorderedGrid(_ref) {
+  var _ref$error = _ref.error,
+    error = _ref$error === void 0 ? false : _ref$error,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 5 : _ref$spacing,
+    _ref$borderStyle = _ref.borderStyle,
+    borderStyle = _ref$borderStyle === void 0 ? "solid" : _ref$borderStyle,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsx(StyledGridBox, {
+    error: error,
+    borderStyle: borderStyle,
+    children: /* @__PURE__ */jsx(Grid, _objectSpread2(_objectSpread2({}, rest), {}, {
+      spacing: spacing,
       marginFix: true
-    }
-  ) });
+    }))
+  });
 }
 BorderedGrid.propTypes = {
   error: PropTypes.bool,
   spacing: PropTypes.number,
-  borderStyle: PropTypes.oneOf([
-    "none",
-    "hidden",
-    "dotted",
-    "dashed",
-    "solid",
-    "double",
-    "groove",
-    "ridge",
-    "inset",
-    "outset",
-    "initial",
-    "inherit"
-  ])
+  borderStyle: PropTypes.oneOf(["none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset", "initial", "inherit"])
 };
 
 export { BorderedGrid as default };