@reltio/components 1.4.1599 → 1.4.1600

package/cjs/components/MultipleInput/MultipleInput.d.ts

@@ -1,10 +1,11 @@
 export default MultipleInput;
-declare function MultipleInput({ values, InputProps, inputProps, classes, onChange, getValueLabel, ...otherProps }: {
+declare function MultipleInput({ values, InputProps, inputProps, classes, isCrossedOut, onChange, getValueLabel, ...otherProps }: {
     [x: string]: any;
     values?: any[];
     InputProps?: {};
     inputProps?: {};
     classes?: {};
+    isCrossedOut: any;
     onChange?: () => void;
     getValueLabel?: any;
 }): JSX.Element;
@@ -21,6 +22,7 @@ declare namespace MultipleInput {
         const onChange: PropTypes.Requireable<(...args: any[]) => any>;
         const classes: PropTypes.Requireable<object>;
         const getValueLabel: PropTypes.Requireable<(...args: any[]) => any>;
+        const isCrossedOut: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from 'prop-types';

package/cjs/components/MultipleInput/MultipleInput.js

@@ -80,10 +80,11 @@ var BACKSPACE_KEY_CODE = 8;
 var EMPTY_VALUES_EDIT_HINT = ui_i18n_1.default.text('Press Enter to add. You may enter multiple values');
 var isEmptyValue = (0, ramda_1.pipe)(ramda_1.trim, ramda_1.isEmpty);
 var MultipleInput = function (_a) {
-    var _b = _a.values, values = _b === void 0 ? [] : _b, _c = _a.InputProps, InputProps = _c === void 0 ? {} : _c, _d = _a.inputProps, inputProps = _d === void 0 ? {} : _d, _e = _a.classes, classes = _e === void 0 ? {} : _e, _f = _a.onChange, onChange = _f === void 0 ? utils_1.noop : _f, _g = _a.getValueLabel, getValueLabel = _g === void 0 ? ramda_1.identity : _g, otherProps = __rest(_a, ["values", "InputProps", "inputProps", "classes", "onChange", "getValueLabel"]);
+    var _b;
+    var _c = _a.values, values = _c === void 0 ? [] : _c, _d = _a.InputProps, InputProps = _d === void 0 ? {} : _d, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, _f = _a.classes, classes = _f === void 0 ? {} : _f, isCrossedOut = _a.isCrossedOut, _g = _a.onChange, onChange = _g === void 0 ? utils_1.noop : _g, _h = _a.getValueLabel, getValueLabel = _h === void 0 ? ramda_1.identity : _h, otherProps = __rest(_a, ["values", "InputProps", "inputProps", "classes", "isCrossedOut", "onChange", "getValueLabel"]);
     var styles = (0, styles_1.useStyles)();
-    var _h = InputProps.classes || {}, root = _h.root, InputClasses = __rest(_h, ["root"]);
-    var _j = (0, react_1.useState)(''), inputValue = _j[0], setInputValue = _j[1];
+    var _j = InputProps.classes || {}, root = _j.root, InputClasses = __rest(_j, ["root"]);
+    var _k = (0, react_1.useState)(''), inputValue = _k[0], setInputValue = _k[1];
     var clearInputValue = function () { return setInputValue(''); };
     var removeValueAt = function (index) { return onChange((0, ramda_1.remove)(index, 1, values)); };
     var appendValue = function (value) { return onChange((0, ramda_1.uniq)(__spreadArray(__spreadArray([], values, true), [value], false))); };
@@ -99,14 +100,14 @@ var MultipleInput = function (_a) {
             removeValueAt(-1);
         }
     };
-    var _k = (0, react_1.useState)(false), isFocused = _k[0], setIsFocused = _k[1];
+    var _l = (0, react_1.useState)(false), isFocused = _l[0], setIsFocused = _l[1];
     var setFocused = function () { return setIsFocused(true); };
     var setUnfocused = function () { return setIsFocused(false); };
     var hintText = !hasValues && isFocused ? EMPTY_VALUES_EDIT_HINT : '';
     return (react_1.default.createElement(Tooltip_1.default, { title: hintText },
         react_1.default.createElement(TextField_1.default, __assign({ variant: "standard" }, otherProps, { classes: {
                 root: classes.root
-            }, value: inputValue, onChange: (0, ramda_1.pipe)(utils_1.getValue, setInputValue), InputProps: __assign(__assign({}, InputProps), { startAdornment: values.map(function (value, index) { return (react_1.default.createElement(ValueChip_1.default, { key: value, label: getValueLabel(value), onDelete: function () { return removeValueAt(index); } })); }), inputComponent: AutosizeInputWrapper, classes: __assign({ root: (0, classnames_1.default)(styles.inputRoot, root), input: (0, classnames_1.default)(styles.autosizeInput, InputClasses.input) }, InputClasses) }), inputProps: __assign(__assign({}, inputProps), { CustomInputComponent: InputProps.inputComponent }), onKeyPress: (0, ramda_1.when)((0, ramda_1.propEq)('key', 'Enter'), appendInputValueIfNotEmpty), onKeyDown: (0, ramda_1.when)((0, ramda_1.propEq)('keyCode', BACKSPACE_KEY_CODE), popLastValueIfInputIsEmpty), onFocus: setFocused, onBlur: (0, ramda_1.pipe)(appendInputValueIfNotEmpty, setUnfocused) }))));
+            }, value: inputValue, onChange: (0, ramda_1.pipe)(utils_1.getValue, setInputValue), InputProps: __assign(__assign({}, InputProps), { startAdornment: values.map(function (value, index) { return (react_1.default.createElement(ValueChip_1.default, { key: value, label: getValueLabel(value), onDelete: function () { return removeValueAt(index); } })); }), inputComponent: AutosizeInputWrapper, classes: __assign({ root: (0, classnames_1.default)(styles.inputRoot, root, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b)), input: (0, classnames_1.default)(styles.autosizeInput, InputClasses.input) }, InputClasses) }), inputProps: __assign(__assign({}, inputProps), { CustomInputComponent: InputProps.inputComponent }), onKeyPress: (0, ramda_1.when)((0, ramda_1.propEq)('key', 'Enter'), appendInputValueIfNotEmpty), onKeyDown: (0, ramda_1.when)((0, ramda_1.propEq)('keyCode', BACKSPACE_KEY_CODE), popLastValueIfInputIsEmpty), onFocus: setFocused, onBlur: (0, ramda_1.pipe)(appendInputValueIfNotEmpty, setUnfocused) }))));
 };
 MultipleInput.propTypes = {
     values: prop_types_1.default.arrayOf(prop_types_1.default.string),
@@ -117,6 +118,7 @@ MultipleInput.propTypes = {
     inputProps: prop_types_1.default.object,
     onChange: prop_types_1.default.func,
     classes: prop_types_1.default.object,
-    getValueLabel: prop_types_1.default.func
+    getValueLabel: prop_types_1.default.func,
+    isCrossedOut: prop_types_1.default.bool
 };
 exports.default = MultipleInput;

package/cjs/components/MultipleInput/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"inputRoot" | "autosizeInput">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"isCrossedOut" | "inputRoot" | "autosizeInput">;

package/cjs/components/MultipleInput/styles.js

@@ -19,5 +19,8 @@ exports.useStyles = (0, styles_1.makeStyles)({
             padding: 0,
             color: 'inherit'
         }
+    },
+    isCrossedOut: {
+        textDecoration: 'line-through'
     }
 });

