@tenancy.nz/ui 1.0.4 → 1.0.6

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