ish-ui 1.0.49 → 1.0.50

package/dist/tagsInput/AddTagMenuItem.js

@@ -24,7 +24,7 @@ function AddTagMenuItem({ setActiveTag, tag, classes, handleAdd, hideColor, allo
         !hideColor && React.createElement("div", { className: clsx(classes.tagColorDotSmall, 'mr-1'), style: { background: '#' + tag.tagBody.color } }),
         React.createElement("span", { className: "mr-2 flex-fill" }, tag.tagBody.name),
         (allowParentSelect || !hasChildren) && React.createElement(Checkbox, { onClick: toggleChecked, classes: { root: 'smallIconButton' }, checked: tag.active }),
-        hasChildren && React.createElement(IconButton, { size: "small", onClick: openSubmenu },
+        React.createElement(IconButton, { size: "small", onClick: openSubmenu, className: clsx(!hasChildren && (allowParentSelect ? 'invisible' : 'd-none')) },
             React.createElement(KeyboardArrowRight, { className: clsx('d-flex textSecondaryColor', classes.proceedIcon) }))));
 }
 export default AddTagMenuItem;

package/dist/tagsInput/TagInputList.js

@@ -16,7 +16,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { InputAdornment, MenuItem, Select } from '@mui/material';
 import { ClickAwayListener } from '@mui/base';
 import Autocomplete from '@mui/material/Autocomplete';
@@ -98,7 +98,7 @@ function TagInputList({ input, tags, placeholder, labelAdornment, meta, label =
     }, [tags, input.value, inputValue, hideColor]);
     const inputNode = useRef();
     const tagMenuNode = useRef();
-    const menuTags = useMemo(() => (tags && input.value ? getMenuTags(tags.filter(t => t.childrenCount > 0), input.value.map(id => getFullTag(id, tags)).filter(t => t)) : []), [tags, input.value]);
+    const menuTags = useMemo(() => (tags && input.value ? getMenuTags(tags.filter(t => allowParentSelect || t.childrenCount > 0), input.value.map(id => getFullTag(id, tags)).filter(t => t)) : []), [tags, input.value, allowParentSelect]);
     const allMenuTags = useMemo(() => getAllMenuTags(menuTags), [menuTags]);
     const synchronizeTags = () => {
         const inputString = getInputString(input.value, tags);
@@ -235,8 +235,14 @@ function TagInputList({ input, tags, placeholder, labelAdornment, meta, label =
         return (React.createElement("div", { id: "popper", style: Object.assign(Object.assign({}, position), { position: 'absolute', zIndex: 2 }) },
             React.createElement(ClickAwayListener, { onClickAway: onTagListBlur }, params.children)));
     }, [allMenuTags, inputValue, currentInputString, inputNode.current, tagMenuNode.current, input.value]);
-    const listboxAdapter = useCallback(params => (React.createElement("div", { className: params.className, ref: tagMenuNode },
-        React.createElement(AddTagMenu, { tags: menuTags, handleAdd: onTagAdd, hideColor: hideColor, activeTag: activeTag, setActiveTag: setActiveTag, allowParentSelect: allowParentSelect }))), [menuTags, activeTag, setActiveTag, onTagAdd, hideColor]);
+    const listboxAdapter = forwardRef((params, ref) => {
+        const setRef = refToSet => {
+            tagMenuNode.current = refToSet;
+            ref = refToSet;
+        };
+        return React.createElement("div", { ref: setRef },
+            React.createElement(AddTagMenu, { tags: menuTags, handleAdd: onTagAdd, hideColor: hideColor, activeTag: activeTag, setActiveTag: setActiveTag, allowParentSelect: allowParentSelect }));
+    });
     return (React.createElement("div", { className: className, id: input.name },
         React.createElement("div", { className: clsx('relative', {
                 'pointer-events-none': disabled

package/package.json

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