ish-ui 1.0.2 → 1.0.4

package/dist/fileUploader/index.js

@@ -0,0 +1,9 @@
+/*
+ * 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.
+ */
+export * from './FileUploaderDialog';
+//# sourceMappingURL=index.js.map

package/dist/fileUploader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fileUploader/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,sBAAsB,CAAC"}

package/dist/formFields/CheckboxField.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Redux Form field checkbox component creator
+ * */
+import React from 'react';
+import { CheckboxFieldProps, FieldInputProps } from '../model';
+export declare const StyledCheckbox: React.JSXElementConstructor<Omit<any, "classes"> & import("@mui/styles/withStyles").StyledComponentProps<"root"> & object>;
+export declare function CheckboxField<IP extends FieldInputProps>({ input, color, disabled, stringValue, className, uncheckedClass, onChangeHandler, stopPropagation }: CheckboxFieldProps<IP>): React.JSX.Element;

package/dist/formFields/CheckboxField.js

@@ -0,0 +1,68 @@
+/*
+ * 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.
+ */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+/**
+ * Redux Form field checkbox component creator
+ * */
+import React, { useCallback } from 'react';
+import Checkbox from '@mui/material/Checkbox';
+import withStyles from '@mui/styles/withStyles';
+import clsx from 'clsx';
+const getValue = (value, stringValue) => {
+    if (!stringValue) {
+        return !!value;
+    }
+    switch (value) {
+        case 'false':
+            return false;
+        case 'true':
+            return true;
+        default:
+            return Boolean(value);
+    }
+};
+const styles = theme => ({
+    root: {
+        width: theme.spacing(4),
+        height: theme.spacing(4),
+        margin: theme.spacing(0.5)
+    }
+});
+const StyledCheckboxBase = props => {
+    const { classes, uncheckedClass, className } = props, rest = __rest(props, ["classes", "uncheckedClass", "className"]);
+    return (React.createElement(Checkbox, Object.assign({ classes: {
+            root: clsx(classes.root, uncheckedClass, className),
+        } }, rest)));
+};
+export const StyledCheckbox = withStyles(styles)(StyledCheckboxBase);
+export function CheckboxField({ input, color, disabled, stringValue, className, uncheckedClass, onChangeHandler, stopPropagation }) {
+    const onChange = useCallback((e, value) => {
+        let checked = value;
+        if (stringValue) {
+            checked = checked.toString();
+        }
+        if (typeof onChangeHandler === 'function') {
+            onChangeHandler(e, checked);
+        }
+        if (!e.isDefaultPrevented()) {
+            input.onChange(checked);
+        }
+    }, [stringValue, input, onChangeHandler]);
+    return (React.createElement(StyledCheckbox, { checked: getValue(input.value, stringValue), onChange: onChange, color: color, disabled: disabled, className: className, uncheckedClass: uncheckedClass, onClick: stopPropagation ? e => e.stopPropagation() : undefined, id: `input-${input.name}`, name: input.name }));
+}
+//# sourceMappingURL=CheckboxField.js.map

package/dist/formFields/CheckboxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../src/formFields/CheckboxField.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;;;;;;;;;;;;AAEH;;KAEK;AAEL,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE;IACtC,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,CAAC,CAAC,KAAK,CAAC;KAChB;IAED,QAAQ,KAAK,EAAE;QACb,KAAK,OAAO;YACV,OAAO,KAAK,CAAC;QACf,KAAK,MAAM;YACT,OAAO,IAAI,CAAC;QACd;YACE,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;KACzB;AACH,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACxB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;KAC3B;CACF,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;IACjC,MAAM,EACL,OAAO,EAAE,cAAc,EAAE,SAAS,KAC/B,KAAK,EAD+B,IAAI,UACxC,KAAK,EAFH,0CAEL,CAAQ,CAAC;IAEV,OAAO,CACL,oBAAC,QAAQ,kBACP,OAAO,EAAE;YACP,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,EAAE,SAAS,CAAC;SACpD,IACG,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAC;AAErE,MAAM,UAAU,aAAa,CAA6B,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAA0B;IACpL,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACX,IAAI,OAAO,GAAG,KAAK,CAAC;QAEpB,IAAI,WAAW,EAAE;YACf,OAAO,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;SAC9B;QACD,IAAI,OAAO,eAAe,KAAK,UAAU,EAAE;YACzC,eAAe,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;SAC7B;QACD,IAAI,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE;YAC3B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;SACzB;IACH,CAAC,EACD,CAAC,WAAW,EAAE,KAAK,EAAE,eAAe,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,IACb,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,SAAS,EAC/D,EAAE,EAAE,SAAS,KAAK,CAAC,IAAI,EAAE,EACzB,IAAI,EAAE,KAAK,CAAC,IAAI,GAChB,CACH,CAAC;AACJ,CAAC"}

