@tenancy.nz/ui 1.0.3 → 1.0.5

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
   });

package/dist/esm/components/FileViewer.js

@@ -1,6 +1,5 @@
 "use strict";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import mime from 'mime/lite';
 import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
@@ -56,75 +55,57 @@ function FileViewer(_ref) {
     _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
     onClose = _ref.onClose;
-  return /* @__PURE__ */jsx(Modal, {
+  return /* @__PURE__ */React.createElement(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%"
-            });
-          }()
-        })
-      })]
-    })
-  });
+    fullWidth: true
+  }, file !== null && open && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(ModalHeader, {
+    onClose: onClose
+  }, /* @__PURE__ */React.createElement(Heading, {
+    as: "h5"
+  }, heading || getFileName(file))), /* @__PURE__ */React.createElement(ModalContent, null, /* @__PURE__ */React.createElement(StyledFilePreviewAreaOuter, null, function () {
+    if (isImage(file)) {
+      return /* @__PURE__ */React.createElement(Box, {
+        display: "flex",
+        justifyContent: "center",
+        width: "100%"
+      }, /* @__PURE__ */React.createElement("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__ */React.createElement(Grid, {
+        container: true,
+        spacing: 5,
+        direction: "column",
+        alignItems: "center",
+        justify: "center"
+      }, /* @__PURE__ */React.createElement(Grid, {
+        item: true
+      }, /* @__PURE__ */React.createElement(StyledBrokenFileIcon, null, /* @__PURE__ */React.createElement(ErrorOutlineIcon, null))), /* @__PURE__ */React.createElement(Grid, {
+        item: true
+      }, /* @__PURE__ */React.createElement(Heading, {
+        as: "h5",
+        transform: "uppercase"
+      }, "Preview unavailable")), /* @__PURE__ */React.createElement(Grid, {
+        item: true
+      }, /* @__PURE__ */React.createElement(Button, {
+        href: file.url,
+        as: "a",
+        download: true,
+        color: "primary",
+        size: "large"
+      }, "Download")));
+    }
+    return /* @__PURE__ */React.createElement(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/FlashMessage.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import Snackbar from '@mui/material/Snackbar';
 import Alert from './Alert.js';
@@ -24,7 +23,7 @@ function FlashMessage(_ref) {
   var handleClose = function handleClose() {
     onClose();
   };
-  return /* @__PURE__ */jsx(Snackbar, _objectSpread2(_objectSpread2({
+  return /* @__PURE__ */React.createElement(Snackbar, _objectSpread2({
     anchorOrigin: {
       vertical: vertical,
       horizontal: horizontal
@@ -33,14 +32,11 @@ function FlashMessage(_ref) {
     open: open,
     onClose: handleClose,
     message: "This is a text snack message"
-  }, rest), {}, {
-    children: /* @__PURE__ */jsx(Alert, {
-      color: color,
-      onClose: handleClose,
-      elevation: 7,
-      children: children
-    })
-  }));
+  }, rest), /* @__PURE__ */React.createElement(Alert, {
+    color: color,
+    onClose: handleClose,
+    elevation: 7
+  }, children));
 }
 FlashMessage.propTypes = {
   /**

package/dist/esm/components/FormControl.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import FormHelperText from '@mui/material/FormHelperText';
@@ -41,56 +40,50 @@ var FormControl = /*#__PURE__*/forwardRef(function FormControl2(_ref, ref) {
     $required: required
   };
   var statusMessage = errorMessage || message;
-  return /** @ts-ignore */ /* @__PURE__ */jsxs(StyledFormControl, _objectSpread2(_objectSpread2({}, props), {}, {
-    ref: ref,
-    children: [!!label && isString(label) ? /* @__PURE__ */jsx(FormLabel, {
-      disabled: disabled,
-      htmlFor: id,
-      required: required,
-      size: size,
-      children: label
-    }) : label, children, /* @__PURE__ */jsx(AnimatePresence, {
-      children: /* @__PURE__ */jsx(motion.div, {
-        layout: true,
-        initial: "collapsed",
-        animate: "open",
-        exit: "collapsed",
-        variants: {
-          open: {
-            opacity: 1,
-            height: "auto"
-          },
-          collapsed: {
-            opacity: 0,
-            height: 0
-          }
-        },
-        transition: {
-          delay: 0.15,
-          duration: 0.3,
-          ease: [0.04, 0.62, 0.23, 0.98]
-        },
-        children: !!statusMessage && /* @__PURE__ */jsx(StatusMessage, {
-          color: props.color === "default" ? "info" : props.color,
-          children: statusMessage
-        })
-      }, "".concat(id, "_message"))
-    }), !!helperText && /* @__PURE__ */jsx(FormHelperText, {
-      sx: {
-        color: "text.primary",
-        fontSize: function fontSize(theme) {
-          if (size === "medium") {
-            return "".concat(theme.typography.fontSize, "px");
-          }
-          return null;
-        },
-        padding: 0,
-        margin: 0,
-        mt: statusMessage ? 0 : "8px"
+  return /** @ts-ignore */ /* @__PURE__ */React.createElement(StyledFormControl, _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: ref
+  }), !!label && isString(label) ? /* @__PURE__ */React.createElement(FormLabel, {
+    disabled: disabled,
+    htmlFor: id,
+    required: required,
+    size: size
+  }, label) : label, children, /* @__PURE__ */React.createElement(AnimatePresence, null, /* @__PURE__ */React.createElement(motion.div, {
+    layout: true,
+    key: "".concat(id, "_message"),
+    initial: "collapsed",
+    animate: "open",
+    exit: "collapsed",
+    variants: {
+      open: {
+        opacity: 1,
+        height: "auto"
       },
-      children: helperText
-    })]
-  }));
+      collapsed: {
+        opacity: 0,
+        height: 0
+      }
+    },
+    transition: {
+      delay: 0.15,
+      duration: 0.3,
+      ease: [0.04, 0.62, 0.23, 0.98]
+    }
+  }, !!statusMessage && /* @__PURE__ */React.createElement(StatusMessage, {
+    color: props.color === "default" ? "info" : props.color
+  }, statusMessage))), !!helperText && /* @__PURE__ */React.createElement(FormHelperText, {
+    sx: {
+      color: "text.primary",
+      fontSize: function fontSize(theme) {
+        if (size === "medium") {
+          return "".concat(theme.typography.fontSize, "px");
+        }
+        return null;
+      },
+      padding: 0,
+      margin: 0,
+      mt: statusMessage ? 0 : "8px"
+    }
+  }, helperText));
 });
 
 export { FormControl as default };

package/dist/esm/components/FormFocus.js

@@ -1,11 +1,10 @@
 "use strict";
-import { jsx } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 
 function FormFocus(_ref) {
   var name = _ref.name;
-  return /* @__PURE__ */jsx("input", {
+  return /* @__PURE__ */React.createElement("input", {
     name: name,
     style: {
       appearance: "none",

package/dist/esm/components/FormLabel.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import StyledFormLabel from './FormLabel.styled.js';
 
 var _excluded = ["children", "disabled", "margin", "required"];
@@ -18,9 +17,7 @@ function FormLabel(_ref) {
     margin: margin,
     required: required
   };
-  return /* @__PURE__ */jsx(StyledFormLabel, _objectSpread2(_objectSpread2(_objectSpread2({}, rest), props), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(StyledFormLabel, _objectSpread2(_objectSpread2({}, rest), props), children);
 }
 
 export { FormLabel as default };