@tenancy.nz/ui 1.0.3 → 1.0.5

package/dist/esm/components/CroppedImageInputActions.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import Box from './Box.js';
@@ -25,43 +24,35 @@ function CroppedImageInputActions(_ref) {
   return (
     // <Animate key="edit-controls">
     /* @__PURE__ */
-    jsx(Box, {
-      paddingTop: "1.25rem",
-      children: /* @__PURE__ */jsxs(Grid, {
-        container: true,
-        justifyContent: "flex-end",
-        direction: isNotMobile ? "row" : "column-reverse",
-        spacing: 5,
-        children: [/* @__PURE__ */jsx(Grid, {
-          item: true,
-          children: /* @__PURE__ */jsx(Button, _objectSpread2(_objectSpread2({
-            loading: true,
-            color: "primaryAlt",
-            variant: "outlined",
-            size: "large",
-            onClick: handleCancel,
-            pending: cancelling,
-            disabled: disabled,
-            fullWidth: !isNotMobile
-          }, cancelButtonProps), {}, {
-            children: cancelButtonProps.text || "Cancel"
-          }))
-        }), /* @__PURE__ */jsx(Grid, {
-          item: true,
-          children: /* @__PURE__ */jsx(Button, _objectSpread2(_objectSpread2({
-            loading: true,
-            color: "primary",
-            size: "large",
-            onClick: handleImageSave,
-            pending: saving,
-            disabled: disabled,
-            fullWidth: !isNotMobile
-          }, saveButtonProps), {}, {
-            children: saveButtonProps.text || "Save"
-          }))
-        })]
-      })
-    })
+    React.createElement(Box, {
+      paddingTop: "1.25rem"
+    }, /* @__PURE__ */React.createElement(Grid, {
+      container: true,
+      justifyContent: "flex-end",
+      direction: isNotMobile ? "row" : "column-reverse",
+      spacing: 5
+    }, /* @__PURE__ */React.createElement(Grid, {
+      item: true
+    }, /* @__PURE__ */React.createElement(Button, _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, {
+      item: true
+    }, /* @__PURE__ */React.createElement(Button, _objectSpread2({
+      loading: true,
+      color: "primary",
+      size: "large",
+      onClick: handleImageSave,
+      pending: saving,
+      disabled: disabled,
+      fullWidth: !isNotMobile
+    }, saveButtonProps), saveButtonProps.text || "Save"))))
   );
 }
 CroppedImageInputActions.propTypes = {

package/dist/esm/components/DateInput.js

@@ -1,7 +1,6 @@
 "use strict";
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Grid from '@mui/material/Grid';
 import FormControl from './FormControl.js';
@@ -73,7 +72,7 @@ function DateInput(_ref) {
       setMaxDays(31);
     }
   }, [month, year]);