package/dist/formFields/CodeEditorField.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import 'ace-builds/src-noconflict/mode-groovy';
+import 'ace-builds/src-noconflict/theme-textmate';
+import { CodeFieldProps, FieldInputProps, FieldMetaProps } from '../model';
+declare function CodeEditorField<IP extends FieldInputProps, MP extends FieldMetaProps>({ input, meta: { error }, errorMessage, disabled, onFocus, className }: CodeFieldProps<IP, MP>): React.JSX.Element;
+export default CodeEditorField;

package/dist/formFields/CodeEditorField.js

@@ -0,0 +1,70 @@
+/*
+ * 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 from 'react';
+import clsx from 'clsx';
+import AceEditor from 'react-ace';
+import 'ace-builds/src-noconflict/mode-groovy';
+import 'ace-builds/src-noconflict/theme-textmate';
+import { makeAppStyles } from '../styles';
+const useStyles = makeAppStyles(theme => ({
+    editor: {
+        filter: theme.palette.mode === 'dark' ? 'invert(80%)' : '',
+        zIndex: 0,
+        outline: 'none'
+    },
+    errorBackground: {
+        '&.ace-tm': {
+            backgroundColor: theme.palette.error.light
+        }
+    },
+    errorMessage: {
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(calc(-50% + 21px), -50%)',
+        color: '#fff',
+        fontFamily: 'sans-serif',
+        zIndex: 1
+    },
+    queryMarker: {
+        borderRadius: '4px',
+        width: '55px',
+        paddingLeft: '4px',
+        height: '25px',
+        background: '#fff',
+        cursor: 'pointer',
+        position: 'absolute',
+        zIndex: 2,
+        boxShadow: theme.shadows[1],
+        '&:after': {
+            content: '\'Query\'',
+            marginLeft: '2px'
+        },
+        '&:hover': {
+            background: theme.palette.grey[100]
+        }
+    }
+}));
+function CodeEditorField({ input, meta: { error }, errorMessage, disabled, onFocus, className }) {
+    const classes = useStyles();
+    return (React.createElement("div", { id: input.name, className: className },
+        error && React.createElement("div", { className: classes.errorMessage },
+            React.createElement("div", { className: "shakingError" }, errorMessage || error)),
+        React.createElement(AceEditor, { mode: "groovy", theme: "textmate", value: input.value || ' ', onFocus: onFocus, onChange: input.onChange, fontSize: 14, showPrintMargin: false, showGutter: true, highlightActiveLine: true, width: "100%", maxLines: Infinity, className: clsx(classes.editor, {
+                [classes.errorBackground]: error
+            }), wrapEnabled: true, setOptions: {
+                enableBasicAutocompletion: true,
+                enableLiveAutocompletion: true,
+                enableSnippets: true,
+                showLineNumbers: true,
+                readOnly: disabled,
+                tabSize: 2
+            }, editorProps: { $blockScrolling: Infinity } })));
+}
+export default CodeEditorField;
+//# sourceMappingURL=CodeEditorField.js.map

package/dist/formFields/CodeEditorField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditorField.js","sourceRoot":"","sources":["../../src/formFields/CodeEditorField.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,CACvC;IACE,MAAM,EAAE;QACN,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;QAC1D,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,MAAM;KAChB;IACD,eAAe,EAAE;QACf,UAAU,EAAE;YACV,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK;SAC3C;KACF;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,oCAAoC;QAC/C,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,YAAY;QACxB,MAAM,EAAE,CAAC;KACV;IACD,WAAW,EAAE;QACX,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,KAAK;QAClB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,SAAS,EAAE;YACT,OAAO,EAAE,WAAW;YACpB,UAAU,EAAE,KAAK;SAClB;QACD,SAAS,EAAE;YACT,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;SACpC;KACF;CACF,CACF,CAAC,CAAA;AAEF,SAAS,eAAe,CAAwD,EAC7E,KAAK,EACL,IAAI,EAAE,EAAE,KAAK,EAAE,EACf,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,SAAS,EACc;IAExB,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,OAAO,CACL,6BAAK,EAAE,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS;QACtC,KAAK,IAAI,6BAAK,SAAS,EAAE,OAAO,CAAC,YAAY;YAAE,6BAAK,SAAS,EAAC,cAAc,IAAE,YAAY,IAAI,KAAK,CAAO,CAAM;QACjH,oBAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,GAAG,EACzB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,EAAE,EACZ,eAAe,EAAE,KAAK,EACtB,UAAU,QACV,mBAAmB,QACnB,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;gBAC9B,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,KAAK;aACjC,CAAC,EACF,WAAW,QACX,UAAU,EAAE;gBACV,yBAAyB,EAAE,IAAI;gBAC/B,wBAAwB,EAAE,IAAI;gBAC9B,cAAc,EAAE,IAAI;gBACpB,eAAe,EAAE,IAAI;gBACrB,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,CAAC;aACX,EACD,WAAW,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,GAC1C,CACE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC"}

package/dist/formFields/ColoredCheckBox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ColoredCheckboxFieldProps, FieldInputProps, FieldMetaProps } from '../model';
+export declare function ColoredCheckBox<IP extends FieldInputProps, MP extends FieldMetaProps>({ input, label, color, className, disabled }: ColoredCheckboxFieldProps<IP, MP>): React.JSX.Element;

package/dist/formFields/ColoredCheckBox.js

@@ -0,0 +1,42 @@
+/*
+ * 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, { useCallback, useRef } from 'react';
+import { ButtonBase, Typography } from '@mui/material';
+import clsx from 'clsx';
+import { alpha } from '@mui/material/styles';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useAppTheme } from '../themes';
+import { rgbToHex } from '@mui/system/colorManipulator';
+import { getCheckboxValue } from '../utils';
+export function ColoredCheckBox({ input, label, color, className, disabled }) {
+    const theme = useAppTheme();
+    const inputRef = useRef();
+    const onClick = useCallback(() => {
+        inputRef.current.click();
+    }, [inputRef.current]);
+    if (disabled) {
+        color = rgbToHex(theme.palette.divider);
+    }
+    return (React.createElement("div", { className: clsx('centeredFlex cursor-pointer', className), onClick: onClick },
+        React.createElement("input", Object.assign({ ref: inputRef, type: "checkbox" }, input, { checked: getCheckboxValue(input.value, false), hidden: true })),
+        React.createElement(ButtonBase, { component: "div", disabled: disabled, sx: {
+                width: theme => theme.spacing(3),
+                height: theme => theme.spacing(3),
+                border: `2px solid ${color}`,
+                borderRadius: '50%',
+                fontSize: '10px',
+                backgroundColor: input.value ? `${color}` : alpha(`${color}`, 0.1),
+                color: theme => theme.palette.getContrastText(`${color}`)
+            } }, input.value && React.createElement(FontAwesomeIcon, { fixedWidth: true, icon: "check" })),
+        label && React.createElement(Typography, { variant: "caption", fontWeight: "400", sx: {
+                marginLeft: 1,
+                textDecoration: input.value ? 'line-through' : 'unset',
+                color: theme => (input.value ? theme.palette.text.disabled : 'unset'),
+            } }, label)));
+}
+//# sourceMappingURL=ColoredCheckBox.js.map

package/dist/formFields/ColoredCheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColoredCheckBox.js","sourceRoot":"","sources":["../../src/formFields/ColoredCheckBox.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,UAAU,eAAe,CAAwD,EACtF,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EACL;IAClC,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAE5B,MAAM,QAAQ,GAAG,MAAM,EAAoB,CAAC;IAE5C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;IAEvB,IAAI,QAAQ,EAAE;QACZ,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;KACzC;IAED,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,6BAA6B,EAAE,SAAS,CAAC,EACzD,OAAO,EAAE,OAAO;QAEhB,6CACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,UAAU,IACX,KAAK,IACT,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,EAC7C,MAAM,UACN;QACF,oBAAC,UAAU,IACT,SAAS,EAAC,KAAK,EACf,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE;gBACF,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAChC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBACjC,MAAM,EAAE,aAAa,KAAK,EAAE;gBAC5B,YAAY,EAAE,KAAK;gBACnB,QAAQ,EAAE,MAAM;gBAChB,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,EAAE,EAAE,GAAG,CAAC;gBAClE,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,KAAK,EAAE,CAAC;aAC1D,IAEA,KAAK,CAAC,KAAK,IAAI,oBAAC,eAAe,IAAC,UAAU,QAAC,IAAI,EAAC,OAAO,GAAG,CAChD;QACZ,KAAK,IAAI,oBAAC,UAAU,IACnB,OAAO,EAAC,SAAS,EACjB,UAAU,EAAC,KAAK,EAChB,EAAE,EAAE;gBACF,UAAU,EAAE,CAAC;gBACb,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO;gBACtD,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;aACtE,IAEA,KAAK,CACK,CACT,CACP,CAAC;AACJ,CAAC"}

package/dist/formFields/DateTimeField.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const DateTimeField: (props: any) => React.JSX.Element;

package/dist/formFields/DateTimeField.js

@@ -0,0 +1,28 @@
+/*
+ * 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.
+ */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import TextField from '@mui/material/TextField';
+import { MobileDatePicker, MobileDateTimePicker, MobileTimePicker } from '@mui/x-date-pickers';
+import { DD_MM_YYYY_HH_MM_SPECIAL, DD_MMM_YYYY_MINUSED, HH_MM_COLONED } from '../utils';
+export const DateTimeField = props => {
+    const { onChange, type, ampm, value, setPickerRef, formatDate, maxDate, minDate } = props, rest = __rest(props, ["onChange", "type", "ampm", "value", "setPickerRef", "formatDate", "maxDate", "minDate"]);
+    const picker = type === 'date' ? (React.createElement(MobileDatePicker, Object.assign({ ref: setPickerRef, onChange: onChange, ampm: ampm || false, value: value, format: formatDate || DD_MMM_YYYY_MINUSED, maxDate: maxDate || undefined, minDate: minDate || undefined, renderInput: props => React.createElement(TextField, Object.assign({}, props)), variant: "standard" }, rest))) : type === 'time' ? (React.createElement(MobileTimePicker, Object.assign({ ref: setPickerRef, onChange: onChange, ampm: ampm || false, value: value, format: formatDate || HH_MM_COLONED, maxDate: maxDate || undefined, minDate: minDate || undefined, renderInput: props => React.createElement(TextField, Object.assign({}, props)), variant: "standard" }, rest))) : type === 'datetime' ? (React.createElement(MobileDateTimePicker, Object.assign({ ref: setPickerRef, onChange: onChange, ampm: ampm || false, value: value, format: formatDate || DD_MM_YYYY_HH_MM_SPECIAL, maxDate: maxDate || undefined, minDate: minDate || undefined, renderInput: props => React.createElement(TextField, Object.assign({}, props)), variant: "standard" }, rest))) : null;
+    return picker || null;
+};
+//# sourceMappingURL=DateTimeField.js.map

