@reltio/components 1.4.1853 → 1.4.1854

package/cjs/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -61,7 +61,7 @@ var styles_1 = require("./styles");
 var EMPTY_FILTER = { fieldName: null, filter: null, operator: mdm_sdk_1.SearchOperator.and, values: [] };
 var AttributesFiltersBuilder = function (_a) {
     var _b = _a.classes, classes = _b === void 0 ? {} : _b, attributesTypesGroups = _a.attributesTypesGroups, filters = _a.filters, onChange = _a.onChange, _c = _a.components, components = _c === void 0 ? {} : _c, onFilterAttributeChange = _a.onFilterAttributeChange;
-    var CustomValuesEditor = components.ValuesEditor, CustomFilterSelector = components.FilterSelector, _d = components.LogicalOperator, LogicalOperator = _d === void 0 ? core_1.EmptyStub : _d;
+    var _d = components, CustomValuesEditor = _d.ValuesEditor, CustomFilterSelector = _d.FilterSelector, _e = _d.LogicalOperator, LogicalOperator = _e === void 0 ? core_1.EmptyStub : _e;
     var styles = (0, styles_1.useStyles)();
     var actualFilters = (0, react_1.useRef)(filters);
     var attributeFilterRef = (0, react_1.useRef)(null);

package/cjs/ConnectionEditor/ConnectionEditor.d.ts

@@ -1,4 +1,4 @@
-import { AttributeItem, EditingConnection, Entity, TRelationType } from '@reltio/mdm-sdk';
+import { AttributeItem, EditingConnection, Entity, ConnectionRelationType } from '@reltio/mdm-sdk';
 type Props = {
     connection: EditingConnection;
     showEmptyEditors?: boolean;
@@ -11,8 +11,8 @@ type Props = {
     }) => void;
     onChangeEntity?: (entity: Entity) => void;
     relatedEntity?: Entity;
-    inRelationTypes?: TRelationType[];
-    outRelationTypes?: TRelationType[];
+    inRelationTypes?: ConnectionRelationType[];
+    outRelationTypes?: ConnectionRelationType[];
     entityErrorMessage?: string;
 };
 export declare const ConnectionEditor: ({ connection, relatedEntity, inRelationTypes, outRelationTypes, showEmptyEditors, entityErrorMessage, onChangeAttribute, onRemoveAttribute, onAddAttributes, onChangeRelationType, onChangeEntity }: Props) => JSX.Element;

package/cjs/ConnectionEditor/ConnectionEditor.test.js