-  return /* @__PURE__ */jsxs(FormControl, {
+  return /* @__PURE__ */React.createElement(FormControl, {
     fullWidth: fullWidth,
     name: name,
     label: label,
@@ -83,83 +82,76 @@ function DateInput(_ref) {
     required: required,
     showError: showError,
     errorMessage: errorMessage,
-    edges: edges,
-    children: [/* @__PURE__ */jsx("input", {
-      name: name,
-      style: {
-        height: 0,
-        width: 0,
-        appearance: "none",
-        border: "none",
-        outline: "none",
-        margin: 0,
-        padding: 0
-      }
-    }), /* @__PURE__ */jsxs(Grid, {
-      container: true,
-      spacing: 2,
-      style: {
-        flexWrap: "nowrap"
-      },
-      alignItems: "center",
-      children: [/* @__PURE__ */jsx(StyledDay, {
-        item: true,
-        children: /* @__PURE__ */jsx(DateNumberInput, {
-          disabled: disabled,
-          min: 1,
-          max: maxDays,
-          placeholder: "DD",
-          leadingZero: true,
-          onChange: handleDayChange,
-          value: day,
-          name: "".concat(name, "_day"),
-          inputRef: dayInput,
-          required: required,
-          label: "Day",
-          hideLabel: true
-        })
-      }), /* @__PURE__ */jsx(StyledSlash, {
-        item: true,
-        children: "/"
-      }), /* @__PURE__ */jsx(StyledMonth, {
-        item: true,
-        children: /* @__PURE__ */jsx(DateNumberInput, {
-          disabled: disabled,
-          min: 1,
-          max: 12,
-          placeholder: "MM",
-          leadingZero: true,
-          onChange: handleMonthChange,
-          value: month,
-          name: "".concat(name, "_month"),
-          inputRef: monthInput,
-          required: required,
-          label: "Month",
-          hideLabel: true
-        })
-      }), /* @__PURE__ */jsx(StyledSlash, {
-        item: true,
-        children: "/"
-      }), /* @__PURE__ */jsx(StyledYear, {
-        item: true,
-        children: /* @__PURE__ */jsx(DateNumberInput, {
-          disabled: disabled,
-          min: parseInt(minYear, 10),
-          max: parseInt(maxYear, 10),
-          placeholder: "YYYY",
-          leadingZero: false,
-          onChange: handleYearChange,
-          value: value.year,
-          name: "".concat(name, "_year"),
-          inputRef: yearInput,
-          required: required,
-          label: "Year",
-          reverse: true,
-          hideLabel: true
-        })
-      })]
-    })]
-  });
+    edges: edges
+  }, /* @__PURE__ */React.createElement("input", {
+    name: name,
+    style: {
+      height: 0,
+      width: 0,
+      appearance: "none",
+      border: "none",
+      outline: "none",
+      margin: 0,
+      padding: 0
+    }
+  }), /* @__PURE__ */React.createElement(Grid, {
+    container: true,
+    spacing: 2,
+    style: {
+      flexWrap: "nowrap"
+    },
+    alignItems: "center"
+  }, /* @__PURE__ */React.createElement(StyledDay, {
+    item: true
+  }, /* @__PURE__ */React.createElement(DateNumberInput, {
+    disabled: disabled,
+    min: 1,
+    max: maxDays,
+    placeholder: "DD",
+    leadingZero: true,
+    onChange: handleDayChange,
+    value: day,
+    name: "".concat(name, "_day"),
+    inputRef: dayInput,
+    required: required,
+    label: "Day",
+    hideLabel: true
+  })), /* @__PURE__ */React.createElement(StyledSlash, {
+    item: true
+  }, "/"), /* @__PURE__ */React.createElement(StyledMonth, {
+    item: true
+  }, /* @__PURE__ */React.createElement(DateNumberInput, {
+    disabled: disabled,
+    min: 1,
+    max: 12,
+    placeholder: "MM",
+    leadingZero: true,
+    onChange: handleMonthChange,
+    value: month,
+    name: "".concat(name, "_month"),
+    inputRef: monthInput,
+    required: required,
+    label: "Month",
+    hideLabel: true
+  })), /* @__PURE__ */React.createElement(StyledSlash, {
+    item: true
+  }, "/"), /* @__PURE__ */React.createElement(StyledYear, {
+    item: true
+  }, /* @__PURE__ */React.createElement(DateNumberInput, {
+    disabled: disabled,
+    min: parseInt(minYear, 10),
+    max: parseInt(maxYear, 10),
+    placeholder: "YYYY",
+    leadingZero: false,
+    onChange: handleYearChange,
+    value: value.year,
+    name: "".concat(name, "_year"),
+    inputRef: yearInput,
+    required: required,
+    label: "Year",
+    reverse: true,
+    hideLabel: true
+  }))));
 }
 DateInput.propTypes = {
   /**

package/dist/esm/components/DateNumberInput.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect, useMemo } from 'react';
+import React, { useState, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useAnimation } from 'framer-motion';
 import useMediaQuery from '@mui/material/useMediaQuery';
@@ -122,57 +121,56 @@ function DateNumberInput(_ref) {
   var autoCompleteDefault = Object.values(options).filter(function (option) {
     return option.value === value;
   })[0];
-  return /* @__PURE__ */jsx(StyledWrapper, {
+  return /* @__PURE__ */React.createElement(StyledWrapper, {
     animate: controls,
-    error: error,
-    children: isNotMobile ? /* @__PURE__ */jsx(Autocomplete, _objectSpread2({
-      fullWidth: true,
-      autoHighlight: true,
-      autoSelect: true,
-      blurOnSelect: true,
-      value: selected || autoCompleteDefault || null,
-      noOptionsText: "Invalid",
-      options: [{
-        value: "",
-        label: ""
-      }].concat(_toConsumableArray(options)),
-      disableClearable: true,
-      name: name,
-      required: required,
-      onChange: handleAutocompleteChange,
-      getOptionLabel: function getOptionLabel(option) {
-        return option.label ? option.label : "";
-      },
-      renderInput: function renderInput(params) {
-        return /* @__PURE__ */jsx(StyledTextField, _objectSpread2(_objectSpread2({}, params), {}, {
-          value: value,
-          placeholder: placeholder,
-          name: name,
-          variant: "outlined",
-          onChange: handleNativeChange,
-          onKeyDown: handleKeyDown,
-          inputRef: inputRef,
-          required: required,
-          inputProps: _objectSpread2({
-            autoComplete: "off"
-          }, params.inputProps)
-        }));
-      }
-    }, rest)) : /* @__PURE__ */jsx(Select, _objectSpread2({
-      fullWidth: true,
-      value: !Number.isNaN(value) ? value : null,
-      required: required,
-      placeholder: placeholder,
-      onChange: handleNativeChange,
-      options: [{
-        value: "",
-        label: placeholder
-      }].concat(_toConsumableArray(options)),
-      inputRef: inputRef,
-      name: name,
-      native: true
-    }, rest))
-  });
+    error: error
+  }, isNotMobile ? /* @__PURE__ */React.createElement(Autocomplete, _objectSpread2({
+    fullWidth: true,
+    autoHighlight: true,
+    autoSelect: true,
+    blurOnSelect: true,
+    value: selected || autoCompleteDefault || null,
+    noOptionsText: "Invalid",
+    options: [{
+      value: "",
+      label: ""
+    }].concat(_toConsumableArray(options)),
+    disableClearable: true,
+    name: name,
+    required: required,
+    onChange: handleAutocompleteChange,
+    getOptionLabel: function getOptionLabel(option) {
+      return option.label ? option.label : "";
+    },
+    renderInput: function renderInput(params) {
+      return /* @__PURE__ */React.createElement(StyledTextField, _objectSpread2(_objectSpread2({}, params), {}, {
+        value: value,
+        placeholder: placeholder,
+        name: name,
+        variant: "outlined",
+        onChange: handleNativeChange,
+        onKeyDown: handleKeyDown,
+        inputRef: inputRef,
+        required: required,
+        inputProps: _objectSpread2({
+          autoComplete: "off"
+        }, params.inputProps)
+      }));
+    }
+  }, rest)) : /* @__PURE__ */React.createElement(Select, _objectSpread2({
+    fullWidth: true,
+    value: !Number.isNaN(value) ? value : null,
+    required: required,
+    placeholder: placeholder,
+    onChange: handleNativeChange,
+    options: [{
+      value: "",
+      label: placeholder
+    }].concat(_toConsumableArray(options)),
+    inputRef: inputRef,
+    name: name,
+    native: true
+  }, rest)));
 }
 DateNumberInput.propTypes = {
   inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({

package/dist/esm/components/DatePicker.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import InputAdornment from '@mui/material/InputAdornment';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
@@ -50,52 +49,48 @@ function DatePicker(_ref) {
     _useState2 = _slicedToArray(_useState, 2);
     _useState2[0];
     var setOpen = _useState2[1];
-  return /* @__PURE__ */jsx(StyledWrapper, {
+  return /* @__PURE__ */React.createElement(StyledWrapper, {
     required: required,
-    hasValue: !!value,
-    children: /* @__PURE__ */jsx(LocalizationProvider, {
-      dateAdapter: AdapterDayjs,
-      children: /* @__PURE__ */jsx(DatePicker$1, _objectSpread2({
-        clearable: true,
-        disableCloseOnSelect: false,
-        inputFormat: format,
-        value: value,
-        onChange: onChange,
-        onClose: function onClose() {
-          return setOpen(false);
+    hasValue: !!value
+  }, /* @__PURE__ */React.createElement(LocalizationProvider, {
+    dateAdapter: AdapterDayjs
+  }, /* @__PURE__ */React.createElement(DatePicker$1, _objectSpread2({
+    clearable: true,
+    disableCloseOnSelect: false,
+    inputFormat: format,
+    value: value,
+    onChange: onChange,
+    onClose: function onClose() {
+      return setOpen(false);
+    },
+    renderInput: function renderInput(params) {
+      return /* @__PURE__ */React.createElement(TextInput, _objectSpread2(_objectSpread2({}, params), {}, {
+        onClick: function onClick() {
+          return setOpen(true);
         },
-        renderInput: function renderInput(params) {
-          return /* @__PURE__ */jsx(TextInput, _objectSpread2(_objectSpread2({}, params), {}, {
+        name: name,
+        fullWidth: fullWidth,
+        label: label,
+        helperText: helperText,
+        disabled: disabled,
+        required: required,
+        showError: showError,
+        message: errorMessage,
+        edges: edges,
+        variant: variant,
+        autoComplete: "off",
+        InputProps: {
+          endAdornment: /* @__PURE__ */React.createElement(InputAdornment, {
+            position: "end"
+          }, /* @__PURE__ */React.createElement(IconButton, {
             onClick: function onClick() {
               return setOpen(true);
-            },
-            name: name,
-            fullWidth: fullWidth,
-            label: label,
-            helperText: helperText,
-            disabled: disabled,
-            required: required,
-            showError: showError,
-            message: errorMessage,
-            edges: edges,
-            variant: variant,
-            autoComplete: "off",
-            InputProps: {
-              endAdornment: /* @__PURE__ */jsx(InputAdornment, {
-                position: "end",
-                children: /* @__PURE__ */jsx(IconButton, {
-                  onClick: function onClick() {
-                    return setOpen(true);
-                  },
-                  children: icon || /* @__PURE__ */jsx(EventIcon, {})
-                })
-              })
             }
-          }));
+          }, icon || /* @__PURE__ */React.createElement(EventIcon, null)))
         }
-      }, rest))
-    })
-  });
+      }));
+    }
+  }, rest))));
 }
 DatePicker.propTypes = {
   /**