ish-ui 1.0.28 → 1.0.30

package/dist/documents/DocumentIconsChooser.d.ts

@@ -1,3 +1,10 @@
 import * as React from 'react';
-declare const _default: React.JSXElementConstructor<Omit<any, "classes"> & import("@mui/styles/withStyles").StyledComponentProps<"preview" | "previewNormal" | "previewHoverIcon" | "previewHoverImage">>;
-export default _default;
+interface Props {
+    type?: string;
+    className?: string;
+    thumbnail?: string;
+    hovered?: boolean;
+    isHeader?: boolean;
+}
+declare const DocumentIconsChooser: ({ type, thumbnail, className, hovered, isHeader }: Props) => React.JSX.Element;
+export default DocumentIconsChooser;

package/dist/documents/DocumentIconsChooser.js

@@ -6,11 +6,10 @@
  *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
  */
 import * as React from 'react';
-import createStyles from '@mui/styles/createStyles';
-import withStyles from '@mui/styles/withStyles';
 import clsx from 'clsx';
 import { FileTypeIcon } from './utils';
-const styles = theme => createStyles({
+import { makeAppStyles } from '../styles';
+const useStyles = makeAppStyles(theme => ({
     preview: {
         backgroundSize: 'cover',
         width: '36px',
@@ -35,17 +34,17 @@ const styles = theme => createStyles({
             boxShadow: `0 0 1px 1px ${theme.palette.primary.main}`
         }
     }
-});
-const DocumentIconsChooser = props => {
-    const { type, thumbnail, classes, hovered = true, isHeader } = props;
+}));
+const DocumentIconsChooser = ({ type, thumbnail, className, hovered = true, isHeader }) => {
+    const classes = useStyles();
     return thumbnail ? (React.createElement("div", { style: {
             backgroundImage: `url(data:image;base64,${thumbnail})`
         }, className: clsx(classes.preview, {
             [classes.previewHoverImage]: hovered,
             [classes.previewNormal]: isHeader
-        }) })) : (React.createElement("div", { className: clsx(classes.preview, {
+        }, className) })) : (React.createElement("div", { className: clsx(classes.preview, {
             [classes.previewHoverIcon]: hovered
-        }) },
+        }, className) },
         React.createElement(FileTypeIcon, { mimeType: type })));
 };
-export default withStyles(styles)(DocumentIconsChooser);
+export default DocumentIconsChooser;

package/dist/documents/utils/index.js

@@ -6,7 +6,10 @@
  *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
  */
 import React from 'react';
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { faFile, faFileAlt, faFileArchive, faFileExcel, faFileImage, faFilePdf, faFilePowerpoint, faFileWord } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+library.add(faFileImage, faFilePdf, faFileExcel, faFileWord, faFilePowerpoint, faFileArchive, faFileAlt, faFile);
 export const formatDocumentSize = (size) => {
     if (size < Math.pow(1024, 2)) {
         return `${Math.round(size / 1024)} kb`;

package/dist/formFields/EditInPlaceSearchSelect.js

@@ -302,7 +302,7 @@ function EditInPlaceSearchSelect({ label, disabled, className, labelAdornment, i
                             disableUnderline, classes: {
                                 underline: fieldClasses.underline,
                                 input: clsx(disabled && classes.readonly, fieldClasses.text),
-                            }, inputProps: Object.assign(Object.assign({}, inputProps), { className: clsx(fieldClasses.text, 'mr-auto'), ref: ref => {
+                            }, inputProps: Object.assign(Object.assign({}, inputProps), { className: clsx(fieldClasses.text, 'mr-auto', inputProps.className), ref: ref => {
                                     inputProps.ref.current = ref;
                                     inputNode.current = ref;
                                     if (inputRef)

package/package.json

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