@tenancy.nz/ui 1.0.2 → 1.0.4

package/dist/esm/components/FileUploadButton.js

@@ -1,4 +1,5 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
@@ -6,82 +7,99 @@ import { useDropzone } from 'react-dropzone';
 import Button from './Button.js';
 import FileUploadButtonLoader from './FileUploadButtonLoader.js';
 
-function FileUploadButton({
-  children,
-  maxFiles = 1,
-  maxSize = 1887436,
-  accept = ["image/*", "application/pdf"],
-  disabled = false,
-  onUpload,
-  ...rest
-}) {
-  const [pending, setPending] = useState(false);
-  const [accepted, setAccepted] = useState(false);
-  const [rejected, setRejected] = useState(false);
-  const handleFileSave = 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 = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    pending = _useState2[0],
+    setPending = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    accepted = _useState4[0],
+    setAccepted = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    rejected = _useState6[0],
+    setRejected = _useState6[1];
+  var handleFileSave = useCallback(function (results) {
+    var promises = [];
+    var files = _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 } = useDropzone({
-    onDrop,
-    onDropAccepted,
-    onDropRejected,
-    disabled,
-    noDrag: true,
-    maxFiles,
-    maxSize,
-    accept,
-    multiple: maxFiles > 1
-  });
-  return /* @__PURE__ */ jsx("span", { ...getRootProps(), children: /* @__PURE__ */ jsxs(
-    Button,
-    {
+  var _useDropzone = 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__ */jsx("span", _objectSpread2(_objectSpread2({}, getRootProps()), {}, {
+    children: /* @__PURE__ */jsxs(Button, _objectSpread2(_objectSpread2({
       loading: true,
-      disabled,
-      pending,
-      pendingIndicator: /* @__PURE__ */ jsx(FileUploadButtonLoader, { accepted, rejected }),
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx("input", { ...getInputProps() }),
-        children
-      ]
-    }
-  ) });
+      disabled: disabled,
+      pending: pending,
+      pendingIndicator: /* @__PURE__ */jsx(FileUploadButtonLoader, {
+        accepted: accepted,
+        rejected: rejected
+      })
+    }, rest), {}, {
+      children: [/* @__PURE__ */jsx("input", _objectSpread2({}, getInputProps())), children]
+    }))
+  }));
 }
 FileUploadButton.propTypes = {
   /**

package/dist/esm/components/FileUploadButtonLoader.js

@@ -6,14 +6,27 @@ import CheckIcon from '@mui/icons-material/Check';
 import WarningIcon from '@mui/icons-material/Warning';
 import CircularProgress from './CircularProgress.js';
 
-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__ */ jsx(CheckIcon, { color: "inherit", size: 16 });
+    return /* @__PURE__ */jsx(CheckIcon, {
+      color: "inherit",
+      size: 16
+    });
   }
   if (rejected) {
-    return /* @__PURE__ */ jsx(WarningIcon, { color: "inherit", size: 16 });
+    return /* @__PURE__ */jsx(WarningIcon, {
+      color: "inherit",
+      size: 16
+    });
   }
-  return /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 16 });
+  return /* @__PURE__ */jsx(CircularProgress, {
+    color: "inherit",
+    size: 16
+  });
 }
 FileUploadButtonLoader.propTypes = {
   accepted: PropTypes.bool,

package/dist/esm/components/FileViewer.js

@@ -16,22 +16,22 @@ import { StyledFilePreviewAreaOuter, StyledBrokenFileIcon } from './FileViewer.s
 import { isString } from '../utils/helpers/boolean.js';
 import '../utils/helpers/time.js';
 
-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);
   }
