@tenancy.nz/ui 1.3.2 → 1.3.4

package/dist/cjs/components/Autocomplete.cjs

@@ -6,11 +6,10 @@ var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.c
 var React = require('react');
 var PropTypes = require('prop-types');
 var KeyboardArrowDownIcon = require('@mui/icons-material/KeyboardArrowDown');
-var FormControl = require('./FormControl.cjs');
 var Autocomplete_styled = require('./Autocomplete.styled.cjs');
 var TextInput = require('./TextInput.cjs');
 
-var _excluded = ["disabled", "edges", "fullWidth", "helperText", "helperTextPlacement", "label", "placeholder", "popupIcon", "required", "size", "variant", "showError", "errorMessage", "name", "hideLabel", "disableIconRotation", "TextInputProps", "onChange", "textInputAttrs"],
+var _excluded = ["disabled", "edges", "fullWidth", "helperText", "label", "placeholder", "popupIcon", "required", "size", "variant", "showError", "errorMessage", "name", "hideLabel", "disableIconRotation", "TextInputProps", "onChange", "textInputAttrs"],
   _excluded2 = ["inputProps", "InputProps"];
 function Autocomplete(_ref) {
   var _ref$disabled = _ref.disabled,
@@ -21,8 +20,6 @@ function Autocomplete(_ref) {
     fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
     _ref$helperText = _ref.helperText,
     helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
-    _ref$helperTextPlacem = _ref.helperTextPlacement,
-    helperTextPlacement = _ref$helperTextPlacem === void 0 ? "below" : _ref$helperTextPlacem,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
     _ref$placeholder = _ref.placeholder,
@@ -62,19 +59,7 @@ function Autocomplete(_ref) {
     }
     onChange.apply(void 0, [event, val].concat(extras));
   };
-  return /* @__PURE__ */React.createElement(FormControl.default, {
-    name: name,
-    fullWidth: fullWidth,
-    label: label,
-    helperText: helperText,
-    helperTextPlacement: helperTextPlacement,
-    disabled: disabled,
-    required: required,
-    showError: showError,
-    errorMessage: errorMessage,
-    hideLabel: hideLabel,
-    edges: edges
-  }, /* @__PURE__ */React.createElement(Autocomplete_styled.StyledAutocomplete, _rollupPluginBabelHelpers.objectSpread2({
+  return /* @__PURE__ */React.createElement(Autocomplete_styled.StyledAutocomplete, _rollupPluginBabelHelpers.objectSpread2({
     disabled: disabled,
     iconrotation: disableIconRotation ? "no" : "yes",
     popupIcon: popupIcon === void 0 ? /* @__PURE__ */React.createElement(KeyboardArrowDownIcon, null) : popupIcon,
@@ -84,26 +69,31 @@ function Autocomplete(_ref) {
         params = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
       return /* @__PURE__ */React.createElement(TextInput.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, params), {}, {
         disabled: disabled,
+        fullWidth: fullWidth,
         name: name,
+        label: label,
         variant: variant,
         size: size,
         edges: edges,
         required: required,
         value: selectedValue,
         placeholder: placeholder,
+        helperText: helperText,
+        showError: showError,
+        errorMessage: errorMessage,
+        hideLabel: hideLabel,
         inputProps: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
           autoComplete: "off"
         }, textInputAttrs), inputProps),
         slotProps: {
-          input: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, TextInputProps), InputProps)
+          input: _rollupPluginBabelHelpers.objectSpread2({}, TextInputProps)
         },
-        showError: showError,
         message: errorMessage,
         ref: InputProps.ref
-      }));
+      }, InputProps));
     },
     onChange: handleChange
