ish-ui 1.0.2 → 1.0.3

package/dist/formFields/EditInPlaceField.js

@@ -0,0 +1,59 @@
+/*
+ * 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 Material Select and Text Field with edit in plaxce functional
+ * */
+import React, { useMemo } from 'react';
+import clsx from 'clsx';
+import { Edit } from '@mui/icons-material';
+import EditInPlaceFieldBase from './EditInPlaceFieldBase';
+import { makeAppStyles } from '../styles';
+const useStyles = makeAppStyles(theme => ({
+    rightAligned: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'flex-end'
+    },
+    inlineContainer: {
+        display: 'inline-block',
+    },
+    editIcon: {
+        fontSize: '24px',
+        color: theme.palette.divider,
+        verticalAlign: 'middle',
+    },
+    endAdornment: {
+        opacity: 0.5
+    }
+}));
+function EditInPlaceField({ inputRef, input, label, maxLength, disabled, min, max, step, className, onKeyPress, labelAdornment, truncateLines, rightAligned, defaultValue, onKeyDown, multiline, inline, warning, preformatDisplayValue, type = 'text', meta: { error, invalid }, placeholder = 'No value', fieldClasses = {}, InputProps = {} }) {
+    const classes = useStyles();
+    const onBlur = () => {
+        (input === null || input === void 0 ? void 0 : input.onBlur) && input.onBlur(input.value);
+    };
+    const inputValue = useMemo(() => preformatDisplayValue
+        ? preformatDisplayValue(input.value === 0 ? input.value : input.value || defaultValue)
+        : (input.value === 0 ? String(input.value) : input.value) || defaultValue || '', [preformatDisplayValue, input.value, defaultValue]);
+    return (React.createElement("div", { id: input.name, className: clsx(className, 'outline-none', {
+            [classes.rightAligned]: rightAligned,
+            [classes.inlineContainer]: inline
+        }) },
+        React.createElement(EditInPlaceFieldBase, { name: input.name, value: inputValue, error: error, invalid: invalid, inline: inline, label: label, warning: warning, fieldClasses: fieldClasses, endAdornmentClass: classes.endAdornment, rightAligned: rightAligned, shrink: Boolean(label || input.value), disabled: disabled, labelAdornment: labelAdornment, placeholder: placeholder, hideArrows: ['percentage', 'number'].includes(type), editIcon: React.createElement(Edit, { fontSize: "inherit" }), InputProps: Object.assign({ multiline,
+                onKeyPress,
+                onBlur, onFocus: input.onFocus, maxRows: truncateLines, inputProps: {
+                    ref: inputRef,
+                    maxLength,
+                    step,
+                    min,
+                    max,
+                    onKeyDown,
+                    type,
+                }, value: inputValue, onChange: v => (type === 'number' && max && Number(v) > Number(max) ? null : input.onChange(v)) }, InputProps) })));
+}
+export default EditInPlaceField;
+//# sourceMappingURL=EditInPlaceField.js.map

package/dist/formFields/EditInPlaceField.js.map

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

package/dist/formFields/EditInPlaceFieldBase.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { InputProps } from '@mui/material/Input/Input';
+import { FieldClasses } from '../model';
+import { FormControlTypeMap } from '@mui/material/FormControl/FormControl';
+interface Props {
+    name: string;
+    value: string;
+    className?: string;
+    endAdornmentClass?: string;
+    label?: React.ReactNode;
+    labelAdornment?: React.ReactNode;
+    editIcon?: React.ReactNode;
+    CustomInput?: React.ReactNode;
+    InputProps?: Partial<InputProps>;
+    fieldClasses?: FieldClasses;
+    placeholder?: string;
+    warning?: string;
+    error?: string;
+    rightAligned?: boolean;
+    inline?: boolean;
+    invalid?: boolean;
+    shrink?: boolean;
+    disabled?: boolean;
+    hideArrows?: boolean;
+    variant?: FormControlTypeMap['props']['variant'];
+}
+declare const EditInPlaceFieldBase: ({ value, invalid, className, inline, label, fieldClasses, rightAligned, shrink, name, disabled, labelAdornment, editIcon, error, placeholder, hideArrows, warning, endAdornmentClass, CustomInput, InputProps, variant }: Props) => React.JSX.Element;
+export default EditInPlaceFieldBase;

