@tenancy.nz/ui 1.0.2 → 1.0.3

package/dist/cjs/components/Badge.cjs

@@ -3,39 +3,49 @@
 
 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 Badge_styled = require('./Badge.styled.cjs');
 
-function Badge({
-  anchorOrigin = void 0,
-  badgeContent = " ",
-  color = "error",
-  invisible = false,
-  max = 99,
-  overlap = "circular",
-  showZero = false,
-  variant = "standard",
-  children,
-  ...rest
-}) {
-  const defaultAnchorOrigin = {
+var _excluded = ["anchorOrigin", "badgeContent", "color", "invisible", "max", "overlap", "showZero", "variant", "children"];
+function Badge(_ref) {
+  var _ref$anchorOrigin = _ref.anchorOrigin,
+    anchorOrigin = _ref$anchorOrigin === void 0 ? void 0 : _ref$anchorOrigin,
+    _ref$badgeContent = _ref.badgeContent,
+    badgeContent = _ref$badgeContent === void 0 ? " " : _ref$badgeContent,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "error" : _ref$color,
+    _ref$invisible = _ref.invisible,
+    invisible = _ref$invisible === void 0 ? false : _ref$invisible,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 99 : _ref$max,
+    _ref$overlap = _ref.overlap,
+    overlap = _ref$overlap === void 0 ? "circular" : _ref$overlap,
+    _ref$showZero = _ref.showZero,
+    showZero = _ref$showZero === void 0 ? false : _ref$showZero,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "standard" : _ref$variant,
+    children = _ref.children,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var defaultAnchorOrigin = {
     horizontal: "right",
     vertical: "top"
   };
-  const props = {
+  var props = _rollupPluginBabelHelpers.objectSpread2({
     anchorOrigin: anchorOrigin || defaultAnchorOrigin,
-    badgeContent,
-    color,
-    invisible,
-    max,
-    overlap,
-    showZero,
-    variant,
-    ...rest
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(Badge_styled.StyledBadge, { ...props, children });
+    badgeContent: badgeContent,
+    color: color,
+    invisible: invisible,
+    max: max,
+    overlap: overlap,
+    showZero: showZero,
+    variant: variant
+  }, rest);
+  return /* @__PURE__ */jsxRuntime.jsx(Badge_styled.StyledBadge, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
+    children: children
+  }));
 }
 Badge.propTypes = {
   /**

package/dist/cjs/components/Badge.styled.cjs

@@ -1,23 +1,14 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var styled = require('styled-components');
 var MuiBadge = require('@mui/material/Badge');
 
-const StyledBadge = styled(MuiBadge)`
-  ${({ variant }) => styled.css`
-    ${variant !== "dot" && styled.css`
-      & .MuiBadge-badge {
-        min-width: 14px;
-        height: 14px;
-        border: 1px solid #fff;
-        padding: 0 3px;
-        border-radius: 50%;
-        font-size: 8px;
-        font-weight: 700;
-      }
-    `}
-  `}
-`;
+var _templateObject, _templateObject2, _templateObject3;
+var StyledBadge = styled(MuiBadge)(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var variant = _ref.variant;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n  "])), variant !== "dot" && styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      & .MuiBadge-badge {\n        min-width: 14px;\n        height: 14px;\n        border: 1px solid #fff;\n        padding: 0 3px;\n        border-radius: 50%;\n        font-size: 8px;\n        font-weight: 700;\n      }\n    "]))));
+});
 
 exports.StyledBadge = StyledBadge;

package/dist/cjs/components/BankAccountInput.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');
@@ -15,103 +16,155 @@ require('mime/lite');
 var string = require('../utils/helpers/string.cjs');
 require('../utils/helpers/time.cjs');
 
-function BankAccountInput({
-  disabled = false,
-  edges = "normal",
-  errorMessage = "",
-  fullWidth = false,
-  helperText = "",
-  helperTextPlacement = "below",
-  hideLabel = false,
-  label = "",
-  name,
-  onChange,
-  onClear = void 0,
-  required = false,
-  showError = false,
-  value = void 0,
-  variant = "outlined"
-}) {
-  const bankRef = React.useRef(null);
-  const branchRef = React.useRef(null);
-  const accountRef = React.useRef(null);
-  const suffixRef = React.useRef(null);
-  const [bank, setBank] = React.useState(value && value.bank || "");
-  const [branch, setBranch] = React.useState(value && value.branch || "");
-  const [account, setAccount] = React.useState(value && value.account || "");
-  const [suffix, setSuffix] = React.useState(value && value.suffix || "");
-  const [focused, setFocused] = React.useState(false);
-  const valueStr = `${bank}${branch}${account}${suffix}`;
-  const handleFocus = () => {
+function BankAccountInput(_ref) {
+  var _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$edges = _ref.edges,
+    edges = _ref$edges === void 0 ? "normal" : _ref$edges,
+    _ref$errorMessage = _ref.errorMessage,
+    errorMessage = _ref$errorMessage === void 0 ? "" : _ref$errorMessage,
+    _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$hideLabel = _ref.hideLabel,
+    hideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    name = _ref.name,
+    onChange = _ref.onChange,
+    _ref$onClear = _ref.onClear,
+    onClear = _ref$onClear === void 0 ? void 0 : _ref$onClear,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$showError = _ref.showError,
+    showError = _ref$showError === void 0 ? false : _ref$showError,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? void 0 : _ref$value,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "outlined" : _ref$variant;
+  var bankRef = React.useRef(null);
+  var branchRef = React.useRef(null);
+  var accountRef = React.useRef(null);
+  var suffixRef = React.useRef(null);
+  var _useState = React.useState(value && value.bank || ""),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    bank = _useState2[0],
+    setBank = _useState2[1];
+  var _useState3 = React.useState(value && value.branch || ""),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    branch = _useState4[0],
+    setBranch = _useState4[1];
+  var _useState5 = React.useState(value && value.account || ""),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    account = _useState6[0],
+    setAccount = _useState6[1];
+  var _useState7 = React.useState(value && value.suffix || ""),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    suffix = _useState8[0],
+    setSuffix = _useState8[1];
+  var _useState9 = React.useState(false),
+    _useState0 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
+    focused = _useState0[0],
+    setFocused = _useState0[1];
+  var valueStr = "".concat(bank).concat(branch).concat(account).concat(suffix);
+  var handleFocus = function handleFocus() {
     setFocused(true);
   };
-  const handleBlur = () => {
+  var handleBlur = function handleBlur() {
     setFocused(false);
   };
-  const handleNextFieldFocus = (e) => {
-    const { target } = e;
-    if (target.id === `${name}_bank` && branch.length === 0) {
+  var handleNextFieldFocus = function handleNextFieldFocus(e) {
+    var target = e.target;
+    if (target.id === "".concat(name, "_bank") && branch.length === 0) {
       branchRef.current.focus();
-    } else if (target.id === `${name}_branch` && account.length === 0) {
+    } else if (target.id === "".concat(name, "_branch") && account.length === 0) {
       accountRef.current.focus();
-    } else if (target.id === `${name}_account` && suffix.length === 0) {
+    } else if (target.id === "".concat(name, "_account") && suffix.length === 0) {
       suffixRef.current.focus();
-    } else if (target.id === `${name}_suffix` && bank.length === 0) {
+    } else if (target.id === "".concat(name, "_suffix") && bank.length === 0) {
       bankRef.current.focus();
     }
   };
-  const handleClear = () => {
+  var handleClear = function handleClear() {
     setAccount("");
     setBank("");
     setBranch("");
     setSuffix("");
-    onClear({ account, bank, branch, suffix });
+    onClear({
+      account: account,
+      bank: bank,
+      branch: branch,
+      suffix: suffix
+    });
   };
-  const handleBankChange = (e) => {
-    const thisValue = string.stripNonNumeric(e.target.value);
+  var handleBankChange = function handleBankChange(e) {
+    var thisValue = string.stripNonNumeric(e.target.value);
     if (thisValue !== bank) {
-      onChange({ account, bank: thisValue, branch, suffix });
+      onChange({
+        account: account,
+        bank: thisValue,
+        branch: branch,
+        suffix: suffix
+      });
       setBank(thisValue);
       if (thisValue && boolean.isNumber(thisValue) && thisValue.length === 2) {
         handleNextFieldFocus(e);
       }
     }
   };
-  const handleBranchChange = (e) => {
-    const thisValue = string.stripNonNumeric(e.target.value);
+  var handleBranchChange = function handleBranchChange(e) {
+    var thisValue = string.stripNonNumeric(e.target.value);
     if (thisValue !== branch) {
-      onChange({ account, bank, branch: thisValue, suffix });
+      onChange({
+        account: account,
+        bank: bank,
+        branch: thisValue,
+        suffix: suffix
+      });
       setBranch(thisValue);
       if (thisValue && boolean.isNumber(thisValue) && thisValue.length === 4) {
         handleNextFieldFocus(e);
       }
     }
   };
-  const handleAccountChange = (e) => {
-    const thisValue = string.stripNonNumeric(e.target.value);
+  var handleAccountChange = function handleAccountChange(e) {
+    var thisValue = string.stripNonNumeric(e.target.value);
     if (thisValue !== account) {
-      onChange({ account: thisValue, bank, branch, suffix });
+      onChange({
+        account: thisValue,
+        bank: bank,
+        branch: branch,
+        suffix: suffix
+      });
       setAccount(thisValue);
       if (thisValue && boolean.isNumber(thisValue) && thisValue.length === 7) {
         handleNextFieldFocus(e);
       }
     }
   };
-  const handleSuffixChange = (e) => {
-    const thisValue = string.stripNonNumeric(e.target.value);
+  var handleSuffixChange = function handleSuffixChange(e) {
+    var thisValue = string.stripNonNumeric(e.target.value);
     if (thisValue !== suffix) {
-      onChange({ account, bank, branch, suffix: thisValue });
+      onChange({
+        account: account,
+        bank: bank,
+        branch: branch,
+        suffix: thisValue
+      });
       setSuffix(thisValue);
       if (thisValue && boolean.isNumber(thisValue) && thisValue.length === 3) {
         handleNextFieldFocus(e);
       }
     }
   };
-  const handlePaste = (e) => {
-    const text = (e.clipboardData || window.clipboardData).getData("text");
-    const sanitizedText = string.stripNonNumeric(text);
+  var handlePaste = function handlePaste(e) {
+    var text = (e.clipboardData || window.clipboardData).getData("text");
+    var sanitizedText = string.stripNonNumeric(text);
     if (bankRef.current.id === e.target.id && !bankRef.current.value) {
-      const values = {
+      var values = {
         bank: sanitizedText.slice(0, bankRef.current.maxLength),
         branch: sanitizedText.slice(2, 2 + branchRef.current.maxLength),
         account: sanitizedText.slice(6, 6 + accountRef.current.maxLength),
@@ -124,109 +177,87 @@ function BankAccountInput({
       setSuffix(values.suffix);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(BankAccountInput_styled.StyledWrapper, { fullWidth, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      FormControl.default,
-      {
-        fullWidth,
-        disabled,
-        name,
-        required,
-        label,
-        hideLabel,
-        helperText,
-        helperTextPlacement,
-        showError,
-        errorMessage,
-        edges,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "hidden",
-              name,
-              value: `${bank} ${branch} ${account} ${suffix}`
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            BankAccountInput_styled.StyledInputWrapper,
-            {
-              disabled,
-              edges,
-              focused,
-              fullWidth,
-              required: required && valueStr.length < 15,
-              variant,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  BankAccountInput_styled.StyledInput,
-                  {
-                    disabled,
-                    id: `${name}_bank`,
-                    fieldType: "bank",
-                    placeholder: "Bank",
-                    maxLength: "2",
-                    ref: bankRef,
-                    value: bank,
-                    onChange: handleBankChange,
-                    onFocus: handleFocus,
-                    onBlur: handleBlur,
-                    onPaste: handlePaste
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  BankAccountInput_styled.StyledInput,
-                  {
-                    disabled,
-                    id: `${name}_branch`,
-                    fieldType: "branch",
-                    placeholder: "Branch",
-                    maxLength: "4",
-                    ref: branchRef,
-                    value: branch,
-                    onChange: handleBranchChange,
-                    onFocus: handleFocus,
-                    onBlur: handleBlur
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  BankAccountInput_styled.StyledInput,
-                  {
-                    disabled,
-                    id: `${name}_account`,
-                    fieldType: "account",
-                    placeholder: "Account",
-                    maxLength: "7",
-                    ref: accountRef,
-                    value: account,
-                    onChange: handleAccountChange,
-                    onFocus: handleFocus,
-                    onBlur: handleBlur
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  BankAccountInput_styled.StyledInput,
-                  {
-                    disabled,
-                    id: `${name}_suffix`,
-                    fieldType: "suffix",
-                    placeholder: "Suffix",
-                    maxLength: "3",
-                    ref: suffixRef,
-                    value: suffix,
-                    onChange: handleSuffixChange,
-                    onFocus: handleFocus,
-                    onBlur: handleBlur
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    boolean.isFunction(onClear) && valueStr && /* @__PURE__ */ jsxRuntime.jsx(BankAccountInput_styled.StyledIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(IconButton.default, { onClick: handleClear, size: "small", color: "inherit", children: /* @__PURE__ */ jsxRuntime.jsx(CancelIcon, {}) }) })
-  ] });
+  return /* @__PURE__ */jsxRuntime.jsxs(BankAccountInput_styled.StyledWrapper, {
+    fullWidth: fullWidth,
+    children: [/* @__PURE__ */jsxRuntime.jsxs(FormControl.default, {
+      fullWidth: fullWidth,
+      disabled: disabled,
+      name: name,
+      required: required,
+      label: label,
+      hideLabel: hideLabel,
+      helperText: helperText,
+      helperTextPlacement: helperTextPlacement,
+      showError: showError,
+      errorMessage: errorMessage,
+      edges: edges,
+      children: [/* @__PURE__ */jsxRuntime.jsx("input", {
+        type: "hidden",
+        name: name,
+        value: "".concat(bank, " ").concat(branch, " ").concat(account, " ").concat(suffix)
+      }), /* @__PURE__ */jsxRuntime.jsxs(BankAccountInput_styled.StyledInputWrapper, {
+        disabled: disabled,
+        edges: edges,
+        focused: focused,
+        fullWidth: fullWidth,
+        required: required && valueStr.length < 15,
+        variant: variant,
+        children: [/* @__PURE__ */jsxRuntime.jsx(BankAccountInput_styled.StyledInput, {
+          disabled: disabled,
+          id: "".concat(name, "_bank"),
+          fieldType: "bank",
+          placeholder: "Bank",
+          maxLength: "2",
+          ref: bankRef,
+          value: bank,
+          onChange: handleBankChange,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          onPaste: handlePaste
+        }), /* @__PURE__ */jsxRuntime.jsx(BankAccountInput_styled.StyledInput, {
+          disabled: disabled,
+          id: "".concat(name, "_branch"),
+          fieldType: "branch",
+          placeholder: "Branch",
+          maxLength: "4",
+          ref: branchRef,
+          value: branch,
+          onChange: handleBranchChange,
+          onFocus: handleFocus,
+          onBlur: handleBlur
+        }), /* @__PURE__ */jsxRuntime.jsx(BankAccountInput_styled.StyledInput, {
+          disabled: disabled,
+          id: "".concat(name, "_account"),
+          fieldType: "account",
+          placeholder: "Account",
+          maxLength: "7",
+          ref: accountRef,
+          value: account,
+          onChange: handleAccountChange,
+          onFocus: handleFocus,
+          onBlur: handleBlur
+        }), /* @__PURE__ */jsxRuntime.jsx(BankAccountInput_styled.StyledInput, {
+          disabled: disabled,
+          id: "".concat(name, "_suffix"),
+          fieldType: "suffix",
+          placeholder: "Suffix",
+          maxLength: "3",
+          ref: suffixRef,
+          value: suffix,
+          onChange: handleSuffixChange,
+          onFocus: handleFocus,
+          onBlur: handleBlur
+        })]
+      })]
+    }), boolean.isFunction(onClear) && valueStr && /* @__PURE__ */jsxRuntime.jsx(BankAccountInput_styled.StyledIcon, {
+      children: /* @__PURE__ */jsxRuntime.jsx(IconButton.default, {
+        onClick: handleClear,
+        size: "small",
+        color: "inherit",
+        children: /* @__PURE__ */jsxRuntime.jsx(CancelIcon, {})
+      })
+    })]
+  });
 }
 BankAccountInput.propTypes = {
   /**