@@ -360,8 +360,8 @@ describe('ConnectionEditor test', function () {
                 onChangeEntity: onChangeEntity
             });
             newEntity = {
-                uri: 'entities/entityCommittee',
-                type: 'configuration/entityTypes/Committee'
+                entityUri: 'entities/entityCommittee',
+                entityType: 'configuration/entityTypes/Committee'
             };
             (0, test_utils_1.act)(function () {
                 component.find(EntitySelector_1.EntitySelector).prop('onChange')(newEntity);

package/cjs/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.d.ts

@@ -1,36 +1,16 @@
-export function ConnectionRelationTypeSelector({ relation, inRelationTypes, outRelationTypes, onChange, applyFirstByDefault, reversedContextLabels, ...otherProps }: {
-    [x: string]: any;
-    relation?: {};
-    inRelationTypes?: any[];
-    outRelationTypes?: any[];
-    onChange?: any;
+import { ConnectionRelation, ConnectionRelationType, Metadata } from '@reltio/mdm-sdk';
+type Props = {
+    className?: string;
+    relation?: ConnectionRelation;
+    inRelationTypes?: ConnectionRelationType[];
+    outRelationTypes?: ConnectionRelationType[];
     applyFirstByDefault?: boolean;
     reversedContextLabels?: boolean;
-}): JSX.Element;
-export namespace ConnectionRelationTypeSelector {
-    namespace propTypes {
-        export let className: PropTypes.Requireable<string>;
-        export { ConnectionRelationType as relation };
-        export let inRelationTypes: PropTypes.Requireable<PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            uri: PropTypes.Requireable<string>;
-            typeColor: PropTypes.Requireable<string>;
-            direction: PropTypes.Requireable<string>;
-            startObject: PropTypes.Requireable<object>;
-            endObject: PropTypes.Requireable<object>;
-        }>[]>;
-        export let outRelationTypes: PropTypes.Requireable<PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            uri: PropTypes.Requireable<string>;
-            typeColor: PropTypes.Requireable<string>;
-            direction: PropTypes.Requireable<string>;
-            startObject: PropTypes.Requireable<object>;
-            endObject: PropTypes.Requireable<object>;
-        }>[]>;
-        export let applyFirstByDefault: PropTypes.Requireable<boolean>;
-        export let reversedContextLabels: PropTypes.Requireable<boolean>;
-        export let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from 'prop-types';
-import { ConnectionRelationType } from '@reltio/mdm-sdk';
+    onChange: ({ type, direction }: {
+        type: ConnectionRelationType;
+        direction: string;
+    }) => void;
+    metadata?: Metadata;
+};
+export declare const ConnectionRelationTypeSelector: ({ relation, inRelationTypes, outRelationTypes, onChange, applyFirstByDefault, reversedContextLabels, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.js

@@ -44,14 +44,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConnectionRelationTypeSelector = void 0;
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
 var useRelationTypeSelector_1 = require("../hooks/useRelationTypeSelector");
 var RelationTypeSelector_1 = require("../RelationTypeSelector");
@@ -59,12 +54,7 @@ var ConnectionRelationTypeSelector = function (_a) {
     var _b = _a.relation, relation = _b === void 0 ? {} : _b, _c = _a.inRelationTypes, inRelationTypes = _c === void 0 ? [] : _c, _d = _a.outRelationTypes, outRelationTypes = _d === void 0 ? [] : _d, _e = _a.onChange, onChange = _e === void 0 ? ramda_1.identity : _e, _f = _a.applyFirstByDefault, applyFirstByDefault = _f === void 0 ? false : _f, _g = _a.reversedContextLabels, reversedContextLabels = _g === void 0 ? false : _g, otherProps = __rest(_a, ["relation", "inRelationTypes", "outRelationTypes", "onChange", "applyFirstByDefault", "reversedContextLabels"]);
     var _h = (0, useRelationTypeSelector_1.useRelationTypeSelector)({ reversedContextLabels: reversedContextLabels }), getRelationTypesOptions = _h.getRelationTypesOptions, fromEditorValue = _h.fromEditorValue, toEditorValue = _h.toEditorValue;
     var relationsTypesOptions = (0, react_1.useMemo)(function () { return getRelationTypesOptions(inRelationTypes, outRelationTypes); }, [getRelationTypesOptions, inRelationTypes, outRelationTypes]);
-    var handleChange = (0, react_1.useCallback)((0, ramda_1.pipe)(fromEditorValue(inRelationTypes, outRelationTypes), onChange), [
-        fromEditorValue,
-        inRelationTypes,
-        outRelationTypes,
-        onChange
-    ]);
+    var handleChange = (0, react_1.useCallback)((0, ramda_1.pipe)(fromEditorValue(inRelationTypes, outRelationTypes), onChange), [fromEditorValue, inRelationTypes, outRelationTypes, onChange]);
     var hasValue = !!relation.relationType;
     (0, react_1.useEffect)(function () {
         if (applyFirstByDefault && relationsTypesOptions.length && !hasValue) {
@@ -74,12 +64,3 @@ var ConnectionRelationTypeSelector = function (_a) {
     return (react_1.default.createElement(RelationTypeSelector_1.RelationTypeSelector, __assign({ value: toEditorValue(relation, relationsTypesOptions), options: relationsTypesOptions, onChange: handleChange }, otherProps)));
 };
 exports.ConnectionRelationTypeSelector = ConnectionRelationTypeSelector;
-exports.ConnectionRelationTypeSelector.propTypes = {
-    className: prop_types_1.default.string,
-    relation: mdm_sdk_1.ConnectionRelationType,
-    inRelationTypes: prop_types_1.default.arrayOf(mdm_sdk_1.RelationTypeType),
-    outRelationTypes: prop_types_1.default.arrayOf(mdm_sdk_1.RelationTypeType),
-    applyFirstByDefault: prop_types_1.default.bool,
-    reversedContextLabels: prop_types_1.default.bool,
-    onChange: prop_types_1.default.func
-};

package/cjs/DependentLookupEditor/DependentLookupEditor.d.ts

@@ -1,45 +1,28 @@
-export const DEBOUNCE_INTERVAL: 400;
-export function DependentLookupEditor({ multiple, value, lookupCode: lookupTypeCode, TextFieldProps, parents, onChange, getLookups, lookups, resolveLookups, fullWidth, disabled, placeholder, max, ...otherProps }: {
-    [x: string]: any;
-    multiple: any;
-    value: any;
-    lookupCode: any;
-    TextFieldProps: any;
-    parents: any;
-    onChange: any;
-    getLookups: any;
-    lookups?: {};
-    resolveLookups: any;
-    fullWidth: any;
-    disabled: any;
-    placeholder: any;
+import { Lookups, LookupValue } from '@reltio/mdm-sdk';
+import { TextFieldProps } from '@mui/material/TextField';
+export declare const DEBOUNCE_INTERVAL = 400;
+type Props = {
+    multiple?: boolean;
+    value?: LookupValue | LookupValue[];
+    TextFieldProps: TextFieldProps;
+    lookupCode: string;
+    parents?: string[];
+    onChange: (value: LookupValue | LookupValue[]) => void;
+    getLookups: (params: {
+        type: string;
+        parents: string[];
+        displayNamePrefix: string;
+        max: number;
+        offset: number;
+    }) => Promise<Lookups>;
+    lookups: {
+        [key: string]: LookupValue[];
+    };
+    resolveLookups: (lookupType: string, codeValues: LookupValue[]) => void;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
     max?: number;
-}): JSX.Element;
-export namespace DependentLookupEditor {
-    namespace propTypes {
-        let multiple: PropTypes.Requireable<boolean>;
-        let value: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<string>;
-            lookupCode: PropTypes.Requireable<string>;
-        }> | PropTypes.InferProps<{
-            value: PropTypes.Requireable<string>;
-            lookupCode: PropTypes.Requireable<string>;
-        }>[]>>;
-        let TextFieldProps: PropTypes.Requireable<PropTypes.InferProps<{
-            variant: PropTypes.Requireable<string>;
-            margin: PropTypes.Requireable<string>;
-            hiddenLabel: PropTypes.Requireable<boolean>;
-        }>>;
-        let lookupCode: PropTypes.Validator<string>;
-        let parents: PropTypes.Requireable<any[]>;
-        let getLookups: PropTypes.Requireable<(...args: any[]) => any>;
-        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        let lookups: PropTypes.Requireable<object>;
-        let resolveLookups: PropTypes.Requireable<(...args: any[]) => any>;
-        let fullWidth: PropTypes.Requireable<boolean>;
-        let placeholder: PropTypes.Requireable<string>;
-        let disabled: PropTypes.Requireable<boolean>;
-        let max: PropTypes.Requireable<number>;
-    }
-}
-import PropTypes from 'prop-types';
+};
+export declare const DependentLookupEditor: ({ multiple, value, lookupCode: lookupTypeCode, TextFieldProps, parents, onChange, getLookups, lookups, resolveLookups, fullWidth, disabled, placeholder, max, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/DependentLookupEditor/DependentLookupEditor.js

@@ -52,7 +52,6 @@ exports.DependentLookupEditor = 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");
 var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
@@ -192,7 +191,9 @@ var DependentLookupEditor = function (_a) {
     }, [lookupTypeCode]);
     var displayedOptions = (0, react_1.useMemo)(function () { return options.slice(0, pageNumber * max); }, [max, options, pageNumber]);
     var showMoreButton = options.length > displayedOptions.length;
-    var isEmptyValue = multiple ? (0, ramda_1.isEmpty)(value) : !(value === null || value === void 0 ? void 0 : value.lookupCode) && !(value === null || value === void 0 ? void 0 : value.value);
+    var isEmptyValue = multiple
+        ? (0, ramda_1.isEmpty)(value)
+        : !(value === null || value === void 0 ? void 0 : value.lookupCode) && !(value === null || value === void 0 ? void 0 : value.value);
     var markAsTouched = (0, useAutopopulation_1.useAutopopulation)({
         initialDefaultOptions: initialDefaultOptions,
         isEmptyValue: isEmptyValue,
@@ -207,22 +208,3 @@ var DependentLookupEditor = function (_a) {
         }, components: SelectComponents, isClearable: true, isSearchable: true, controlShouldRenderValue: multiple, inputValue: inputValue, filterOption: multiple ? undefined : ramda_1.T, onInputChange: handleInputChange, loadingMessage: function () { return ui_i18n_1.default.text('Loading...'); }, isLoading: !inputValue && isLoadingDefaultOptions, hideSelectedOptions: false, placeholder: placeholder || '', isDisabled: disabled, options: displayedOptions, getOptionValue: (0, ramda_1.either)((0, ramda_1.prop)('value'), (0, ramda_1.prop)('lookupCode')), getOptionLabel: helpers_1.getOptionLabel, onChange: handleChange, onFocus: multiple ? undefined : handleFocus, value: (0, ramda_1.defaultTo)(multiple ? [] : null, value), menuListFooter: showMoreButton && react_1.default.createElement(ReactSelectLoadMoreButton_1.ReactSelectLoadMoreButton, { loading: optionsAreLoading, onClick: loadMoreOptions }) })));
 };
 exports.DependentLookupEditor = DependentLookupEditor;
-exports.DependentLookupEditor.propTypes = {
-    multiple: prop_types_1.default.bool,
-    value: prop_types_1.default.oneOfType([mdm_sdk_1.LookupValueType, prop_types_1.default.arrayOf(mdm_sdk_1.LookupValueType)]),
-    TextFieldProps: prop_types_1.default.shape({
-        variant: prop_types_1.default.string,
-        margin: prop_types_1.default.string,
-        hiddenLabel: prop_types_1.default.bool
-    }),
-    lookupCode: prop_types_1.default.string.isRequired,
-    parents: prop_types_1.default.array,
-    getLookups: prop_types_1.default.func,
-    onChange: prop_types_1.default.func,
-    lookups: prop_types_1.default.object,
-    resolveLookups: prop_types_1.default.func,
-    fullWidth: prop_types_1.default.bool,
-    placeholder: prop_types_1.default.string,
-    disabled: prop_types_1.default.bool,
-    max: prop_types_1.default.number
-};

package/cjs/DropDownEditor/DropDownEditor.d.ts

@@ -1,15 +1,14 @@
-export function DropDownEditor({ entries, classes, ...otherProps }: {
-    [x: string]: any;
-    entries: any;
-    classes?: {};
-}): JSX.Element;
-export namespace DropDownEditor {
-    namespace propTypes {
-        let classes: PropTypes.Requireable<object>;
-        let entries: PropTypes.Validator<PropTypes.InferProps<{
-            value: PropTypes.Validator<NonNullable<NonNullable<string | number | object>>>;
-            label: PropTypes.Requireable<string>;
-        }>[]>;
-    }
-}
-import PropTypes from 'prop-types';
+import React from 'react';
+import MultipliableSelect from '../components/MultipliableSelect/MultipliableSelect';
+import { DropDownEntryType } from '../types';
+type Props = {
+    entries: DropDownEntryType[];
+    classes?: Record<string, string>;
+    value: string;
+    onChange: (value: string) => void;
+    disableUnderline?: boolean;
+    displayEmpty?: boolean;
+    disabled?: boolean;
+} & Omit<React.ComponentProps<typeof MultipliableSelect>, 'children' | 'getValueLabel' | 'onChange' | 'value'>;
+export declare const DropDownEditor: ({ entries, classes, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/DropDownEditor/DropDownEditor.js

@@ -27,11 +27,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropDownEditor = void 0;
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var ramda_1 = require("ramda");
 var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
 var MultipliableSelect_1 = __importDefault(require("../components/MultipliableSelect/MultipliableSelect"));
-var prop_types_2 = require("../constants/prop-types");
 var findEntryByValue = function (entries) { return function (value) { return entries.find((0, ramda_1.propEq)('value', value)); }; };
 var DropDownEditor = function (_a) {
     var entries = _a.entries, _b = _a.classes, classes = _b === void 0 ? {} : _b, otherProps = __rest(_a, ["entries", "classes"]);
@@ -42,7 +40,3 @@ var DropDownEditor = function (_a) {
     })));
 };
 exports.DropDownEditor = DropDownEditor;
-exports.DropDownEditor.propTypes = {
-    classes: prop_types_1.default.object,
-    entries: prop_types_1.default.arrayOf(prop_types_2.DropDownEntryType).isRequired
-};

package/cjs/EditModeAttributesList/EditModeAttributesList.d.ts

@@ -1,5 +1,16 @@
+import React from 'react';
+import { AttributeType, Entity, AttributeValue } from '@reltio/mdm-sdk';
+import { ScrollType } from '../contexts/ScrollToElementContext';
+import { EditModeAttributesPagerProps } from '../EditModeAttributesPager/types';
 declare const _default: React.ComponentType<{
-    [x: string]: unknown;
-}>;
+    parentAttributeType?: AttributeType;
+    attrTypes: AttributeType[];
+    entity: Entity;
+    children?: React.ReactNode;
+    showEmptyEditors?: boolean;
+    showNonOv?: boolean;
+    className?: string;
+    alwaysVisibleTypeUris?: string[];
+    highlightAttribute?: (element: AttributeType, type: ScrollType) => void;
+} & Pick<EditModeAttributesPagerProps<AttributeValue>, "mode" | "crosswalks" | "parentUri" | "onDeleteAttribute" | "onChangeAttribute" | "additionalControlsRenderer" | "showEmptyEditors" | "onAddAttributes" | "drawLines">>;
 export default _default;
-import React from 'react';

package/cjs/EditModeAttributesList/EditModeAttributesList.js

@@ -38,7 +38,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 ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
@@ -100,25 +99,6 @@ var EditModeAttributesList = function (_a) {
             return (react_1.default.createElement(EditModeAttributesPager_1.EditModeAttributesPager, { key: "".concat(attrType.uri, "_").concat(parentUri), attributeType: attrType, drawLines: drawLines, values: values, paging: (0, ramda_1.path)(['paging', attrType.uri], attributes), parentUri: parentUri, showEmptyEditors: showEmptyEditors, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }));
         }))));
 };
