@mezzanine-ui/react 0.13.5 → 0.13.7

package/Input/Input.js

@@ -38,15 +38,12 @@ const Input = forwardRef(function Input(props, ref) {
         value: valueProp,
     });
     const composedInputRef = useComposeRefs([inputRefProp, inputRef]);
-    const maxLength = () => (tagsMode
-        ? Math.min((inputProps === null || inputProps === void 0 ? void 0 : inputProps.maxLength) || 8, 8)
-        : inputProps === null || inputProps === void 0 ? void 0 : inputProps.maxLength);
     const active = !!value;
     const mountInput = !tagsMode || !tagsReachedMax;
     return (jsxs(TextField, { ref: ref, active: active, className: cx(inputClasses.host, tagsMode && inputClasses.tagsMode, inputPosition === 'top' && inputClasses.tagsModeInputOnTop, className), clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, onClear: tagsMode ? tagsModeOnClear : onClear, prefix: mountInput ? prefix : undefined, suffix: mountInput ? suffix : undefined, size: size, children: [tagsMode && (jsx("div", { className: selectClasses.triggerTags, children: tags.map((tag) => (jsx(Tag, { closable: true, disabled: disabled, size: size, onClose: (e) => {
                         e.stopPropagation();
                         tagsModeOnRemove(tag);
-                    }, children: tag }, tag))) })), mountInput && (jsx("input", { ...inputProps, "aria-disabled": disabled, "aria-multiline": false, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, maxLength: maxLength(), onChange: tagsMode ? tagsModeOnChange : onChange, onKeyDown: tagsMode ? onKeyDown : inputProps === null || inputProps === void 0 ? void 0 : inputProps.onKeyDown, placeholder: placeholder, readOnly: readOnly, ref: composedInputRef, required: required, value: tagsMode ? undefined : value }))] }));
+                    }, children: tag }, tag))) })), mountInput && (jsx("input", { ...inputProps, "aria-disabled": disabled, "aria-multiline": false, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, onChange: tagsMode ? tagsModeOnChange : onChange, onKeyDown: tagsMode ? onKeyDown : inputProps === null || inputProps === void 0 ? void 0 : inputProps.onKeyDown, placeholder: placeholder, readOnly: readOnly, ref: composedInputRef, required: required, value: tagsMode ? undefined : value }))] }));
 });
 var Input$1 = Input;
 

package/Select/TreeSelect.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useContext, useMemo, useRef, useLayoutEffect, useState } from 'react';
+import { forwardRef, useContext, useMemo, useRef, useState } from 'react';
 import { selectClasses } from '@mezzanine-ui/core/select';
 import { useComposeRefs } from '../hooks/useComposeRefs.js';
 import { useClickAway } from '../hooks/useClickAway.js';
 import SelectTrigger from './SelectTrigger.js';
+import { useIsomorphicLayoutEffect } from '../hooks/useIsomorphicLayoutEffect.js';
 import { traverseTree } from '../Tree/traverseTree.js';
 import InputTriggerPopper from '../_internal/InputTriggerPopper/InputTriggerPopper.js';
 import Menu from '../Menu/Menu.js';
@@ -50,7 +51,7 @@ const TreeSelect = forwardRef((props, ref) => {
     const composedRef = useComposeRefs([ref, controlRef]);
     /** Make popper positioning dynamically by computing styles every time value prop changes */
     const controllerRef = useRef(null);
-    useLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
         var _a, _b;
         (_b = (_a = controllerRef.current) === null || _a === void 0 ? void 0 : _a.forceUpdate) === null || _b === void 0 ? void 0 : _b.call(_a);
     }, [valueProp]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/react",
-  "version": "0.13.5",
+  "version": "0.13.7",
   "description": "React components for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {
@@ -31,9 +31,9 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@mezzanine-ui/core": "^0.13.5",
-    "@mezzanine-ui/icons": "^0.13.5",
-    "@mezzanine-ui/system": "^0.13.5",
+    "@mezzanine-ui/core": "^0.13.7",
+    "@mezzanine-ui/icons": "^0.13.7",
+    "@mezzanine-ui/system": "^0.13.7",
     "@popperjs/core": "^2.11.6",
     "@types/react-transition-group": "^4.4.5",
     "clsx": "^1.2.1",

package/utils/getElement.js

@@ -1,5 +1,5 @@
 function getElement(elementGetter) {
-    if (elementGetter) {
+    if (elementGetter && typeof window !== 'undefined') {
         if (elementGetter instanceof HTMLElement) {
             return elementGetter;
         }