@@ -40,64 +40,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__ */ jsx(Modal, { open: open && file !== null, onClose, fullWidth: true, children: file !== null && open && /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ModalHeader, { onClose, children: /* @__PURE__ */ jsx(Heading, { as: "h5", children: heading || getFileName(file) }) }),
-    /* @__PURE__ */ jsx(ModalContent, { children: /* @__PURE__ */ jsx(StyledFilePreviewAreaOuter, { children: (() => {
-      if (isImage(file)) {
-        return /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", width: "100%", children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: file.url,
-            alt: getFileName(file),
-            style: { maxWidth: "100%" }
-          }
-        ) });
-      }
-      if (file && isString(file.url) && file.url.startsWith("data") && getFileExtension(file) !== "pdf" || getFileExtension(file) === "unsupported") {
-        return /* @__PURE__ */ jsxs(
-          Grid,
-          {
-            container: true,
-            spacing: 5,
-            direction: "column",
-            alignItems: "center",
-            justify: "center",
-            children: [
-              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(StyledBrokenFileIcon, { children: /* @__PURE__ */ jsx(ErrorOutlineIcon, {}) }) }),
-              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Heading, { as: "h5", transform: "uppercase", children: "Preview unavailable" }) }),
-              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-                Button,
-                {
-                  href: file.url,
-                  as: "a",
-                  download: true,
-                  color: "primary",
-                  size: "large",
-                  children: "Download"
-                }
-              ) })
-            ]
-          }
-        );
-      }
-      return /* @__PURE__ */ jsx(
-        Embed,
-        {
-          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__ */jsx(Modal, {
+    open: open && file !== null,
+    onClose: onClose,
+    fullWidth: true,
+    children: file !== null && open && /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx(ModalHeader, {
+        onClose: onClose,
+        children: /* @__PURE__ */jsx(Heading, {
+          as: "h5",
+          children: heading || getFileName(file)
+        })
+      }), /* @__PURE__ */jsx(ModalContent, {
+        children: /* @__PURE__ */jsx(StyledFilePreviewAreaOuter, {
+          children: function () {
+            if (isImage(file)) {
+              return /* @__PURE__ */jsx(Box, {
+                display: "flex",
+                justifyContent: "center",
+                width: "100%",
+                children: /* @__PURE__ */jsx("img", {
+                  src: file.url,
+                  alt: getFileName(file),
+                  style: {
+                    maxWidth: "100%"
+                  }
+                })
+              });
+            }
+            if (file && isString(file.url) && file.url.startsWith("data") && getFileExtension(file) !== "pdf" || getFileExtension(file) === "unsupported") {
+              return /* @__PURE__ */jsxs(Grid, {
+                container: true,
+                spacing: 5,
+                direction: "column",
+                alignItems: "center",
+                justify: "center",
+                children: [/* @__PURE__ */jsx(Grid, {
+                  item: true,
+                  children: /* @__PURE__ */jsx(StyledBrokenFileIcon, {
+                    children: /* @__PURE__ */jsx(ErrorOutlineIcon, {})
+                  })
+                }), /* @__PURE__ */jsx(Grid, {
+                  item: true,
+                  children: /* @__PURE__ */jsx(Heading, {
+                    as: "h5",
+                    transform: "uppercase",
+                    children: "Preview unavailable"
+                  })
+                }), /* @__PURE__ */jsx(Grid, {
+                  item: true,
+                  children: /* @__PURE__ */jsx(Button, {
+                    href: file.url,
+                    as: "a",
+                    download: true,
+                    color: "primary",
+                    size: "large",
+                    children: "Download"
+                  })
+                })]
+              });
+            }
+            return /* @__PURE__ */jsx(Embed, {
+              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/esm/components/FileViewer.styled.js

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

package/dist/esm/components/FlashMessage.js

@@ -1,35 +1,46 @@
 "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 Snackbar from '@mui/material/Snackbar';
 import Alert from './Alert.js';
 
-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 = _objectWithoutProperties(_ref, _excluded);
+  var handleClose = function handleClose() {
     onClose();
   };
-  return /* @__PURE__ */ jsx(
-    Snackbar,
-    {
-      anchorOrigin: { vertical, horizontal },
-      autoHideDuration,
-      open,
+  return /* @__PURE__ */jsx(Snackbar, _objectSpread2(_objectSpread2({
+    anchorOrigin: {
+      vertical: vertical,
+      horizontal: horizontal
+    },
+    autoHideDuration: autoHideDuration,
+    open: open,
+    onClose: handleClose,
+    message: "This is a text snack message"
+  }, rest), {}, {
+    children: /* @__PURE__ */jsx(Alert, {
+      color: color,
       onClose: handleClose,
-      message: "This is a text snack message",
-      ...rest,
-      children: /* @__PURE__ */ jsx(Alert, { color, onClose: handleClose, elevation: 7, children })
-    }
-  );
+      elevation: 7,
+      children: children
+    })
+  }));
 }
 FlashMessage.propTypes = {
   /**