package/dist/formFields/DateTimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeField.js","sourceRoot":"","sources":["../../src/formFields/DateTimeField.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;;;;;;;;;;;;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC/F,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1F,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,EAAE;IACnC,MAAM,EACL,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,KACpE,KAAK,EADoE,IAAI,UAC7E,KAAK,EAFH,yFAEL,CAAQ,CAAC;IAEV,MAAM,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAC/B,oBAAC,gBAAgB,kBACf,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,IAAI,KAAK,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,UAAU,IAAI,mBAAmB,EACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAC7B,OAAO,EAAE,OAAO,IAAI,SAAS,EAC7B,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAC,SAAS,oBAAK,KAAK,EAAI,EAC9C,OAAO,EAAC,UAAU,IACd,IAAI,EACR,CACD,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACpB,oBAAC,gBAAgB,kBACf,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,IAAI,KAAK,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,UAAU,IAAI,aAAa,EACnC,OAAO,EAAE,OAAO,IAAI,SAAS,EAC7B,OAAO,EAAE,OAAO,IAAI,SAAS,EAC7B,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAC,SAAS,oBAAK,KAAK,EAAI,EAC9C,OAAO,EAAC,UAAU,IACd,IAAI,EACR,CACH,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACxB,oBAAC,oBAAoB,kBACnB,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,IAAI,KAAK,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,UAAU,IAAI,wBAAwB,EAC9C,OAAO,EAAE,OAAO,IAAI,SAAS,EAC7B,OAAO,EAAE,OAAO,IAAI,SAAS,EAC7B,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAC,SAAS,oBAAK,KAAK,EAAI,EAC9C,OAAO,EAAC,UAAU,IACd,IAAI,EACR,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,MAAM,IAAI,IAAI,CAAC;AACxB,CAAC,CAAC"}

