@reltio/components 1.4.1833 → 1.4.1835

package/cjs/NumberEditor/components/NumberFormat/NumberFormat.d.ts

@@ -1,11 +1,7 @@
-import React from 'react';
+import React, { ChangeEvent } from 'react';
 import { NumberFormat as TNumberFormat } from '@reltio/mdm-sdk';
 type Props = {
-    onChange: (e: {
-        target: {
-            value: string;
-        };
-    }) => void;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
     value?: string | number;
     integer?: boolean;
     customInput?: React.ComponentType;

package/cjs/TextEditor/TextEditor.d.ts

@@ -1,16 +1,13 @@
-export function TextEditor({ multiple, value, getValueLabel, multiline, ...otherProps }: {
-    [x: string]: any;
+import { ComponentProps } from 'react';
+import MultipleInput from '../components/MultipleInput/MultipleInput';
+import SimpleInput from '../components/SimpleInput/SimpleInput';
+type SimpleInputProps = ComponentProps<typeof SimpleInput>;
+type MultipleInputProps = ComponentProps<typeof MultipleInput>;
+type Props = {
     multiple?: boolean;
-    value: any;
-    getValueLabel: any;
-    multiline?: boolean;
-}): JSX.Element;
-export namespace TextEditor {
-    namespace propTypes {
-        let multiple: PropTypes.Requireable<boolean>;
-        let multiline: PropTypes.Requireable<boolean>;
-        let value: PropTypes.Requireable<NonNullable<string | number | string[] | number[]>>;
-        let getValueLabel: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from 'prop-types';
+    value?: SimpleInputProps['value'] | MultipleInputProps['values'];
+    getValueLabel?: MultipleInputProps['getValueLabel'];
+    multiline?: SimpleInputProps['multiline'];
+} & (SimpleInputProps | MultipleInputProps);
+export declare const TextEditor: ({ multiple, value, getValueLabel, multiline, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/TextEditor/TextEditor.js

@@ -26,7 +26,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextEditor = void 0;
-var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importDefault(require("react"));
 var MultipleInput_1 = __importDefault(require("../components/MultipleInput/MultipleInput"));
 var SimpleInput_1 = __importDefault(require("../components/SimpleInput/SimpleInput"));
@@ -35,14 +34,3 @@ var TextEditor = function (_a) {
     return multiple ? (react_1.default.createElement(MultipleInput_1.default, __assign({}, otherProps, { values: value, getValueLabel: getValueLabel }))) : (react_1.default.createElement(SimpleInput_1.default, __assign({}, otherProps, { value: value, multiline: multiline })));
 };
 exports.TextEditor = TextEditor;
-exports.TextEditor.propTypes = {
-    multiple: prop_types_1.default.bool,
-    multiline: prop_types_1.default.bool,
-    value: prop_types_1.default.oneOfType([
-        prop_types_1.default.string,
-        prop_types_1.default.arrayOf(prop_types_1.default.string),
-        prop_types_1.default.number,
-        prop_types_1.default.arrayOf(prop_types_1.default.number)
-    ]),
-    getValueLabel: prop_types_1.default.func
-};

package/cjs/TextEditor/TextEditor.test.js

@@ -1,36 +1,114 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var MultipleInput_1 = __importDefault(require("../components/MultipleInput/MultipleInput"));
-var SimpleInput_1 = __importDefault(require("../components/SimpleInput/SimpleInput"));
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var TextEditor_1 = require("./TextEditor");
-describe('TextEditor', function () {
+describe('TextEditor tests', function () {
+    var defaultProps = {
+        onChange: jest.fn()
+    };
+    var setUp = function (props) {
+        if (props === void 0) { props = {}; }
+        var user = user_event_1.default.setup();
+        return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(TextEditor_1.TextEditor, __assign({}, defaultProps, props))));
+    };
+    beforeEach(function () {
+        jest.clearAllMocks();
+    });
     describe('single mode', function () {
-        it('should render SimpleInput', function () {
-            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(TextEditor_1.TextEditor, null));
-            expect(wrapper.find(SimpleInput_1.default)).toHaveLength(1);
-        });
-        it('should call props.onChange with a new value', function () {
-            var onChange = jest.fn();
-            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(TextEditor_1.TextEditor, { onChange: onChange }));
-            wrapper.simulate('change', '123');
-            expect(onChange).toBeCalledWith('123');
+        it('should render SimpleInput', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var user, textbox;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        user = setUp().user;
+                        textbox = react_2.screen.getByRole('textbox');
+                        expect(textbox).toBeInTheDocument();
+                        return [4 /*yield*/, user.type(textbox, '123{enter}')];
+                    case 1:
+                        _a.sent();
+                        expect(defaultProps.onChange).toHaveBeenCalledWith('123');
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render with value correctly', function () {
+            setUp({ value: '123' });
+            expect(react_2.screen.getByRole('textbox')).toHaveValue('123');
         });
     });
     describe('multiple mode', function () {
-        it('should render MultipleInput', function () {
-            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(TextEditor_1.TextEditor, { multiple: true }));
-            expect(wrapper.find(MultipleInput_1.default)).toHaveLength(1);
-        });
-        it('should call props.onChange with a new value', function () {
-            var onChange = jest.fn();
-            var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(TextEditor_1.TextEditor, { multiple: true, onChange: onChange }));
-            wrapper.simulate('change', ['123']);
-            expect(onChange).toBeCalledWith(['123']);
+        it('should render MultipleInput', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var user, textbox;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        user = setUp({ multiple: true }).user;
+                        textbox = react_2.screen.getByRole('textbox');
+                        expect(textbox).toBeInTheDocument();
+                        return [4 /*yield*/, user.type(textbox, '123{enter}')];
+                    case 1:
+                        _a.sent();
+                        expect(defaultProps.onChange).toHaveBeenCalledWith(['123']);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render with value correctly', function () {
+            setUp({ multiple: true, value: ['123', '324'] });
+            expect(react_2.screen.getByText('123')).toBeInTheDocument();
+            expect(react_2.screen.getByText('324')).toBeInTheDocument();
         });
     });
 });

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

@@ -1,13 +1,13 @@
 import { TextFieldProps } from '@mui/material/TextField';
 type MultipleInputProps = Omit<TextFieldProps, 'classes' | 'value' | 'onChange' | 'onKeyPress' | 'onKeyDown' | 'onFocus' | 'onBlur'> & {
-    values?: string | string[];
+    values?: string | number | string[] | number[];
     InputProps?: Omit<TextFieldProps['InputProps'], 'startAdornment' | 'inputComponent'>;
     classes?: {
         root?: string;
     };
     isCrossedOut?: boolean;
-    onChange?: (values: string[]) => void;
-    getValueLabel?: (value: string) => string;
+    onChange?: (values: string[] | number[]) => void;
+    getValueLabel?: (value: string | number) => string;
 };
 declare const MultipleInput: ({ values: valuesProp, InputProps, inputProps, classes, isCrossedOut, onChange, getValueLabel, ...otherProps }: MultipleInputProps) => JSX.Element;
 export default MultipleInput;

package/cjs/components/ResizablePanes/styles.js

@@ -22,6 +22,9 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
                 backgroundPosition: 'top',
                 width: '100%',
                 marginBottom: '-10px',
+                '&.disabled': {
+                    background: 'transparent'
+                },
                 '&:not(.disabled):hover': {
                     cursor: 'row-resize',
                     backgroundImage: 'linear-gradient(rgba(0, 114, 206, 0), rgba(0, 114, 206, 0.35), rgba(0, 114, 206, 1))',

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

@@ -1,20 +1,9 @@
+import { ComponentProps } from 'react';
+import TextField from '@mui/material/TextField';
+type Props = Omit<ComponentProps<typeof TextField>, 'value' | 'onChange'> & {
+    value?: string | number;
+    onChange?: (value: string | number) => void;
+    isCrossedOut?: boolean;
+};
+declare const SimpleInput: ({ value, onChange, multiline, InputProps, isCrossedOut, ...otherProps }: Props) => JSX.Element;
 export default SimpleInput;
-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 {
-        let value: PropTypes.Requireable<NonNullable<string | number>>;
-        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        let multiline: PropTypes.Requireable<boolean>;
-        let InputProps: PropTypes.Requireable<object>;
-        let className: PropTypes.Requireable<string>;
-        let isCrossedOut: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from 'prop-types';

package/cjs/components/SimpleInput/SimpleInput.js

@@ -49,7 +49,6 @@ 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 TextField_1 = __importDefault(require("@mui/material/TextField"));
@@ -57,10 +56,10 @@ var core_1 = require("../../core");
 var styles_1 = require("./styles");
 var SimpleInput = function (_a) {
     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 _c;
+    var value = _a.value, _d = _a.onChange, onChange = _d === void 0 ? core_1.noop : _d, multiline = _a.multiline, InputProps = _a.InputProps, 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];
+    var _e = (0, react_1.useState)(''), currentValue = _e[0], setCurrentValue = _e[1];
     (0, react_1.useEffect)(function () {
         setCurrentValue((0, ramda_1.isNil)(value) ? '' : value);
     }, [value]);
@@ -74,14 +73,6 @@ var SimpleInput = function (_a) {
             applyCurrentValueChange();
         }
     };
-    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,
-    isCrossedOut: prop_types_1.default.bool
+    return (react_1.default.createElement(TextField_1.default, __assign({ variant: "standard" }, otherProps, { InputProps: __assign(__assign({}, InputProps), { classes: __assign(__assign({}, InputProps === null || InputProps === void 0 ? void 0 : InputProps.classes), { root: (0, classnames_1.default)((_c = InputProps === null || InputProps === void 0 ? void 0 : InputProps.classes) === null || _c === void 0 ? void 0 : _c.root, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b)) }) }), 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) })));
 };
 exports.default = SimpleInput;

package/cjs/contexts/SegmentationContext/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SegmentationContext: React.Context<any>;

package/cjs/contexts/SegmentationContext/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentationContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.SegmentationContext = react_1.default.createContext(null);
+exports.SegmentationContext.displayName = 'SegmentationContext';

package/cjs/contexts/index.d.ts

@@ -33,3 +33,4 @@ export { ActionsHookProvider, useActionsHook } from './ActionsHookContext';
 export { ConfigPermissionsContext, ConfigPermissionsContextProvider, useAttributeValueConfigPermissions } from './ConfigPermissionsContext';
 export * from './MdmModuleContext';
 export { ReloadDataProvider, useReloadData } from './ReloadDataContext';
+export { SegmentationContext } from './SegmentationContext';

package/cjs/contexts/index.js

@@ -15,7 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
-exports.useReloadData = exports.ReloadDataProvider = void 0;
+exports.SegmentationContext = exports.useReloadData = exports.ReloadDataProvider = void 0;
 var AsyncMountContext_1 = require("./AsyncMountContext");
 Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
 var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
@@ -103,3 +103,5 @@ __exportStar(require("./MdmModuleContext"), exports);
 var ReloadDataContext_1 = require("./ReloadDataContext");
 Object.defineProperty(exports, "ReloadDataProvider", { enumerable: true, get: function () { return ReloadDataContext_1.ReloadDataProvider; } });
 Object.defineProperty(exports, "useReloadData", { enumerable: true, get: function () { return ReloadDataContext_1.useReloadData; } });
+var SegmentationContext_1 = require("./SegmentationContext");
+Object.defineProperty(exports, "SegmentationContext", { enumerable: true, get: function () { return SegmentationContext_1.SegmentationContext; } });

package/cjs/features/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js

@@ -125,12 +125,16 @@ var CrosswalkAttributes = function (_a) {
                     react_1.default.createElement(Typography_1.default, { className: styles.text, variant: 'body2' }, sourceSystemLabel)));
             }
             case 'sourceTable':
