@tenancy.nz/ui 1.0.4 → 1.0.5

package/dist/esm/components/DateSelect.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import Autocomplete from './Autocomplete.js';
 import FormControl from './FormControl.js';
@@ -110,115 +109,105 @@ function DateSelect(_ref) {
     variant: variant,
     freeSolo: true
   }, selectProps);
-  var separator = /* @__PURE__ */jsx(Grid, {
+  var separator = /* @__PURE__ */React.createElement(Grid, {
     item: true,
     sx: {
       color: "grey.400"
-    },
-    children: /* @__PURE__ */jsx(Text, {
-      color: "inherit",
-      variant: "body1",
-      children: "/"
-    })
-  });
-  return /* @__PURE__ */jsx(FormControl, _objectSpread2(_objectSpread2({
+    }
+  }, /* @__PURE__ */React.createElement(Text, {
+    color: "inherit",
+    variant: "body1"
+  }, "/"));
+  return /* @__PURE__ */React.createElement(FormControl, _objectSpread2({
     fullWidth: true
-  }, rest), {}, {
-    children: /* @__PURE__ */jsx(StyledDateSelect, {
-      children: /* @__PURE__ */jsxs(Grid, {
-        container: true,
-        spacing: 2,
-        alignItems: "center",
-        sx: {
-          flexWrap: "nowrap"
-        },
-        children: [/* @__PURE__ */jsx(Grid, {
-          item: true,
-          sx: {
-            flexGrow: 0.5,
-            minWidth: {
-              xs: 70,
-              sm: 80
-            }
-          },
-          children: /* @__PURE__ */jsx(Autocomplete, _objectSpread2(_objectSpread2({}, ddProps), {}, {
-            name: "".concat(name, "_day"),
-            options: dayOptions(),
-            placeholder: "DD",
-            textInputAttrs: {
-              maxLength: 2,
-              inputMode: "numeric"
-            },
-            onInputChange: function onInputChange(_, val) {
-              setDay(val);
-            },
-            onBlur: function onBlur(e) {
-              var d = prepareValue(e.target.value, 31, 2);
-              handleChange({
-                d: d
-              });
-            },
-            value: day
-          }))
-        }), separator, /* @__PURE__ */jsx(Grid, {
-          item: true,
-          sx: {
-            flexGrow: 0.5,
-            minWidth: {
-              xs: 70,
-              sm: 80
-            }
-          },
-          children: /* @__PURE__ */jsx(Autocomplete, _objectSpread2(_objectSpread2({}, ddProps), {}, {
-            name: "".concat(name, "_month"),
-            options: monthOptions(),
-            onInputChange: function onInputChange(_, val) {
-              setMonth(val);
-            },
-            onBlur: function onBlur(e) {
-              var m = prepareValue(e.target.value, 12, 2);
-              handleChange({
-                m: m
-              });
-            },
-            textInputAttrs: {
-              maxLength: 2,
-              inputMode: "numeric"
-            },
-            placeholder: "MM",
-            value: month
-          }))
-        }), separator, /* @__PURE__ */jsx(Grid, {
-          item: true,
-          sx: {
-            flexGrow: 2,
-            minWidth: {
-              sm: 110
-            }
-          },
-          children: /* @__PURE__ */jsx(Autocomplete, _objectSpread2(_objectSpread2({}, ddProps), {}, {
-            name: "".concat(name, "_year"),
-            options: yearOptions(yearRange),
-            onInputChange: function onInputChange(_, val) {
-              setYear(val);
-            },
-            onBlur: function onBlur(e) {
-              var y = prepareValue(e.target.value);
-              handleChange({
-                y: y
-              });
-            },
-            textInputAttrs: {
-              maxLength: 4,
-              inputMode: "numeric"
-            },
-            placeholder: "YYYY",
-            value: year
-          }))
-        })]
-      })
-    })
-  }));
+  }, rest), /* @__PURE__ */React.createElement(StyledDateSelect, null, /* @__PURE__ */React.createElement(Grid, {
+    container: true,
+    spacing: 2,
+    alignItems: "center",
+    sx: {
+      flexWrap: "nowrap"
+    }
+  }, /* @__PURE__ */React.createElement(Grid, {
+    item: true,
+    sx: {
+      flexGrow: 0.5,
+      minWidth: {
+        xs: 70,
+        sm: 80
+      }
+    }
+  }, /* @__PURE__ */React.createElement(Autocomplete, _objectSpread2(_objectSpread2({}, ddProps), {}, {
+    name: "".concat(name, "_day"),
+    options: dayOptions(),
+    placeholder: "DD",
+    textInputAttrs: {
+      maxLength: 2,
+      inputMode: "numeric"
+    },
+    onInputChange: function onInputChange(_, val) {
+      setDay(val);
+    },
+    onBlur: function onBlur(e) {
+      var d = prepareValue(e.target.value, 31, 2);
+      handleChange({
+        d: d
+      });
+    },
+    value: day
+  }))), separator, /* @__PURE__ */React.createElement(Grid, {
+    item: true,
+    sx: {
+      flexGrow: 0.5,
+      minWidth: {
+        xs: 70,
+        sm: 80
+      }
+    }
+  }, /* @__PURE__ */React.createElement(Autocomplete, _objectSpread2(_objectSpread2({}, ddProps), {}, {
+    name: "".concat(name, "_month"),
+    options: monthOptions(),
+    onInputChange: function onInputChange(_, val) {
+      setMonth(val);
+    },
+    onBlur: function onBlur(e) {
+      var m = prepareValue(e.target.value, 12, 2);
+      handleChange({
+        m: m
+      });
+    },
+    textInputAttrs: {
+      maxLength: 2,
+      inputMode: "numeric"
+    },
+    placeholder: "MM",
+    value: month
+  }))), separator, /* @__PURE__ */React.createElement(Grid, {
+    item: true,
+    sx: {
+      flexGrow: 2,
+      minWidth: {
+        sm: 110
+      }
+    }
+  }, /* @__PURE__ */React.createElement(Autocomplete, _objectSpread2(_objectSpread2({}, ddProps), {}, {
+    name: "".concat(name, "_year"),
+    options: yearOptions(yearRange),
+    onInputChange: function onInputChange(_, val) {
+      setYear(val);
+    },
+    onBlur: function onBlur(e) {
+      var y = prepareValue(e.target.value);
+      handleChange({
+        y: y
+      });
+    },
+    textInputAttrs: {
+      maxLength: 4,
+      inputMode: "numeric"
+    },
+    placeholder: "YYYY",
+    value: year
+  }))))));
 }
 
 export { DateSelect as default };

package/dist/esm/components/Divider.js

@@ -1,7 +1,6 @@
 "use strict";
 import { 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 { StyledDivider } from './Divider.styled.js';
 
@@ -31,7 +30,7 @@ function Divider(_ref) {
     orientation: orientation,
     variant: variant
   };
-  return /* @__PURE__ */jsx(StyledDivider, _objectSpread2({
+  return /* @__PURE__ */React.createElement(StyledDivider, _objectSpread2({
     className: classes
   }, props));
 }

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 = {
   /**