ish-ui 1.3.1 → 1.3.3

package/dist/dynamicSizeList/DynamicSizeList.js

@@ -35,6 +35,12 @@ const DynamicSizeList = React.forwardRef(({ children, itemCount, itemData, heigh
             (_a = listApi.current) === null || _a === void 0 ? void 0 : _a.scrollToRow({ index, align });
         },
     }), []);
-    return (React.createElement(List, { className: className, style: { height, width }, listRef: attachRefs, rowComponent: children, rowProps: { data: itemData }, rowCount: itemCount, rowHeight: rowHeight, overscanCount: overscanCount }));
+    return (React.createElement(List, { className: className, 
+        // react-window v2 defaults the container to `maxHeight: 100%`. Callers
+        // commonly wrap this in react-virtualized-auto-sizer, whose wrapper is
+        // `height: 0` and expects the child to overflow it, so that 100% would
+        // resolve to zero and the list would render nothing. An explicit height
+        // supersedes the cap; without one, v2's default is left alone.
+        style: Object.assign({ height, width }, (height == null ? {} : { maxHeight: 'none' })), listRef: attachRefs, rowComponent: children, rowProps: { data: itemData }, rowCount: itemCount, rowHeight: rowHeight, overscanCount: overscanCount }));
 });
 export default DynamicSizeList;

package/dist/formFields/EditInPlaceSearchSelect.js

@@ -217,7 +217,7 @@ function EditInPlaceSearchSelect({ label, disabled, className, labelAdornment, i
     };
     const renderOption = (optionProps, data) => {
         if (typeof itemRenderer === 'function') {
-            return itemRenderer(getHighlightedPartLabel(getOptionLabel(data), searchValue), data, searchValue, optionProps);
+            return [itemRenderer(getHighlightedPartLabel(getOptionLabel(data), searchValue), data, searchValue, optionProps), optionProps];
         }
         return [getHighlightedPartLabel(getOptionLabel(data), searchValue), optionProps];
     };

package/dist/model/Fields.d.ts

@@ -231,6 +231,7 @@ export interface TagsFieldProps<T, IP, MP> extends EditInPlaceFieldProps<IP, MP>
     validateEntity?: string;
     allowParentSelect?: boolean;
     hideColor?: boolean;
+    trackCarretPosition?: boolean;
 }
 export interface FormFieldBaseProps {
     required?: boolean;

package/dist/tagsInput/TagInputList.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { FieldInputProps, FieldMetaProps, TagLike, TagsFieldProps } from '../model';
-declare function TagInputList<T extends TagLike, IP extends FieldInputProps, MP extends FieldMetaProps>({ input, tags, placeholder, labelAdornment, meta, label, disabled, className, warning, allowParentSelect, fieldClasses, editIcon, variant, hideColor }: TagsFieldProps<T, IP, MP>): React.JSX.Element;
+declare function TagInputList<T extends TagLike, IP extends FieldInputProps, MP extends FieldMetaProps>({ input, tags, placeholder, labelAdornment, meta, label, disabled, className, warning, allowParentSelect, fieldClasses, editIcon, variant, hideColor, trackCarretPosition }: TagsFieldProps<T, IP, MP>): React.JSX.Element;
 export default TagInputList;

package/dist/tagsInput/TagInputList.js

@@ -98,7 +98,7 @@ const getFullTag = (tagId, tags) => {
         ++i;
     }
 };
-function TagInputList({ input, tags, placeholder, labelAdornment, meta, label = 'Tags', disabled, className, warning, allowParentSelect, fieldClasses = {}, editIcon, variant, hideColor }) {
+function TagInputList({ input, tags, placeholder, labelAdornment, meta, label = 'Tags', disabled, className, warning, allowParentSelect, fieldClasses = {}, editIcon, variant, hideColor, trackCarretPosition = true }) {
     const [menuIsOpen, setMenuIsOpen] = useState(false);
     const [activeTag, setActiveTag] = useState(null);
     const [isEditing, setIsEditing] = useState(false);
@@ -190,7 +190,7 @@ function TagInputList({ input, tags, placeholder, labelAdornment, meta, label =
         React.createElement("div", { className: cx('relative', {
                 'pointer-events-none': disabled
             }) }, React.createElement(Autocomplete, { value: input.value, multiple: true, open: menuIsOpen, options: filteredOptions, onBlur: exit, onChange: handleChange, renderOption: renderOption, filterOptions: filterOptionsInner, getOptionLabel: getOptionLabel, slots: {
-                popper: inputValue ? undefined : popperAdapter,
+                popper: inputValue || !trackCarretPosition ? undefined : popperAdapter,
                 listbox: inputValue ? undefined : listboxAdapter
             }, classes: {
                 root: classes.root,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ish-ui",
   "sideEffects": false,
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "UI elements for onCourse and other ish apps",
   "main": "main.ts",
   "devDependencies": {