package/dist/formFields/EditInPlaceFieldBase.js

@@ -0,0 +1,124 @@
+/*
+ * 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, { useEffect, useMemo, useRef, useState } from 'react';
+import clsx from 'clsx';
+import { FilledInput, FormControl, FormHelperText, Input, InputAdornment, InputLabel, OutlinedInput } from '@mui/material';
+import { makeAppStyles } from '../styles';
+import WarningMessage from '../fieldMessage/WarningMessage';
+import { countWidth } from '../utils';
+const useStyles = makeAppStyles(theme => ({
+    label: {
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        maxWidth: '100%',
+        marginRight: theme.spacing(0.5)
+    },
+    rightLabel: {
+        left: 'unset',
+        right: theme.spacing(-2),
+        '& $label': {
+            marginRight: 0
+        }
+    },
+    inputWrapper: {
+        paddingBottom: 0,
+        '&:hover .d-none': {
+            display: 'flex',
+        },
+        '&:hover .invisible': {
+            visibility: 'visible',
+        },
+        '& .Mui-focused $inputEndAdornment': {
+            opacity: 1,
+        }
+    },
+    hideArrows: {
+        '&::-webkit-outer-spin-button': {
+            '-webkit-appearance': 'none',
+            margin: 0
+        },
+        '&::-webkit-inner-spin-button': {
+            '-webkit-appearance': 'none',
+            margin: 0
+        },
+        '-moz-appearance': 'textfield'
+    },
+    inlineInput: {
+        padding: 0,
+        fontSize: 'inherit',
+    },
+    readonly: {
+        fontWeight: 300,
+        pointerEvents: 'none'
+    },
+    inputEndAdornment: {
+        display: 'flex',
+        fontSize: '24px',
+        color: theme.palette.primary.main,
+        alignItems: 'flex-end',
+        alignSelf: 'flex-end',
+        marginBottom: '5px'
+    }
+}));
+const EditInPlaceFieldBase = ({ value, invalid, className, inline, label, fieldClasses = {}, rightAligned, shrink, name, disabled, labelAdornment, editIcon, error, placeholder, hideArrows, warning, endAdornmentClass, CustomInput, InputProps, variant = 'standard' }) => {
+    const [inputWidth, setInputWidth] = useState();
+    const classes = useStyles();
+    const inputNode = useRef();
+    const onAdornmentClick = () => {
+        inputNode.current.focus();
+    };
+    useEffect(() => {
+        if (inline && inputNode.current) {
+            setInputWidth(countWidth(value || placeholder, inputNode.current) + 1);
+        }
+    }, [value]);
+    const InputComp = useMemo(() => {
+        switch (variant) {
+            default:
+            case 'standard':
+                return Input;
+            case 'filled':
+                return FilledInput;
+            case 'outlined':
+                return OutlinedInput;
+        }
+    }, [variant]);
+    return (React.createElement(FormControl, { fullWidth: true, error: invalid, variant: variant, margin: "none", className: clsx(className, classes.inputWrapper) },
+        label && (React.createElement(InputLabel, { classes: {
+                root: clsx(fieldClasses.label, 'd-flex', 'overflow-visible', rightAligned && classes.rightLabel),
+            }, shrink: shrink, htmlFor: `input-${name}` },
+            React.createElement("span", { className: classes.label }, label),
+            labelAdornment)),
+        CustomInput ||
+            React.createElement(InputComp, Object.assign({}, InputProps || {}, { label: label, inputRef: inputNode, inputProps: Object.assign({ placeholder,
+                    disabled, className: clsx(fieldClasses.text, {
+                        [classes.inlineInput]: inline,
+                        [classes.readonly]: disabled,
+                        [classes.hideArrows]: hideArrows,
+                        'text-end': rightAligned
+                    }), style: {
+                        width: inline && !invalid ? inputWidth : undefined
+                    } }, (InputProps === null || InputProps === void 0 ? void 0 : InputProps.inputProps) || {}), classes: {
+                    root: clsx(fieldClasses.text, inline && classes.inlineInput),
+                    underline: fieldClasses.underline
+                }, disabled: disabled, endAdornment: !disabled &&
+                    React.createElement(InputAdornment, { position: "end", onClick: onAdornmentClick, className: clsx(classes.inputEndAdornment, endAdornmentClass, {
+                            ['fsInherit']: inline,
+                            ['d-none']: (rightAligned || inline),
+                            ['invisible']: !(rightAligned || inline)
+                        }) }, editIcon), id: `input-${name}`, name: name })),
+        React.createElement(FormHelperText, { classes: {
+                root: clsx(rightAligned && 'text-end'),
+                error: 'shakingError'
+            } },
+            error,
+            warning && React.createElement(WarningMessage, { warning: warning }))));
+};
+export default EditInPlaceFieldBase;
+//# sourceMappingURL=EditInPlaceFieldBase.js.map

package/dist/formFields/EditInPlaceFieldBase.js.map

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

package/dist/formFields/EditInPlaceFileField.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Wrapper component for Material Select and Text Field with edit in plaxce functional
+ * */
+import React from 'react';
+import { EditInPlaceFieldProps, FieldInputProps, FieldMetaProps } from '../model';
+declare function EditInPlaceFileField<InputProps extends FieldInputProps, MetaProps extends FieldMetaProps>({ input, ...restProps }: EditInPlaceFieldProps<InputProps, MetaProps>): React.JSX.Element;
+export default EditInPlaceFileField;