package/dist/formFields/EditInPlaceDateTimeField.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Wrapper component for DateTimeField with edit in place functional
+ * */
+import React from 'react';
+import { EditInPlaceDateTimeFieldProps, FieldInputProps, FieldMetaProps } from '../model';
+interface InputTypes {
+    type?: 'date' | 'time' | 'datetime';
+}
+declare function EditInPlaceDateTimeField<IP extends FieldInputProps, MP extends FieldMetaProps>({ type, formatDate, formatTime, formatDateTime, timezone, input, fieldClasses, inline, meta: { error, invalid, active, dispatch }, labelAdornment, label, disabled, formatValue, className, onKeyPress, placeholder, persistValue, warning, defaultValue, rightAligned, processActionId }: EditInPlaceDateTimeFieldProps<IP, MP> & InputTypes): React.JSX.Element;
+export default EditInPlaceDateTimeField;

package/dist/formFields/EditInPlaceDateTimeField.js

@@ -0,0 +1,189 @@
+/*
+ * 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.
+ */
+/**
+ * Wrapper component for DateTimeField with edit in place functional
+ * */
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import clsx from 'clsx';
+import DateRange from '@mui/icons-material/DateRange';
+import QueryBuilder from '@mui/icons-material/QueryBuilder';
+import { format, isValid } from 'date-fns';
+import IconButton from '@mui/material/IconButton';
+import { DateTimeField } from './DateTimeField';
+import { makeAppStyles } from '../styles';
+import EditInPlaceFieldBase from './EditInPlaceFieldBase';
+import { appendTimezone, formatStringDate, HH_MM_COLONED, III_DD_MMM_YYYY, III_DD_MMM_YYYY_HH_MM, prependTimezone, YYYY_MM_DD_MINUSED } from '../utils';
+import { endFieldProcessingAction, startFieldProcessingAction } from '../actions/FieldProcessing';
+const useStyles = makeAppStyles(theme => ({
+    inlinePickerButton: {
+        padding: '2px',
+        marginBottom: '-4px',
+        fontSize: '1.3em',
+        '&:hover': {
+            color: theme.palette.primary.main,
+        }
+    },
+    pickerButton: {
+        width: theme.spacing(4),
+        height: theme.spacing(4),
+        bottom: theme.spacing(-0.5)
+    },
+    inlineContainer: {
+        display: 'inline-block',
+    }
+}));
+function EditInPlaceDateTimeField({ type, formatDate, formatTime, formatDateTime, timezone, input, fieldClasses = {}, inline, meta: { error, invalid, active, dispatch }, labelAdornment, label, disabled, formatValue, className, onKeyPress, placeholder = 'No value', persistValue, warning, defaultValue, rightAligned, processActionId }) {
+    const [textValue, setTextValue] = useState(defaultValue || '');
+    const [pickerOpened, setPickerOpened] = useState(false);
+    const inputNode = useRef(null);
+    const classes = useStyles();
+    const formatDateInner = dateObj => {
+        if (!dateObj) {
+            return '';
+        }
+        if (dateObj.toString() === 'Invalid Date')
+            return '';
+        switch (type) {
+            case 'date':
+                return format(dateObj, formatDate || III_DD_MMM_YYYY);
+            case 'time':
+                return format(dateObj, formatTime || HH_MM_COLONED);
+            case 'datetime':
+                return format(dateObj, formatDateTime || III_DD_MMM_YYYY_HH_MM);
+            default:
+                return dateObj.toString();
+        }
+    };
+    const dateValue = useMemo(() => {
+        let base = input.value ? new Date(input.value) : null;
+        if (base && timezone) {
+            base = appendTimezone(base, timezone);
+        }
+        return base;
+    }, [input.value, timezone]);
+    useEffect(() => {
+        setTextValue(formatDateInner(dateValue));
+    }, [dateValue]);
+    useEffect(() => {
+        if (!active && processActionId) {
+            dispatch(endFieldProcessingAction(input.name));
+        }
+    }, [input.value, input.name, active, processActionId]);
+    const onInputChange = e => {
+        if (e)
+            setTextValue(e.target.value);
+    };
+    const openPicker = e => {
+        e.stopPropagation();
+        setPickerOpened(true);
+    };
+    const onChange = (v) => {
+        var _a;
+        if (v) {
+            let formatted;
+            if (formatValue) {
+                formatted = format(v, formatValue);
+            }
+            else if (type === 'date') {
+                if (isValid(v)) {
+                    formatted = format(v, YYYY_MM_DD_MINUSED);
+                }
+                else {
+                    formatted = null;
+                }
+            }
+            else {
+                try {
+                    formatted = v.toISOString();
+                }
+                catch (_b) {
+                    formatted = null;
+                }
+            }
+            if (timezone && formatted) {
+                formatted = (_a = prependTimezone(formatted, timezone)) === null || _a === void 0 ? void 0 : _a.toISOString();
+            }
+            input.onChange(formatted);
+            input.onBlur(formatted);
+            return;
+        }
+        setTextValue('');
+        input.onChange(null);
+        input.onBlur(null);
+    };
+    const onBlur = () => {
+        dispatch(startFieldProcessingAction(input.name));
+        if (persistValue && !textValue) {
+            input.onChange(input.value);
+            input.onBlur(input.value);
+            setTextValue(formatDateInner(dateValue));
+            return;
+        }
+        const parsed = textValue
+            ? formatStringDate(textValue, type, dateValue || new Date(), formatDate || formatDateTime || formatTime)
+            : null;
+        if (parsed) {
+            let formatted;
+            if (formatValue) {
+                formatted = format(parsed, formatValue);
+            }
+            else if (type === 'date' && isValid(parsed)) {
+                formatted = format(parsed, YYYY_MM_DD_MINUSED);
+            }
+            else {
+                try {
+                    formatted = parsed.toISOString();
+                }
+                catch (_a) {
+                    formatted = null;
+                }
+            }
+            setTextValue(formatDateInner(parsed));
+            if (timezone && formatted) {
+                formatted = prependTimezone(formatted, timezone).toISOString();
+            }
+            input.onChange(formatted);
+            input.onBlur(formatted);
+        }
+        else {
+            setTextValue(null);
+            input.onChange(null);
+            input.onBlur(null);
+        }
+    };
+    const onClose = () => {
+        setPickerOpened(false);
+    };
+    const onEnterPress = e => {
+        if (e.keyCode === 13 && inputNode.current) {
+            inputNode.current.blur();
+        }
+    };
+    return (React.createElement("div", { className: clsx(className, 'outline-none', {
+            [classes.inlineContainer]: inline,
+            '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, 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(fieldClasses.text, inline ? classes.inlinePickerButton : classes.pickerButton)
+                        } }, type === 'time'
+                        ? React.createElement(QueryBuilder, { fontSize: "inherit", color: "inherit" })
+                        : React.createElement(DateRange, { color: "inherit", fontSize: "inherit" })), InputProps: {
+                        type: 'text',
+                        onFocus: input.onFocus,
+                        inputRef: inputNode,
+                        value: textValue,
+                        onKeyPress,
+                        disabled,
+                        onBlur,
+                        onKeyDown: onEnterPress,
+                        onChange: onInputChange
+                    } })) }))));
+}
+export default EditInPlaceDateTimeField;
+//# sourceMappingURL=EditInPlaceDateTimeField.js.map