package/cjs/components/MultipliableSelect/MultipliableSelect.d.ts

@@ -1,5 +1,5 @@
 export default MultipliableSelect;
-declare function MultipliableSelect({ multiple, value, children, getValueLabel, getValuePlaceholder, onChange, fullWidth, TextFieldProps, MenuProps, classes, ...otherProps }: {
+declare function MultipliableSelect({ multiple, value, children, getValueLabel, getValuePlaceholder, onChange, fullWidth, TextFieldProps, MenuProps, classes, isCrossedOut, ...otherProps }: {
     [x: string]: any;
     multiple: any;
     value: any;
@@ -11,6 +11,7 @@ declare function MultipliableSelect({ multiple, value, children, getValueLabel,
     TextFieldProps: any;
     MenuProps: any;
     classes: any;
+    isCrossedOut: any;
 }): JSX.Element;
 declare namespace MultipliableSelect {
     namespace propTypes {
@@ -24,6 +25,7 @@ declare namespace MultipliableSelect {
         const onChange: PropTypes.Requireable<(...args: any[]) => any>;
         const getValueLabel: PropTypes.Requireable<(...args: any[]) => any>;
         const getValuePlaceholder: PropTypes.Requireable<(...args: any[]) => any>;
+        const isCrossedOut: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from 'prop-types';

package/cjs/components/MultipliableSelect/MultipliableSelect.js

@@ -36,9 +36,9 @@ var ValueChip_1 = __importDefault(require("../ValueChip/ValueChip"));
 var styles_1 = require("./styles");
 var MultipliableSelect = function (_a) {
     var _b;
-    var multiple = _a.multiple, value = _a.value, children = _a.children, _c = _a.getValueLabel, getValueLabel = _c === void 0 ? utils_1.noop : _c, _d = _a.getValuePlaceholder, getValuePlaceholder = _d === void 0 ? ramda_1.identity : _d, _e = _a.onChange, onChange = _e === void 0 ? utils_1.noop : _e, fullWidth = _a.fullWidth, TextFieldProps = _a.TextFieldProps, MenuProps = _a.MenuProps, classes = _a.classes, otherProps = __rest(_a, ["multiple", "value", "children", "getValueLabel", "getValuePlaceholder", "onChange", "fullWidth", "TextFieldProps", "MenuProps", "classes"]);
+    var multiple = _a.multiple, value = _a.value, children = _a.children, _c = _a.getValueLabel, getValueLabel = _c === void 0 ? utils_1.noop : _c, _d = _a.getValuePlaceholder, getValuePlaceholder = _d === void 0 ? ramda_1.identity : _d, _e = _a.onChange, onChange = _e === void 0 ? utils_1.noop : _e, fullWidth = _a.fullWidth, TextFieldProps = _a.TextFieldProps, MenuProps = _a.MenuProps, classes = _a.classes, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["multiple", "value", "children", "getValueLabel", "getValuePlaceholder", "onChange", "fullWidth", "TextFieldProps", "MenuProps", "classes", "isCrossedOut"]);
     var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement(TextField_1.default, __assign({ variant: "standard", select: true, fullWidth: fullWidth }, TextFieldProps, { value: (0, ramda_1.defaultTo)(multiple ? [] : '', value), onChange: (0, ramda_1.pipe)(utils_1.getValue, onChange), SelectProps: __assign(__assign({}, otherProps), { MenuProps: __assign({ anchorOrigin: { vertical: 'bottom', horizontal: 'center' } }, MenuProps), classes: __assign(__assign({}, classes), { select: (0, classnames_1.default)((_b = {}, _b[styles.multiSelect] = multiple, _b), (0, ramda_1.prop)('root', classes), (0, ramda_1.prop)('select', classes)) }), multiple: multiple, 
+    return (react_1.default.createElement(TextField_1.default, __assign({ variant: "standard", select: true, fullWidth: fullWidth }, TextFieldProps, { value: (0, ramda_1.defaultTo)(multiple ? [] : '', value), onChange: (0, ramda_1.pipe)(utils_1.getValue, onChange), SelectProps: __assign(__assign({}, otherProps), { MenuProps: __assign({ anchorOrigin: { vertical: 'bottom', horizontal: 'center' } }, MenuProps), classes: __assign(__assign({}, classes), { select: (0, classnames_1.default)((_b = {}, _b[styles.multiSelect] = multiple, _b[styles.isCrossedOut] = isCrossedOut, _b), (0, ramda_1.prop)('root', classes), (0, ramda_1.prop)('select', classes)) }), multiple: multiple, 
             // eslint-disable-next-line react/display-name
             renderValue: function (selected) {
                 return multiple ? (react_1.default.createElement("div", { className: styles.chips }, selected.map(function (value, index) { return (react_1.default.createElement(ValueChip_1.default, { key: value, label: getValueLabel(value) || getValuePlaceholder(value), onMouseDown: function (event) { return event.stopPropagation(); }, onDelete: function () { return onChange((0, ramda_1.remove)(index, 1, selected)); } })); }))) : (getValueLabel(selected) || getValuePlaceholder(selected));
@@ -54,6 +54,7 @@ MultipliableSelect.propTypes = {
     classes: prop_types_1.default.object,
     onChange: prop_types_1.default.func,
     getValueLabel: prop_types_1.default.func,
-    getValuePlaceholder: prop_types_1.default.func
+    getValuePlaceholder: prop_types_1.default.func,
+    isCrossedOut: prop_types_1.default.bool
 };
 exports.default = MultipliableSelect;

package/cjs/components/MultipliableSelect/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"multiSelect" | "chips">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"multiSelect" | "chips" | "isCrossedOut">;

package/cjs/components/MultipliableSelect/styles.js

@@ -10,5 +10,8 @@ exports.useStyles = (0, styles_1.makeStyles)({
     chips: {
         display: 'flex',
         flexWrap: 'wrap'
+    },
+    isCrossedOut: {
+        textDecoration: 'line-through'
     }
 });

package/cjs/components/SimpleInput/SimpleInput.d.ts

@@ -1,9 +1,11 @@
 export default SimpleInput;
-declare function SimpleInput({ value, onChange, multiline, ...otherProps }: {
+declare function SimpleInput({ value, onChange, multiline, InputProps, isCrossedOut, ...otherProps }: {
     [x: string]: any;
     value: any;
     onChange?: () => void;
     multiline: any;
+    InputProps?: {};
+    isCrossedOut: any;
 }): JSX.Element;
 declare namespace SimpleInput {
     namespace propTypes {
@@ -12,6 +14,7 @@ declare namespace SimpleInput {
         const multiline: PropTypes.Requireable<boolean>;
         const InputProps: PropTypes.Requireable<object>;
         const className: PropTypes.Requireable<string>;
+        const isCrossedOut: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from 'prop-types';

package/cjs/components/SimpleInput/SimpleInput.js

@@ -50,12 +50,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
+var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
-var core_1 = require("../../core");
 var TextField_1 = __importDefault(require("@mui/material/TextField"));
+var core_1 = require("../../core");
+var styles_1 = require("./styles");
 var SimpleInput = function (_a) {
-    var value = _a.value, _b = _a.onChange, onChange = _b === void 0 ? core_1.noop : _b, multiline = _a.multiline, otherProps = __rest(_a, ["value", "onChange", "multiline"]);
-    var _c = (0, react_1.useState)(''), currentValue = _c[0], setCurrentValue = _c[1];
+    var _b;
+    var value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? core_1.noop : _c, multiline = _a.multiline, _d = _a.InputProps, InputProps = _d === void 0 ? {} : _d, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["value", "onChange", "multiline", "InputProps", "isCrossedOut"]);
+    var styles = (0, styles_1.useStyles)();
+    var _e = InputProps.classes || {}, root = _e.root, InputClasses = __rest(_e, ["root"]);
+    var _f = (0, react_1.useState)(''), currentValue = _f[0], setCurrentValue = _f[1];
     (0, react_1.useEffect)(function () {
         setCurrentValue((0, ramda_1.isNil)(value) ? '' : value);
     }, [value]);
@@ -69,13 +74,14 @@ var SimpleInput = function (_a) {
             applyCurrentValueChange();
         }
     };
-    return (react_1.default.createElement(TextField_1.default, __assign({ variant: "standard" }, otherProps, { multiline: multiline, value: currentValue, onKeyPress: (0, ramda_1.when)((0, ramda_1.propEq)('key', 'Enter'), onEnterPress), onBlur: applyCurrentValueChange, onChange: (0, ramda_1.pipe)(core_1.getValue, setCurrentValue) })));
+    return (react_1.default.createElement(TextField_1.default, __assign({ variant: "standard" }, otherProps, { InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: (0, classnames_1.default)(root, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b)) }, InputClasses) }), multiline: multiline, value: currentValue, onKeyPress: (0, ramda_1.when)((0, ramda_1.propEq)('key', 'Enter'), onEnterPress), onBlur: applyCurrentValueChange, onChange: (0, ramda_1.pipe)(core_1.getValue, setCurrentValue) })));
 };
 SimpleInput.propTypes = {
     value: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]),
     onChange: prop_types_1.default.func,
     multiline: prop_types_1.default.bool,
     InputProps: prop_types_1.default.object,
-    className: prop_types_1.default.string
+    className: prop_types_1.default.string,
+    isCrossedOut: prop_types_1.default.bool
 };
 exports.default = SimpleInput;

package/cjs/components/SimpleInput/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"isCrossedOut">;

package/cjs/components/SimpleInput/styles.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)({
+    isCrossedOut: {
+        textDecoration: 'line-through'
+    }
+});

package/cjs/components/attributes/editMode/AttributesPager/AttributeRenderer.d.ts

@@ -1,12 +1,9 @@
 import React from 'react';
 import { AttributeValue, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
 import { AttributePagerProps } from './index';
-import { ScrollToElementContext } from '../../../../contexts';
-type Props = Required<Omit<AttributePagerProps, 'values'>> & {
+type Props = Omit<AttributePagerProps, 'values'> & {
     values?: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
     nonVisibleValues: AttributeValue[];
-    highlightedError?: React.ContextType<typeof ScrollToElementContext>;
-    highlightedAttribute?: React.ContextType<typeof ScrollToElementContext>;
 };
 declare const _default: React.MemoExoticComponent<{
     ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, nonVisibleValues, highlightedError, highlightedAttribute, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props): JSX.Element;

package/cjs/components/attributes/editMode/AttributesPager/AttributeRenderer.js

@@ -59,16 +59,20 @@ var AttributeRenderer = function (_a) {
     var showEmpty = ((!hadDeletions && showEmptyEditors) || isRequired || isPinned) && isEmptyValues;
     var emptyEditorValue = (0, react_1.useRef)((0, mdm_sdk_1.createNewAttribute)({
         parentUri: parentUri,
-        attributeType: attributeType
+        attributeType: (0, ramda_1.omit)(['defaultValue'], attributeType)
     }));
     var onAddOneMore = (0, react_1.useCallback)(function () {
         setVisibleValuesCount(visibleValuesCount + 1);
-        var attribute = {
+        var createAttribute = function (attributeType) { return ({
             parentUri: parentUri,
             index: visibleValuesCount,
             attributeType: attributeType
-        };
-        return onAddAttributes(showEmpty && !(0, mdm_sdk_1.isComplexAttribute)(attributeType.type) ? [attribute, attribute] : [attribute]);
+        }); };
+        if (showEmpty && !(0, mdm_sdk_1.isComplexAttribute)(attributeType.type)) {
+            var attributes = [createAttribute((0, ramda_1.omit)(['defaultValue'], attributeType)), createAttribute(attributeType)];
+            return onAddAttributes(attributes);
+        }
+        return onAddAttributes([createAttribute(attributeType)]);
     }, [visibleValuesCount, onAddAttributes, parentUri, attributeType, showEmpty]);
     var onDelete = (0, react_1.useCallback)((0, ramda_1.pipe)(onDeleteAttribute, ramda_1.T, setHadDeletions), [onDeleteAttribute, setHadDeletions]);
     if (isEmptyValues && !showEmpty) {

package/cjs/components/attributes/editMode/AttributesPager/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
 import { AttributeError, AttributeType, Crosswalk, ImageAttributeValue, Mode, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue, AttributeItem } from '@reltio/mdm-sdk';
 import AttributesPager from './AttributesPager';
@@ -33,7 +33,7 @@ type OwnProps = {
 };
 export type AttributePagerProps = StateProps & DispatchProps & OwnProps;
 export { AttributesPager, CardinalityMessage };
-declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<StateProps & DispatchProps & OwnProps>, (import("react-redux").Omit<import("react").ClassAttributes<import("react").Component<StateProps & DispatchProps & OwnProps, any, any>> & StateProps & DispatchProps & OwnProps, "max" | "errorMessage" | "errors" | "requestNextPageOfAttributeValues" | "onDeactivateError"> | import("react-redux").Omit<StateProps & DispatchProps & OwnProps & {
-    children?: import("react").ReactNode;
+declare const _default: import("react-redux").ConnectedComponent<React.ComponentType<StateProps & DispatchProps & OwnProps>, (import("react-redux").Omit<React.ClassAttributes<React.Component<StateProps & DispatchProps & OwnProps, any, any>> & StateProps & DispatchProps & OwnProps, "max" | "errorMessage" | "errors" | "requestNextPageOfAttributeValues" | "onDeactivateError"> | import("react-redux").Omit<StateProps & DispatchProps & OwnProps & {
+    children?: React.ReactNode;
 }, "max" | "errorMessage" | "errors" | "requestNextPageOfAttributeValues" | "onDeactivateError">) & OwnProps>;
 export default _default;

package/cjs/components/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -120,7 +120,7 @@ var SimpleAttributeEditor = function (_a) {
     var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue;
     var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete;
     var hasError = !!errorMessage;
-    var deletedProps = deleted ? { disabled: true } : {};
+    var deletedProps = deleted ? { disabled: true, isCrossedOut: true } : {};
     var isProfilePerspectiveView = (0, react_1.useContext)(contexts_1.ProfilePerspectiveViewContext);
     var autopopulationContextValue = (0, useAutopopulationContextValue_1.useAutopopulationContextValue)({
         enabled: isProfilePerspectiveView && (0, mdm_sdk_1.isDependentLookupAttrType)(attributeType),

package/cjs/components/editors/BooleanRadioEditor/BooleanRadioEditor.d.ts

@@ -1,14 +1,10 @@
+/// <reference types="react" />
+type Props = {
+    value?: boolean;
+    onChange?: (checked: boolean) => void;
+    className?: string;
+    isCrossedOut?: boolean;
+    disabled?: boolean;
+};
+declare const BooleanRadioEditor: ({ value, onChange, className, isCrossedOut, disabled }: Props) => JSX.Element;
 export default BooleanRadioEditor;
-declare function BooleanRadioEditor({ value, onChange, className }: {
-    value: any;
-    onChange: any;
-    className: any;
-}): JSX.Element;
-declare namespace BooleanRadioEditor {
-    namespace propTypes {
-        const value: PropTypes.Requireable<boolean>;
-        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const className: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from 'prop-types';

package/cjs/components/editors/BooleanRadioEditor/BooleanRadioEditor.js

@@ -3,23 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var BooleanEditor_1 = __importDefault(require("../BooleanEditor/BooleanEditor"));
-var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
+var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+var BooleanEditor_1 = __importDefault(require("../BooleanEditor/BooleanEditor"));
 var styles_1 = require("./styles");
 var BooleanRadioEditor = function (_a) {
-    var value = _a.value, onChange = _a.onChange, className = _a.className;
+    var _b;
+    var value = _a.value, onChange = _a.onChange, className = _a.className, isCrossedOut = _a.isCrossedOut, disabled = _a.disabled;
     var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement("div", { className: className },
-        react_1.default.createElement(FormControlLabel_1.default, { classes: { label: styles.label }, control: react_1.default.createElement(BooleanEditor_1.default, { classes: { root: styles['checkbox_primary'] }, color: "primary", value: !(0, ramda_1.isNil)(value) && !!value, onChange: onChange }), label: ui_i18n_1.default.text('Yes') }),
-        react_1.default.createElement(FormControlLabel_1.default, { classes: { label: styles.label }, control: react_1.default.createElement(BooleanEditor_1.default, { classes: { root: styles['checkbox_primary'] }, color: "primary", value: !(0, ramda_1.isNil)(value) && !value, onChange: onChange && (0, ramda_1.pipe)(ramda_1.not, onChange) }), label: ui_i18n_1.default.text('No') })));
-};
-BooleanRadioEditor.propTypes = {
-    value: prop_types_1.default.bool,
-    onChange: prop_types_1.default.func,
-    className: prop_types_1.default.string
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.editors, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b)) },
+            react_1.default.createElement(FormControlLabel_1.default, { classes: { label: styles.label }, control: react_1.default.createElement(BooleanEditor_1.default, { classes: { root: styles.checkboxPrimary }, color: "primary", value: !(0, ramda_1.isNil)(value) && !!value, onChange: onChange, disabled: disabled }), label: ui_i18n_1.default.text('Yes') }),
+            react_1.default.createElement(FormControlLabel_1.default, { classes: { label: styles.label }, control: react_1.default.createElement(BooleanEditor_1.default, { classes: { root: styles.checkboxPrimary }, color: "primary", value: !(0, ramda_1.isNil)(value) && !value, onChange: onChange && (0, ramda_1.pipe)(ramda_1.not, onChange), disabled: disabled }), label: ui_i18n_1.default.text('No') }))));
 };
 exports.default = BooleanRadioEditor;

package/cjs/components/editors/BooleanRadioEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "checkbox_primary">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "editors" | "isCrossedOut" | "checkboxPrimary">;

package/cjs/components/editors/BooleanRadioEditor/styles.js

@@ -3,10 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
-    checkbox_primary: {
+    editors: {
+        width: 'fit-content'
+    },
+    checkboxPrimary: {
         color: theme.palette.divider
     },
     label: {
         color: theme.palette.text.secondary
+    },
+    isCrossedOut: {
+        position: 'relative',
+        '&:before': {
+            content: "''",
+            position: 'absolute',
+            height: '1px',
+            background: theme.palette.text.secondary,
+            top: '50%',
+            left: '-3px',
+            right: '13px'
+        }
     }
 }); });

package/cjs/components/editors/DateEditor/DateEditor.d.ts

@@ -6,6 +6,7 @@ type DateEditorProps = Omit<DatePickerProps<Moment>, 'value' | 'minDate' | 'maxD
     maxDate?: Date | number;
     value?: Date | number;
     onChange: (value: Date) => void;
+    isCrossedOut?: boolean;
 };
-declare const DateEditor: ({ value, minDate, maxDate, format, label, onChange, slotProps, ...otherProps }: DateEditorProps) => JSX.Element;
+declare const DateEditor: ({ value, minDate, maxDate, format, label, onChange, slotProps, isCrossedOut, ...otherProps }: DateEditorProps) => JSX.Element;
 export default DateEditor;

package/cjs/components/editors/DateEditor/DateEditor.js

@@ -50,17 +50,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var moment_1 = __importDefault(require("moment"));
-var ramda_2 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
 var constants_1 = require("../constants");
 var styles_1 = require("./styles");
 var DateEditor = function (_a) {
-    var value = _a.value, _b = _a.minDate, minDate = _b === void 0 ? constants_1.DEFAULT_MIN_DATE : _b, _c = _a.maxDate, maxDate = _c === void 0 ? constants_1.DEFAULT_MAX_DATE : _c, format = _a.format, label = _a.label, onChange = _a.onChange, slotProps = _a.slotProps, otherProps = __rest(_a, ["value", "minDate", "maxDate", "format", "label", "onChange", "slotProps"]);
+    var _b;
+    var value = _a.value, _c = _a.minDate, minDate = _c === void 0 ? constants_1.DEFAULT_MIN_DATE : _c, _d = _a.maxDate, maxDate = _d === void 0 ? constants_1.DEFAULT_MAX_DATE : _d, format = _a.format, label = _a.label, onChange = _a.onChange, slotProps = _a.slotProps, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["value", "minDate", "maxDate", "format", "label", "onChange", "slotProps", "isCrossedOut"]);
     var styles = (0, styles_1.useStyles)();
-    var _d = react_1.default.useState(null), error = _d[0], setError = _d[1];
+    var _e = react_1.default.useState(null), error = _e[0], setError = _e[1];
     var errorMessage = (0, react_1.useMemo)(function () {
         switch (error) {
             case 'maxDate':
@@ -73,9 +74,9 @@ var DateEditor = function (_a) {
                 return '';
         }
     }, [error]);
-    var editorValue = (0, ramda_2.isNil)(value) ? null : (0, moment_1.default)(value);
-    var editorMinDate = (0, ramda_2.isNil)(minDate) ? null : (0, moment_1.default)(minDate);
-    var editorMaxDate = (0, ramda_2.isNil)(maxDate) ? null : (0, moment_1.default)(maxDate);
+    var editorValue = (0, ramda_1.isNil)(value) ? null : (0, moment_1.default)(value);
+    var editorMinDate = (0, ramda_1.isNil)(minDate) ? null : (0, moment_1.default)(minDate);
+    var editorMaxDate = (0, ramda_1.isNil)(maxDate) ? null : (0, moment_1.default)(maxDate);
     var dateFormat = format || moment_1.default.localeData().longDateFormat('L');
     // TODO: Fix types for InputProps/InputLabelProps in slotProps.textField
     var editorSlotProps = (0, ramda_1.mergeDeepLeft)(slotProps, {
@@ -85,12 +86,12 @@ var DateEditor = function (_a) {
             helperText: errorMessage,
             InputProps: {
                 classes: {
-                    root: styles.inputRoot
+                    root: (0, classnames_1.default)(styles.inputRoot, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b))
                 },
-                disableUnderline: (0, ramda_2.isNil)(editorValue)
+                disableUnderline: (0, ramda_1.isNil)(editorValue)
             },
             InputLabelProps: {
-                shrink: !(0, ramda_2.isNil)(label)
+                shrink: !(0, ramda_1.isNil)(label)
             }
         },
         popper: {
@@ -101,6 +102,6 @@ var DateEditor = function (_a) {
             className: styles.adornedEnd
         }
     });
-    return (react_1.default.createElement(DatePicker_1.DatePicker, __assign({ format: dateFormat, slotProps: editorSlotProps, views: ['year', 'month', 'day'], label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: function (newError) { return setError(newError); }, onChange: (0, mdm_sdk_1.debounce)((0, ramda_2.when)((0, ramda_2.both)(mdm_sdk_1.utils.dates.isValidMomentDateOrNull, mdm_sdk_1.utils.dates.isDateInRange(minDate, maxDate)), (0, ramda_2.pipe)(mdm_sdk_1.utils.dates.momentToDate, mdm_sdk_1.utils.dates.clearDateTime, onChange)), 0) }, otherProps)));
+    return (react_1.default.createElement(DatePicker_1.DatePicker, __assign({ format: dateFormat, slotProps: editorSlotProps, views: ['year', 'month', 'day'], label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: function (newError) { return setError(newError); }, onChange: (0, mdm_sdk_1.debounce)((0, ramda_1.when)((0, ramda_1.both)(mdm_sdk_1.utils.dates.isValidMomentDateOrNull, mdm_sdk_1.utils.dates.isDateInRange(minDate, maxDate)), (0, ramda_1.pipe)(mdm_sdk_1.utils.dates.momentToDate, mdm_sdk_1.utils.dates.clearDateTime, onChange)), 0) }, otherProps)));
 };
 exports.default = DateEditor;

package/cjs/components/editors/DateEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"inputRoot" | "adornedEnd">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"isCrossedOut" | "inputRoot" | "adornedEnd">;

package/cjs/components/editors/DateEditor/styles.js

@@ -12,5 +12,8 @@ exports.useStyles = (0, styles_1.makeStyles)({
         letterSpacing: 0,
         lineHeight: '16px',
         overflow: 'hidden'
+    },
+    isCrossedOut: {
+        textDecoration: 'line-through'
     }
 });

package/cjs/components/editors/DependentLookupEditor/DependentLookupEditor.js

@@ -50,6 +50,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEBOUNCE_INTERVAL = void 0;
 var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
 var react_select_1 = require("react-select");
 var prop_types_1 = __importDefault(require("prop-types"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
@@ -70,7 +71,12 @@ var useAutopopulation_1 = __importDefault(require("./useAutopopulation"));
 var useSavingFocus_1 = __importDefault(require("./useSavingFocus"));
 var LoadMoreButton_1 = __importDefault(require("../../commonReactSelectComponents/LoadMoreButton"));
 var hooks_1 = require("../../../hooks");
-var Input = function (props) { return react_1.default.createElement(react_select_1.components.Input, __assign({}, props, { isHidden: false })); };
+var Input = function (props) {
+    var _a;
+    var styles = (0, styles_1.useStyles)();
+    var isCrossedOut = props.selectProps.isCrossedOut;
+    return (react_1.default.createElement(react_select_1.components.Input, __assign({}, props, { inputClassName: (0, classnames_1.default)((_a = {}, _a[styles.isCrossedOut] = isCrossedOut, _a)), isHidden: false })));
+};
 var SelectComponents = {
     IndicatorSeparator: utils_1.EmptyStub,
     LoadingIndicator: utils_1.EmptyStub,

package/cjs/components/editors/DependentLookupEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"option" | "placeholder" | "clearIndicator" | "dropdownIndicator">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"option" | "placeholder" | "isCrossedOut" | "clearIndicator" | "dropdownIndicator">;

package/cjs/components/editors/DependentLookupEditor/styles.js

@@ -16,5 +16,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     },
     placeholder: {
         position: 'static'
+    },
+    isCrossedOut: {
+        textDecoration: 'line-through'
     }
 }); });

package/cjs/components/editors/TimestampEditor/TimestampEditor.d.ts

@@ -6,6 +6,7 @@ type TimestampEditorProps = Omit<DateTimePickerProps<Moment>, 'value' | 'minDate
     maxDate?: Date | number;
     value?: Date | number;
     onChange: (value: Date) => void;
+    isCrossedOut?: boolean;
 };
-declare const TimestampEditor: ({ value, minDate, maxDate, label, slotProps, onChange, format, ...otherProps }: TimestampEditorProps) => JSX.Element;
+declare const TimestampEditor: ({ value, minDate, maxDate, label, slotProps, onChange, format, isCrossedOut, ...otherProps }: TimestampEditorProps) => JSX.Element;
 export default TimestampEditor;

package/cjs/components/editors/TimestampEditor/TimestampEditor.js

@@ -50,18 +50,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var moment_1 = __importDefault(require("moment"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_2 = require("ramda");
 var DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
 var timeViewRenderers_1 = require("@mui/x-date-pickers/timeViewRenderers");
 var constants_1 = require("../constants");
 var styles_1 = require("./styles");
 var TimestampEditor = function (_a) {
-    var value = _a.value, _b = _a.minDate, minDate = _b === void 0 ? constants_1.DEFAULT_MIN_DATE : _b, _c = _a.maxDate, maxDate = _c === void 0 ? constants_1.DEFAULT_MAX_DATE : _c, label = _a.label, slotProps = _a.slotProps, onChange = _a.onChange, format = _a.format, otherProps = __rest(_a, ["value", "minDate", "maxDate", "label", "slotProps", "onChange", "format"]);
+    var _b;
+    var value = _a.value, _c = _a.minDate, minDate = _c === void 0 ? constants_1.DEFAULT_MIN_DATE : _c, _d = _a.maxDate, maxDate = _d === void 0 ? constants_1.DEFAULT_MAX_DATE : _d, label = _a.label, slotProps = _a.slotProps, onChange = _a.onChange, format = _a.format, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["value", "minDate", "maxDate", "label", "slotProps", "onChange", "format", "isCrossedOut"]);
     var styles = (0, styles_1.useStyles)();
-    var _d = react_1.default.useState(null), error = _d[0], setError = _d[1];
+    var _e = react_1.default.useState(null), error = _e[0], setError = _e[1];
     var errorMessage = (0, react_1.useMemo)(function () {
         switch (error) {
             case 'maxDate':
@@ -74,9 +75,9 @@ var TimestampEditor = function (_a) {
                 return '';
         }
     }, [error]);
-    var editorValue = (0, ramda_2.isNil)(value) ? null : (0, moment_1.default)(value);
-    var editorMinDate = (0, ramda_2.isNil)(minDate) ? null : (0, moment_1.default)(minDate);
-    var editorMaxDate = (0, ramda_2.isNil)(maxDate) ? null : (0, moment_1.default)(maxDate);
+    var editorValue = (0, ramda_1.isNil)(value) ? null : (0, moment_1.default)(value);
+    var editorMinDate = (0, ramda_1.isNil)(minDate) ? null : (0, moment_1.default)(minDate);
+    var editorMaxDate = (0, ramda_1.isNil)(maxDate) ? null : (0, moment_1.default)(maxDate);
     var timestampFormat = format || (0, mdm_sdk_1.getLocaleFormat)();
     // TODO: Fix types for InputProps/InputLabelProps in slotProps.textField
     var editorSlotProps = (0, ramda_1.mergeDeepLeft)(slotProps, {
@@ -86,12 +87,12 @@ var TimestampEditor = function (_a) {
             helperText: errorMessage,
             InputProps: {
                 classes: {
-                    root: styles.inputRoot
+                    root: (0, classnames_1.default)(styles.inputRoot, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b))
                 },
-                disableUnderline: (0, ramda_2.isNil)(editorValue)
+                disableUnderline: (0, ramda_1.isNil)(editorValue)
             },
             InputLabelProps: {
-                shrink: !(0, ramda_2.isNil)(label)
+                shrink: !(0, ramda_1.isNil)(label)
             }
         },
         popper: {
@@ -106,6 +107,6 @@ var TimestampEditor = function (_a) {
             hours: timeViewRenderers_1.renderTimeViewClock,
             minutes: timeViewRenderers_1.renderTimeViewClock,
             seconds: timeViewRenderers_1.renderTimeViewClock
-        }, label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: function (newError) { return setError(newError); }, onChange: (0, ramda_2.when)((0, ramda_2.both)(mdm_sdk_1.utils.dates.isValidMomentDateOrNull, mdm_sdk_1.utils.dates.isDateInRange(minDate, maxDate)), (0, ramda_2.pipe)(mdm_sdk_1.utils.dates.momentToDate, onChange)) }, otherProps)));
+        }, label: label, value: editorValue, minDate: editorMinDate, maxDate: editorMaxDate, onError: function (newError) { return setError(newError); }, onChange: (0, ramda_1.when)((0, ramda_1.both)(mdm_sdk_1.utils.dates.isValidMomentDateOrNull, mdm_sdk_1.utils.dates.isDateInRange(minDate, maxDate)), (0, ramda_1.pipe)(mdm_sdk_1.utils.dates.momentToDate, onChange)) }, otherProps)));
 };
 exports.default = TimestampEditor;

package/cjs/components/editors/TimestampEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"underline" | "inputRoot" | "adornedEnd" | "iconButtonRoot" | "inputLabel">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"underline" | "isCrossedOut" | "inputRoot" | "adornedEnd" | "iconButtonRoot" | "inputLabel">;

package/cjs/components/editors/TimestampEditor/styles.js

@@ -24,5 +24,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         fontSize: '14px',
         letterSpacing: 0,
         lineHeight: '16px'
+    },
+    isCrossedOut: {
+        textDecoration: 'line-through'
     }
 }); });

package/cjs/components/editors/TypeaheadEditor/TypeaheadEditor.d.ts

@@ -1,5 +1,5 @@
 export default TypeaheadEditor;
-declare function TypeaheadEditor({ value, max, getSuggestions, onChange, multiple, fullWidth, InputProps, ...inputProps }: {
+declare function TypeaheadEditor({ value, max, getSuggestions, onChange, multiple, fullWidth, InputProps, isCrossedOut, ...inputProps }: {
     [x: string]: any;
     value: any;
     max?: number;
@@ -8,6 +8,7 @@ declare function TypeaheadEditor({ value, max, getSuggestions, onChange, multipl
     multiple: any;
     fullWidth: any;
     InputProps?: {};
+    isCrossedOut?: boolean;
 }): JSX.Element;
 declare namespace TypeaheadEditor {
     namespace propTypes {
@@ -19,6 +20,7 @@ declare namespace TypeaheadEditor {
         const getSuggestions: PropTypes.Validator<(...args: any[]) => any>;
         const InputProps: PropTypes.Requireable<object>;
         const max: PropTypes.Requireable<number>;
+        const isCrossedOut: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from 'prop-types';