package/dist/formFields/EditInPlaceFileField.js

@@ -0,0 +1,61 @@
+/*
+ * 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;
+};
+/**
+ * Wrapper component for Material Select and Text Field with edit in plaxce functional
+ * */
+import React, { useRef } from 'react';
+import AttachmentIcon from '@mui/icons-material/Attachment';
+import InputAdornment from '@mui/material/InputAdornment';
+import EditInPlaceField from './EditInPlaceField';
+import { stubFunction } from '../utils';
+function EditInPlaceFileField(_a) {
+    var { input } = _a, restProps = __rest(_a, ["input"]);
+    const inputRef = useRef();
+    const fileRef = useRef();
+    const handleFileSelect = e => {
+        if (e.target.files[0]) {
+            input.onChange(e.target.files[0]);
+            fileRef.current.value = null;
+            inputRef.current.blur();
+        }
+    };
+    const onFocus = () => {
+        fileRef.current.click();
+        setTimeout(() => {
+            inputRef.current.blur();
+        }, 200);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { type: "file", ref: fileRef, onChange: handleFileSelect, className: "d-none" }),
+        React.createElement(EditInPlaceField, Object.assign({}, restProps, { input: {
+                onChange: stubFunction,
+                onFocus: stubFunction,
+                onBlur: stubFunction
+            }, InputProps: {
+                startAdornment: React.createElement(InputAdornment, { position: "start" },
+                    React.createElement(AttachmentIcon, null)),
+                onFocus,
+                inputProps: {
+                    ref: inputRef
+                },
+                value: input.value ? input.value.name : '',
+            } }))));
+}
+export default EditInPlaceFileField;
+//# sourceMappingURL=EditInPlaceFileField.js.map

