ish-ui 1.0.24 → 1.0.26

package/dist/formFields/EditInPlaceDateTimeField.js

@@ -64,7 +64,7 @@ function EditInPlaceDateTimeField({ type, formatDate, formatTime, formatDateTime
         setTextValue(formatDateInner(dateValue));
     }, [dateValue]);
     useEffect(() => {
-        if (!active && processActionId) {
+        if (!active && processActionId && dispatch) {
             dispatch(endFieldProcessingAction(input.name));
         }
     }, [input.value, input.name, active, processActionId]);
@@ -111,7 +111,9 @@ function EditInPlaceDateTimeField({ type, formatDate, formatTime, formatDateTime
         input.onBlur(null);
     };
     const onBlur = () => {
-        dispatch(startFieldProcessingAction(input.name));
+        if (dispatch) {
+            dispatch(startFieldProcessingAction(input.name));
+        }
         if (persistValue && !textValue) {
             input.onChange(input.value);
             input.onBlur(input.value);
@@ -163,8 +165,10 @@ function EditInPlaceDateTimeField({ type, formatDate, formatTime, formatDateTime
             'pointer-events-none': disabled
         }) },
         React.createElement("div", { id: input.name, className: "w-100" },
-            React.createElement(DateTimeField, { type: type, toolbarTitle: label, open: pickerOpened, value: dateValue, onChange: onChange, onClose: onClose, renderInput: () => (React.createElement(EditInPlaceFieldBase, { name: input.name, value: textValue, variant: variant, error: error, invalid: invalid, inline: inline, label: label, warning: warning, fieldClasses: fieldClasses, rightAligned: rightAligned, shrink: Boolean(label || input.value), disabled: disabled, labelAdornment: labelAdornment, placeholder: placeholder, editIcon: React.createElement(IconButton, { tabIndex: -1, onClick: openPicker, classes: {
-                            root: clsx('p-0', fieldClasses.text, inline && classes.inlinePickerButton)
+            React.createElement(DateTimeField, { type: type, toolbarTitle: label, open: pickerOpened, value: dateValue, onChange: onChange, onClose: onClose, renderInput: () => (React.createElement(EditInPlaceFieldBase, { name: input.name, value: textValue, variant: variant, error: error, invalid: invalid, inline: inline, label: label, warning: warning, fieldClasses: fieldClasses, rightAligned: rightAligned, shrink: Boolean(label || input.value), disabled: disabled, labelAdornment: labelAdornment, placeholder: placeholder, editIcon: React.createElement(IconButton, { tabIndex: -1, onClick: openPicker, sx: variant === 'outlined' ? {
+                            marginRight: -1
+                        } : null, classes: {
+                            root: clsx(fieldClasses.text, inline && classes.inlinePickerButton)
                         } }, type === 'time'
                         ? React.createElement(QueryBuilder, { fontSize: "inherit", color: "inherit" })
                         : React.createElement(DateRange, { color: "inherit", fontSize: "inherit" })), InputProps: {

package/dist/formFields/EditInPlaceFieldBase.js

@@ -17,6 +17,7 @@ const useStyles = makeAppStyles(theme => ({
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         maxWidth: '100%',
+        width: 'inherit',
         marginRight: theme.spacing(0.5)
     },
     rightLabel: {
@@ -60,7 +61,8 @@ const EditInPlaceFieldBase = ({ value, invalid, className, inline, label, fieldC
     const classes = useStyles();
     const inputNode = useRef();
     const onAdornmentClick = () => {
-        inputNode.current.focus();
+        var _a;
+        (_a = inputNode.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
     useEffect(() => {
         if (inline && inputNode.current) {

package/dist/formFields/EditInPlacePasswordField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EditInPlaceFieldProps, FieldInputProps, FieldMetaProps } from '../model';
+declare function EditInPlacePasswordField<FP extends FieldInputProps, MP extends FieldMetaProps>(props: EditInPlaceFieldProps<FP, MP>): React.JSX.Element;
+export default EditInPlacePasswordField;

package/dist/formFields/EditInPlacePasswordField.js

@@ -0,0 +1,17 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  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, { useState } from 'react';
+import VisibilityIcon from '@mui/icons-material/Visibility';
+import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
+import EditInPlaceField from './EditInPlaceField';
+import IconButton from '@mui/material/IconButton';
+function EditInPlacePasswordField(props) {
+    const [showPassword, setShowPassword] = useState(false);
+    return (React.createElement(EditInPlaceField, Object.assign({}, props, { type: showPassword ? 'text' : 'password', editIcon: React.createElement(IconButton, { sx: props.variant === 'outlined' ? { marginRight: -1 } : null, onClick: () => setShowPassword(!showPassword) }, showPassword ? React.createElement(VisibilityOffIcon, null) : React.createElement(VisibilityIcon, null)) })));
+}
+export default EditInPlacePasswordField;

package/package.json

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