@tenancy.nz/ui 1.0.3 → 1.0.5

package/dist/cjs/components/Confirmation.cjs

@@ -3,7 +3,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var Button = require('./Button.cjs');
 var Heading = require('./Heading.cjs');
@@ -29,36 +28,30 @@ function Confirmation(_ref) {
     severity = _ref$severity === void 0 ? "default" : _ref$severity,
     _ref$title = _ref.title,
     title = _ref$title === void 0 ? "Are you sure?" : _ref$title;
-  var actions = /* @__PURE__ */jsxRuntime.jsxs(React.Fragment, {
-    children: [onCancel && cancelBtnText && /* @__PURE__ */jsxRuntime.jsx(Button.default, {
-      onClick: onCancel,
-      color: "primaryAlt",
-      variant: "outlined",
-      size: "small",
-      loading: cancelling,
-      children: cancelBtnText
-    }), onConfirm && confirmBtnText && /* @__PURE__ */jsxRuntime.jsx(Button.default, {
-      onClick: onConfirm,
-      color: severity === "default" ? "primary" : severity,
-      size: "small",
-      loading: confirming,
-      children: confirmBtnText
-    })]
-  });
-  return /* @__PURE__ */jsxRuntime.jsx(Modal.default, {
+  var actions = /* @__PURE__ */React.createElement(React.Fragment, null, onCancel && cancelBtnText && /* @__PURE__ */React.createElement(Button.default, {
+    onClick: onCancel,
+    color: "primaryAlt",
+    variant: "outlined",
+    size: "small",
+    loading: cancelling
+  }, cancelBtnText), onConfirm && confirmBtnText && /* @__PURE__ */React.createElement(Button.default, {
+    onClick: onConfirm,
+    color: severity === "default" ? "primary" : severity,
+    size: "small",
+    loading: confirming
+  }, confirmBtnText));
+  return /* @__PURE__ */React.createElement(Modal.default, {
     maxWidth: "xs",
     open: open,
-    heading: /* @__PURE__ */jsxRuntime.jsx(Heading.default, {
+    heading: /* @__PURE__ */React.createElement(Heading.default, {
       as: "h5",
-      gutterBottom: false,
-      children: title
-    }),
+      gutterBottom: false
+    }, title),
     actions: actions,
-    content: /* @__PURE__ */jsxRuntime.jsx(Text.default, {
+    content: /* @__PURE__ */React.createElement(Text.default, {
       as: "div",
-      variant: "body2",
-      children: message
-    })
+      variant: "body2"
+    }, message)
   });
 }
 

package/dist/cjs/components/Container.cjs

@@ -4,8 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
+var React = require('react');
 var PropTypes = require('prop-types');
 var MuiContainer = require('@mui/material/Container');
 
@@ -13,9 +12,7 @@ var _excluded = ["children"];
 function Container(_ref) {
   var children = _ref.children,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxRuntime.jsx(MuiContainer, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiContainer, _rollupPluginBabelHelpers.objectSpread2({}, rest), children);
 }
 Container.propTypes = {
   /**

package/dist/cjs/components/CroppedImageInput.cjs

@@ -4,7 +4,6 @@
 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');
 var useMediaQuery = require('@mui/material/useMediaQuery');
@@ -282,172 +281,151 @@ function CroppedImageInput(_ref) {
     }
     return false;
   };
-  return /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */jsxRuntime.jsx(FileViewer.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fileViewerProps), {}, {
-      file: {
-        url: documentFile,
-        filetype: filetype
-      },
-      open: viewDocument,
-      onClose: function onClose() {
-        return setViewDocument(false);
-      }
-    })), /* @__PURE__ */jsxRuntime.jsx(FormControl.default, {
-      name: name,
-      fullWidth: true,
-      label: label,
-      helperText: helperText,
-      helperTextPlacement: helperTextPlacement,
-      disabled: disabled,
-      required: required,
-      showError: showError,
-      errorMessage: errorMessage,
-      edges: edges,
-      children: /* @__PURE__ */jsxRuntime.jsxs("div", {
-        children: [/* @__PURE__ */React.createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-          type: "hidden",
-          ref: input
-        }, inputProps), {}, {
-          key: "hidden-input"
-        })), saving || cancelling && /* @__PURE__ */jsxRuntime.jsx(CroppedImageInput_styled.StyledCircularProgress, {}, "loading"), /* @__PURE__ */jsxRuntime.jsxs(framerMotion.AnimatePresence, {
-          exitBeforeEnter: true,
-          children: [(croppedImage || documentFile) && !showError && /* @__PURE__ */React.createElement(CroppedImageInput_styled.StyledSavedImage, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
-            key: "saved-image",
-            edges: edges
-          }), /* @__PURE__ */jsxRuntime.jsxs(Grid.default, {
-            container: true,
-            alignItems: "center",
-            spacing: 5,
-            children: [/* @__PURE__ */jsxRuntime.jsxs(Grid.default, {
-              item: true,
-              xs: 12,
-              md: 11,
-              children: [croppedImage && /* @__PURE__ */jsxRuntime.jsx("img", {
-                src: croppedImage,
-                alt: ""
-              }), documentFile && /* @__PURE__ */jsxRuntime.jsx(Grid.default, {
-                item: true,
-                xs: 12,
-                md: 1,
-                style: {
-                  justifyContent: "center",
-                  alignItems: "center"
-                },
-                children: /* @__PURE__ */jsxRuntime.jsx(IconButton.default, {
-                  onClick: function onClick() {
-                    return setViewDocument(true);
-                  },
-                  children: /* @__PURE__ */jsxRuntime.jsx(CroppedImageInput_styled.StyledFileIcon, {})
-                })
-              })]
-            }), /* @__PURE__ */jsxRuntime.jsx(Grid.default, {
-              item: true,
-              xs: 12,
-              md: 1,
-              children: /* @__PURE__ */jsxRuntime.jsx(CroppedImageInput_styled.StyledDeleteIcon, {
-                children: /* @__PURE__ */jsxRuntime.jsx(DeleteIcon, {})
-              })
-            })]
-          })), !src && !documentFile && !croppedImage && (openInDialog ? /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
-            key: "upload-button"
-          }), /* @__PURE__ */jsxRuntime.jsx(FileUploadButton.default, {
-            onUpload: onDrop,
-            fullWidth: !isNotMobile,
-            children: dropzoneLabel
-          })) : /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
-            key: "dropzone"
-          }), /* @__PURE__ */jsxRuntime.jsx(DropZone.default, {
-            loading: loading,
-            disabled: disabled,
-            onDrop: onDrop,
-            edges: edges,
-            dropzoneLabel: dropzoneLabel,
-            dropzoneDescription: dropzoneDescription,
-            dropzoneProps: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-              accept: ["image/*"]
-            }, dropzoneProps), {}, {
-              maxFiles: 1
-            })
-          }))), src !== null && documentFile === null && (!croppedImage || showError) && (openInDialog ? /* @__PURE__ */jsxRuntime.jsxs(Modal.default, {
-            open: true,
-            fullWidth: true,
-            fullScreen: true,
-            children: [/* @__PURE__ */jsxRuntime.jsx(ModalHeader.default, {
-              onClose: handleCancel,
-              children: /* @__PURE__ */jsxRuntime.jsx(Heading.default, {
-                as: "h4",
-                children: "Crop Image"
-              })
-            }), /* @__PURE__ */jsxRuntime.jsx(ModalContent.default, {
-              children: /* @__PURE__ */jsxRuntime.jsxs(Box.default, {
-                pl: 2.5,
-                pr: 2.5,
-                pb: 2.5,
-                children: [/* @__PURE__ */jsxRuntime.jsx(CroppedImageInput_styled.StyledEditor, {
-                  edges: edges,
-                  showError: showError,
-                  children: /* @__PURE__ */jsxRuntime.jsx(ReactCrop, {
-                    crop: crop,
-                    style: {
-                      width: "100%"
-                    },
-                    onChange: handleCropChange,
-                    onImageLoaded: handleImageLoaded,
-                    renderSelectionAddon: cropGuide,
-                    children: /* @__PURE__ */jsxRuntime.jsx("img", {
-                      src: src,
-                      alt: ""
-                    })
-                  })
-                }), /* @__PURE__ */jsxRuntime.jsx(CroppedImageInputActions.default, {
-                  handleCancel: handleCancel,
-                  cancelling: cancelling,
-                  cancelButtonProps: cancelButtonProps,
-                  handleImageSave: handleImageSave,
-                  saving: saving,
-                  saveButtonProps: saveButtonProps,
-                  disabled: disabled
-                })]
-              })
-            })]
-          }) : /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
-            key: "editor"
-          }), /* @__PURE__ */jsxRuntime.jsx(CroppedImageInput_styled.StyledEditor, {
-            edges: edges,
-            showError: showError,
-            children: /* @__PURE__ */jsxRuntime.jsx(ReactCrop, {
-              crop: crop,
-              style: {
-                width: "100%"
-              },
-              onChange: handleCropChange,
-              renderSelectionAddon: cropGuide,
-              children: /* @__PURE__ */jsxRuntime.jsx("img", {
-                src: src,
-                alt: "",
-                onLoad: handleImageLoaded
-              })
-            })
-          })))]
-        })]
-      })
-    }, "form-control"), (!openInDialog && src !== null && (!croppedImage || showError) || !openInDialog && showActions) && /* @__PURE__ */jsxRuntime.jsx(CroppedImageInputActions.default, {
-      handleCancel: handleCancel,
-      cancelling: cancelling,
-      cancelButtonProps: cancelButtonProps,
-      handleImageSave: handleImageSave,
-      saving: saving,
-      saveButtonProps: saveButtonProps,
-      disabled: disabled
-    }), /* @__PURE__ */jsxRuntime.jsx(Confirmation.default, {
-      open: confirmDelete,
-      onCancel: function onCancel() {
-        return setConfirmDelete(false);
-      },
-      onConfirm: handleDelete,
-      message: "Are you sure you want to remove the attached image?"
-    })]
-  });
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(FileViewer.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fileViewerProps), {}, {
+    file: {
+      url: documentFile,
+      filetype: filetype
+    },
+    open: viewDocument,
+    onClose: function onClose() {
+      return setViewDocument(false);
+    }
+  })), /* @__PURE__ */React.createElement(FormControl.default, {
+    key: "form-control",
+    name: name,
+    fullWidth: true,
+    label: label,
+    helperText: helperText,
+    helperTextPlacement: helperTextPlacement,
+    disabled: disabled,
+    required: required,
+    showError: showError,
+    errorMessage: errorMessage,
+    edges: edges
+  }, /* @__PURE__ */React.createElement("div", null, /* @__PURE__ */React.createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    type: "hidden",
+    ref: input
+  }, inputProps), {}, {
+    key: "hidden-input"
+  })), saving || cancelling && /* @__PURE__ */React.createElement(CroppedImageInput_styled.StyledCircularProgress, {
+    key: "loading"
+  }), /* @__PURE__ */React.createElement(framerMotion.AnimatePresence, {
+    exitBeforeEnter: true
+  }, (croppedImage || documentFile) && !showError && /* @__PURE__ */React.createElement(CroppedImageInput_styled.StyledSavedImage, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
+    key: "saved-image",
+    edges: edges
+  }), /* @__PURE__ */React.createElement(Grid.default, {
+    container: true,
+    alignItems: "center",
+    spacing: 5
+  }, /* @__PURE__ */React.createElement(Grid.default, {
+    item: true,
+    xs: 12,
+    md: 11
+  }, croppedImage && /* @__PURE__ */React.createElement("img", {
+    src: croppedImage,
+    alt: ""
+  }), documentFile && /* @__PURE__ */React.createElement(Grid.default, {
+    item: true,
+    xs: 12,
+    md: 1,
+    style: {
+      justifyContent: "center",
+      alignItems: "center"
+    }
+  }, /* @__PURE__ */React.createElement(IconButton.default, {
+    onClick: function onClick() {
+      return setViewDocument(true);
+    }
+  }, /* @__PURE__ */React.createElement(CroppedImageInput_styled.StyledFileIcon, null)))), /* @__PURE__ */React.createElement(Grid.default, {
+    item: true,
+    xs: 12,
+    md: 1
+  }, /* @__PURE__ */React.createElement(CroppedImageInput_styled.StyledDeleteIcon, null, /* @__PURE__ */React.createElement(DeleteIcon, null))))), !src && !documentFile && !croppedImage && (openInDialog ? /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
+    key: "upload-button"
+  }), /* @__PURE__ */React.createElement(FileUploadButton.default, {
+    onUpload: onDrop,
+    fullWidth: !isNotMobile
+  }, dropzoneLabel)) : /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
+    key: "dropzone"
+  }), /* @__PURE__ */React.createElement(DropZone.default, {
+    loading: loading,
+    disabled: disabled,
+    onDrop: onDrop,
+    edges: edges,
+    dropzoneLabel: dropzoneLabel,
+    dropzoneDescription: dropzoneDescription,
+    dropzoneProps: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+      accept: ["image/*"]
+    }, dropzoneProps), {}, {
+      maxFiles: 1
+    })
+  }))), src !== null && documentFile === null && (!croppedImage || showError) && (openInDialog ? /* @__PURE__ */React.createElement(Modal.default, {
+    open: true,
+    fullWidth: true,
+    fullScreen: true
+  }, /* @__PURE__ */React.createElement(ModalHeader.default, {
+    onClose: handleCancel
+  }, /* @__PURE__ */React.createElement(Heading.default, {
+    as: "h4"
+  }, "Crop Image")), /* @__PURE__ */React.createElement(ModalContent.default, null, /* @__PURE__ */React.createElement(Box.default, {
+    pl: 2.5,
+    pr: 2.5,
+    pb: 2.5
+  }, /* @__PURE__ */React.createElement(CroppedImageInput_styled.StyledEditor, {
+    edges: edges,
+    showError: showError
+  }, /* @__PURE__ */React.createElement(ReactCrop, {
+    crop: crop,
+    style: {
+      width: "100%"
+    },
+    onChange: handleCropChange,
+    onImageLoaded: handleImageLoaded,
+    renderSelectionAddon: cropGuide
+  }, /* @__PURE__ */React.createElement("img", {
+    src: src,
+    alt: ""
+  }))), /* @__PURE__ */React.createElement(CroppedImageInputActions.default, {
+    handleCancel: handleCancel,
+    cancelling: cancelling,
+    cancelButtonProps: cancelButtonProps,
+    handleImageSave: handleImageSave,
+    saving: saving,
+    saveButtonProps: saveButtonProps,
+    disabled: disabled
+  })))) : /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
+    key: "editor"
+  }), /* @__PURE__ */React.createElement(CroppedImageInput_styled.StyledEditor, {
+    edges: edges,
+    showError: showError
+  }, /* @__PURE__ */React.createElement(ReactCrop, {
+    crop: crop,
+    style: {
+      width: "100%"
+    },
+    onChange: handleCropChange,
+    renderSelectionAddon: cropGuide
+  }, /* @__PURE__ */React.createElement("img", {
+    src: src,
+    alt: "",
+    onLoad: handleImageLoaded
+  })))))))), (!openInDialog && src !== null && (!croppedImage || showError) || !openInDialog && showActions) && /* @__PURE__ */React.createElement(CroppedImageInputActions.default, {
+    handleCancel: handleCancel,
+    cancelling: cancelling,
+    cancelButtonProps: cancelButtonProps,
+    handleImageSave: handleImageSave,
+    saving: saving,
+    saveButtonProps: saveButtonProps,
+    disabled: disabled
+  }), /* @__PURE__ */React.createElement(Confirmation.default, {
+    open: confirmDelete,
+    onCancel: function onCancel() {
+      return setConfirmDelete(false);
+    },
+    onConfirm: handleDelete,
+    message: "Are you sure you want to remove the attached image?"
+  }));
 }
 CroppedImageInput.propTypes = {
   /**

package/dist/cjs/components/CroppedImageInputActions.cjs

@@ -4,8 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
+var React = require('react');
 var PropTypes = require('prop-types');
 var useMediaQuery = require('@mui/material/useMediaQuery');
 var Box = require('./Box.cjs');
@@ -29,43 +28,35 @@ function CroppedImageInputActions(_ref) {
   return (
     // <Animate key="edit-controls">
     /* @__PURE__ */
-    jsxRuntime.jsx(Box.default, {
-      paddingTop: "1.25rem",
-      children: /* @__PURE__ */jsxRuntime.jsxs(Grid.default, {
-        container: true,
-        justifyContent: "flex-end",
-        direction: isNotMobile ? "row" : "column-reverse",
-        spacing: 5,
-        children: [/* @__PURE__ */jsxRuntime.jsx(Grid.default, {
-          item: true,
-          children: /* @__PURE__ */jsxRuntime.jsx(Button.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-            loading: true,
-            color: "primaryAlt",
-            variant: "outlined",
-            size: "large",
-            onClick: handleCancel,
-            pending: cancelling,
-            disabled: disabled,
-            fullWidth: !isNotMobile
-          }, cancelButtonProps), {}, {
-            children: cancelButtonProps.text || "Cancel"
-          }))
-        }), /* @__PURE__ */jsxRuntime.jsx(Grid.default, {
-          item: true,
-          children: /* @__PURE__ */jsxRuntime.jsx(Button.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-            loading: true,
-            color: "primary",
-            size: "large",
-            onClick: handleImageSave,
-            pending: saving,
-            disabled: disabled,
-            fullWidth: !isNotMobile
-          }, saveButtonProps), {}, {
-            children: saveButtonProps.text || "Save"
-          }))
-        })]
-      })
-    })
+    React.createElement(Box.default, {
+      paddingTop: "1.25rem"
+    }, /* @__PURE__ */React.createElement(Grid.default, {
+      container: true,
+      justifyContent: "flex-end",
+      direction: isNotMobile ? "row" : "column-reverse",
+      spacing: 5
+    }, /* @__PURE__ */React.createElement(Grid.default, {
+      item: true
+    }, /* @__PURE__ */React.createElement(Button.default, _rollupPluginBabelHelpers.objectSpread2({
+      loading: true,
+      color: "primaryAlt",
+      variant: "outlined",
+      size: "large",
+      onClick: handleCancel,
+      pending: cancelling,
+      disabled: disabled,
+      fullWidth: !isNotMobile
+    }, cancelButtonProps), cancelButtonProps.text || "Cancel")), /* @__PURE__ */React.createElement(Grid.default, {
+      item: true
+    }, /* @__PURE__ */React.createElement(Button.default, _rollupPluginBabelHelpers.objectSpread2({
+      loading: true,
+      color: "primary",
+      size: "large",
+      onClick: handleImageSave,
+      pending: saving,
+      disabled: disabled,
+      fullWidth: !isNotMobile
+    }, saveButtonProps), saveButtonProps.text || "Save"))))
   );
 }
 CroppedImageInputActions.propTypes = {