-                return isTempCrosswalk ? (react_1.default.createElement(TextEditor_1.TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) { return onEditAttribute(attributeName, e.target.value); }, size: "small", InputProps: {
+                return isTempCrosswalk ? (react_1.default.createElement(TextEditor_1.TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) {
+                        return onEditAttribute(attributeName, e.target.value);
+                    }, size: "small", InputProps: {
                         disableUnderline: true,
                         classes: { input: styles.input }
                     } })) : (react_1.default.createElement(Typography_1.default, { className: styles.text, variant: 'body2' }, attributeValue));
             case 'value':
-                return isTempCrosswalk ? (react_1.default.createElement(TextEditor_1.TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) { return onEditAttribute(attributeName, e.target.value); }, size: "small", InputProps: {
+                return isTempCrosswalk ? (react_1.default.createElement(TextEditor_1.TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) {
+                        return onEditAttribute(attributeName, e.target.value);
+                    }, size: "small", InputProps: {
                         disableUnderline: true,
                         classes: { input: styles.input }
                     } })) : (react_1.default.createElement(CopyableValueField_1.CopyableValueField, { value: attributeValue }));

package/cjs/features/crosswalks/CrosswalkAttributes/CrosswalkAttributes.test.js

@@ -192,7 +192,9 @@ describe('CrosswalkAttributes tests', function () {
         });
         wrapper.update();
         (0, test_utils_1.act)(function () {
-            wrapper.find(TextEditor_1.TextEditor).at(1).prop('onInput')({ target: { value: 'new sourceTable' } });
+            wrapper.find(TextEditor_1.TextEditor).at(1).prop('onInput')({
+                target: { value: 'new sourceTable' }
+            });
         });
         expect(defaultProps.onEditAttribute).toHaveBeenCalledWith('sourceTable', 'new sourceTable');
     });