package/dist/formFields/EditInPlaceDateTimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditInPlaceDateTimeField.js","sourceRoot":"","sources":["../../src/formFields/EditInPlaceDateTimeField.tsx"],"names":[],"mappings":"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"}

package/dist/formFields/EditInPlaceDurationField.d.ts

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

package/dist/formFields/EditInPlaceDurationField.js

@@ -0,0 +1,64 @@
+/*
+ * 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.
+ */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useCallback, useEffect, useState } from 'react';
+import EditInPlaceField from './EditInPlaceField';
+import { formatDurationMinutes } from '../utils/dates/formatString';
+const parseDurationString = (duration) => {
+    if (duration.indexOf('.') > -1) {
+        return Math.round(parseFloat(duration) * 60);
+    }
+    let min = 0;
+    const hoursMatch = duration.match(/(\d+)h/);
+    const minutesMatch = duration.match(/(\d+)m/);
+    const plainHours = parseFloat(duration);
+    if (hoursMatch) {
+        min += Number(hoursMatch[1]) * 60;
+    }
+    if (minutesMatch) {
+        min += Number(minutesMatch[1]);
+    }
+    if (!hoursMatch && !minutesMatch && !isNaN(plainHours)) {
+        min += Math.round(plainHours) * 60;
+    }
+    return min;
+};
+function EditInPlaceDurationField(_a) {
+    var { input } = _a, restProps = __rest(_a, ["input"]);
+    const [textValue, setTextValue] = useState(formatDurationMinutes(input.value || 0));
+    const onChange = useCallback(e => {
+        setTextValue(e.target.value);
+    }, [input.onChange]);
+    const onBlur = useCallback(value => {
+        const parsed = parseDurationString(value);
+        input.onBlur(parsed);
+        setTextValue(formatDurationMinutes(parsed || 0));
+    }, [input.onBlur]);
+    useEffect(() => {
+        setTextValue(formatDurationMinutes(input.value || 0));
+    }, [input.value]);
+    return (React.createElement(EditInPlaceField, Object.assign({}, restProps, { input: {
+            value: textValue,
+            onBlur,
+            onChange,
+            onFocus: input.onFocus,
+            name: input.name
+        } })));
+}
+export default EditInPlaceDurationField;
+//# sourceMappingURL=EditInPlaceDurationField.js.map

