@tenancy.nz/ui 1.0.2 → 1.0.3

package/dist/cjs/components/CardContent.styled.cjs

@@ -1,10 +1,10 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var styled = require('styled-components');
 
-const StyledCardContent = styled.div`
-  padding: 10px;
-`;
+var _templateObject;
+var StyledCardContent = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  padding: 10px;\n"])));
 
 exports.StyledCardContent = StyledCardContent;

package/dist/cjs/components/Checkbox.cjs

@@ -3,47 +3,59 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var Stack = require('@mui/material/Stack');
 var Box = require('./Box.cjs');
 var FormLabel = require('./FormLabel.cjs');
 var Checkbox_styled = require('./Checkbox.styled.cjs');
 
-function Checkbox({
-  color = "primary",
-  disabled = false,
-  id = "",
-  required = false,
-  value = "",
-  label,
-  name,
-  size = "medium",
-  ...rest
-}) {
-  const props = {
-    color,
-    disabled,
+var _excluded = ["color", "disabled", "id", "required", "value", "label", "name", "size"];
+function Checkbox(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "primary" : _ref$color,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? "" : _ref$id,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? "" : _ref$value,
+    label = _ref.label,
+    name = _ref.name,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var props = _rollupPluginBabelHelpers.objectSpread2({
+    color: color,
+    disabled: disabled,
     id: id || name,
-    required,
-    value,
-    size,
-    name,
-    ...rest
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Stack, { direction: "row", gap: "10px", alignItems: "flex-start", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Box.default, { children: /* @__PURE__ */ jsxRuntime.jsx(Checkbox_styled.StyledCheckbox, { ...props, disableRipple: true }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      FormLabel.default,
-      {
-        htmlFor: id,
-        size,
-        disabled,
-        margin: "none",
-        sx: { mt: "2px", fontWeight: "500" },
-        children: label
-      }
-    )
-  ] });
+    required: required,
+    value: value,
+    size: size,
+    name: name
+  }, rest);
+  return /* @__PURE__ */jsxRuntime.jsxs(Stack, {
+    direction: "row",
+    gap: "10px",
+    alignItems: "flex-start",
+    children: [/* @__PURE__ */jsxRuntime.jsx(Box.default, {
+      children: /* @__PURE__ */jsxRuntime.jsx(Checkbox_styled.StyledCheckbox, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
+        disableRipple: true
+      }))
+    }), /* @__PURE__ */jsxRuntime.jsx(FormLabel.default, {
+      htmlFor: id,
+      size: size,
+      disabled: disabled,
+      margin: "none",
+      sx: {
+        mt: "2px",
+        fontWeight: "500"
+      },
+      children: label
+    })]
+  });
 }
 
 exports.default = Checkbox;

package/dist/cjs/components/Checkbox.styled.cjs

@@ -1,25 +1,18 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var react = require('@emotion/react');
 var styles = require('@mui/material/styles');
 var Checkbox = require('@mui/material/Checkbox');
 var object = require('../utils/helpers/object.cjs');
 
-const StyledCheckbox = styles.styled(Checkbox)`
-  ${({ checked, disabled, theme }) => react.css`
-    padding: 0;
-    border-radius: 0;
-
-    ${!checked && react.css`
-      color: ${object.getObjectProp(theme, "vars.palette.grey.600")};
-    `}
-    ${disabled && react.css`
-      && {
-        color: ${object.getObjectProp(theme, "vars.palette.grey.400")};
-      }
-    `}
-  `}
-`;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var StyledCheckbox = styles.styled(Checkbox)(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var checked = _ref.checked,
+    disabled = _ref.disabled,
+    theme = _ref.theme;
+  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    padding: 0;\n    border-radius: 0;\n\n    ", "\n    ", "\n  "])), !checked && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      color: ", ";\n    "])), object.getObjectProp(theme, "vars.palette.grey.600")), disabled && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      && {\n        color: ", ";\n      }\n    "])), object.getObjectProp(theme, "vars.palette.grey.400")));
+});
 
 exports.StyledCheckbox = StyledCheckbox;

package/dist/cjs/components/CircularProgress.cjs

