@tenancy.nz/ui 1.0.4 → 1.0.5

package/dist/esm/components/TableCell.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, 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 MuiTableCell from '@mui/material/TableCell';
 
@@ -9,9 +8,7 @@ var _excluded = ["children"];
 function TableCell(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsx(MuiTableCell, _objectSpread2(_objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTableCell, _objectSpread2({}, rest), children);
 }
 TableCell.propTypes = {
   /**

package/dist/esm/components/TableContainer.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, 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 MuiTableContainer from '@mui/material/TableContainer';
 
@@ -9,9 +8,7 @@ var _excluded = ["children"];
 function TableContainer(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsx(MuiTableContainer, _objectSpread2(_objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTableContainer, _objectSpread2({}, rest), children);
 }
 TableContainer.propTypes = {
   /**

package/dist/esm/components/TableFooter.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, 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 MuiTableFooter from '@mui/material/TableFooter';
 
@@ -9,9 +8,7 @@ var _excluded = ["children"];
 function TableFooter(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsx(MuiTableFooter, _objectSpread2(_objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTableFooter, _objectSpread2({}, rest), children);
 }
 TableFooter.propTypes = {
   /**

package/dist/esm/components/TableHead.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, 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 MuiTableHead from '@mui/material/TableHead';
 
@@ -9,9 +8,7 @@ var _excluded = ["children"];
 function TableHead(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsx(MuiTableHead, _objectSpread2(_objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTableHead, _objectSpread2({}, rest), children);
 }
 TableHead.propTypes = {
   /**

package/dist/esm/components/TableRow.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, 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 MuiTableRow from '@mui/material/TableRow';
 
@@ -9,9 +8,7 @@ var _excluded = ["children"];
 function TableRow(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsx(MuiTableRow, _objectSpread2(_objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTableRow, _objectSpread2({}, rest), children);
 }
 TableRow.propTypes = {
   /**

package/dist/esm/components/Tabs.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, 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 { StyledTabs } from './Tabs.styled.js';
 
@@ -14,13 +13,12 @@ function Tabs(_ref) {
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? false : _ref$value,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsx(StyledTabs, _objectSpread2(_objectSpread2({}, rest), {}, {
+  return /* @__PURE__ */React.createElement(StyledTabs, _objectSpread2(_objectSpread2({}, rest), {}, {
     action: action,
     value: value,
     activecolor: activecolor,
-    textColor: "inherit",
-    children: children
-  }));
+    textColor: "inherit"
+  }), children);
 }
 Tabs.propTypes = {
   /**

package/dist/esm/components/Tag.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import StyledTag, { StyledTagIcon, StyledTagIconDot } from './Tag.styled.js';
 
 var _excluded = ["endIcon", "label", "startIcon", "color", "edges", "size", "variant"];
@@ -19,25 +18,18 @@ function Tag(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "standard" : _ref$variant,
     others = _objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxs(StyledTag, _objectSpread2(_objectSpread2({
+  return /* @__PURE__ */React.createElement(StyledTag, _objectSpread2({
     color: color,
     edges: edges,
     variant: variant,
     size: size
-  }, others), {}, {
-    children: [startIcon && /* @__PURE__ */jsx(StyledTagIcon, {
-      size: size,
-      children: startIcon
-    }), !startIcon && !endIcon && /* @__PURE__ */jsx(StyledTagIcon, {
-      size: size,
-      children: /* @__PURE__ */jsx(StyledTagIconDot, {})
-    }), /* @__PURE__ */jsx("span", {
-      children: label
-    }), endIcon && /* @__PURE__ */jsx(StyledTagIcon, {
-      size: size,
-      children: endIcon
-    })]
-  }));
+  }, others), startIcon && /* @__PURE__ */React.createElement(StyledTagIcon, {
+    size: size
+  }, startIcon), !startIcon && !endIcon && /* @__PURE__ */React.createElement(StyledTagIcon, {
+    size: size
+  }, /* @__PURE__ */React.createElement(StyledTagIconDot, null)), /* @__PURE__ */React.createElement("span", null, label), endIcon && /* @__PURE__ */React.createElement(StyledTagIcon, {
+    size: size
+  }, endIcon));
 }
 
 export { Tag as default };