@@ -209,7 +211,9 @@ describe('CrosswalkAttributes tests', function () {
     it('should provide correct value to value editor and call props.onEditAttribute on editing', function () {
         var wrapper = setUp(__assign(__assign({}, defaultProps), { crosswalk: newCrosswalk }));
         (0, test_utils_1.act)(function () {
-            wrapper.find(TextEditor_1.TextEditor).prop('onInput')({ target: { value: 'new id value' } });
+            wrapper.find(TextEditor_1.TextEditor).prop('onInput')({
+                target: { value: 'new id value' }
+            });
         });
         expect(defaultProps.onEditAttribute).toHaveBeenCalledWith('value', 'new id value');
     });

package/esm/NumberEditor/components/NumberFormat/NumberFormat.d.ts

@@ -1,11 +1,7 @@
-import React from 'react';
+import React, { ChangeEvent } from 'react';
 import { NumberFormat as TNumberFormat } from '@reltio/mdm-sdk';
 type Props = {
-    onChange: (e: {
-        target: {
-            value: string;
-        };
-    }) => void;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
     value?: string | number;
     integer?: boolean;
     customInput?: React.ComponentType;

package/esm/TextEditor/TextEditor.d.ts

@@ -1,16 +1,13 @@
-export function TextEditor({ multiple, value, getValueLabel, multiline, ...otherProps }: {
-    [x: string]: any;
+import { ComponentProps } from 'react';
+import MultipleInput from '../components/MultipleInput/MultipleInput';
+import SimpleInput from '../components/SimpleInput/SimpleInput';
+type SimpleInputProps = ComponentProps<typeof SimpleInput>;
+type MultipleInputProps = ComponentProps<typeof MultipleInput>;
+type Props = {
     multiple?: boolean;
-    value: any;
-    getValueLabel: any;
-    multiline?: boolean;
-}): JSX.Element;
-export namespace TextEditor {
-    namespace propTypes {
-        let multiple: PropTypes.Requireable<boolean>;
-        let multiline: PropTypes.Requireable<boolean>;
-        let value: PropTypes.Requireable<NonNullable<string | number | string[] | number[]>>;
-        let getValueLabel: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from 'prop-types';
+    value?: SimpleInputProps['value'] | MultipleInputProps['values'];
+    getValueLabel?: MultipleInputProps['getValueLabel'];
+    multiline?: SimpleInputProps['multiline'];
+} & (SimpleInputProps | MultipleInputProps);
+export declare const TextEditor: ({ multiple, value, getValueLabel, multiline, ...otherProps }: Props) => JSX.Element;
+export {};

package/esm/TextEditor/TextEditor.js

@@ -20,7 +20,6 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import PropTypes from 'prop-types';
 import React from 'react';
 import MultipleInput from '../components/MultipleInput/MultipleInput';
 import SimpleInput from '../components/SimpleInput/SimpleInput';
@@ -28,14 +27,3 @@ export var TextEditor = function (_a) {
     var _b = _a.multiple, multiple = _b === void 0 ? false : _b, value = _a.value, getValueLabel = _a.getValueLabel, _c = _a.multiline, multiline = _c === void 0 ? false : _c, otherProps = __rest(_a, ["multiple", "value", "getValueLabel", "multiline"]);
     return multiple ? (React.createElement(MultipleInput, __assign({}, otherProps, { values: value, getValueLabel: getValueLabel }))) : (React.createElement(SimpleInput, __assign({}, otherProps, { value: value, multiline: multiline })));
 };
-TextEditor.propTypes = {
-    multiple: PropTypes.bool,
-    multiline: PropTypes.bool,
-    value: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.arrayOf(PropTypes.string),
-        PropTypes.number,
-        PropTypes.arrayOf(PropTypes.number)
-    ]),
-    getValueLabel: PropTypes.func
-};

package/esm/TextEditor/TextEditor.test.js

@@ -1,31 +1,109 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import React from 'react';
-import { shallow } from 'enzyme';
-import MultipleInput from '../components/MultipleInput/MultipleInput';
-import SimpleInput from '../components/SimpleInput/SimpleInput';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { TextEditor } from './TextEditor';
-describe('TextEditor', function () {
+describe('TextEditor tests', function () {
+    var defaultProps = {
+        onChange: jest.fn()
+    };
+    var setUp = function (props) {
+        if (props === void 0) { props = {}; }
+        var user = userEvent.setup();
+        return __assign({ user: user }, render(React.createElement(TextEditor, __assign({}, defaultProps, props))));
+    };
+    beforeEach(function () {
+        jest.clearAllMocks();
+    });
     describe('single mode', function () {
-        it('should render SimpleInput', function () {
-            var wrapper = shallow(React.createElement(TextEditor, null));
-            expect(wrapper.find(SimpleInput)).toHaveLength(1);
-        });
-        it('should call props.onChange with a new value', function () {
-            var onChange = jest.fn();
-            var wrapper = shallow(React.createElement(TextEditor, { onChange: onChange }));
-            wrapper.simulate('change', '123');
-            expect(onChange).toBeCalledWith('123');
+        it('should render SimpleInput', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var user, textbox;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        user = setUp().user;
+                        textbox = screen.getByRole('textbox');
+                        expect(textbox).toBeInTheDocument();
+                        return [4 /*yield*/, user.type(textbox, '123{enter}')];
+                    case 1:
+                        _a.sent();
+                        expect(defaultProps.onChange).toHaveBeenCalledWith('123');
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render with value correctly', function () {
+            setUp({ value: '123' });
+            expect(screen.getByRole('textbox')).toHaveValue('123');
         });
     });
     describe('multiple mode', function () {
-        it('should render MultipleInput', function () {
-            var wrapper = shallow(React.createElement(TextEditor, { multiple: true }));
-            expect(wrapper.find(MultipleInput)).toHaveLength(1);
-        });
-        it('should call props.onChange with a new value', function () {
-            var onChange = jest.fn();
-            var wrapper = shallow(React.createElement(TextEditor, { multiple: true, onChange: onChange }));
-            wrapper.simulate('change', ['123']);
-            expect(onChange).toBeCalledWith(['123']);
+        it('should render MultipleInput', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var user, textbox;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        user = setUp({ multiple: true }).user;
+                        textbox = screen.getByRole('textbox');
+                        expect(textbox).toBeInTheDocument();
+                        return [4 /*yield*/, user.type(textbox, '123{enter}')];
+                    case 1:
+                        _a.sent();
+                        expect(defaultProps.onChange).toHaveBeenCalledWith(['123']);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render with value correctly', function () {
+            setUp({ multiple: true, value: ['123', '324'] });
+            expect(screen.getByText('123')).toBeInTheDocument();
+            expect(screen.getByText('324')).toBeInTheDocument();
         });
     });
 });

package/esm/components/MultipleInput/MultipleInput.d.ts

@@ -1,13 +1,13 @@
 import { TextFieldProps } from '@mui/material/TextField';
 type MultipleInputProps = Omit<TextFieldProps, 'classes' | 'value' | 'onChange' | 'onKeyPress' | 'onKeyDown' | 'onFocus' | 'onBlur'> & {
-    values?: string | string[];
+    values?: string | number | string[] | number[];
     InputProps?: Omit<TextFieldProps['InputProps'], 'startAdornment' | 'inputComponent'>;
     classes?: {
         root?: string;
     };
     isCrossedOut?: boolean;
-    onChange?: (values: string[]) => void;
-    getValueLabel?: (value: string) => string;
+    onChange?: (values: string[] | number[]) => void;
+    getValueLabel?: (value: string | number) => string;
 };
 declare const MultipleInput: ({ values: valuesProp, InputProps, inputProps, classes, isCrossedOut, onChange, getValueLabel, ...otherProps }: MultipleInputProps) => JSX.Element;
 export default MultipleInput;

package/esm/components/ResizablePanes/styles.js

@@ -19,6 +19,9 @@ var useStyles = makeStyles(function () { return ({
                 backgroundPosition: 'top',
                 width: '100%',
                 marginBottom: '-10px',
+                '&.disabled': {
+                    background: 'transparent'
+                },
                 '&:not(.disabled):hover': {
                     cursor: 'row-resize',
                     backgroundImage: 'linear-gradient(rgba(0, 114, 206, 0), rgba(0, 114, 206, 0.35), rgba(0, 114, 206, 1))',

package/esm/components/SimpleInput/SimpleInput.d.ts

@@ -1,20 +1,9 @@
+import { ComponentProps } from 'react';
+import TextField from '@mui/material/TextField';
+type Props = Omit<ComponentProps<typeof TextField>, 'value' | 'onChange'> & {
+    value?: string | number;
+    onChange?: (value: string | number) => void;
+    isCrossedOut?: boolean;
+};
+declare const SimpleInput: ({ value, onChange, multiline, InputProps, isCrossedOut, ...otherProps }: Props) => JSX.Element;
 export default SimpleInput;
-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 {
-        let value: PropTypes.Requireable<NonNullable<string | number>>;
-        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        let multiline: PropTypes.Requireable<boolean>;
-        let InputProps: PropTypes.Requireable<object>;
-        let className: PropTypes.Requireable<string>;
-        let isCrossedOut: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from 'prop-types';

package/esm/components/SimpleInput/SimpleInput.js

@@ -21,7 +21,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { isNil, pipe, propEq, when } from 'ramda';
 import TextField from '@mui/material/TextField';
@@ -29,10 +28,10 @@ import { getValue, noop } from '../../core';
 import { useStyles } from './styles';
 var SimpleInput = function (_a) {
     var _b;
-    var value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? 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 _c;
+    var value = _a.value, _d = _a.onChange, onChange = _d === void 0 ? noop : _d, multiline = _a.multiline, InputProps = _a.InputProps, isCrossedOut = _a.isCrossedOut, otherProps = __rest(_a, ["value", "onChange", "multiline", "InputProps", "isCrossedOut"]);
     var styles = useStyles();
-    var _e = InputProps.classes || {}, root = _e.root, InputClasses = __rest(_e, ["root"]);
-    var _f = useState(''), currentValue = _f[0], setCurrentValue = _f[1];
+    var _e = useState(''), currentValue = _e[0], setCurrentValue = _e[1];
     useEffect(function () {
         setCurrentValue(isNil(value) ? '' : value);
     }, [value]);
@@ -46,14 +45,6 @@ var SimpleInput = function (_a) {
             applyCurrentValueChange();
         }
     };
-    return (React.createElement(TextField, __assign({ variant: "standard" }, otherProps, { InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: classnames(root, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b)) }, InputClasses) }), multiline: multiline, value: currentValue, onKeyPress: when(propEq('key', 'Enter'), onEnterPress), onBlur: applyCurrentValueChange, onChange: pipe(getValue, setCurrentValue) })));
-};
-SimpleInput.propTypes = {
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    onChange: PropTypes.func,
-    multiline: PropTypes.bool,
-    InputProps: PropTypes.object,
-    className: PropTypes.string,
-    isCrossedOut: PropTypes.bool
+    return (React.createElement(TextField, __assign({ variant: "standard" }, otherProps, { InputProps: __assign(__assign({}, InputProps), { classes: __assign(__assign({}, InputProps === null || InputProps === void 0 ? void 0 : InputProps.classes), { root: classnames((_c = InputProps === null || InputProps === void 0 ? void 0 : InputProps.classes) === null || _c === void 0 ? void 0 : _c.root, (_b = {}, _b[styles.isCrossedOut] = isCrossedOut, _b)) }) }), multiline: multiline, value: currentValue, onKeyPress: when(propEq('key', 'Enter'), onEnterPress), onBlur: applyCurrentValueChange, onChange: pipe(getValue, setCurrentValue) })));
 };
 export default SimpleInput;

package/esm/contexts/SegmentationContext/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SegmentationContext: React.Context<any>;

package/esm/contexts/SegmentationContext/index.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var SegmentationContext = React.createContext(null);
+SegmentationContext.displayName = 'SegmentationContext';

package/esm/contexts/index.d.ts

@@ -33,3 +33,4 @@ export { ActionsHookProvider, useActionsHook } from './ActionsHookContext';
 export { ConfigPermissionsContext, ConfigPermissionsContextProvider, useAttributeValueConfigPermissions } from './ConfigPermissionsContext';
 export * from './MdmModuleContext';
 export { ReloadDataProvider, useReloadData } from './ReloadDataContext';
+export { SegmentationContext } from './SegmentationContext';

package/esm/contexts/index.js

@@ -33,3 +33,4 @@ export { ActionsHookProvider, useActionsHook } from './ActionsHookContext';
 export { ConfigPermissionsContext, ConfigPermissionsContextProvider, useAttributeValueConfigPermissions } from './ConfigPermissionsContext';
 export * from './MdmModuleContext';
 export { ReloadDataProvider, useReloadData } from './ReloadDataContext';
+export { SegmentationContext } from './SegmentationContext';

package/esm/features/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js

@@ -96,12 +96,16 @@ export var CrosswalkAttributes = function (_a) {
                     React.createElement(Typography, { className: styles.text, variant: 'body2' }, sourceSystemLabel)));
             }
             case 'sourceTable':
-                return isTempCrosswalk ? (React.createElement(TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) { return onEditAttribute(attributeName, e.target.value); }, size: "small", InputProps: {
+                return isTempCrosswalk ? (React.createElement(TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) {
+                        return onEditAttribute(attributeName, e.target.value);
+                    }, size: "small", InputProps: {
                         disableUnderline: true,
                         classes: { input: styles.input }
                     } })) : (React.createElement(Typography, { className: styles.text, variant: 'body2' }, attributeValue));
             case 'value':
-                return isTempCrosswalk ? (React.createElement(TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) { return onEditAttribute(attributeName, e.target.value); }, size: "small", InputProps: {
+                return isTempCrosswalk ? (React.createElement(TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) {
+                        return onEditAttribute(attributeName, e.target.value);
+                    }, size: "small", InputProps: {
                         disableUnderline: true,
                         classes: { input: styles.input }
                     } })) : (React.createElement(CopyableValueField, { value: attributeValue }));

package/esm/features/crosswalks/CrosswalkAttributes/CrosswalkAttributes.test.js

@@ -187,7 +187,9 @@ describe('CrosswalkAttributes tests', function () {
         });
         wrapper.update();
         act(function () {
-            wrapper.find(TextEditor).at(1).prop('onInput')({ target: { value: 'new sourceTable' } });
+            wrapper.find(TextEditor).at(1).prop('onInput')({
+                target: { value: 'new sourceTable' }
+            });
         });
         expect(defaultProps.onEditAttribute).toHaveBeenCalledWith('sourceTable', 'new sourceTable');
     });
@@ -204,7 +206,9 @@ describe('CrosswalkAttributes tests', function () {
     it('should provide correct value to value editor and call props.onEditAttribute on editing', function () {
         var wrapper = setUp(__assign(__assign({}, defaultProps), { crosswalk: newCrosswalk }));
         act(function () {
-            wrapper.find(TextEditor).prop('onInput')({ target: { value: 'new id value' } });
+            wrapper.find(TextEditor).prop('onInput')({
+                target: { value: 'new id value' }
+            });
         });
         expect(defaultProps.onEditAttribute).toHaveBeenCalledWith('value', 'new id value');
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1833",
+  "version": "1.4.1835",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",