package/dist/formFields/EditInPlaceFileField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditInPlaceFileField.js","sourceRoot":"","sources":["../../src/formFields/EditInPlaceFileField.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;;;;;;;;;;;;AAEH;;KAEK;AAEL,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,SAAS,oBAAoB,CAC3B,EAG+C;QAH/C,EACE,KAAK,OAEwC,EAD1C,SAAS,cAFd,SAGC,CADa;IAGd,MAAM,QAAQ,GAAG,MAAM,EAAoB,CAAC;IAC5C,MAAM,OAAO,GAAG,MAAM,EAAoB,CAAC;IAE3C,MAAM,gBAAgB,GAAG,CAAC,CAAC,EAAE;QAC3B,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACrB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAClC,OAAO,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;YAC7B,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;SACzB;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACxB,UAAU,CAAC,GAAG,EAAE;YACd,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC1B,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IAEF,OAAO,CACL;QACE,+BAAO,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAC,QAAQ,GAAG;QAClF,oBAAC,gBAAgB,oBACX,SAAS,IACb,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,OAAO,EAAE,YAAY;gBACrB,MAAM,EAAE,YAAY;aACrB,EACD,UAAU,EAAE;gBACV,cAAc,EAAE,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO;oBAAC,oBAAC,cAAc,OAAG,CAAiB;gBACpF,OAAO;gBACP,UAAU,EAAE;oBACV,GAAG,EAAE,QAAQ;iBACd;gBACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;aAC3C,IACD,CACD,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,oBAAoB,CAAC"}

package/dist/formFields/EditInPlaceMoneyField.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { EditInPlaceFieldProps } from '../model';
+import { Dispatch } from 'redux';
+interface Props<InputProps, MetaProps> extends EditInPlaceFieldProps<InputProps, MetaProps> {
+    currencySymbol: string;
+    dispatch?: Dispatch;
+}
+declare function EditInPlaceMoneyField<IP, MP>({ InputProps, currencySymbol, dispatch, className, ...restProps }: Props<IP, MP>): React.JSX.Element;
+export default EditInPlaceMoneyField;

package/dist/formFields/EditInPlaceMoneyField.js