@@ -3,12 +3,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 var CircularProgress$1 = require('@mui/material/CircularProgress');
 
-function CircularProgress({ ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(CircularProgress$1, { ...rest });
+function CircularProgress(_ref) {
+  var rest = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */jsxRuntime.jsx(CircularProgress$1, _rollupPluginBabelHelpers.objectSpread2({}, rest));
 }
 
 exports.default = CircularProgress;

package/dist/cjs/components/CollapsedText.cjs

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var PropTypes = require('prop-types');
@@ -10,50 +11,68 @@ var Grid = require('@mui/material/Grid');
 var CollapsedText_styled = require('./CollapsedText.styled.cjs');
 var Button = require('./Button.cjs');
 
-function CollapsedText({
-  children,
-  collapsedLines = 0,
-  lineHeight = 0,
-  buttonLabel = null,
-  backgroundColor = "#ffffff",
-  buttonJustify = "flex-start"
-}) {
-  const [open, setOpen] = React.useState(false);
-  const [collapsedSize, setCollapsedSize] = React.useState(100);
-  React.useEffect(() => {
+function CollapsedText(_ref) {
+  var children = _ref.children,
+    _ref$collapsedLines = _ref.collapsedLines,
+    collapsedLines = _ref$collapsedLines === void 0 ? 0 : _ref$collapsedLines,
+    _ref$lineHeight = _ref.lineHeight,
+    lineHeight = _ref$lineHeight === void 0 ? 0 : _ref$lineHeight,
+    _ref$buttonLabel = _ref.buttonLabel,
+    buttonLabel = _ref$buttonLabel === void 0 ? null : _ref$buttonLabel,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? "#ffffff" : _ref$backgroundColor,
+    _ref$buttonJustify = _ref.buttonJustify,
+    buttonJustify = _ref$buttonJustify === void 0 ? "flex-start" : _ref$buttonJustify;
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = React.useState(100),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    collapsedSize = _useState4[0],
+    setCollapsedSize = _useState4[1];
+  React.useEffect(function () {
     if (collapsedLines > 0 && lineHeight > 0) {
       setCollapsedSize(collapsedLines * lineHeight);
     }
   }, [collapsedLines, lineHeight]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      CollapsedText_styled.StyledCollapse,
-      {
-        backgroundColor,
-        collapsedSize,
-        in: open,
-        lineHeight,
-        children
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(Grid, { container: true, justify: buttonJustify, children: /* @__PURE__ */ jsxRuntime.jsx(Grid, { item: true, children: /* @__PURE__ */ jsxRuntime.jsx(CollapsedText_styled.StyledButtonWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      Button.default,
-      {
-        color: "primaryAlt",
-        variant: "outlined",
-        size: "small",
-        onClick: () => setOpen(!open),
-        endIcon: buttonJustify === "flex-end" ? /* @__PURE__ */ jsxRuntime.jsx(CollapsedText_styled.StyledArrowDownIcon, { open }) : null,
-        startIcon: buttonJustify !== "flex-end" ? /* @__PURE__ */ jsxRuntime.jsx(CollapsedText_styled.StyledArrowDownIcon, { open }) : null,
-        children: (() => {
-          if (buttonLabel && buttonLabel.open && buttonLabel.closed) {
-            return open ? buttonLabel.open : buttonLabel.closed;
-          }
-          return open ? "Less" : "More";
-        })()
-      }
-    ) }) }) })
-  ] });
+  return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/* @__PURE__ */jsxRuntime.jsx(CollapsedText_styled.StyledCollapse, {
+      backgroundColor: backgroundColor,
+      collapsedSize: collapsedSize,
+      in: open,
+      lineHeight: lineHeight,
+      children: children
+    }), /* @__PURE__ */jsxRuntime.jsx(Grid, {
+      container: true,
+      justify: buttonJustify,
+      children: /* @__PURE__ */jsxRuntime.jsx(Grid, {
+        item: true,
+        children: /* @__PURE__ */jsxRuntime.jsx(CollapsedText_styled.StyledButtonWrapper, {
+          children: /* @__PURE__ */jsxRuntime.jsx(Button.default, {
+            color: "primaryAlt",
+            variant: "outlined",
+            size: "small",
+            onClick: function onClick() {
+              return setOpen(!open);
+            },
+            endIcon: buttonJustify === "flex-end" ? /* @__PURE__ */jsxRuntime.jsx(CollapsedText_styled.StyledArrowDownIcon, {
+              open: open
+            }) : null,
+            startIcon: buttonJustify !== "flex-end" ? /* @__PURE__ */jsxRuntime.jsx(CollapsedText_styled.StyledArrowDownIcon, {
+              open: open
+            }) : null,
+            children: function () {
+              if (buttonLabel && buttonLabel.open && buttonLabel.closed) {
+                return open ? buttonLabel.open : buttonLabel.closed;
+              }
+              return open ? "Less" : "More";
+            }()
+          })
+        })
+      })
+    })]
+  });
 }
 CollapsedText.propTypes = {
   /**

package/dist/cjs/components/CollapsedText.styled.cjs

@@ -6,8 +6,11 @@ var Collapse = require('@mui/material/Collapse');
 var KeyboardArrowDownIcon = require('@mui/icons-material/KeyboardArrowDown');
 var colors = require('../utils/colors.cjs');
 
-const StyledCollapse = styles.styled(Collapse)(
-  ({ backgroundColor, lineHeight, in: open }) => ({
+var StyledCollapse = styles.styled(Collapse)(function (_ref) {
+  var backgroundColor = _ref.backgroundColor,
+    lineHeight = _ref.lineHeight,
+    open = _ref.in;
+  return {
     position: "relative",
     "&:after, &:before": {
       content: "' '",
@@ -22,30 +25,31 @@ const StyledCollapse = styles.styled(Collapse)(
     },
     "&:after": {
       height: open ? 0 : "66%",
-      background: `linear-gradient(0deg, ${colors.hexToRgba(
-        backgroundColor,
-        1
-      )} 0%, ${colors.hexToRgba(backgroundColor, 0)} 100%)`
+      background: "linear-gradient(0deg, ".concat(colors.hexToRgba(backgroundColor, 1), " 0%, ").concat(colors.hexToRgba(backgroundColor, 0), " 100%)")
     },
     "&:before": {
       height: lineHeight || 0,
-      background: `linear-gradient(90deg, ${colors.hexToRgba(
-        backgroundColor,
-        0
-      )} 0%, ${colors.hexToRgba(backgroundColor, 1)} 100%)`
+      background: "linear-gradient(90deg, ".concat(colors.hexToRgba(backgroundColor, 0), " 0%, ").concat(colors.hexToRgba(backgroundColor, 1), " 100%)")
     }
-  })
-);
-const StyledArrowDownIcon = styles.styled(KeyboardArrowDownIcon)({
-  transform: ({ open }) => open ? "rotate(180deg)" : null
+  };
 });
-const StyledButtonWrapper = styles.styled("div")(({ open, lineHeight }) => ({
-  "& .MuiButton-root": {
-    textTransform: "none",
-    top: !open && lineHeight > 0 ? 0 - lineHeight / 2 : 0,
-    backgroundColor: "#fff"
+var StyledArrowDownIcon = styles.styled(KeyboardArrowDownIcon)({
+  transform: function transform(_ref2) {
+    var open = _ref2.open;
+    return open ? "rotate(180deg)" : null;
   }
-}));
+});
+var StyledButtonWrapper = styles.styled("div")(function (_ref3) {
+  var open = _ref3.open,
+    lineHeight = _ref3.lineHeight;
+  return {
+    "& .MuiButton-root": {
+      textTransform: "none",
+      top: !open && lineHeight > 0 ? 0 - lineHeight / 2 : 0,
+      backgroundColor: "#fff"
+    }
+  };
+});
 
 exports.StyledArrowDownIcon = StyledArrowDownIcon;
 exports.StyledButtonWrapper = StyledButtonWrapper;

package/dist/cjs/components/Confirmation.cjs

@@ -10,51 +10,56 @@ var Heading = require('./Heading.cjs');
 var Modal = require('./Modal.cjs');
 var Text = require('./Text.cjs');
 
-function Confirmation({
-  cancelling = false,
-  cancelBtnText = "Cancel",
-  confirming = false,
-  confirmBtnText = "Ok",
-  message = void 0,
-  open = false,
-  onCancel,
-  onConfirm,
-  severity = "default",
-  title = "Are you sure?"
-}) {
-  const actions = /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-    onCancel && cancelBtnText && /* @__PURE__ */ jsxRuntime.jsx(
-      Button.default,
-      {
-        onClick: onCancel,
-        color: "primaryAlt",
-        variant: "outlined",
-        size: "small",
-        loading: cancelling,
-        children: cancelBtnText
-      }
-    ),
-    onConfirm && confirmBtnText && /* @__PURE__ */ jsxRuntime.jsx(
-      Button.default,
-      {
-        onClick: onConfirm,
-        color: severity === "default" ? "primary" : severity,
-        size: "small",
-        loading: confirming,
-        children: confirmBtnText
-      }
-    )
-  ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Modal.default,
-    {
-      maxWidth: "xs",
-      open,
-      heading: /* @__PURE__ */ jsxRuntime.jsx(Heading.default, { as: "h5", gutterBottom: false, children: title }),
-      actions,
-      content: /* @__PURE__ */ jsxRuntime.jsx(Text.default, { as: "div", variant: "body2", children: message })
-    }
-  );
+function Confirmation(_ref) {
+  var _ref$cancelling = _ref.cancelling,
+    cancelling = _ref$cancelling === void 0 ? false : _ref$cancelling,
+    _ref$cancelBtnText = _ref.cancelBtnText,
+    cancelBtnText = _ref$cancelBtnText === void 0 ? "Cancel" : _ref$cancelBtnText,
+    _ref$confirming = _ref.confirming,
+    confirming = _ref$confirming === void 0 ? false : _ref$confirming,
+    _ref$confirmBtnText = _ref.confirmBtnText,
+    confirmBtnText = _ref$confirmBtnText === void 0 ? "Ok" : _ref$confirmBtnText,
+    _ref$message = _ref.message,
+    message = _ref$message === void 0 ? void 0 : _ref$message,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    onCancel = _ref.onCancel,
+    onConfirm = _ref.onConfirm,
+    _ref$severity = _ref.severity,
+    severity = _ref$severity === void 0 ? "default" : _ref$severity,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "Are you sure?" : _ref$title;
+  var actions = /* @__PURE__ */jsxRuntime.jsxs(React.Fragment, {
+    children: [onCancel && cancelBtnText && /* @__PURE__ */jsxRuntime.jsx(Button.default, {
+      onClick: onCancel,
+      color: "primaryAlt",
+      variant: "outlined",
+      size: "small",
+      loading: cancelling,
+      children: cancelBtnText
+    }), onConfirm && confirmBtnText && /* @__PURE__ */jsxRuntime.jsx(Button.default, {
+      onClick: onConfirm,
+      color: severity === "default" ? "primary" : severity,
+      size: "small",
+      loading: confirming,
+      children: confirmBtnText
+    })]
+  });
+  return /* @__PURE__ */jsxRuntime.jsx(Modal.default, {
+    maxWidth: "xs",
+    open: open,
+    heading: /* @__PURE__ */jsxRuntime.jsx(Heading.default, {
+      as: "h5",
+      gutterBottom: false,
+      children: title
+    }),
+    actions: actions,
+    content: /* @__PURE__ */jsxRuntime.jsx(Text.default, {
+      as: "div",
+      variant: "body2",
+      children: message
+    })
+  });
 }
 
 exports.default = Confirmation;

package/dist/cjs/components/Container.cjs

@@ -3,13 +3,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 var PropTypes = require('prop-types');
 var MuiContainer = require('@mui/material/Container');
 
-function Container({ children, ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiContainer, { ...rest, children });
+var _excluded = ["children"];
+function Container(_ref) {
+  var children = _ref.children,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxRuntime.jsx(MuiContainer, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 Container.propTypes = {
   /**