-EditModeAttributesList.propTypes = {
-    parentAttributeType: prop_types_1.default.object,
-    attrTypes: prop_types_1.default.array,
-    entity: prop_types_1.default.object,
-    parentUri: prop_types_1.default.string,
-    children: prop_types_1.default.node,
-    showEmptyEditors: prop_types_1.default.bool,
-    mode: mdm_sdk_1.ModeType,
-    crosswalks: prop_types_1.default.array,
-    drawLines: prop_types_1.default.bool,
-    showNonOv: prop_types_1.default.bool,
-    className: prop_types_1.default.string,
-    alwaysVisibleTypeUris: prop_types_1.default.array,
-    onAddAttributes: prop_types_1.default.func,
-    onChangeAttribute: prop_types_1.default.func,
-    onDeleteAttribute: prop_types_1.default.func,
-    additionalControlsRenderer: prop_types_1.default.func,
-    highlightAttribute: prop_types_1.default.func
-};
 exports.default = (0, withContext_1.withContext)(ScrollToElementContext_1.ScrollToElementContext, function (contextValue) {
     var highlightAttribute = (contextValue || {}).highlightAttribute;
     return { highlightAttribute: highlightAttribute };

package/cjs/EditModeAttributesPager/EditModeAttributesPager.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { ReactElement } from 'react';
+import { AttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
 import { EditModeAttributesPagerProps } from './types';
-declare const _default: React.ComponentType<EditModeAttributesPagerProps>;
+declare const _default: <T_1 extends AttributeValue | PrimitiveValue>(props: EditModeAttributesPagerProps<T_1>) => ReactElement;
 export default _default;

package/cjs/EditModeAttributesPager/components/AttributeRenderer/AttributeRenderer.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { AttributeValue, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue, AttributeError, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
+import { AttributeValue, AttributeError, RequestNextPageOfAttributeValuesPayload, Optional } from '@reltio/mdm-sdk';
 import { EditModeAttributesPagerProps } from '../../types';
-type Props = Omit<EditModeAttributesPagerProps, 'values'> & {
-    values?: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
+type Props = Optional<EditModeAttributesPagerProps<AttributeValue>, 'values'> & {
     nonVisibleValues: AttributeValue[];
     errorMessage?: string;
     errors?: AttributeError[];

package/cjs/EditModeAttributesPager/types.d.ts

@@ -1,26 +1,27 @@
-import React from 'react';
-import { AttributeType, Crosswalk, ImageAttributeValue, Mode, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue, AttributeItem } from '@reltio/mdm-sdk';
+import React, { ReactNode } from 'react';
+import { AttributeType, Crosswalk, Mode, Paging, AttributeItem, AttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
 import { ScrollToElementContext } from '../contexts/ScrollToElementContext';
+import { AdditionalControlsRenderer } from '../types';
 export declare enum RENDERER_TYPES {
     imageLine = "imageLine",
     special = "special",
     default = "default"
 }
-export type EditModeAttributesPagerProps = {
-    values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue | ImageAttributeValue | string | number)[];
+export type EditModeAttributesPagerProps<T extends AttributeValue | PrimitiveValue> = {
+    values: T[];
     attributeType: AttributeType;
     paging?: Paging;
     mode?: Mode;
     crosswalks?: Crosswalk[];
     parentUri: string;
-    drawLines: boolean;
+    drawLines?: boolean;
     max?: number;
     showEmptyEditors: boolean;
     showNonOv?: boolean;
     onAddAttributes: (params: AttributeItem[]) => void;
     onDeleteAttribute: (param: AttributeItem) => void;
     onChangeAttribute: (param: AttributeItem) => void;
-    additionalControlsRenderer?: (props: any) => JSX.Element;
+    additionalControlsRenderer?: (props: AdditionalControlsRenderer<AttributeValue>) => ReactNode;
     highlightedError?: React.ContextType<typeof ScrollToElementContext>;
     highlightedAttribute?: React.ContextType<typeof ScrollToElementContext>;
 };

package/cjs/EditModeComplexAttribute/EditModeComplexAttribute.d.ts

@@ -1,5 +1,42 @@
-declare const _default: React.ComponentType<{
-    [x: string]: unknown;
-}>;
+import React, { ContextType, ReactNode } from 'react';
+import { Crosswalk, AttributeType, AttributeError, Mode, Metadata, ComplexAttributeValue } from '@reltio/mdm-sdk';
+import { ScrollToElementContext } from '../contexts/ScrollToElementContext';
+import { AdditionalControlsRenderer } from '../types';
+export type EditModeComplexAttributeProps<T> = {
+    label?: string;
+    attributeTypesList?: AttributeType[];
+    attributeType: AttributeType;
+    attributeValue: T;
+    errors?: AttributeError[];
+    ownError?: AttributeError;
+    mode: Mode;
+    metadata: Metadata;
+    crosswalks?: Crosswalk[];
+    lazy?: boolean;
+    showEmptyEditors?: boolean;
+    onAddOneMore?: () => void;
+    onAddAttributes: (attribute: {
+        uri: string;
+        attributeType: AttributeType;
+    }[]) => void;
+    onDeleteAttribute: (attribute: {
+        uri: string;
+        attributeType: AttributeType;
+        attributeValue: T;
+    }) => void;
+    onChangeAttribute: (attribute: {
+        uri: string;
+        attributeType: AttributeType;
+        value: T;
+    }) => void;
+    additionalControlsRenderer: (props: AdditionalControlsRenderer<ComplexAttributeValue>) => ReactNode;
+    hideDeleteButton?: boolean;
+    state?: 'deleted' | 'edited';
+    showNonOv?: boolean;
+    isHighlightedPath?: boolean;
+    highlightedError?: ContextType<typeof ScrollToElementContext>;
+    expanded?: boolean;
+    children?: ReactNode;
+};
+declare const _default: React.ComponentType<EditModeComplexAttributeProps<ComplexAttributeValue>>;
 export default _default;
-import React from 'react';

package/cjs/EditModeComplexAttribute/EditModeComplexAttribute.js

@@ -1,15 +1,4 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,7 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
@@ -99,10 +87,12 @@ var EditModeComplexAttribute = function (_a) {
         }
     }, [deleted]);
     var hasAnalyticValue = (attributeTypesList || []).some(function (attributeType) { return (0, mdm_sdk_1.isAnalyticAttribute)(attributeType); });
-    var attributeListEntity = (0, react_1.useMemo)(function () { return ({
-        attributes: hasAnalyticValue ? null : attributeValue.value,
-        analyticsAttributes: hasAnalyticValue ? attributeValue.value : null
-    }); }, [attributeValue, hasAnalyticValue]);
+    var attributeListEntity = (0, react_1.useMemo)(function () {
+        return ({
+            attributes: hasAnalyticValue ? null : attributeValue.value,
+            analyticsAttributes: hasAnalyticValue ? attributeValue.value : null
+        });
+    }, [attributeValue, hasAnalyticValue]);
     var errorMessage = (0, mdm_sdk_1.getErrorMessage)(ownError) || (hasDescendantsWithErrors && ui_i18n_1.default.text('Has an incorrect value')) || '';
     return lazy ? (react_1.default.createElement(Button_1.default, { variant: "text", color: "primary", onClick: onAddOneMore }, "Create attribute")) : (react_1.default.createElement("div", { ref: ref, className: (0, classnames_1.default)(styles.complexWrapper, errorClassName) },
         react_1.default.createElement("div", { className: styles.editor },
@@ -119,7 +109,6 @@ var EditModeComplexAttribute = function (_a) {
                 showDeleteButton && (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: Delete_1.default, onClick: onDeleteThis, size: "L", "data-reltio-id": "reltio-delete-complex-attribute-button" })))),
         expanded && (react_1.default.createElement(EditModeAttributesList_1.EditModeAttributesList, { parentAttributeType: attributeType, attrTypes: attributeTypesList, entity: attributeListEntity, showEmptyEditors: showEmptyEditors || isNew, drawLines: true, parentUri: uri, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }, children))));
 };
-EditModeComplexAttribute.propTypes = __assign({ label: prop_types_1.default.string, children: prop_types_1.default.node, attributeTypesList: prop_types_1.default.arrayOf(mdm_sdk_1.AttributeTypeType), attributeValue: prop_types_1.default.oneOfType([mdm_sdk_1.NestedAttributeValueType, mdm_sdk_1.ReferenceAttributeValueType]), highlightedError: prop_types_1.default.object, isHighlightedPath: prop_types_1.default.bool }, mdm_sdk_1.ComplexAttributeType);
 exports.default = (0, withContext_1.withContext)(ScrollToElementContext_1.ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue;
     var _b = contextValue || {}, element = _b.element, type = _b.type;

package/cjs/EditModeComplexAttribute/index.d.ts

@@ -1 +1,2 @@
 export { default as EditModeComplexAttribute } from './EditModeComplexAttribute';
+export type { EditModeComplexAttributeProps } from './EditModeComplexAttribute';

package/cjs/EntitySelector/EntitySelector.d.ts

@@ -1,32 +1,20 @@
-export function EntitySelector({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, ...otherProps }: {
-    [x: string]: any;
-    entity?: {};
-    entityTypesUris?: any[];
-    mode: any;
-    max: any;
-    onChange: any;
-    onCreate: any;
-    metadata: any;
-    globalSearchRequestOptions: any;
-    attributeTypesSelectionStrategy: any;
+import { ConnectionEntity, Mode, Metadata, GlobalSearchRequestOptions, TEntityType, AttributeType, PrimitiveValue } from '@reltio/mdm-sdk';
+import { TextFieldProps } from '@mui/material/TextField';
+type Props = {
+    entity?: ConnectionEntity;
+    entityTypesUris?: string[];
+    mode: Mode;
+    max: number;
+    onChange: (entity: ConnectionEntity) => void;
+    onCreate?: (entityTypeUri: string, value: PrimitiveValue) => void;
+    metadata: Metadata;
+    globalSearchRequestOptions: GlobalSearchRequestOptions;
+    attributeTypesSelectionStrategy: (entityType: TEntityType) => AttributeType[];
     disableLinkClick?: boolean;
-}): JSX.Element;
-export namespace EntitySelector {
-    namespace propTypes {
-        export { ConnectionEntityType as entity };
-        export let entityTypesUris: PropTypes.Requireable<string[]>;
-        export let max: PropTypes.Requireable<number>;
-        export { ModeType as mode };
-        export let dispatch: PropTypes.Requireable<(...args: any[]) => any>;
-        export { MetadataType as metadata };
-        export let onChange: PropTypes.Validator<(...args: any[]) => any>;
-        export let onCreate: PropTypes.Requireable<(...args: any[]) => any>;
-        export let attributeTypesSelectionStrategy: PropTypes.Requireable<(...args: any[]) => any>;
-        export let globalSearchRequestOptions: PropTypes.Requireable<object>;
-        export let disableLinkClick: PropTypes.Requireable<boolean>;
-    }
-}
-import { ConnectionEntityType } from '@reltio/mdm-sdk';
-import PropTypes from 'prop-types';
-import { ModeType } from '@reltio/mdm-sdk';
-import { MetadataType } from '@reltio/mdm-sdk';
+    TextFieldProps?: TextFieldProps;
+    className?: string;
+    height?: number;
+    isDisabled?: boolean;
+};
+export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/EntitySelector/EntitySelector.js

@@ -50,7 +50,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EntitySelector = void 0;
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
@@ -108,16 +107,3 @@ var EntitySelector = function (_a) {
             react_1.default.createElement(EntityCreator_1.EntityCreator, { mode: mode, attributeTypesSelectionStrategy: attributeTypesSelectionStrategy, entityType: currentEntityType, entityUri: entity.entityUri })))));
 };
 exports.EntitySelector = EntitySelector;
-exports.EntitySelector.propTypes = {
-    entity: mdm_sdk_1.ConnectionEntityType,
-    entityTypesUris: prop_types_1.default.arrayOf(prop_types_1.default.string),
-    max: prop_types_1.default.number,
-    mode: mdm_sdk_1.ModeType,
-    dispatch: prop_types_1.default.func,
-    metadata: mdm_sdk_1.MetadataType,
-    onChange: prop_types_1.default.func.isRequired,
-    onCreate: prop_types_1.default.func,
-    attributeTypesSelectionStrategy: prop_types_1.default.func,
-    globalSearchRequestOptions: prop_types_1.default.object,
-    disableLinkClick: prop_types_1.default.bool
-};