-  }, rest)));
+  }, rest));
 }
 Autocomplete.propTypes = {
   /**
@@ -130,10 +120,6 @@ Autocomplete.propTypes = {
    * The helper text content.
    */
   helperText: PropTypes.string,
-  /**
-   * Placed the helper text above or below the input.
-   */
-  helperTextPlacement: PropTypes.oneOf(["above", "below"]),
   /**
    * The label content.
    */

package/dist/cjs/components/Tag.cjs

@@ -6,9 +6,11 @@ var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.c
 var React = require('react');
 var Tag_styled = require('./Tag.styled.cjs');
 
-var _excluded = ["endIcon", "label", "startIcon", "color", "edges", "size", "variant"];
+var _excluded = ["disableIcon", "endIcon", "label", "startIcon", "color", "edges", "size", "variant"];
 function Tag(_ref) {
-  var _ref$endIcon = _ref.endIcon,
+  var _ref$disableIcon = _ref.disableIcon,
+    disableIcon = _ref$disableIcon === void 0 ? false : _ref$disableIcon,
+    _ref$endIcon = _ref.endIcon,
     endIcon = _ref$endIcon === void 0 ? void 0 : _ref$endIcon,
     label = _ref.label,
     _ref$startIcon = _ref.startIcon,
@@ -27,11 +29,11 @@ function Tag(_ref) {
     edges: edges,
     variant: variant,
     size: size
-  }, others), startIcon && /* @__PURE__ */React.createElement(Tag_styled.StyledTagIcon, {
+  }, others), !disableIcon && startIcon && /* @__PURE__ */React.createElement(Tag_styled.StyledTagIcon, {
     size: size
-  }, startIcon), !startIcon && !endIcon && /* @__PURE__ */React.createElement(Tag_styled.StyledTagIcon, {
+  }, startIcon), !disableIcon && !startIcon && !endIcon && /* @__PURE__ */React.createElement(Tag_styled.StyledTagIcon, {
     size: size
-  }, /* @__PURE__ */React.createElement(Tag_styled.StyledTagIconDot, null)), /* @__PURE__ */React.createElement("span", null, label), endIcon && /* @__PURE__ */React.createElement(Tag_styled.StyledTagIcon, {
+  }, /* @__PURE__ */React.createElement(Tag_styled.StyledTagIconDot, null)), /* @__PURE__ */React.createElement("span", null, label), !disableIcon && endIcon && /* @__PURE__ */React.createElement(Tag_styled.StyledTagIcon, {
     size: size
   }, endIcon));
 }

package/dist/cjs/components/TextInput.styled.cjs