package/dist/esm/components/Text.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import Typography from '@mui/material/Typography';
 
 var _excluded = ["as", "children", "italic", "transform", "weight", "display", "paragraph", "sx"];
@@ -35,12 +34,11 @@ function Text(_ref) {
   }, textStyles), paragraph && {
     my: "8px"
   }), sx);
-  return /* @__PURE__ */jsx(Typography, _objectSpread2(_objectSpread2({
+  return /* @__PURE__ */React.createElement(Typography, _objectSpread2(_objectSpread2({
     component: component
   }, others), {}, {
-    sx: styles,
-    children: children
-  }));
+    sx: styles
+  }), children);
 }
 
 export { Text as default };

package/dist/esm/components/TextInput.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 { forwardRef, useState } from 'react';
 import InputAdornment from '@mui/material/InputAdornment';
 import FormControl from './FormControl.js';
@@ -88,11 +87,10 @@ var TextInput = /*#__PURE__*/forwardRef(function TextInput2(_ref, ref) {
     autoFocus: autoFocus,
     color: showError ? "error" : color,
     disabled: disabled,
-    endAdornment: endAdornment && /* @__PURE__ */jsx(InputAdornment, {
+    endAdornment: endAdornment && /* @__PURE__ */React.createElement(InputAdornment, {
       position: "end",
-      variant: "outlined",
-      children: endAdornment
-    }),
+      variant: "outlined"
+    }, endAdornment),
     edges: edges,
     fullWidth: fullWidth,
     id: id || name,
@@ -104,11 +102,10 @@ var TextInput = /*#__PURE__*/forwardRef(function TextInput2(_ref, ref) {
     $error: showError,
     readOnly: readOnly,
     size: size,
-    startAdornment: startAdornment && /* @__PURE__ */jsx(InputAdornment, {
+    startAdornment: startAdornment && /* @__PURE__ */React.createElement(InputAdornment, {
       position: "start",
-      variant: "outlined",
-      children: startAdornment
-    }),
+      variant: "outlined"
+    }, startAdornment),
     type: typeMap[type] || type
   }, multiline && textareaProps), rest), {}, {
     margin: "none"
@@ -117,36 +114,32 @@ var TextInput = /*#__PURE__*/forwardRef(function TextInput2(_ref, ref) {
     var value = event.target.value;
     setNoOfChars(value.length);
   };
-  var controlLabel = showCounter ? /* @__PURE__ */jsxs(Box, {
+  var controlLabel = showCounter ? /* @__PURE__ */React.createElement(Box, {
     display: "flex",
-    mb: "8px",
-    children: [/* @__PURE__ */jsx(Box, {
-      as: "span",
-      children: /* @__PURE__ */jsx(FormLabel, {
-        disabled: disabled,
-        htmlFor: id,
-        required: required,
-        margin: "none",
-        size: size,
-        children: label
-      })
-    }), /* @__PURE__ */jsxs(Box, {
-      as: "span",
-      sx: {
-        color: disabled ? "grey.400" : "grey.600",
-        flexShrink: 0,
-        ml: "auto",
-        fontSize: function fontSize(theme) {
-          if (size === "medium") {
-            return "".concat(theme.typography.fontSize, "px");
-          }
-          return null;
+    mb: "8px"
+  }, /* @__PURE__ */React.createElement(Box, {
+    as: "span"
+  }, /* @__PURE__ */React.createElement(FormLabel, {
+    disabled: disabled,
+    htmlFor: id,
+    required: required,
+    margin: "none",
+    size: size
+  }, label)), /* @__PURE__ */React.createElement(Box, {
+    as: "span",
+    sx: {
+      color: disabled ? "grey.400" : "grey.600",
+      flexShrink: 0,
+      ml: "auto",
+      fontSize: function fontSize(theme) {
+        if (size === "medium") {
+          return "".concat(theme.typography.fontSize, "px");
         }
-      },
-      children: [noOfChars, maxLength ? " / ".concat(maxLength) : ""]
-    })]
-  }) : label;
-  return /* @__PURE__ */jsx(FormControl, {
+        return null;
+      }
+    }
+  }, noOfChars, maxLength ? " / ".concat(maxLength) : "")) : label;
+  return /* @__PURE__ */React.createElement(FormControl, {
     color: color,
     id: props.id,
     label: controlLabel,
@@ -157,13 +150,12 @@ var TextInput = /*#__PURE__*/forwardRef(function TextInput2(_ref, ref) {
     disabled: disabled,
     required: required,
     size: size,
-    ref: ref,
-    children: /* @__PURE__ */jsx(StyledTextInput, _objectSpread2(_objectSpread2({}, props), {}, {
-      error: true
-    }, showCounter && {
-      onKeyUp: handleChange
-    }))
-  });
+    ref: ref
+  }, /* @__PURE__ */React.createElement(StyledTextInput, _objectSpread2(_objectSpread2({}, props), {}, {
+    error: true
+  }, showCounter && {
+    onKeyUp: handleChange
+  })));
 });
 
 export { TextInput as default };

package/dist/esm/components/ThemeProvider.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, 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 { ThemeProvider as ThemeProvider$2 } from '@emotion/react';
 import { ThemeProvider as ThemeProvider$1 } from 'styled-components';
@@ -20,19 +19,13 @@ function ThemeProvider(_ref) {
       cssVarPrefix: "tn"
     }
   }));
-  return /* @__PURE__ */jsx(StyledEngineProvider, {
-    children: /* @__PURE__ */jsx(ThemeProvider$1, {
-      theme: mergedTheme,
-      children: /* @__PURE__ */jsx(ThemeProvider$2, {
-        theme: mergedTheme,
-        children: /* @__PURE__ */jsxs(ThemeProvider$3, _objectSpread2(_objectSpread2({
-          theme: mergedTheme
-        }, rest), {}, {
-          children: [/* @__PURE__ */jsx(CssBaseline, {}), children]
-        }))
-      })
-    })
-  });
+  return /* @__PURE__ */React.createElement(StyledEngineProvider, null, /* @__PURE__ */React.createElement(ThemeProvider$1, {
+    theme: mergedTheme
+  }, /* @__PURE__ */React.createElement(ThemeProvider$2, {
+    theme: mergedTheme
+  }, /* @__PURE__ */React.createElement(ThemeProvider$3, _objectSpread2({
+    theme: mergedTheme
+  }, rest), /* @__PURE__ */React.createElement(CssBaseline, null), children))));
 }
 ThemeProvider.propTypes = {
   theme: PropTypes.shape({

package/dist/esm/components/TimeInput.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useState, useEffect } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import FormControl from './FormControl.js';
 import Select from './Select.js';
@@ -78,7 +77,7 @@ function TimeInput(_ref) {
     setValues(newValues);
     onChange(evt);
   };
-  return /* @__PURE__ */jsxs(FormControl, {
+  return /* @__PURE__ */React.createElement(FormControl, {
     fullWidth: fullWidth,
     name: name,
     label: label,
@@ -88,75 +87,68 @@ function TimeInput(_ref) {
     required: required,
     showError: showError,
     errorMessage: errorMessage,
-    edges: "normal",
-    children: [/* @__PURE__ */jsx("input", {
-      defaultValue: rest.defaultValue || value,
-      name: name,
-      ref: inputRef,
-      style: {
-        height: 0,
-        width: 0,
-        appearance: "none",
-        border: "none",
-        outline: "none",
-        margin: 0,
-        padding: 0
-      }
-    }), /* @__PURE__ */jsxs(StyledContainer, {
-      size: size,
-      children: [/* @__PURE__ */jsx(StyledSelect, {
-        required: required,
-        size: size,
-        value: inputRef.current ? inputRef.current.value : value,
-        children: /* @__PURE__ */jsx(Select, {
-          disabled: disabled,
-          name: "".concat(name, "_hours"),
-          placeholder: "HH",
-          required: required,
-          native: true,
-          options: hourOptions,
-          value: values.hour,
-          onChange: function onChange(e) {
-            handleChange(e, "hour");
-          }
-        })
-      }), /* @__PURE__ */jsx(StyledSpacer, {
-        children: ":"
-      }), /* @__PURE__ */jsx(StyledSelect, {
-        required: required,
-        size: size,
-        value: inputRef.current ? inputRef.current.value : value,
-        children: /* @__PURE__ */jsx(Select, {
-          disabled: disabled,
-          name: "".concat(name, "_minutes"),
-          placeholder: "MM",
-          required: required,
-          native: true,
-          options: minuteOptions,
-          value: values.minute,
-          onChange: function onChange(e) {
-            handleChange(e, "minute");
-          }
-        })
-      }), /* @__PURE__ */jsx(StyledSpacer, {}), /* @__PURE__ */jsx(StyledSelect, {
-        required: required,
-        size: size,
-        value: inputRef.current ? inputRef.current.value : value,
-        children: /* @__PURE__ */jsx(Select, {
-          disabled: disabled,
-          name: "".concat(name, "_meridian"),
-          placeholder: "AM",
-          required: required,
-          native: true,
-          options: meridianOptions,
-          value: values.meridian,
-          onChange: function onChange(e) {
-            handleChange(e, "meridian");
-          }
-        })
-      })]
-    })]
-  });
+    edges: "normal"
+  }, /* @__PURE__ */React.createElement("input", {
+    defaultValue: rest.defaultValue || value,
+    name: name,
+    ref: inputRef,
+    style: {
+      height: 0,
+      width: 0,
+      appearance: "none",
+      border: "none",
+      outline: "none",
+      margin: 0,
+      padding: 0
+    }
+  }), /* @__PURE__ */React.createElement(StyledContainer, {
+    size: size
+  }, /* @__PURE__ */React.createElement(StyledSelect, {
+    required: required,
+    size: size,
+    value: inputRef.current ? inputRef.current.value : value
+  }, /* @__PURE__ */React.createElement(Select, {
+    disabled: disabled,
+    name: "".concat(name, "_hours"),
+    placeholder: "HH",
+    required: required,
+    native: true,
+    options: hourOptions,
+    value: values.hour,
+    onChange: function onChange(e) {
+      handleChange(e, "hour");
+    }
+  })), /* @__PURE__ */React.createElement(StyledSpacer, null, ":"), /* @__PURE__ */React.createElement(StyledSelect, {
+    required: required,
+    size: size,
+    value: inputRef.current ? inputRef.current.value : value
+  }, /* @__PURE__ */React.createElement(Select, {
+    disabled: disabled,
+    name: "".concat(name, "_minutes"),
+    placeholder: "MM",
+    required: required,
+    native: true,
+    options: minuteOptions,
+    value: values.minute,
+    onChange: function onChange(e) {
+      handleChange(e, "minute");
+    }
+  })), /* @__PURE__ */React.createElement(StyledSpacer, null), /* @__PURE__ */React.createElement(StyledSelect, {
+    required: required,
+    size: size,
+    value: inputRef.current ? inputRef.current.value : value
+  }, /* @__PURE__ */React.createElement(Select, {
+    disabled: disabled,
+    name: "".concat(name, "_meridian"),
+    placeholder: "AM",
+    required: required,
+    native: true,
+    options: meridianOptions,
+    value: values.meridian,
+    onChange: function onChange(e) {
+      handleChange(e, "meridian");
+    }
+  }))));
 }
 TimeInput.propTypes = {
   /**

package/dist/esm/components/Tooltip.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import Box from './Box.js';
 import StyledTooltip from './Tooltip.styled.js';
 
@@ -40,17 +39,14 @@ function Tooltip(_ref) {
     leaveTouchDelay: leaveTouchDelay,
     placement: placement
   }, others);
-  return /* @__PURE__ */jsx(StyledTooltip, _objectSpread2(_objectSpread2({
+  return /* @__PURE__ */React.createElement(StyledTooltip, _objectSpread2({
     classes: {
       popper: className
     }
-  }, rest), {}, {
-    children: /* @__PURE__ */jsx(Box, {
-      display: "inline-flex",
-      sx: boxProps,
-      children: children
-    })
-  }));
+  }, rest), /* @__PURE__ */React.createElement(Box, {
+    display: "inline-flex",
+    sx: boxProps
+  }, children));
 }
 
 export { Tooltip as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenancy.nz/ui",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Library of React UI components for tenancy.co.nz apps.",
   "author": "Tenancy.co.nz <monty@tenancy.co.nz>",
   "keywords": [