@tenancy.nz/ui 1.0.4 → 1.0.6

package/dist/esm/components/DropZone.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
 import { useDropzone } from 'react-dropzone';
@@ -44,116 +43,101 @@ function DropZone(_ref) {
     acceptedFiles = _useDropzone.acceptedFiles,
     fileRejections = _useDropzone.fileRejections;
   var hasErrors = fileRejections.length > 0;
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsxs(StyledWrapper, _objectSpread2(_objectSpread2({
-      compact: compact ? "yes" : "no",
-      disabled: disabled,
-      edges: edges,
-      errors: hasErrors ? "yes" : "no"
-    }, getRootProps()), {}, {
-      sx: {
-        mb: 1
-      },
-      children: [isDragActive && /* @__PURE__ */jsx(StyledDraggingIndicator, {
-        isDragReject: isDragReject
-      }), loading && !hasErrors && /* @__PURE__ */jsx(StyledLoader, {}), /* @__PURE__ */jsx("input", _objectSpread2({}, getInputProps())), isDragAccept && /* @__PURE__ */jsx(StyledIcon, {
-        compact: compact,
-        children: /* @__PURE__ */jsx(CheckCircleIcon, {
-          color: "inherit",
-          fontSize: "inherit"
-        })
-      }), isDragReject && /* @__PURE__ */jsx(StyledIcon, {
-        compact: compact,
-        children: /* @__PURE__ */jsx(WarningIcon, {
-          color: "inherit",
-          fontSize: "inherit"
-        })
-      }), !isDragAccept && !isDragReject && /* @__PURE__ */jsx(StyledIcon, {
-        compact: compact,
-        children: /* @__PURE__ */jsx(CloudUploadIcon, {
-          color: "inherit",
-          fontSize: "inherit"
-        })
-      }), /* @__PURE__ */jsx(Typography, {
-        variant: "subtitle2",
-        align: "center",
-        children: isDragReject ? "Error" : dropzoneLabel
-      }), /* @__PURE__ */jsx(Typography, {
-        variant: "body2",
-        align: "center",
-        color: "textSecondary",
-        children: isDragReject ? "The selected file(s) will not be accepted" : dropzoneDescription
-      })]
-    })), /* @__PURE__ */jsxs(AnimatePresence, {
-      children: [listAcceptedFiles && acceptedFiles.length > 0 && /* @__PURE__ */jsx(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(function (file) {
-          return /* @__PURE__ */jsx(Alert, {
-            variant: "standard",
-            severity: "success",
-            style: {
-              marginBottom: 5
-            },
-            children: file.path
-          }, file.path);
-        })
-      }), hasErrors && /* @__PURE__ */jsx(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__ */jsx(Alert, {
-          severity: "info",
-          variant: "standard",
-          children: fileRejections.map(function (_ref2) {
-            var file = _ref2.file,
-              errors = _ref2.errors;
-            return /* @__PURE__ */jsxs("div", {
-              children: [file.path, /* @__PURE__ */jsx("ul", {
-                children: errors.map(function (e) {
-                  if (e.code === "file-too-large") {
-                    return /* @__PURE__ */jsxs("li", {
-                      children: ["File size is larger than", " ", formatBytes(dropzoneProps.maxSize)]
-                    }, e.code);
-                  }
-                  return /* @__PURE__ */jsx("li", {
-                    children: e.message
-                  }, e.code);
-                })
-              })]
-            }, file.path);
-          })
-        })
-      })]
-    })]
-  });
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(StyledWrapper, _objectSpread2(_objectSpread2({
+    compact: compact ? "yes" : "no",
+    disabled: disabled,
+    edges: edges,
+    errors: hasErrors ? "yes" : "no"
+  }, getRootProps()), {}, {
+    sx: {
+      mb: 1
+    }
+  }), isDragActive && /* @__PURE__ */React.createElement(StyledDraggingIndicator, {
+    isDragReject: isDragReject
+  }), loading && !hasErrors && /* @__PURE__ */React.createElement(StyledLoader, null), /* @__PURE__ */React.createElement("input", _objectSpread2({}, getInputProps())), isDragAccept && /* @__PURE__ */React.createElement(StyledIcon, {
+    compact: compact
+  }, /* @__PURE__ */React.createElement(CheckCircleIcon, {
+    color: "inherit",
+    fontSize: "inherit"
+  })), isDragReject && /* @__PURE__ */React.createElement(StyledIcon, {
+    compact: compact
+  }, /* @__PURE__ */React.createElement(WarningIcon, {
+    color: "inherit",
+    fontSize: "inherit"
+  })), !isDragAccept && !isDragReject && /* @__PURE__ */React.createElement(StyledIcon, {
+    compact: compact
+  }, /* @__PURE__ */React.createElement(CloudUploadIcon, {
+    color: "inherit",
+    fontSize: "inherit"
+  })), /* @__PURE__ */React.createElement(Typography, {
+    variant: "subtitle2",
+    align: "center"
+  }, isDragReject ? "Error" : dropzoneLabel), /* @__PURE__ */React.createElement(Typography, {
+    variant: "body2",
+    align: "center",
+    color: "textSecondary"
+  }, isDragReject ? "The selected file(s) will not be accepted" : dropzoneDescription)), /* @__PURE__ */React.createElement(AnimatePresence, null, listAcceptedFiles && acceptedFiles.length > 0 && /* @__PURE__ */React.createElement(motion.div, {
+    initial: {
+      translateY: -20,
+      opacity: 0
+    },
+    animate: {
+      translateY: 0,
+      opacity: 1
+    },
+    exit: {
+      translateY: -20,
+      opacity: 0
+    },
+    transition: {
+      duration: 0.25,
+      ease: "easeOut"
+    }
+  }, acceptedFiles.map(function (file) {
+    return /* @__PURE__ */React.createElement(Alert, {
+      variant: "standard",
+      severity: "success",
+      key: file.path,
+      style: {
+        marginBottom: 5
+      }
+    }, file.path);
+  })), hasErrors && /* @__PURE__ */React.createElement(motion.div, {
+    initial: {
+      translateY: -20,
+      opacity: 0
+    },
+    animate: {
+      translateY: 0,
+      opacity: 1
+    },
+    exit: {
+      translateY: -20,
+      opacity: 0
+    },
+    transition: {
+      duration: 0.25,
+      ease: "easeOut"
+    }
+  }, /* @__PURE__ */React.createElement(Alert, {
+    severity: "info",
+    variant: "standard"
+  }, fileRejections.map(function (_ref2) {
+    var file = _ref2.file,
+      errors = _ref2.errors;
+    return /* @__PURE__ */React.createElement("div", {
+      key: file.path
+    }, file.path, /* @__PURE__ */React.createElement("ul", null, errors.map(function (e) {
+      if (e.code === "file-too-large") {
+        return /* @__PURE__ */React.createElement("li", {
+          key: e.code
+        }, "File size is larger than", " ", formatBytes(dropzoneProps.maxSize));
+      }
+      return /* @__PURE__ */React.createElement("li", {
+        key: e.code
+      }, e.message);
+    })));
+  })))));
 }
 DropZone.propTypes = {
   /**

package/dist/esm/components/Embed.js

@@ -1,6 +1,5 @@
 "use strict";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import CircularProgress from './CircularProgress.js';
 import { StyledEmbed, StyledBox, StyledEmbedFrame } from './Embed.styled.js';
@@ -11,20 +10,17 @@ function Embed(_ref) {
     src = _ref.src,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? "100%" : _ref$width;
-  return /* @__PURE__ */jsxs(StyledEmbed, {
+  return /* @__PURE__ */React.createElement(StyledEmbed, {
     height: height,
-    width: width,
-    children: [/* @__PURE__ */jsx(StyledBox, {
-      children: /* @__PURE__ */jsx(CircularProgress, {
-        size: 50
-      })
-    }), /* @__PURE__ */jsx(StyledEmbedFrame, {
-      src: src,
-      frameborder: "0",
-      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-      allowfullscreen: true
-    })]
-  });
+    width: width
+  }, /* @__PURE__ */React.createElement(StyledBox, null, /* @__PURE__ */React.createElement(CircularProgress, {
+    size: 50
+  })), /* @__PURE__ */React.createElement(StyledEmbedFrame, {
+    src: src,
+    frameborder: "0",
+    allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+    allowfullscreen: true
+  }));
 }
 Embed.propTypes = {
   /**

package/dist/esm/components/FileUpload.js

@@ -1,7 +1,6 @@
 "use strict";
 import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState, useCallback } from 'react';
+import React, { useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import Alert from '@mui/material/Alert';
 import { AnimateSharedLayout, AnimatePresence, motion } from 'framer-motion';
@@ -144,134 +143,114 @@ function FileUpload(_ref) {
       opacity: 0
     }
   };
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsxs(FormControl, {
-      name: name,
-      fullWidth: true,
-      label: label,
-      helperText: helperText,
-      helperTextPlacement: helperTextPlacement,
-      disabled: disabled,
-      required: required,
-      showError: showError,
-      errorMessage: errorMessage,
-      edges: edges,
-      children: [/* @__PURE__ */jsx(FormFocus, {
-        name: name
-      }), files && files.length > 0 && /* @__PURE__ */jsxs(StyledSavedWrapper, _objectSpread2(_objectSpread2({}, fade), {}, {
-        edges: edges,
-        children: [(saving || loading) && /* @__PURE__ */jsx(StyledLoader, {
-          disableShrink: true
-        }), /* @__PURE__ */jsx(Grid, {
-          container: true,
-          alignItems: "center",
-          spacing: 5,
-          children: /* @__PURE__ */jsx(Grid, {
-            item: true,
-            xs: 12,
-            children: /* @__PURE__ */jsx(AnimateSharedLayout, {
-              children: files.map(function (file, index) {
-                return /* @__PURE__ */jsx(AnimatePresence, {
-                  children: /* @__PURE__ */jsx(motion.div, {
-                    positionTransition: true,
-                    initial: {
-                      opacity: 0,
-                      y: 50,
-                      scale: 0.3
-                    },
-                    animate: {
-                      opacity: 1,
-                      y: 0,
-                      scale: 1
-                    },
-                    exit: {
-                      opacity: 0,
-                      scale: 0.5,
-                      transition: {
-                        duration: 0.2
-                      }
-                    },
-                    children: /* @__PURE__ */jsxs(Alert, {
-                      severity: showError || fileErrors(file, index) !== null ? "error" : "success",
-                      style: {
-                        marginBottom: 5
-                      },
-                      action: /* @__PURE__ */jsxs(Fragment, {
-                        children: [fileActions(file, index) !== null && fileActions(file, index), /* @__PURE__ */jsx(Button, {
-                          onClick: function onClick() {
-                            return setViewedFile(file);
-                          },
-                          color: "inherit",
-                          size: "small",
-                          variant: "text",
-                          children: "View"
-                        }), /* @__PURE__ */jsx(Tooltip, {
-                          title: "Delete",
-                          enterDelay: 0,
-                          children: /* @__PURE__ */jsx("div", {
-                            children: /* @__PURE__ */jsx(IconButton, {
-                              disabled: saving,
-                              size: "small",
-                              "aria-label": "delete",
-                              style: {
-                                padding: 0
-                              },
-                              onClick: function onClick() {
-                                return !showError ? handleDeleteConfirmation(index) : handleDeleteWithoutConfirmation(index);
-                              },
-                              children: /* @__PURE__ */jsx(DeleteIcon, {})
-                            })
-                          })
-                        })]
-                      }),
-                      children: [/* @__PURE__ */jsx(StyledAlertTitle, {
-                        children: getFileName(file)
-                      }), fileErrors(file, index)]
-                    })
-                  })
-                }, getFileName(file));
-              })
-            })
-          })
-        })]
-      })), (!files || files.length === 0 || !dropzoneProps || dropzoneProps.maxFiles === void 0 || dropzoneProps.maxFiles > 1) && /* @__PURE__ */jsx(motion.div, _objectSpread2(_objectSpread2({}, fade), {}, {
-        style: files && files.length > 0 ? {
-          marginTop: 8
-        } : null,
-        children: /* @__PURE__ */jsx(DropZone, {
-          loading: loading,
-          disabled: disabled,
-          onDrop: onDrop,
-          edges: edges,
-          dropzoneLabel: dropzoneLabel,
-          dropzoneDescription: dropzoneDescription,
-          dropzoneProps: dropzoneProps,
-          compact: files && files.length > 0
-        })
-      }))]
-    }), /* @__PURE__ */jsx(Confirmation, {
-      open: confirmDeleteAll,
-      onCancel: function onCancel() {
-        return setConfirmDeleteAll(false);
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(FormControl, {
+    name: name,
+    fullWidth: true,
+    label: label,
+    helperText: helperText,
+    helperTextPlacement: helperTextPlacement,
+    disabled: disabled,
+    required: required,
+    showError: showError,
+    errorMessage: errorMessage,
+    edges: edges
+  }, /* @__PURE__ */React.createElement(FormFocus, {
+    name: name
+  }), files && files.length > 0 && /* @__PURE__ */React.createElement(StyledSavedWrapper, _objectSpread2(_objectSpread2({}, fade), {}, {
+    edges: edges
+  }), (saving || loading) && /* @__PURE__ */React.createElement(StyledLoader, {
+    disableShrink: true
+  }), /* @__PURE__ */React.createElement(Grid, {
+    container: true,
+    alignItems: "center",
+    spacing: 5
+  }, /* @__PURE__ */React.createElement(Grid, {
+    item: true,
+    xs: 12
+  }, /* @__PURE__ */React.createElement(AnimateSharedLayout, null, files.map(function (file, index) {
+    return /* @__PURE__ */React.createElement(AnimatePresence, {
+      key: getFileName(file)
+    }, /* @__PURE__ */React.createElement(motion.div, {
+      positionTransition: true,
+      initial: {
+        opacity: 0,
+        y: 50,
+        scale: 0.3
       },
-      onConfirm: handleDeleteAll,
-      message: "Are you sure you want to remove the attached file(s)?"
-    }), /* @__PURE__ */jsx(Confirmation, {
-      open: confirmDelete !== null,
-      onCancel: function onCancel() {
-        setConfirmDelete(null);
-        setLoading(false);
+      animate: {
+        opacity: 1,
+        y: 0,
+        scale: 1
       },
-      onConfirm: handleDelete,
-      message: "Are you sure you want to remove the attached file?"
-    }), /* @__PURE__ */jsx(FileViewer, {
-      file: viewedFile,
-      open: viewedFile !== null,
-      onClose: function onClose() {
-        return setViewedFile(null);
+      exit: {
+        opacity: 0,
+        scale: 0.5,
+        transition: {
+          duration: 0.2
+        }
       }
-    })]
-  });
+    }, /* @__PURE__ */React.createElement(Alert, {
+      severity: showError || fileErrors(file, index) !== null ? "error" : "success",
+      style: {
+        marginBottom: 5
+      },
+      action: /* @__PURE__ */React.createElement(React.Fragment, null, fileActions(file, index) !== null && fileActions(file, index), /* @__PURE__ */React.createElement(Button, {
+        onClick: function onClick() {
+          return setViewedFile(file);
+        },
+        color: "inherit",
+        size: "small",
+        variant: "text"
+      }, "View"), /* @__PURE__ */React.createElement(Tooltip, {
+        title: "Delete",
+        enterDelay: 0
+      }, /* @__PURE__ */React.createElement("div", null, /* @__PURE__ */React.createElement(IconButton, {
+        disabled: saving,
+        size: "small",
+        "aria-label": "delete",
+        style: {
+          padding: 0
+        },
+        onClick: function onClick() {
+          return !showError ? handleDeleteConfirmation(index) : handleDeleteWithoutConfirmation(index);
+        }
+      }, /* @__PURE__ */React.createElement(DeleteIcon, null)))))
+    }, /* @__PURE__ */React.createElement(StyledAlertTitle, null, getFileName(file)), fileErrors(file, index))));
+  }))))), (!files || files.length === 0 || !dropzoneProps || dropzoneProps.maxFiles === void 0 || dropzoneProps.maxFiles > 1) && /* @__PURE__ */React.createElement(motion.div, _objectSpread2(_objectSpread2({}, fade), {}, {
+    style: files && files.length > 0 ? {
+      marginTop: 8
+    } : null
+  }), /* @__PURE__ */React.createElement(DropZone, {
+    loading: loading,
+    disabled: disabled,
+    onDrop: onDrop,
+    edges: edges,
+    dropzoneLabel: dropzoneLabel,
+    dropzoneDescription: dropzoneDescription,
+    dropzoneProps: dropzoneProps,
+    compact: files && files.length > 0
+  }))), /* @__PURE__ */React.createElement(Confirmation, {
+    open: confirmDeleteAll,
+    onCancel: function onCancel() {
+      return setConfirmDeleteAll(false);
+    },
+    onConfirm: handleDeleteAll,
+    message: "Are you sure you want to remove the attached file(s)?"
+  }), /* @__PURE__ */React.createElement(Confirmation, {
+    open: confirmDelete !== null,
+    onCancel: function onCancel() {
+      setConfirmDelete(null);
+      setLoading(false);
+    },
+    onConfirm: handleDelete,
+    message: "Are you sure you want to remove the attached file?"
+  }), /* @__PURE__ */React.createElement(FileViewer, {
+    file: viewedFile,
+    open: viewedFile !== null,
+    onClose: function onClose() {
+      return setViewedFile(null);
+    }
+  }));
 }
 FileUpload.propTypes = {
   /**

package/dist/esm/components/FileUploadButton.js

@@ -1,7 +1,6 @@
 "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 React, { useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useDropzone } from 'react-dropzone';
 import Button from './Button.js';
@@ -87,19 +86,15 @@ function FileUploadButton(_ref) {
     }),
     getRootProps = _useDropzone.getRootProps,
     getInputProps = _useDropzone.getInputProps;
-  return /* @__PURE__ */jsx("span", _objectSpread2(_objectSpread2({}, getRootProps()), {}, {
-    children: /* @__PURE__ */jsxs(Button, _objectSpread2(_objectSpread2({
-      loading: true,
-      disabled: disabled,
-      pending: pending,
-      pendingIndicator: /* @__PURE__ */jsx(FileUploadButtonLoader, {
-        accepted: accepted,
-        rejected: rejected
-      })
-    }, rest), {}, {
-      children: [/* @__PURE__ */jsx("input", _objectSpread2({}, getInputProps())), children]
-    }))
-  }));
+  return /* @__PURE__ */React.createElement("span", _objectSpread2({}, getRootProps()), /* @__PURE__ */React.createElement(Button, _objectSpread2({
+    loading: true,
+    disabled: disabled,
+    pending: pending,
+    pendingIndicator: /* @__PURE__ */React.createElement(FileUploadButtonLoader, {
+      accepted: accepted,
+      rejected: rejected
+    })
+  }, rest), /* @__PURE__ */React.createElement("input", _objectSpread2({}, getInputProps())), children));
 }
 FileUploadButton.propTypes = {
   /**

package/dist/esm/components/FileUploadButtonLoader.js

@@ -1,6 +1,5 @@
 "use strict";
-import { jsx } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import CheckIcon from '@mui/icons-material/Check';
 import WarningIcon from '@mui/icons-material/Warning';
@@ -12,18 +11,18 @@ function FileUploadButtonLoader(_ref) {
     _ref$rejected = _ref.rejected,
     rejected = _ref$rejected === void 0 ? false : _ref$rejected;
   if (accepted) {
-    return /* @__PURE__ */jsx(CheckIcon, {
+    return /* @__PURE__ */React.createElement(CheckIcon, {
       color: "inherit",
       size: 16
     });
   }
   if (rejected) {
-    return /* @__PURE__ */jsx(WarningIcon, {
+    return /* @__PURE__ */React.createElement(WarningIcon, {
       color: "inherit",
       size: 16
     });
   }
-  return /* @__PURE__ */jsx(CircularProgress, {
+  return /* @__PURE__ */React.createElement(CircularProgress, {
     color: "inherit",
     size: 16
   });