ish-ui 1.0.0-alpha.26 → 1.0.0-alpha.28

package/dist/model/Fields.d.ts

@@ -221,6 +221,7 @@ export interface TagsFieldProps<T, IP, MP> extends EditInPlaceFieldProps<IP, MP>
     tags: T[];
     showConfirm?: ShowConfirmCaller;
     validateEntity?: string;
+    allowParentSelect?: boolean;
 }
 export interface FormFieldBaseProps {
     required?: boolean;

package/dist/tagsInput/AddTagMenu.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { MenuTag, TagLike } from '../model';
 interface Props<T> {
     classes?: any;
+    allowParentSelect?: boolean;
     tags: MenuTag<T>[];
     handleAdd: (tag: MenuTag<T>) => void;
     activeTag: MenuTag<T>;

package/dist/tagsInput/AddTagMenu.js

@@ -22,7 +22,7 @@ const styles = theme => ({
         borderRadius: '100%'
     }
 });
-function AddTagMenu({ classes, tags, handleAdd, activeTag, setActiveTag }) {
+function AddTagMenu({ classes, tags, handleAdd, activeTag, setActiveTag, allowParentSelect }) {
     const handleBack = () => {
         setActiveTag(prev => prev.parent);
     };
@@ -31,6 +31,6 @@ function AddTagMenu({ classes, tags, handleAdd, activeTag, setActiveTag }) {
             React.createElement("span", { className: clsx('d-flex textSecondaryColor', classes.backContainer) },
                 React.createElement(KeyboardArrowLeft, { color: "inherit" }),
                 "Back"))),
-        (activeTag ? activeTag.children : tags).map(t => (React.createElement(AddTagMenuItem, { key: t.tagBody.id, tag: t, classes: classes, setActiveTag: setActiveTag, handleAdd: handleAdd })))));
+        (activeTag ? activeTag.children : tags).map(t => (React.createElement(AddTagMenuItem, { key: t.tagBody.id, tag: t, classes: classes, setActiveTag: setActiveTag, handleAdd: handleAdd, allowParentSelect: allowParentSelect })))));
 }
 export default withStyles(styles)(AddTagMenu);

package/dist/tagsInput/AddTagMenuItem.d.ts

@@ -5,6 +5,7 @@ interface Props<T> {
     setActiveTag: (tag: MenuTag<T>) => void;
     handleAdd: (tag: MenuTag<T>) => void;
     tag: MenuTag<T>;
+    allowParentSelect?: boolean;
 }
-declare function AddTagMenuItem<T extends TagLike>({ setActiveTag, tag, classes, handleAdd }: Props<T>): React.JSX.Element;
+declare function AddTagMenuItem<T extends TagLike>({ setActiveTag, tag, classes, handleAdd, allowParentSelect }: Props<T>): React.JSX.Element;
 export default AddTagMenuItem;

package/dist/tagsInput/AddTagMenuItem.js

@@ -10,7 +10,8 @@ import clsx from 'clsx';
 import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
 import Checkbox from '@mui/material/Checkbox';
 import MenuItem from '@mui/material/MenuItem';
-function AddTagMenuItem({ setActiveTag, tag, classes, handleAdd }) {
+import { IconButton } from '@mui/material';
+function AddTagMenuItem({ setActiveTag, tag, classes, handleAdd, allowParentSelect }) {
     const openSubmenu = () => {
         setActiveTag(tag);
     };
@@ -18,9 +19,11 @@ function AddTagMenuItem({ setActiveTag, tag, classes, handleAdd }) {
         handleAdd(tag);
     };
     const hasChildren = Boolean(tag.children.length);
-    return (React.createElement(MenuItem, { classes: { root: classes.listItem }, onClick: hasChildren ? openSubmenu : toggleChecked },
+    return (React.createElement(MenuItem, { classes: { root: classes.listItem }, onClick: allowParentSelect ? null : (hasChildren ? openSubmenu : toggleChecked) },
         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),
-        hasChildren ? (React.createElement(KeyboardArrowRight, { className: clsx('d-flex textSecondaryColor', classes.proceedIcon) })) : (React.createElement(Checkbox, { classes: { root: 'smallIconButton' }, checked: tag.active }))));
+        (allowParentSelect || hasChildren) && React.createElement(IconButton, { size: "small", onClick: openSubmenu },
+            React.createElement(KeyboardArrowRight, { className: clsx('d-flex textSecondaryColor', classes.proceedIcon) })),
+        (allowParentSelect || !hasChildren) && React.createElement(Checkbox, { onClick: toggleChecked, classes: { root: 'smallIconButton' }, checked: tag.active })));
 }
 export default AddTagMenuItem;

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, fieldClasses }: 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 }: TagsFieldProps<T, IP, MP>): React.JSX.Element;
 export default TagInputList;

package/dist/tagsInput/TagInputList.js

@@ -84,7 +84,7 @@ const getInputString = (tagIds, allTags) => ((tagIds === null || tagIds === void
         return (tag ? `${acc}#${tag.name} ` : acc);
     }, '')
     : '');
-function TagInputList({ input, tags, placeholder, labelAdornment, meta, label = 'Tags', disabled, className, warning, fieldClasses = {} }) {
+function TagInputList({ input, tags, placeholder, labelAdornment, meta, label = 'Tags', disabled, className, warning, allowParentSelect, fieldClasses = {} }) {
     const [menuIsOpen, setMenuIsOpen] = useState(false);
     const [activeTag, setActiveTag] = useState(null);
     const [isEditing, setIsEditing] = useState(false);
@@ -243,7 +243,7 @@ function TagInputList({ input, tags, placeholder, labelAdornment, meta, label =
             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, activeTag: activeTag, setActiveTag: setActiveTag }))), [menuTags, activeTag, setActiveTag, onTagAdd]);
+        React.createElement(AddTagMenu, { tags: menuTags, handleAdd: onTagAdd, activeTag: activeTag, setActiveTag: setActiveTag, allowParentSelect: allowParentSelect }))), [menuTags, activeTag, setActiveTag, onTagAdd]);
     return (React.createElement("div", { className: className, id: input.name },
         React.createElement("div", { className: clsx('relative', {
                 'pointer-events-none': disabled

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ish-ui",
-  "version": "1.0.0-alpha.26",
+  "version": "1.0.0-alpha.28",
   "description": "UI elements for onCourse and other ish apps",
   "main": "main.ts",
   "devDependencies": {