@tenancy.nz/ui 1.0.2 → 1.0.4

package/dist/cjs/components/DropZone.cjs

@@ -3,6 +3,7 @@
 
 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');
@@ -17,99 +18,146 @@ require('../utils/helpers/time.cjs');
 var Alert = require('./Alert.cjs');
 var DropZone_styled = require('./DropZone.styled.cjs');
 
-function DropZone({
-  loading = false,
-  compact = false,
-  disabled = false,
-  onDrop,
-  edges = "normal",
-  dropzoneLabel = "Upload file",
-  dropzoneDescription = "Drag and drop a file here, or click to select a file",
-  dropzoneProps = null,
-  listAcceptedFiles = false
-}) {
-  const {
-    getRootProps,
-    getInputProps,
-    isDragActive,
-    isDragAccept,
-    isDragReject,
-    acceptedFiles,
-    fileRejections
-  } = reactDropzone.useDropzone({
-    onDrop,
-    disabled,
-    ...dropzoneProps
-  });
-  const hasErrors = fileRejections.length > 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      DropZone_styled.StyledWrapper,
-      {
-        compact: compact ? "yes" : "no",
-        disabled,
-        edges,
-        errors: hasErrors ? "yes" : "no",
-        ...getRootProps(),
-        sx: {
-          mb: 1
+function DropZone(_ref) {
+  var _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$compact = _ref.compact,
+    compact = _ref$compact === void 0 ? false : _ref$compact,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    onDrop = _ref.onDrop,
+    _ref$edges = _ref.edges,
+    edges = _ref$edges === void 0 ? "normal" : _ref$edges,
+    _ref$dropzoneLabel = _ref.dropzoneLabel,
+    dropzoneLabel = _ref$dropzoneLabel === void 0 ? "Upload file" : _ref$dropzoneLabel,
+    _ref$dropzoneDescript = _ref.dropzoneDescription,
+    dropzoneDescription = _ref$dropzoneDescript === void 0 ? "Drag and drop a file here, or click to select a file" : _ref$dropzoneDescript,
+    _ref$dropzoneProps = _ref.dropzoneProps,
+    dropzoneProps = _ref$dropzoneProps === void 0 ? null : _ref$dropzoneProps,
+    _ref$listAcceptedFile = _ref.listAcceptedFiles,
+    listAcceptedFiles = _ref$listAcceptedFile === void 0 ? false : _ref$listAcceptedFile;
+  var _useDropzone = reactDropzone.useDropzone(_rollupPluginBabelHelpers.objectSpread2({
+      onDrop: onDrop,
+      disabled: disabled
+    }, dropzoneProps)),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps,
+    isDragActive = _useDropzone.isDragActive,
+    isDragAccept = _useDropzone.isDragAccept,
+    isDragReject = _useDropzone.isDragReject,
+    acceptedFiles = _useDropzone.acceptedFiles,
+    fileRejections = _useDropzone.fileRejections;
+  var hasErrors = fileRejections.length > 0;
+  return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/* @__PURE__ */jsxRuntime.jsxs(DropZone_styled.StyledWrapper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+      compact: compact ? "yes" : "no",
+      disabled: disabled,
+      edges: edges,
+      errors: hasErrors ? "yes" : "no"
+    }, getRootProps()), {}, {
+      sx: {
+        mb: 1
+      },
+      children: [isDragActive && /* @__PURE__ */jsxRuntime.jsx(DropZone_styled.StyledDraggingIndicator, {
+        isDragReject: isDragReject
+      }), loading && !hasErrors && /* @__PURE__ */jsxRuntime.jsx(DropZone_styled.StyledLoader, {}), /* @__PURE__ */jsxRuntime.jsx("input", _rollupPluginBabelHelpers.objectSpread2({}, getInputProps())), isDragAccept && /* @__PURE__ */jsxRuntime.jsx(DropZone_styled.StyledIcon, {
+        compact: compact,
+        children: /* @__PURE__ */jsxRuntime.jsx(CheckCircleIcon, {
+          color: "inherit",
+          fontSize: "inherit"
+        })
+      }), isDragReject && /* @__PURE__ */jsxRuntime.jsx(DropZone_styled.StyledIcon, {
+        compact: compact,
+        children: /* @__PURE__ */jsxRuntime.jsx(WarningIcon, {
+          color: "inherit",
+          fontSize: "inherit"
+        })
+      }), !isDragAccept && !isDragReject && /* @__PURE__ */jsxRuntime.jsx(DropZone_styled.StyledIcon, {
+        compact: compact,
+        children: /* @__PURE__ */jsxRuntime.jsx(CloudUploadIcon, {
+          color: "inherit",
+          fontSize: "inherit"
+        })
+      }), /* @__PURE__ */jsxRuntime.jsx(Typography, {
+        variant: "subtitle2",
+        align: "center",
+        children: isDragReject ? "Error" : dropzoneLabel
+      }), /* @__PURE__ */jsxRuntime.jsx(Typography, {
+        variant: "body2",
+        align: "center",
+        color: "textSecondary",
+        children: isDragReject ? "The selected file(s) will not be accepted" : dropzoneDescription
+      })]
+    })), /* @__PURE__ */jsxRuntime.jsxs(framerMotion.AnimatePresence, {
+      children: [listAcceptedFiles && acceptedFiles.length > 0 && /* @__PURE__ */jsxRuntime.jsx(framerMotion.motion.div, {
+        initial: {
+          translateY: -20,
+          opacity: 0
+        },
+        animate: {
+          translateY: 0,
+          opacity: 1
+        },
+        exit: {
+          translateY: -20,
+          opacity: 0
         },
-        children: [
-          isDragActive && /* @__PURE__ */ jsxRuntime.jsx(DropZone_styled.StyledDraggingIndicator, { isDragReject }),
-          loading && !hasErrors && /* @__PURE__ */ jsxRuntime.jsx(DropZone_styled.StyledLoader, {}),
-          /* @__PURE__ */ jsxRuntime.jsx("input", { ...getInputProps() }),
-          isDragAccept && /* @__PURE__ */ jsxRuntime.jsx(DropZone_styled.StyledIcon, { compact, children: /* @__PURE__ */ jsxRuntime.jsx(CheckCircleIcon, { color: "inherit", fontSize: "inherit" }) }),
-          isDragReject && /* @__PURE__ */ jsxRuntime.jsx(DropZone_styled.StyledIcon, { compact, children: /* @__PURE__ */ jsxRuntime.jsx(WarningIcon, { color: "inherit", fontSize: "inherit" }) }),
-          !isDragAccept && !isDragReject && /* @__PURE__ */ jsxRuntime.jsx(DropZone_styled.StyledIcon, { compact, children: /* @__PURE__ */ jsxRuntime.jsx(CloudUploadIcon, { color: "inherit", fontSize: "inherit" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "subtitle2", align: "center", children: isDragReject ? "Error" : dropzoneLabel }),
-          /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", align: "center", color: "textSecondary", children: isDragReject ? "The selected file(s) will not be accepted" : dropzoneDescription })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.AnimatePresence, { children: [
-      listAcceptedFiles && acceptedFiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-        framerMotion.motion.div,
-        {
-          initial: { translateY: -20, opacity: 0 },
-          animate: { translateY: 0, opacity: 1 },
-          exit: { translateY: -20, opacity: 0 },
-          transition: { duration: 0.25, ease: "easeOut" },
-          children: acceptedFiles.map((file) => /* @__PURE__ */ jsxRuntime.jsx(
-            Alert.default,
-            {
-              variant: "standard",
-              severity: "success",
-              style: { marginBottom: 5 },
-              children: file.path
+        transition: {
+          duration: 0.25,
+          ease: "easeOut"
+        },
+        children: acceptedFiles.map(function (file) {
+          return /* @__PURE__ */jsxRuntime.jsx(Alert.default, {
+            variant: "standard",
+            severity: "success",
+            style: {
+              marginBottom: 5
             },
-            file.path
-          ))
-        }
-      ),
-      hasErrors && /* @__PURE__ */ jsxRuntime.jsx(
-        framerMotion.motion.div,
-        {
-          initial: { translateY: -20, opacity: 0 },
-          animate: { translateY: 0, opacity: 1 },
-          exit: { translateY: -20, opacity: 0 },
-          transition: { duration: 0.25, ease: "easeOut" },
-          children: /* @__PURE__ */ jsxRuntime.jsx(Alert.default, { severity: "info", variant: "standard", children: fileRejections.map(({ file: file$1, errors }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            file$1.path,
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { children: errors.map((e) => {
-              if (e.code === "file-too-large") {
-                return /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
-                  "File size is larger than",
-                  " ",
-                  file.formatBytes(dropzoneProps.maxSize)
-                ] }, e.code);
-              }
-              return /* @__PURE__ */ jsxRuntime.jsx("li", { children: e.message }, e.code);
-            }) })
-          ] }, file$1.path)) })
-        }
-      )
-    ] })
-  ] });
+            children: file.path
+          }, file.path);
+        })
+      }), hasErrors && /* @__PURE__ */jsxRuntime.jsx(framerMotion.motion.div, {
+        initial: {
+          translateY: -20,
+          opacity: 0
+        },
+        animate: {
+          translateY: 0,
+          opacity: 1
+        },
+        exit: {
+          translateY: -20,
+          opacity: 0
+        },
+        transition: {
+          duration: 0.25,
+          ease: "easeOut"
+        },
+        children: /* @__PURE__ */jsxRuntime.jsx(Alert.default, {
+          severity: "info",
+          variant: "standard",
+          children: fileRejections.map(function (_ref2) {
+            var file$1 = _ref2.file,
+              errors = _ref2.errors;
+            return /* @__PURE__ */jsxRuntime.jsxs("div", {
+              children: [file$1.path, /* @__PURE__ */jsxRuntime.jsx("ul", {
+                children: errors.map(function (e) {
+                  if (e.code === "file-too-large") {
+                    return /* @__PURE__ */jsxRuntime.jsxs("li", {
+                      children: ["File size is larger than", " ", file.formatBytes(dropzoneProps.maxSize)]
+                    }, e.code);
+                  }
+                  return /* @__PURE__ */jsxRuntime.jsx("li", {
+                    children: e.message
+                  }, e.code);
+                })
+              })]
+            }, file$1.path);
+          })
+        })
+      })]
+    })]
+  });
 }
 DropZone.propTypes = {
   /**

package/dist/cjs/components/DropZone.styled.cjs

@@ -7,7 +7,7 @@ var CircularProgress = require('@mui/material/CircularProgress');
 var LinearProgress = require('@mui/material/LinearProgress');
 var colors = require('../utils/colors.cjs');
 
-const borderRadius = (edges, theme) => {
+var borderRadius = function borderRadius(edges, theme) {
   switch (edges) {
     case "rounded":
       return 99;
@@ -17,18 +17,23 @@ const borderRadius = (edges, theme) => {
       return theme.shape.borderRadius;
   }
 };
-const StyledWrapper = styles.styled(Box)(
-  ({ compact, disabled, edges, errors, theme }) => ({
+var StyledWrapper = styles.styled(Box)(function (_ref) {
+  var compact = _ref.compact,
+    disabled = _ref.disabled,
+    edges = _ref.edges,
+    errors = _ref.errors,
+    theme = _ref.theme;
+  return {
     position: "relative",
     display: compact === "yes" ? "flex" : "block",
     textAlign: "center",
-    border: `2px dashed ${errors === "yes" ? theme.palette.error.main : theme.palette.primary.main}`,
+    border: "2px dashed ".concat(errors === "yes" ? theme.palette.error.main : theme.palette.primary.main),
     padding: compact === "yes" ? theme.spacing(2, 4) : theme.spacing(6, 4),
     background: disabled ? theme.palette.grey[300] : null,
     opacity: disabled ? 0.5 : 1,
     borderRadius: borderRadius(edges, theme),
     "&:focus": {
-      border: `2px solid ${theme.palette.primary.main}`,
+      border: "2px solid ".concat(theme.palette.primary.main),
       outline: "none",
       background: colors.hexToRgba(theme.palette.primary.main, 0.1)
     },
@@ -36,10 +41,12 @@ const StyledWrapper = styles.styled(Box)(
     "& .MuiTypography-root": {
       marginRight: compact === "yes" ? theme.spacing(2) : 0
     }
-  })
-);
-const StyledDraggingIndicator = styles.styled(LinearProgress)(
-  ({ isDragReject, theme }) => ({
+  };
+});
+var StyledDraggingIndicator = styles.styled(LinearProgress)(function (_ref2) {
+  var isDragReject = _ref2.isDragReject,
+    theme = _ref2.theme;
+  return {
     position: "absolute",
     top: 0,
     left: 0,
@@ -48,27 +55,27 @@ const StyledDraggingIndicator = styles.styled(LinearProgress)(
     opacity: 0.2,
     backgroundColor: isDragReject ? theme.palette.error.main : theme.palette.primary.main,
     "& .MuiLinearProgress-barColorPrimary": {
-      background: colors.mixColors(
-        isDragReject ? theme.palette.error.main : theme.palette.primary.main,
-        "#ffffff",
-        60
-      )
+      background: colors.mixColors(isDragReject ? theme.palette.error.main : theme.palette.primary.main, "#ffffff", 60)
     }
-  })
-);
-const StyledLoader = styles.styled(CircularProgress)({
+  };
+});
+var StyledLoader = styles.styled(CircularProgress)({
   position: "absolute",
   top: "50%",
   left: "50%",
   marginTop: -20,
   marginLeft: -20
 });
-const StyledIcon = styles.styled("div")(({ compact, theme }) => ({
-  display: "inline-flex",
-  color: theme.palette.default.light,
-  margin: compact ? `0 ${theme.spacing(2)} 0 0` : "0 auto",
-  fontSize: compact ? "2rem" : "4rem"
-}));
+var StyledIcon = styles.styled("div")(function (_ref3) {
+  var compact = _ref3.compact,
+    theme = _ref3.theme;
+  return {
+    display: "inline-flex",
+    color: theme.palette.default.light,
+    margin: compact ? "0 ".concat(theme.spacing(2), " 0 0") : "0 auto",
+    fontSize: compact ? "2rem" : "4rem"
+  };
+});
 
 exports.StyledDraggingIndicator = StyledDraggingIndicator;
 exports.StyledIcon = StyledIcon;

package/dist/cjs/components/Embed.cjs

@@ -9,19 +9,26 @@ var PropTypes = require('prop-types');
 var CircularProgress = require('./CircularProgress.cjs');
 var Embed_styled = require('./Embed.styled.cjs');
 
-function Embed({ height = "50%", src, width = "100%" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Embed_styled.StyledEmbed, { height, width, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Embed_styled.StyledBox, { children: /* @__PURE__ */ jsxRuntime.jsx(CircularProgress.default, { size: 50 }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Embed_styled.StyledEmbedFrame,
-      {
-        src,
-        frameborder: "0",
-        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-        allowfullscreen: true
-      }
-    )
-  ] });
+function Embed(_ref) {
+  var _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "50%" : _ref$height,
+    src = _ref.src,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "100%" : _ref$width;
+  return /* @__PURE__ */jsxRuntime.jsxs(Embed_styled.StyledEmbed, {
+    height: height,
+    width: width,
+    children: [/* @__PURE__ */jsxRuntime.jsx(Embed_styled.StyledBox, {
+      children: /* @__PURE__ */jsxRuntime.jsx(CircularProgress.default, {
+        size: 50
+      })
+    }), /* @__PURE__ */jsxRuntime.jsx(Embed_styled.StyledEmbedFrame, {
+      src: src,
+      frameborder: "0",
+      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+      allowfullscreen: true
+    })]
+  });
 }
 Embed.propTypes = {
   /**

package/dist/cjs/components/Embed.styled.cjs

@@ -1,37 +1,18 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var styled = require('styled-components');
 var Box = require('./Box.cjs');
 
-const StyledEmbed = styled.div`
-  ${({ height, width }) => styled.css`
-    position: relative;
-    padding-bottom: ${height};
-    height: 0;
-    overflow: hidden;
-    width: ${width};
-  `}
-`;
-const StyledEmbedFrame = styled.iframe`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: none;
-  z-index: 3;
-`;
-const StyledBox = styled(Box.default)`
-  display: flex !important;
-  position: absolute;
-  left: 0;
-  top: 0;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  width: 100%;
-`;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var StyledEmbed = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var height = _ref.height,
+    width = _ref.width;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    position: relative;\n    padding-bottom: ", ";\n    height: 0;\n    overflow: hidden;\n    width: ", ";\n  "])), height, width);
+});
+var StyledEmbedFrame = styled.iframe(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: none;\n  z-index: 3;\n"])));
+var StyledBox = styled(Box.default)(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: flex !important;\n  position: absolute;\n  left: 0;\n  top: 0;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n"])));
 
 exports.StyledBox = StyledBox;
 exports.StyledEmbed = StyledEmbed;