ish-ui 1.0.0-alpha.23 → 1.0.0-alpha.24

package/dist/model/Fields.d.ts

@@ -220,7 +220,6 @@ export interface CheckboxFieldProps<IP> {
 export interface TagsFieldProps<T, IP, MP> extends EditInPlaceFieldProps<IP, MP> {
     tags: T[];
     showConfirm?: ShowConfirmCaller;
-    classes?: any;
     validateEntity?: string;
 }
 export interface FormFieldBaseProps {

package/dist/tagsInput/TagInputList.d.ts

@@ -1,2 +1,4 @@
-declare const _default: any;
-export default _default;
+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;
+export default TagInputList;

package/dist/tagsInput/TagInputList.js

@@ -19,8 +19,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { InputAdornment, MenuItem, Select } from '@mui/material';
 import ClickAwayListener from '@mui/material/ClickAwayListener';
-import createStyles from '@mui/styles/createStyles';
-import withStyles from '@mui/styles/withStyles';
 import Autocomplete from '@mui/material/Autocomplete';
 import clsx from 'clsx';
 import { Edit } from '@mui/icons-material';
@@ -30,8 +28,8 @@ import EditInPlaceFieldBase from '../formFields/EditInPlaceFieldBase';
 import { getAllMenuTags, getHighlightedPartLabel, getMenuTags } from '../utils';
 import { stubComponent } from '../utils/stubs';
 import getCaretCoordinates from '../utils/DOM/getCaretCoordinates';
-const styles = theme => createStyles({
-    inputEndAdornment: {
+import { makeAppStyles } from '../styles';
+const useStyles = makeAppStyles((theme) => (Object.assign({ inputEndAdornment: {
         visibility: 'hidden',
         display: 'flex',
         color: theme.palette.primary.main,
@@ -39,20 +37,16 @@ const styles = theme => createStyles({
         alignSelf: 'flex-end',
         marginBottom: '4px',
         opacity: 0.5
-    },
-    tagColorDotSmall: {
+    }, tagColorDotSmall: {
         width: theme.spacing(2),
         minWidth: theme.spacing(2),
         height: theme.spacing(2),
         minHeight: theme.spacing(2),
         background: 'red',
         borderRadius: '100%'
-    },
-    listbox: {
+    }, listbox: {
         whiteSpace: 'break-spaces'
-    },
-    invalid: {}
-});
+    }, invalid: {} }, selectStyles(theme))));
 const endTagRegex = /#\s*[^\w\d]*$/;
 const getCurrentInputString = (input, formTagIds = [], allMenuTags = []) => {
     let substr = input;
@@ -90,12 +84,13 @@ const getInputString = (tagIds, allTags) => ((tagIds === null || tagIds === void
         return (tag ? `${acc}#${tag.name} ` : acc);
     }, '')
     : '');
-function TagInputList({ input, tags, classes, placeholder, labelAdornment, meta, label = 'Tags', disabled, className, warning, fieldClasses = {} }) {
+function TagInputList({ input, tags, placeholder, labelAdornment, meta, label = 'Tags', disabled, className, warning, fieldClasses = {} }) {
     const [menuIsOpen, setMenuIsOpen] = useState(false);
     const [activeTag, setActiveTag] = useState(null);
     const [isEditing, setIsEditing] = useState(false);
     const [inputValue, setInputValue] = useState('');
     const [currentInputString, setCurrentInputString] = useState('');
+    const classes = useStyles();
     const InputValueForRender = useMemo(() => {
         var _a;
         if (!inputValue || !tags || !tags.length)
@@ -275,4 +270,4 @@ function TagInputList({ input, tags, classes, placeholder, labelAdornment, meta,
                             : null })));
                 }, popupIcon: stubComponent(), disableListWrap: true, openOnFocus: true }))));
 }
-export default withStyles(theme => (Object.assign(Object.assign({}, selectStyles(theme)), styles(theme))))(TagInputList);
+export default TagInputList;

package/package.json

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