@tenancy.nz/ui 1.0.2 → 1.0.4

package/dist/cjs/components/FileUploadButton.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,82 +11,99 @@ var reactDropzone = require('react-dropzone');
 var Button = require('./Button.cjs');
 var FileUploadButtonLoader = require('./FileUploadButtonLoader.cjs');
 
-function FileUploadButton({
-  children,
-  maxFiles = 1,
-  maxSize = 1887436,
-  accept = ["image/*", "application/pdf"],
-  disabled = false,
-  onUpload,
-  ...rest
-}) {
-  const [pending, setPending] = React.useState(false);
-  const [accepted, setAccepted] = React.useState(false);
-  const [rejected, setRejected] = React.useState(false);
-  const handleFileSave = React.useCallback(
-    (results) => {
-      const promises = [];
-      const files = [...results];
-      files.forEach(
-        (file, i) => promises.push(
-          new Promise((resolve) => {
-            const reader = new FileReader();
-            reader.onload = () => {
-              files[i].url = reader.result;
-              resolve();
-            };
-            reader.readAsDataURL(file);
-          })
-        )
-      );
-      Promise.all(promises).then(() => {
-        setAccepted(true);
-        setTimeout(() => {
-          setPending(false);
-          setAccepted(false);
-        }, 400);
-        onUpload(files);
-      });
-    },
-    [onUpload]
-  );
-  const onDrop = (results) => {
-    setTimeout(() => handleFileSave(results), 400);
+var _excluded = ["children", "maxFiles", "maxSize", "accept", "disabled", "onUpload"];
+function FileUploadButton(_ref) {
+  var children = _ref.children,
+    _ref$maxFiles = _ref.maxFiles,
+    maxFiles = _ref$maxFiles === void 0 ? 1 : _ref$maxFiles,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? 1887436 : _ref$maxSize,
+    _ref$accept = _ref.accept,
+    accept = _ref$accept === void 0 ? ["image/*", "application/pdf"] : _ref$accept,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    onUpload = _ref.onUpload,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    pending = _useState2[0],
+    setPending = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    accepted = _useState4[0],
+    setAccepted = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    rejected = _useState6[0],
+    setRejected = _useState6[1];
+  var handleFileSave = React.useCallback(function (results) {
+    var promises = [];
+    var files = _rollupPluginBabelHelpers.toConsumableArray(results);
+    files.forEach(function (file, i) {
+      return promises.push(new Promise(function (resolve) {
+        var reader = new FileReader();
+        reader.onload = function () {
+          files[i].url = reader.result;
+          resolve();
+        };
+        reader.readAsDataURL(file);
+      }));
+    });
+    Promise.all(promises).then(function () {
+      setAccepted(true);
+      setTimeout(function () {
+        setPending(false);
+        setAccepted(false);
+      }, 400);
+      onUpload(files);
+    });
+  }, [onUpload]);
+  var onDrop = function onDrop(results) {
+    setTimeout(function () {
+      return handleFileSave(results);
+    }, 400);
   };
-  const onDropAccepted = () => {
+  var onDropAccepted = function onDropAccepted() {
     setPending(true);
-    setTimeout(() => setAccepted(true), 400);
+    setTimeout(function () {
+      return setAccepted(true);
+    }, 400);
   };
-  const onDropRejected = () => {
+  var onDropRejected = function onDropRejected() {
     setPending(true);
-    setTimeout(() => setRejected(true), 400);
-    setTimeout(() => setRejected(false), 800);
+    setTimeout(function () {
+      return setRejected(true);
+    }, 400);
+    setTimeout(function () {
+      return setRejected(false);
+    }, 800);
   };
-  const { getRootProps, getInputProps } = reactDropzone.useDropzone({
-    onDrop,
-    onDropAccepted,
-    onDropRejected,
-    disabled,
-    noDrag: true,
-    maxFiles,
-    maxSize,
-    accept,
-    multiple: maxFiles > 1
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...getRootProps(), children: /* @__PURE__ */ jsxRuntime.jsxs(
-    Button.default,
-    {
+  var _useDropzone = reactDropzone.useDropzone({
+      onDrop: onDrop,
+      onDropAccepted: onDropAccepted,
+      onDropRejected: onDropRejected,
+      disabled: disabled,
+      noDrag: true,
+      maxFiles: maxFiles,
+      maxSize: maxSize,
+      accept: accept,
+      multiple: maxFiles > 1
+    }),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps;
+  return /* @__PURE__ */jsxRuntime.jsx("span", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, getRootProps()), {}, {
+    children: /* @__PURE__ */jsxRuntime.jsxs(Button.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
       loading: true,
-      disabled,
-      pending,
-      pendingIndicator: /* @__PURE__ */ jsxRuntime.jsx(FileUploadButtonLoader.default, { accepted, rejected }),
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { ...getInputProps() }),
-        children
-      ]
-    }
-  ) });
+      disabled: disabled,
+      pending: pending,
+      pendingIndicator: /* @__PURE__ */jsxRuntime.jsx(FileUploadButtonLoader.default, {
+        accepted: accepted,
+        rejected: rejected
+      })
+    }, rest), {}, {
+      children: [/* @__PURE__ */jsxRuntime.jsx("input", _rollupPluginBabelHelpers.objectSpread2({}, getInputProps())), children]
+    }))
+  }));
 }
 FileUploadButton.propTypes = {
   /**

package/dist/cjs/components/FileUploadButtonLoader.cjs

@@ -10,14 +10,27 @@ var CheckIcon = require('@mui/icons-material/Check');
 var WarningIcon = require('@mui/icons-material/Warning');
 var CircularProgress = require('./CircularProgress.cjs');
 
-function FileUploadButtonLoader({ accepted = false, rejected = false }) {
+function FileUploadButtonLoader(_ref) {
+  var _ref$accepted = _ref.accepted,
+    accepted = _ref$accepted === void 0 ? false : _ref$accepted,
+    _ref$rejected = _ref.rejected,
+    rejected = _ref$rejected === void 0 ? false : _ref$rejected;
   if (accepted) {
-    return /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { color: "inherit", size: 16 });
+    return /* @__PURE__ */jsxRuntime.jsx(CheckIcon, {
+      color: "inherit",
+      size: 16
+    });
   }
   if (rejected) {
-    return /* @__PURE__ */ jsxRuntime.jsx(WarningIcon, { color: "inherit", size: 16 });
+    return /* @__PURE__ */jsxRuntime.jsx(WarningIcon, {
+      color: "inherit",
+      size: 16
+    });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(CircularProgress.default, { color: "inherit", size: 16 });
+  return /* @__PURE__ */jsxRuntime.jsx(CircularProgress.default, {
+    color: "inherit",
+    size: 16
+  });
 }
 FileUploadButtonLoader.propTypes = {
   accepted: PropTypes.bool,

package/dist/cjs/components/FileViewer.cjs

@@ -20,22 +20,22 @@ var FileViewer_styled = require('./FileViewer.styled.cjs');
 var boolean = require('../utils/helpers/boolean.cjs');
 require('../utils/helpers/time.cjs');
 
-const getFileName = (file) => {
+var getFileName = function getFileName(file) {
   if (file.filename) {
     return file.filename;
   }
   if (file.url) {
-    const name = file.url.substring(file.url.lastIndexOf("/") + 1);
+    var name = file.url.substring(file.url.lastIndexOf("/") + 1);
     if (name.includes("?")) {
-      const chuncks = name.split("?");
+      var chuncks = name.split("?");
       return chuncks[0];
     }
     return name;
   }
   return "";
 };
-const getFileExtension = (file) => {
-  const type = mime.getType(getFileName(file));
+var getFileExtension = function getFileExtension(file) {
+  var type = mime.getType(getFileName(file));
   if (type) {
     return mime.getExtension(type);
   }
@@ -44,64 +44,91 @@ const getFileExtension = (file) => {
   }
   return "unsupported";
 };
-const isImage = (file) => {
+var isImage = function isImage(file) {
   if (file && file.url && file.url.startsWith("data:image")) {
     return true;
   }
-  const extension = getFileExtension(file);
-  const extensions = ["jpg", "jpeg", "png", "gif", "svg"];
+  var extension = getFileExtension(file);
+  var extensions = ["jpg", "jpeg", "png", "gif", "svg"];
   return extensions.includes(extension);
 };
-function FileViewer({ file = null, heading = "", open = false, onClose }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Modal.default, { open: open && file !== null, onClose, fullWidth: true, children: file !== null && open && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ModalHeader.default, { onClose, children: /* @__PURE__ */ jsxRuntime.jsx(Heading.default, { as: "h5", children: heading || getFileName(file) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ModalContent.default, { children: /* @__PURE__ */ jsxRuntime.jsx(FileViewer_styled.StyledFilePreviewAreaOuter, { children: (() => {
-      if (isImage(file)) {
-        return /* @__PURE__ */ jsxRuntime.jsx(Box.default, { display: "flex", justifyContent: "center", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: file.url,
-            alt: getFileName(file),
-            style: { maxWidth: "100%" }
-          }
-        ) });
-      }
-      if (file && boolean.isString(file.url) && file.url.startsWith("data") && getFileExtension(file) !== "pdf" || getFileExtension(file) === "unsupported") {
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          Grid.default,
-          {
-            container: true,
-            spacing: 5,
-            direction: "column",
-            alignItems: "center",
-            justify: "center",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Grid.default, { item: true, children: /* @__PURE__ */ jsxRuntime.jsx(FileViewer_styled.StyledBrokenFileIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(ErrorOutlineIcon, {}) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(Grid.default, { item: true, children: /* @__PURE__ */ jsxRuntime.jsx(Heading.default, { as: "h5", transform: "uppercase", children: "Preview unavailable" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(Grid.default, { item: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                Button.default,
-                {
-                  href: file.url,
-                  as: "a",
-                  download: true,
-                  color: "primary",
-                  size: "large",
-                  children: "Download"
-                }
-              ) })
-            ]
-          }
-        );
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Embed.default,
-        {
-          src: file.url.startsWith("data") || file.url.includes(".pdf") ? file.url : `https://docs.google.com/gview?url=${file.url}&embedded=true`,
-          height: "85%"
-        }
-      );
-    })() }) })
-  ] }) });
+function FileViewer(_ref) {
+  var _ref$file = _ref.file,
+    file = _ref$file === void 0 ? null : _ref$file,
+    _ref$heading = _ref.heading,
+    heading = _ref$heading === void 0 ? "" : _ref$heading,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    onClose = _ref.onClose;
+  return /* @__PURE__ */jsxRuntime.jsx(Modal.default, {
+    open: open && file !== null,
+    onClose: onClose,
+    fullWidth: true,
+    children: file !== null && open && /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/* @__PURE__ */jsxRuntime.jsx(ModalHeader.default, {
+        onClose: onClose,
+        children: /* @__PURE__ */jsxRuntime.jsx(Heading.default, {
+          as: "h5",
+          children: heading || getFileName(file)
+        })
+      }), /* @__PURE__ */jsxRuntime.jsx(ModalContent.default, {
+        children: /* @__PURE__ */jsxRuntime.jsx(FileViewer_styled.StyledFilePreviewAreaOuter, {
+          children: function () {
+            if (isImage(file)) {
+              return /* @__PURE__ */jsxRuntime.jsx(Box.default, {
+                display: "flex",
+                justifyContent: "center",
+                width: "100%",
+                children: /* @__PURE__ */jsxRuntime.jsx("img", {
+                  src: file.url,
+                  alt: getFileName(file),
+                  style: {
+                    maxWidth: "100%"
+                  }
+                })
+              });
+            }
+            if (file && boolean.isString(file.url) && file.url.startsWith("data") && getFileExtension(file) !== "pdf" || getFileExtension(file) === "unsupported") {
+              return /* @__PURE__ */jsxRuntime.jsxs(Grid.default, {
+                container: true,
+                spacing: 5,
+                direction: "column",
+                alignItems: "center",
+                justify: "center",
+                children: [/* @__PURE__ */jsxRuntime.jsx(Grid.default, {
+                  item: true,
+                  children: /* @__PURE__ */jsxRuntime.jsx(FileViewer_styled.StyledBrokenFileIcon, {
+                    children: /* @__PURE__ */jsxRuntime.jsx(ErrorOutlineIcon, {})
+                  })
+                }), /* @__PURE__ */jsxRuntime.jsx(Grid.default, {
+                  item: true,
+                  children: /* @__PURE__ */jsxRuntime.jsx(Heading.default, {
+                    as: "h5",
+                    transform: "uppercase",
+                    children: "Preview unavailable"
+                  })
+                }), /* @__PURE__ */jsxRuntime.jsx(Grid.default, {
+                  item: true,
+                  children: /* @__PURE__ */jsxRuntime.jsx(Button.default, {
+                    href: file.url,
+                    as: "a",
+                    download: true,
+                    color: "primary",
+                    size: "large",
+                    children: "Download"
+                  })
+                })]
+              });
+            }
+            return /* @__PURE__ */jsxRuntime.jsx(Embed.default, {
+              src: file.url.startsWith("data") || file.url.includes(".pdf") ? file.url : "https://docs.google.com/gview?url=".concat(file.url, "&embedded=true"),
+              height: "85%"
+            });
+          }()
+        })
+      })]
+    })
+  });
 }
 FileViewer.propTypes = {
   file: PropTypes.shape({

package/dist/cjs/components/FileViewer.styled.cjs

@@ -1,28 +1,17 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var styled = require('styled-components');
 var Heading = require('./Heading.cjs');
 
-const StyledFilePreviewAreaOuter = styled.div`
-  min-height: 80vh;
-  display: flex;
-  align-items: center;
-`;
-const StyledBrokenFileIcon = styled.div`
-  ${({ theme }) => styled.css`
-    color: ${theme.palette.default.light};
-
-    & svg {
-      font-size: 100px;
-    }
-  `}
-`;
-const StyledHeading = styled(Heading.default)`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var StyledFilePreviewAreaOuter = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  min-height: 80vh;\n  display: flex;\n  align-items: center;\n"])));
+var StyledBrokenFileIcon = styled.div(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    color: ", ";\n\n    & svg {\n      font-size: 100px;\n    }\n  "])), theme.palette.default.light);
+});
+var StyledHeading = styled(Heading.default)(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
 
 exports.StyledBrokenFileIcon = StyledBrokenFileIcon;
 exports.StyledFilePreviewAreaOuter = StyledFilePreviewAreaOuter;

package/dist/cjs/components/FlashMessage.cjs

@@ -3,37 +3,48 @@
 
 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 Snackbar = require('@mui/material/Snackbar');
 var Alert = require('./Alert.cjs');
 
-function FlashMessage({
-  autoHideDuration = 3500,
-  children,
-  color = "success",
-  horizontal = "center",
-  open = false,
-  onClose,
-  vertical = "top",
-  ...rest
-}) {
-  const handleClose = () => {
+var _excluded = ["autoHideDuration", "children", "color", "horizontal", "open", "onClose", "vertical"];
+function FlashMessage(_ref) {
+  var _ref$autoHideDuration = _ref.autoHideDuration,
+    autoHideDuration = _ref$autoHideDuration === void 0 ? 3500 : _ref$autoHideDuration,
+    children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "success" : _ref$color,
+    _ref$horizontal = _ref.horizontal,
+    horizontal = _ref$horizontal === void 0 ? "center" : _ref$horizontal,
+    _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    onClose = _ref.onClose,
+    _ref$vertical = _ref.vertical,
+    vertical = _ref$vertical === void 0 ? "top" : _ref$vertical,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var handleClose = function handleClose() {
     onClose();
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Snackbar,
-    {
-      anchorOrigin: { vertical, horizontal },
-      autoHideDuration,
-      open,
+  return /* @__PURE__ */jsxRuntime.jsx(Snackbar, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    anchorOrigin: {
+      vertical: vertical,
+      horizontal: horizontal
+    },
+    autoHideDuration: autoHideDuration,
+    open: open,
+    onClose: handleClose,
+    message: "This is a text snack message"
+  }, rest), {}, {
+    children: /* @__PURE__ */jsxRuntime.jsx(Alert.default, {
+      color: color,
       onClose: handleClose,
-      message: "This is a text snack message",
-      ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Alert.default, { color, onClose: handleClose, elevation: 7, children })
-    }
-  );
+      elevation: 7,
+      children: children
+    })
+  }));
 }
 FlashMessage.propTypes = {
   /**