@@ -0,0 +1,38 @@
+/*
+ * 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 } from 'react';
+import { NumericFormat } from 'react-number-format';
+import InputAdornment from '@mui/material/InputAdornment';
+import clsx from 'clsx';
+import EditInPlaceField from './EditInPlaceField';
+import { formatCurrency, normalizeNumber } from '../utils';
+const NumberFormatCustom = React.forwardRef((props, ref) => {
+    const { onChange, allowNegative = true } = props, other = __rest(props, ["onChange", "allowNegative"]);
+    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 })));
+});
+const preformatDisplayValue = value => value || value === 0 ? formatCurrency(value, '') : value;
+function EditInPlaceMoneyField(_a) {
+    var { InputProps, currencySymbol, dispatch, className } = _a, restProps = __rest(_a, ["InputProps", "currencySymbol", "dispatch", "className"]);
+    return (React.createElement(EditInPlaceField, Object.assign({}, restProps, { preformatDisplayValue: preformatDisplayValue, InputProps: Object.assign(Object.assign({}, InputProps), { startAdornment: React.createElement(InputAdornment, { position: "start" }, currencySymbol), inputComponent: NumberFormatCustom }), className: clsx('money', className) })));
+}
+export default EditInPlaceMoneyField;
+//# sourceMappingURL=EditInPlaceMoneyField.js.map

package/dist/formFields/EditInPlaceMoneyField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditInPlaceMoneyField.js","sourceRoot":"","sources":["../../src/formFields/EditInPlaceMoneyField.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;;;;;;;;;;;;AAEH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAS7D,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI,KAAe,KAAK,EAAf,KAAK,UAAK,KAAK,EAApD,6BAA4C,CAAQ,CAAC;IAE3D,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE;QACzC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,aAAa,oBACR,KAAK,IACT,WAAW,EAAE,GAAG,EAChB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,CAAC,EACf,iBAAiB,UACjB,CACL,CAAC;AACF,CAAC,CAAC,CAAC;AAOH,MAAM,qBAAqB,GAAG,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAEhG,SAAS,qBAAqB,CAAS,EAAgF;QAAhF,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,OAA+B,EAA1B,SAAS,cAA/D,yDAAiE,CAAF;IACpG,OAAO,CACL,oBAAC,gBAAgB,oBACX,SAAS,IACb,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,kCACL,UAAU,KACb,cAAc,EAAE,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,IAAE,cAAc,CAAkB,EAClF,cAAc,EAAE,kBAAyB,KAE3C,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,IACnC,CACH,CAAC;AACJ,CAAC;AACD,eAAe,qBAAqB,CAAC"}

package/dist/formFields/EditInPlacePhoneField.d.ts

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

package/dist/formFields/EditInPlacePhoneField.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.
+ */
+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, useRef, useState } from 'react';
+import { PatternFormat } from 'react-number-format';
+import InputAdornment from '@mui/material/InputAdornment';
+import PhoneIcon from '@mui/icons-material/Phone';
+import debounce from 'lodash.debounce';
+import EditInPlaceField from './EditInPlaceField';
+import { getPhoneMask } from '../utils';
+const NumberFormatCustom = React.forwardRef((props, ref) => {
+    const { onChange } = props, other = __rest(props, ["onChange"]);
+    const inputRef = useRef();
+    const [format, setFormat] = useState(null);
+    const [prefix, setPrefix] = useState(undefined);
+    const processFormat = useCallback(debounce(data => {
+        setFormat(getPhoneMask(data.value));
+        if (!data.value) {
+            setPrefix(undefined);
+        }
+        if (data.formattedValue.startsWith('+') && prefix !== '+') {
+            setPrefix('+');
+        }
+    }, 500), []);
+    const onValueChange = useCallback(data => {
+        var _a;
+        onChange(((_a = data.formattedValue) === null || _a === void 0 ? void 0 : _a.replace(/[^0-9+]/g, '')) || null);
+        processFormat(data);
+    }, []);
+    useEffect(() => {
+        if (other.value) {
+            setFormat(getPhoneMask(other.value));
+        }
+    }, []);
+    const onKeyPress = e => {
+        if (e.key === '+') {
+            inputRef.current._valueTracker.setValue('+');
+            if (prefix !== '+') {
+                setPrefix('+');
+            }
+        }
+    };
+    const getInputRef = input => {
+        ref = input;
+        inputRef.current = input;
+    };
+    return (React.createElement(PatternFormat, 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"]);
+    return (React.createElement(EditInPlaceField, Object.assign({}, restProps, { InputProps: Object.assign(Object.assign({}, InputProps), { startAdornment: React.createElement(InputAdornment, { position: "start" },
+                React.createElement(PhoneIcon, null)), inputComponent: NumberFormatCustom }), className: className })));
+}
+export default EditInPlacePhoneField;
+//# sourceMappingURL=EditInPlacePhoneField.js.map

package/dist/formFields/EditInPlacePhoneField.js.map

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

package/dist/formFields/EditInPlaceSearchSelect.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EditInPlaceSearchSelectFieldProps, FieldInputProps, FieldMetaProps } from '../model';
+declare function EditInPlaceSearchSelect<InputProps extends FieldInputProps, MetaProps extends FieldMetaProps>({ label, disabled, className, labelAdornment, inline, loading, creatable, allowEmpty, fieldClasses, selectAdornment, selectValueMark, selectLabelMark, selectLabelCondition, selectFilterCondition, defaultValue, disableUnderline, items, rowHeight, remoteRowCount, loadMoreRows, onCreateOption, itemRenderer, onInputChange, onClearRows, onInnerValueChange, hideMenuOnNoResults, hideEditIcon, remoteData, createLabel, returnType, alwaysDisplayDefault, valueRenderer, popperAnchor, input, meta: { error, invalid }, placeholder, sort, sortPropKey, inputRef, warning, multiple, rightAligned, hasError, categoryKey }: EditInPlaceSearchSelectFieldProps<InputProps, MetaProps>): React.JSX.Element;
+export default EditInPlaceSearchSelect;