@tenancy.nz/ui 1.0.3 → 1.0.5

package/dist/cjs/components/DateInput.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 Grid = require('@mui/material/Grid');
@@ -77,7 +76,7 @@ function DateInput(_ref) {
       setMaxDays(31);
     }
   }, [month, year]);
-  return /* @__PURE__ */jsxRuntime.jsxs(FormControl.default, {
+  return /* @__PURE__ */React.createElement(FormControl.default, {
     fullWidth: fullWidth,
     name: name,
     label: label,
@@ -87,83 +86,76 @@ function DateInput(_ref) {
     required: required,
     showError: showError,
     errorMessage: errorMessage,
-    edges: edges,
-    children: [/* @__PURE__ */jsxRuntime.jsx("input", {
-      name: name,
-      style: {
-        height: 0,
-        width: 0,
-        appearance: "none",
-        border: "none",
-        outline: "none",
-        margin: 0,
-        padding: 0
-      }
-    }), /* @__PURE__ */jsxRuntime.jsxs(Grid, {
-      container: true,
-      spacing: 2,
-      style: {
-        flexWrap: "nowrap"
-      },
-      alignItems: "center",
-      children: [/* @__PURE__ */jsxRuntime.jsx(DateInput_styled.StyledDay, {
-        item: true,
-        children: /* @__PURE__ */jsxRuntime.jsx(DateNumberInput.default, {
-          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__ */jsxRuntime.jsx(DateInput_styled.StyledSlash, {
-        item: true,
-        children: "/"
-      }), /* @__PURE__ */jsxRuntime.jsx(DateInput_styled.StyledMonth, {
-        item: true,
-        children: /* @__PURE__ */jsxRuntime.jsx(DateNumberInput.default, {
-          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__ */jsxRuntime.jsx(DateInput_styled.StyledSlash, {
-        item: true,
-        children: "/"
-      }), /* @__PURE__ */jsxRuntime.jsx(DateInput_styled.StyledYear, {
-        item: true,
-        children: /* @__PURE__ */jsxRuntime.jsx(DateNumberInput.default, {
-          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(DateInput_styled.StyledDay, {
+    item: true
+  }, /* @__PURE__ */React.createElement(DateNumberInput.default, {
+    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(DateInput_styled.StyledSlash, {
+    item: true
+  }, "/"), /* @__PURE__ */React.createElement(DateInput_styled.StyledMonth, {
+    item: true
+  }, /* @__PURE__ */React.createElement(DateNumberInput.default, {
+    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(DateInput_styled.StyledSlash, {
+    item: true
+  }, "/"), /* @__PURE__ */React.createElement(DateInput_styled.StyledYear, {
+    item: true
+  }, /* @__PURE__ */React.createElement(DateNumberInput.default, {
+    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/cjs/components/DateNumberInput.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 framerMotion = require('framer-motion');
@@ -126,57 +125,56 @@ function DateNumberInput(_ref) {
   var autoCompleteDefault = Object.values(options).filter(function (option) {
     return option.value === value;
   })[0];
-  return /* @__PURE__ */jsxRuntime.jsx(DateNumberInput_styled.StyledWrapper, {
+  return /* @__PURE__ */React.createElement(DateNumberInput_styled.StyledWrapper, {
     animate: controls,
-    error: error,
-    children: isNotMobile ? /* @__PURE__ */jsxRuntime.jsx(Autocomplete.default, _rollupPluginBabelHelpers.objectSpread2({
-      fullWidth: true,
-      autoHighlight: true,
-      autoSelect: true,
-      blurOnSelect: true,
-      value: selected || autoCompleteDefault || null,
-      noOptionsText: "Invalid",
-      options: [{
-        value: "",
-        label: ""
-      }].concat(_rollupPluginBabelHelpers.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__ */jsxRuntime.jsx(DateNumberInput_styled.StyledTextField, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, params), {}, {
-          value: value,
-          placeholder: placeholder,
-          name: name,
-          variant: "outlined",
-          onChange: handleNativeChange,
-          onKeyDown: handleKeyDown,
-          inputRef: inputRef,
-          required: required,
-          inputProps: _rollupPluginBabelHelpers.objectSpread2({
-            autoComplete: "off"
-          }, params.inputProps)
-        }));
-      }
-    }, rest)) : /* @__PURE__ */jsxRuntime.jsx(Select.default, _rollupPluginBabelHelpers.objectSpread2({
-      fullWidth: true,
-      value: !Number.isNaN(value) ? value : null,
-      required: required,
-      placeholder: placeholder,
-      onChange: handleNativeChange,
-      options: [{
-        value: "",
-        label: placeholder
-      }].concat(_rollupPluginBabelHelpers.toConsumableArray(options)),
-      inputRef: inputRef,
-      name: name,
-      native: true
-    }, rest))
-  });
+    error: error
+  }, isNotMobile ? /* @__PURE__ */React.createElement(Autocomplete.default, _rollupPluginBabelHelpers.objectSpread2({
+    fullWidth: true,
+    autoHighlight: true,
+    autoSelect: true,
+    blurOnSelect: true,
+    value: selected || autoCompleteDefault || null,
+    noOptionsText: "Invalid",
+    options: [{
+      value: "",
+      label: ""
+    }].concat(_rollupPluginBabelHelpers.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(DateNumberInput_styled.StyledTextField, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, params), {}, {
+        value: value,
+        placeholder: placeholder,
+        name: name,
+        variant: "outlined",
+        onChange: handleNativeChange,
+        onKeyDown: handleKeyDown,
+        inputRef: inputRef,
+        required: required,
+        inputProps: _rollupPluginBabelHelpers.objectSpread2({
+          autoComplete: "off"
+        }, params.inputProps)
+      }));
+    }
+  }, rest)) : /* @__PURE__ */React.createElement(Select.default, _rollupPluginBabelHelpers.objectSpread2({
+    fullWidth: true,
+    value: !Number.isNaN(value) ? value : null,
+    required: required,
+    placeholder: placeholder,
+    onChange: handleNativeChange,
+    options: [{
+      value: "",
+      label: placeholder
+    }].concat(_rollupPluginBabelHelpers.toConsumableArray(options)),
+    inputRef: inputRef,
+    name: name,
+    native: true
+  }, rest)));
 }
 DateNumberInput.propTypes = {
   inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({

package/dist/cjs/components/DatePicker.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 InputAdornment = require('@mui/material/InputAdornment');
@@ -54,52 +53,48 @@ function DatePicker(_ref) {
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2);
     _useState2[0];
     var setOpen = _useState2[1];
-  return /* @__PURE__ */jsxRuntime.jsx(DatePicker_styled.StyledWrapper, {
+  return /* @__PURE__ */React.createElement(DatePicker_styled.StyledWrapper, {
     required: required,
-    hasValue: !!value,
-    children: /* @__PURE__ */jsxRuntime.jsx(xDatePickers.LocalizationProvider, {
-      dateAdapter: AdapterDayjs.AdapterDayjs,
-      children: /* @__PURE__ */jsxRuntime.jsx(xDatePickers.DatePicker, _rollupPluginBabelHelpers.objectSpread2({
-        clearable: true,
-        disableCloseOnSelect: false,
-        inputFormat: format,
-        value: value,
-        onChange: onChange,
-        onClose: function onClose() {
-          return setOpen(false);
+    hasValue: !!value
+  }, /* @__PURE__ */React.createElement(xDatePickers.LocalizationProvider, {
+    dateAdapter: AdapterDayjs.AdapterDayjs
+  }, /* @__PURE__ */React.createElement(xDatePickers.DatePicker, _rollupPluginBabelHelpers.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.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, params), {}, {
+        onClick: function onClick() {
+          return setOpen(true);
         },
-        renderInput: function renderInput(params) {
-          return /* @__PURE__ */jsxRuntime.jsx(TextInput.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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.default, {
             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__ */jsxRuntime.jsx(InputAdornment, {
-                position: "end",
-                children: /* @__PURE__ */jsxRuntime.jsx(IconButton.default, {
-                  onClick: function onClick() {
-                    return setOpen(true);
-                  },
-                  children: icon || /* @__PURE__ */jsxRuntime.jsx(EventIcon, {})
-                })
-              })
             }
-          }));
+          }, icon || /* @__PURE__ */React.createElement(EventIcon, null)))
         }
-      }, rest))
-    })
-  });
+      }));
+    }
+  }, rest))));
 }
 DatePicker.propTypes = {
   /**

package/dist/cjs/components/DateSelect.cjs

@@ -4,8 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var React$1 = require('react');
 var Autocomplete = require('./Autocomplete.cjs');
 var FormControl = require('./FormControl.cjs');
 var Grid = require('./Grid.cjs');
@@ -54,19 +53,19 @@ function DateSelect(_ref) {
     _ref$selectProps = _ref.selectProps,
     selectProps = _ref$selectProps === void 0 ? {} : _ref$selectProps,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var _useState = React.useState(null),
+  var _useState = React$1.useState(null),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     day = _useState2[0],
     setDay = _useState2[1];
-  var _useState3 = React.useState(null),
+  var _useState3 = React$1.useState(null),
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     month = _useState4[0],
     setMonth = _useState4[1];
-  var _useState5 = React.useState(null),
+  var _useState5 = React$1.useState(null),
     _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
     year = _useState6[0],
     setYear = _useState6[1];
-  React.useEffect(function () {
+  React$1.useEffect(function () {
     var parsed = dayjs(value, fromFormat);
     if (parsed.isValid()) {
       setDay(parsed.format("DD"));
@@ -114,115 +113,105 @@ function DateSelect(_ref) {
     variant: variant,
     freeSolo: true
   }, selectProps);
-  var separator = /* @__PURE__ */jsxRuntime.jsx(Grid.default, {
+  var separator = /* @__PURE__ */React.createElement(Grid.default, {
     item: true,
     sx: {
       color: "grey.400"
-    },
-    children: /* @__PURE__ */jsxRuntime.jsx(Text.default, {
-      color: "inherit",
-      variant: "body1",
-      children: "/"
-    })
-  });
-  return /* @__PURE__ */jsxRuntime.jsx(FormControl.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    }
+  }, /* @__PURE__ */React.createElement(Text.default, {
+    color: "inherit",
+    variant: "body1"
+  }, "/"));
+  return /* @__PURE__ */React.createElement(FormControl.default, _rollupPluginBabelHelpers.objectSpread2({
     fullWidth: true
-  }, rest), {}, {
-    children: /* @__PURE__ */jsxRuntime.jsx(DateSelect_styled.default, {
-      children: /* @__PURE__ */jsxRuntime.jsxs(Grid.default, {
-        container: true,
-        spacing: 2,
-        alignItems: "center",
-        sx: {
-          flexWrap: "nowrap"
-        },
-        children: [/* @__PURE__ */jsxRuntime.jsx(Grid.default, {
-          item: true,
-          sx: {
-            flexGrow: 0.5,
-            minWidth: {
-              xs: 70,
-              sm: 80
-            }
-          },
-          children: /* @__PURE__ */jsxRuntime.jsx(Autocomplete.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, ddProps), {}, {
-            name: "".concat(name, "_day"),
-            options: dateSelect.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__ */jsxRuntime.jsx(Grid.default, {
-          item: true,
-          sx: {
-            flexGrow: 0.5,
-            minWidth: {
-              xs: 70,
-              sm: 80
-            }
-          },
-          children: /* @__PURE__ */jsxRuntime.jsx(Autocomplete.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, ddProps), {}, {
-            name: "".concat(name, "_month"),
-            options: dateSelect.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__ */jsxRuntime.jsx(Grid.default, {
-          item: true,
-          sx: {
-            flexGrow: 2,
-            minWidth: {
-              sm: 110
-            }
-          },
-          children: /* @__PURE__ */jsxRuntime.jsx(Autocomplete.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, ddProps), {}, {
-            name: "".concat(name, "_year"),
-            options: dateSelect.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(DateSelect_styled.default, null, /* @__PURE__ */React.createElement(Grid.default, {
+    container: true,
+    spacing: 2,
+    alignItems: "center",
+    sx: {
+      flexWrap: "nowrap"
+    }
+  }, /* @__PURE__ */React.createElement(Grid.default, {
+    item: true,
+    sx: {
+      flexGrow: 0.5,
+      minWidth: {
+        xs: 70,
+        sm: 80
+      }
+    }
+  }, /* @__PURE__ */React.createElement(Autocomplete.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, ddProps), {}, {
+    name: "".concat(name, "_day"),
+    options: dateSelect.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.default, {
+    item: true,
+    sx: {
+      flexGrow: 0.5,
+      minWidth: {
+        xs: 70,
+        sm: 80
+      }
+    }
+  }, /* @__PURE__ */React.createElement(Autocomplete.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, ddProps), {}, {
+    name: "".concat(name, "_month"),
+    options: dateSelect.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.default, {
+    item: true,
+    sx: {
+      flexGrow: 2,
+      minWidth: {
+        sm: 110
+      }
+    }
+  }, /* @__PURE__ */React.createElement(Autocomplete.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, ddProps), {}, {
+    name: "".concat(name, "_year"),
+    options: dateSelect.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
+  }))))));
 }
 
 exports.default = DateSelect;

package/dist/cjs/components/Divider.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 Divider_styled = require('./Divider.styled.cjs');
 
@@ -35,7 +34,7 @@ function Divider(_ref) {
     orientation: orientation,
     variant: variant
   };
-  return /* @__PURE__ */jsxRuntime.jsx(Divider_styled.StyledDivider, _rollupPluginBabelHelpers.objectSpread2({
+  return /* @__PURE__ */React.createElement(Divider_styled.StyledDivider, _rollupPluginBabelHelpers.objectSpread2({
     className: classes
   }, props));
 }