package/dist/formFields/EditInPlaceDurationField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditInPlaceDurationField.js","sourceRoot":"","sources":["../../src/formFields/EditInPlaceDurationField.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;;;;;;;;;;;;AAEH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,mBAAmB,GAAG,CAAC,QAAgB,EAAU,EAAE;IACvD,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;QAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;KAC9C;IAED,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAExC,IAAI,UAAU,EAAE;QACd,GAAG,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;KACnC;IAED,IAAI,YAAY,EAAE;QAChB,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;KAChC;IAED,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;QACtD,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;KACpC;IAED,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,SAAS,wBAAwB,CACjC,EAEgC;QAFhC,EACC,KAAK,OAC0B,EADrB,SAAS,cADpB,SAEC,CADmB;IAElB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;IAEpF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,CAAC,EAAE;QACF,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,KAAK,CAAC,QAAQ,CAAC,CACjB,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CACxB,KAAK,CAAC,EAAE;QACN,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC1C,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrB,YAAY,CAAC,qBAAqB,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC;IACnD,CAAC,EACD,CAAC,KAAK,CAAC,MAAM,CAAC,CACf,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,qBAAqB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,oBAAC,gBAAgB,oBACX,SAAS,IACb,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,MAAM;YACN,QAAQ;YACR,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,IAAI,EAAE,KAAK,CAAC,IAAI;SACjB,IACD,CACH,CAAC;AACJ,CAAC;AAED,eAAe,wBAAwB,CAAC"}

package/dist/formFields/EditInPlaceField.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Wrapper component for Material Select and Text Field with edit in plaxce functional
+ * */
+import React from 'react';
+import { EditInPlaceFieldProps, FieldInputProps, FieldMetaProps } from '../model';
+interface InputTypes {
+    type?: 'password' | 'number' | 'text';
+}
+declare function EditInPlaceField<IP extends FieldInputProps, MP extends FieldMetaProps>({ inputRef, input, label, maxLength, disabled, min, max, step, className, onKeyPress, labelAdornment, truncateLines, rightAligned, defaultValue, onKeyDown, multiline, inline, warning, preformatDisplayValue, type, meta: { error, invalid }, placeholder, fieldClasses, InputProps }: EditInPlaceFieldProps<IP, MP> & InputTypes): React.JSX.Element;
+export default EditInPlaceField;