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

package/dist/formFields/EditInPlaceMoneyField.js

@@ -17,7 +17,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useCallback } from 'react';
-import { NumericFormat } from 'react-number-format';
+import NumberFormat from 'react-number-format';
 import InputAdornment from '@mui/material/InputAdornment';
 import clsx from 'clsx';
 import EditInPlaceField from './EditInPlaceField';
@@ -27,7 +27,7 @@ const NumberFormatCustom = React.forwardRef((props, ref) => {
     const onValueChange = useCallback(values => {
         onChange(normalizeNumber(values.value));
     }, []);
-    return (React.createElement(NumericFormat, Object.assign({}, other, { getInputRef: ref, onValueChange: onValueChange, allowNegative: allowNegative, decimalScale: 2, thousandSeparator: true })));
+    return (React.createElement(NumberFormat, Object.assign({}, other, { getInputRef: ref, onValueChange: onValueChange, allowNegative: allowNegative, decimalScale: 2, thousandSeparator: true })));
 });
 const preformatDisplayValue = value => value || value === 0 ? formatCurrency(value, '') : value;
 function EditInPlaceMoneyField(_a) {

package/dist/formFields/EditInPlacePhoneField.js

@@ -17,7 +17,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { PatternFormat } from 'react-number-format';
+import NumberFormat from 'react-number-format';
 import InputAdornment from '@mui/material/InputAdornment';
 import PhoneIcon from '@mui/icons-material/Phone';
 import debounce from 'lodash.debounce';
@@ -59,7 +59,7 @@ const NumberFormatCustom = React.forwardRef((props, ref) => {
         ref = input;
         inputRef.current = input;
     };
-    return (React.createElement(PatternFormat, Object.assign({}, other, { getInputRef: getInputRef, onKeyPress: onKeyPress, prefix: prefix, onValueChange: onValueChange, format: format, type: "text" })));
+    return (React.createElement(NumberFormat, Object.assign({}, other, { getInputRef: getInputRef, onKeyPress: onKeyPress, prefix: prefix, onValueChange: onValueChange, format: format, type: "text" })));
 });
 function EditInPlacePhoneField(_a) {
     var { InputProps, className } = _a, restProps = __rest(_a, ["InputProps", "className"]);

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.22",
+  "version": "1.0.0-alpha.24",
   "description": "UI elements for onCourse and other ish apps",
   "main": "main.ts",
   "devDependencies": {
@@ -81,7 +81,7 @@
     "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
-    "react-number-format": "^5.2.2",
+    "react-number-format": "4.9.3",
     "react-window": "^1.8.9",
     "react-window-infinite-loader": "^1.0.9",
     "redux": "^4.2.1"