@@ -51,7 +51,7 @@ var StyledTextInput = styles.styled(InputBase)(_templateObject17 || (_templateOb
     readOnly = _ref8.readOnly,
     size = _ref8.size,
     theme = _ref8.theme;
-  return react.css(_templateObject18 || (_templateObject18 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    && {\n      background-color: #fff;\n      font-weight: 400;\n      transition: none;\n      color: ", ";\n\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n\n      > input {\n        padding: 0;\n        border: 0px;\n        margin: 0px;\n        box-shadow: none;\n        height: 1.4375em;\n        font: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        color: currentColor;\n        box-sizing: content-box;\n        background: none;\n        -webkit-tap-highlight-color: transparent;\n        display: block;\n        min-width: 0px;\n        width: 100%;\n      }\n    }\n  "])), object.getObjectProp(theme, "vars.palette.text.primary"), colorStyles({
+  return react.css(_templateObject18 || (_templateObject18 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    && {\n      background-color: #fff;\n      font-weight: 400;\n      transition: none;\n      color: ", ";\n\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n\n      .MuiAutocomplete-endAdornment {\n        right: 8px;\n      }\n\n      > input {\n        padding: 0;\n        border: 0px;\n        margin: 0px;\n        box-shadow: none;\n        height: 1.4375em;\n        font: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        color: currentColor;\n        box-sizing: content-box;\n        background: none;\n        -webkit-tap-highlight-color: transparent;\n        display: block;\n        min-width: 0px;\n        width: 100%;\n      }\n    }\n  "])), object.getObjectProp(theme, "vars.palette.text.primary"), colorStyles({
     color: color,
     theme: theme
   }), edgesStyles({

package/dist/esm/components/Autocomplete.js

@@ -2,11 +2,10 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
-import FormControl from './FormControl.js';
 import { StyledAutocomplete } from './Autocomplete.styled.js';
 import TextInput from './TextInput.js';
 
-var _excluded = ["disabled", "edges", "fullWidth", "helperText", "helperTextPlacement", "label", "placeholder", "popupIcon", "required", "size", "variant", "showError", "errorMessage", "name", "hideLabel", "disableIconRotation", "TextInputProps", "onChange", "textInputAttrs"],
+var _excluded = ["disabled", "edges", "fullWidth", "helperText", "label", "placeholder", "popupIcon", "required", "size", "variant", "showError", "errorMessage", "name", "hideLabel", "disableIconRotation", "TextInputProps", "onChange", "textInputAttrs"],
   _excluded2 = ["inputProps", "InputProps"];
 function Autocomplete(_ref) {
   var _ref$disabled = _ref.disabled,
@@ -17,8 +16,6 @@ function Autocomplete(_ref) {
     fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
     _ref$helperText = _ref.helperText,
     helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
-    _ref$helperTextPlacem = _ref.helperTextPlacement,
-    helperTextPlacement = _ref$helperTextPlacem === void 0 ? "below" : _ref$helperTextPlacem,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
     _ref$placeholder = _ref.placeholder,
@@ -58,19 +55,7 @@ function Autocomplete(_ref) {
     }
     onChange.apply(void 0, [event, val].concat(extras));
   };
-  return /* @__PURE__ */React.createElement(FormControl, {
-    name: name,
-    fullWidth: fullWidth,
-    label: label,
-    helperText: helperText,
-    helperTextPlacement: helperTextPlacement,
-    disabled: disabled,
-    required: required,
-    showError: showError,
-    errorMessage: errorMessage,
-    hideLabel: hideLabel,
-    edges: edges
-  }, /* @__PURE__ */React.createElement(StyledAutocomplete, _objectSpread2({
+  return /* @__PURE__ */React.createElement(StyledAutocomplete, _objectSpread2({
     disabled: disabled,
     iconrotation: disableIconRotation ? "no" : "yes",
     popupIcon: popupIcon === void 0 ? /* @__PURE__ */React.createElement(KeyboardArrowDownIcon, null) : popupIcon,
@@ -80,26 +65,31 @@ function Autocomplete(_ref) {
         params = _objectWithoutProperties(_ref2, _excluded2);
       return /* @__PURE__ */React.createElement(TextInput, _objectSpread2(_objectSpread2({}, params), {}, {
         disabled: disabled,
+        fullWidth: fullWidth,
         name: name,
+        label: label,
         variant: variant,
         size: size,
         edges: edges,
         required: required,
         value: selectedValue,
         placeholder: placeholder,
+        helperText: helperText,
+        showError: showError,
+        errorMessage: errorMessage,
+        hideLabel: hideLabel,
         inputProps: _objectSpread2(_objectSpread2({
           autoComplete: "off"
         }, textInputAttrs), inputProps),
         slotProps: {
-          input: _objectSpread2(_objectSpread2({}, TextInputProps), InputProps)
+          input: _objectSpread2({}, TextInputProps)
         },
-        showError: showError,
         message: errorMessage,
         ref: InputProps.ref
-      }));
+      }, InputProps));
     },
     onChange: handleChange
-  }, rest)));
+  }, rest));
 }
 Autocomplete.propTypes = {
   /**
@@ -126,10 +116,6 @@ Autocomplete.propTypes = {
    * The helper text content.
    */
   helperText: PropTypes.string,
-  /**
-   * Placed the helper text above or below the input.
-   */
-  helperTextPlacement: PropTypes.oneOf(["above", "below"]),
   /**
    * The label content.
    */

package/dist/esm/components/Tag.js

@@ -2,9 +2,11 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
 import React from 'react';
 import StyledTag, { StyledTagIcon, StyledTagIconDot } from './Tag.styled.js';
 
-var _excluded = ["endIcon", "label", "startIcon", "color", "edges", "size", "variant"];
+var _excluded = ["disableIcon", "endIcon", "label", "startIcon", "color", "edges", "size", "variant"];
 function Tag(_ref) {
-  var _ref$endIcon = _ref.endIcon,
+  var _ref$disableIcon = _ref.disableIcon,
+    disableIcon = _ref$disableIcon === void 0 ? false : _ref$disableIcon,
+    _ref$endIcon = _ref.endIcon,
     endIcon = _ref$endIcon === void 0 ? void 0 : _ref$endIcon,
     label = _ref.label,
     _ref$startIcon = _ref.startIcon,
@@ -23,11 +25,11 @@ function Tag(_ref) {
     edges: edges,
     variant: variant,
     size: size
-  }, others), startIcon && /* @__PURE__ */React.createElement(StyledTagIcon, {
+  }, others), !disableIcon && startIcon && /* @__PURE__ */React.createElement(StyledTagIcon, {
     size: size
-  }, startIcon), !startIcon && !endIcon && /* @__PURE__ */React.createElement(StyledTagIcon, {
+  }, startIcon), !disableIcon && !startIcon && !endIcon && /* @__PURE__ */React.createElement(StyledTagIcon, {
     size: size
-  }, /* @__PURE__ */React.createElement(StyledTagIconDot, null)), /* @__PURE__ */React.createElement("span", null, label), endIcon && /* @__PURE__ */React.createElement(StyledTagIcon, {
+  }, /* @__PURE__ */React.createElement(StyledTagIconDot, null)), /* @__PURE__ */React.createElement("span", null, label), !disableIcon && endIcon && /* @__PURE__ */React.createElement(StyledTagIcon, {
     size: size
   }, endIcon));
 }

package/dist/esm/components/TextInput.styled.js

@@ -47,7 +47,7 @@ var StyledTextInput = styled(InputBase)(_templateObject17 || (_templateObject17
     readOnly = _ref8.readOnly,
     size = _ref8.size,
     theme = _ref8.theme;
-  return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    && {\n      background-color: #fff;\n      font-weight: 400;\n      transition: none;\n      color: ", ";\n\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n\n      > input {\n        padding: 0;\n        border: 0px;\n        margin: 0px;\n        box-shadow: none;\n        height: 1.4375em;\n        font: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        color: currentColor;\n        box-sizing: content-box;\n        background: none;\n        -webkit-tap-highlight-color: transparent;\n        display: block;\n        min-width: 0px;\n        width: 100%;\n      }\n    }\n  "])), getObjectProp(theme, "vars.palette.text.primary"), colorStyles({
+  return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    && {\n      background-color: #fff;\n      font-weight: 400;\n      transition: none;\n      color: ", ";\n\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n\n      .MuiAutocomplete-endAdornment {\n        right: 8px;\n      }\n\n      > input {\n        padding: 0;\n        border: 0px;\n        margin: 0px;\n        box-shadow: none;\n        height: 1.4375em;\n        font: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        color: currentColor;\n        box-sizing: content-box;\n        background: none;\n        -webkit-tap-highlight-color: transparent;\n        display: block;\n        min-width: 0px;\n        width: 100%;\n      }\n    }\n  "])), getObjectProp(theme, "vars.palette.text.primary"), colorStyles({
     color: color,
     theme: theme
   }), edgesStyles({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenancy.nz/ui",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "description": "Library of React UI components for tenancy.co.nz apps.",
   "author": "Tenancy.co.nz <monty@tenancy.co.nz>",
   "keywords": [
@@ -36,7 +36,6 @@
     "node": ">=20.19.0"
   },
   "dependencies": {
-    "dayjs": "^1.11.13",
     "jss": "^10.10.0",
     "libphonenumber-js": "^1.12.10",
     "mime": "^4.0.7",
@@ -49,8 +48,9 @@
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/material": "^7.3.1",
     "@mui/icons-material": "^7.2.0",
+    "@mui/material": "^7.3.1",
+    "dayjs": "^1.11.19",
     "framer-motion": "^11.11.7",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",