@reltio/components 1.4.1853 → 1.4.1855

package/cjs/constants/prop-types.d.ts

@@ -1,88 +1,7 @@
-export const SelectValueType: PropTypes.Requireable<NonNullable<string | number | object>>;
-export const DropDownEntryType: PropTypes.Requireable<PropTypes.InferProps<{
-    value: PropTypes.Validator<NonNullable<NonNullable<string | number | object>>>;
-    label: PropTypes.Requireable<string>;
-}>>;
-export const DropDownGroupEntryType: PropTypes.Requireable<PropTypes.InferProps<{
-    label: PropTypes.Validator<string>;
-    values: PropTypes.Validator<object[]>;
-}>>;
-export const ColumnDataType: PropTypes.Requireable<PropTypes.InferProps<{
-    id: PropTypes.Requireable<string>;
-    label: PropTypes.Requireable<string>;
-    dataTypeDefinition: PropTypes.Requireable<object>;
-    resizable: PropTypes.Requireable<boolean>;
-    sortable: PropTypes.Requireable<boolean>;
-    filterable: PropTypes.Requireable<boolean>;
-    headCellRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-    rowCellValueRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-    nestedPath: PropTypes.Requireable<string[]>;
-}>>;
 export const SortingType: PropTypes.Requireable<PropTypes.InferProps<{
     field: PropTypes.Requireable<string>;
     order: PropTypes.Requireable<string>;
 }>>;
-export const ColumnFilterType: PropTypes.Requireable<PropTypes.InferProps<{
-    value: PropTypes.Requireable<NonNullable<NonNullable<NonNullable<string | number | boolean | PropTypes.InferProps<{
-        value: PropTypes.Requireable<string>;
-        lookupCode: PropTypes.Requireable<string>;
-    }>> | NonNullable<string | number | boolean | PropTypes.InferProps<{
-        value: PropTypes.Requireable<string>;
-        lookupCode: PropTypes.Requireable<string>;
-    }>>[]> | NonNullable<NonNullable<string | number | boolean | PropTypes.InferProps<{
-        value: PropTypes.Requireable<string>;
-        lookupCode: PropTypes.Requireable<string>;
-    }>> | NonNullable<string | number | boolean | PropTypes.InferProps<{
-        value: PropTypes.Requireable<string>;
-        lookupCode: PropTypes.Requireable<string>;
-    }>>[]>[]>>;
-    filter: PropTypes.Requireable<string>;
-}>>;
-export const ColumnsDataType: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-    id: PropTypes.Requireable<string>;
-    label: PropTypes.Requireable<string>;
-    dataTypeDefinition: PropTypes.Requireable<object>;
-}>[] | PropTypes.InferProps<{
-    id: PropTypes.Requireable<string>;
-    label: PropTypes.Requireable<string>;
-    columns: PropTypes.Requireable<PropTypes.InferProps<{
-        id: PropTypes.Requireable<string>;
-        label: PropTypes.Requireable<string>;
-        dataTypeDefinition: PropTypes.Requireable<object>;
-    }>[]>;
-}>[]>>;
-export const GroupedColumnsDataType: PropTypes.Requireable<PropTypes.InferProps<{
-    id: PropTypes.Requireable<string>;
-    label: PropTypes.Requireable<string>;
-    columns: PropTypes.Requireable<PropTypes.InferProps<{
-        id: PropTypes.Requireable<string>;
-        label: PropTypes.Requireable<string>;
-        dataTypeDefinition: PropTypes.Requireable<object>;
-    }>[]>;
-}>[]>;
-export const QueryBuilderAttributeDataType: PropTypes.Requireable<PropTypes.InferProps<{
-    title: PropTypes.Requireable<string>;
-    pathToTitle: PropTypes.Requireable<string[]>;
-    fieldName: PropTypes.Requireable<string>;
-    entityTypeUri: PropTypes.Requireable<string>;
-    attrType: PropTypes.Requireable<PropTypes.InferProps<{
-        label: PropTypes.Requireable<string>;
-        name: PropTypes.Requireable<string>;
-        description: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<string>;
-        hidden: PropTypes.Requireable<boolean>;
-        faceted: PropTypes.Requireable<boolean>;
-        searchable: PropTypes.Requireable<boolean>;
-        uri: PropTypes.Requireable<string>;
-        access: PropTypes.Requireable<string[]>;
-        cardinality: PropTypes.Requireable<PropTypes.InferProps<{
-            minValue: PropTypes.Requireable<number>;
-            maxValue: PropTypes.Requireable<number>;
-        }>>;
-    }>>;
-    uri: PropTypes.Requireable<string>;
-    groupName: PropTypes.Requireable<string>;
-}>>;
 export const QueryBuilderAttributeType: PropTypes.Requireable<PropTypes.InferProps<{
     id: PropTypes.Requireable<NonNullable<string | number>>;
     values: PropTypes.Requireable<any[]>;

package/cjs/constants/prop-types.js

@@ -3,66 +3,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.QueryBuilderAttributeType = exports.QueryBuilderAttributeDataType = exports.GroupedColumnsDataType = exports.ColumnsDataType = exports.ColumnFilterType = exports.SortingType = exports.ColumnDataType = exports.DropDownGroupEntryType = exports.DropDownEntryType = exports.SelectValueType = void 0;
+exports.QueryBuilderAttributeType = exports.SortingType = void 0;
 var prop_types_1 = __importDefault(require("prop-types"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var SelectValueType = prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number, prop_types_1.default.object]);
-exports.SelectValueType = SelectValueType;
-var DropDownEntryType = prop_types_1.default.shape({
-    value: SelectValueType.isRequired,
-    label: prop_types_1.default.string
-});
-exports.DropDownEntryType = DropDownEntryType;
-var DropDownGroupEntryType = prop_types_1.default.shape({
-    label: prop_types_1.default.string.isRequired,
-    values: prop_types_1.default.arrayOf(prop_types_1.default.object).isRequired
-});
-exports.DropDownGroupEntryType = DropDownGroupEntryType;
-var ColumnDataType = prop_types_1.default.shape({
-    id: prop_types_1.default.string,
-    label: prop_types_1.default.string,
-    dataTypeDefinition: prop_types_1.default.object,
-    resizable: prop_types_1.default.bool,
-    sortable: prop_types_1.default.bool,
-    filterable: prop_types_1.default.bool,
-    headCellRenderer: prop_types_1.default.func,
-    rowCellValueRenderer: prop_types_1.default.func,
-    nestedPath: prop_types_1.default.arrayOf(prop_types_1.default.string)
-});
-exports.ColumnDataType = ColumnDataType;
 var SortingType = prop_types_1.default.shape({
     field: prop_types_1.default.string,
-    order: mdm_sdk_1.SortOrderType
+    order: prop_types_1.default.oneOf(['asc', 'desc'])
 });
 exports.SortingType = SortingType;
-var ColumnFilterType = prop_types_1.default.shape({
-    value: prop_types_1.default.oneOfType([mdm_sdk_1.FilterValueType, prop_types_1.default.arrayOf(mdm_sdk_1.FilterValueType)]),
-    filter: prop_types_1.default.string
-});
-exports.ColumnFilterType = ColumnFilterType;
-var PlainColumnsDataType = prop_types_1.default.arrayOf(prop_types_1.default.shape({
-    id: prop_types_1.default.string,
-    label: prop_types_1.default.string,
-    dataTypeDefinition: prop_types_1.default.object
-}));
-var GroupedColumnsDataType = prop_types_1.default.arrayOf(prop_types_1.default.shape({
-    id: prop_types_1.default.string,
+var AttrType = prop_types_1.default.shape({
     label: prop_types_1.default.string,
-    columns: PlainColumnsDataType
-}));
-exports.GroupedColumnsDataType = GroupedColumnsDataType;
-var ColumnsDataType = prop_types_1.default.oneOfType([PlainColumnsDataType, GroupedColumnsDataType]);
-exports.ColumnsDataType = ColumnsDataType;
+    name: prop_types_1.default.string,
+    description: prop_types_1.default.string,
+    type: prop_types_1.default.string,
+    hidden: prop_types_1.default.bool,
+    faceted: prop_types_1.default.bool,
+    searchable: prop_types_1.default.bool,
+    uri: prop_types_1.default.string,
+    access: prop_types_1.default.arrayOf(prop_types_1.default.string),
+    cardinality: prop_types_1.default.shape({
+        minValue: prop_types_1.default.number,
+        maxValue: prop_types_1.default.number
+    })
+});
 var QueryBuilderAttributeDataType = prop_types_1.default.shape({
     title: prop_types_1.default.string,
     pathToTitle: prop_types_1.default.arrayOf(prop_types_1.default.string),
     fieldName: prop_types_1.default.string,
     entityTypeUri: prop_types_1.default.string,
-    attrType: mdm_sdk_1.AttributeTypeType,
+    attrType: AttrType,
     uri: prop_types_1.default.string,
     groupName: prop_types_1.default.string
 });
-exports.QueryBuilderAttributeDataType = QueryBuilderAttributeDataType;
 var QueryBuilderAttributeType = prop_types_1.default.shape({
     id: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
     values: prop_types_1.default.array,

package/cjs/constants/textField.d.ts

@@ -1,6 +1,6 @@
 export declare const COMMON_TEXT_FIELD_PROPS: {
-    variant: string;
-    size: string;
+    variant: "filled";
+    size: "small";
     InputProps: {
         hiddenLabel: boolean;
     };

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

@@ -6,7 +6,7 @@ export declare enum ScrollType {
     NewView = "NewView"
 }
 type ScrollToElementContextProps = {
-    element: unknown;
+    element: AttributeError | AttributeType | string;
     type: ScrollType;
     highlightError?: (element: AttributeError) => void;
     highlightAttribute?: (element: AttributeType) => void;

package/cjs/helpers/basicTable.d.ts

@@ -1,4 +1,4 @@
-import { DataTypes } from '@reltio/mdm-sdk';
+import { FacetFilter } from '@reltio/mdm-sdk';
 import { ColumnData, ColumnFilter } from '../types/basicTable';
 export declare const defaultGetRowCellHeight: ({ columnData, cell }: {
     columnData: any;
@@ -9,10 +9,5 @@ export declare const defaultRenderRowCell: ({ cell, CellValueRenderer, ...otherP
     cell: any;
     CellValueRenderer: any;
 }) => any;
-export declare const columnFilterToMdmFilter: (columnData: Pick<ColumnData, 'id' | 'dataTypeDefinition'>, columnFilter?: ColumnFilter) => {
-    fieldName: string;
-    filter: string;
-    values: import("@reltio/mdm-sdk").SearchValue[];
-    type: DataTypes;
-};
+export declare const columnFilterToMdmFilter: (columnData: Pick<ColumnData, 'id' | 'dataTypeDefinition'>, columnFilter?: ColumnFilter) => FacetFilter;
 export declare const buildColumnsFilter: (columnsData: ColumnData[], filters?: Record<string, ColumnFilter>) => string;

package/cjs/hooks/useRelationTypeSelector.d.ts

@@ -1,10 +1,14 @@
-export function useRelationTypeSelector({ reversedContextLabels }: {
-    reversedContextLabels: any;
-}): {
-    getRelationTypesOptions: (inRelations: any, outRelations: any) => any;
-    fromEditorValue: (inRelationTypes: any, outRelationTypes: any) => (relation: any) => {
-        type: any;
-        direction: any;
+import { ConnectionRelation, TRelationType } from '@reltio/mdm-sdk';
+import { RelationOption } from '../types';
+type Props = {
+    reversedContextLabels?: boolean;
+};
+export declare const useRelationTypeSelector: ({ reversedContextLabels }: Props) => {
+    getRelationTypesOptions: (inRelations: TRelationType[], outRelations: TRelationType[]) => RelationOption[];
+    fromEditorValue: (inRelationTypes: TRelationType[], outRelationTypes: TRelationType[]) => (relation: RelationOption) => {
+        type: TRelationType;
+        direction: string;
     };
-    toEditorValue: (relation: any, relationsTypesOptions: any) => any;
+    toEditorValue: (relation: ConnectionRelation, relationsTypesOptions: RelationOption[]) => RelationOption | undefined;
 };
+export {};

package/cjs/hooks/useRelationTypeSelector.js

@@ -13,7 +13,9 @@ var useRelationTypeSelector = function (_a) {
         var byLabel = (0, ramda_1.ascend)((0, ramda_1.prop)('label'));
         var prepareRelation = (0, ramda_1.curry)(function (direction, _a) {
             var uri = _a.uri, label = _a.label, startObject = _a.startObject, endObject = _a.endObject;
-            var dirObject = direction === (reversedContextLabels ? mdm_sdk_1.Directions.OUT : mdm_sdk_1.Directions.IN) ? startObject : endObject;
+            var dirObject = direction === (reversedContextLabels ? mdm_sdk_1.Directions.OUT : mdm_sdk_1.Directions.IN)
+                ? startObject
+                : endObject;
             return {
                 label: { directionalLabel: getDirectionalLabel(dirObject), typeLabel: label },
                 value: "".concat(uri, ",").concat(direction),

package/cjs/hooks/useSavedSearchesRequest/useSavedSearchesRequest.d.ts

@@ -49,7 +49,7 @@ export declare const useSavedSearchesRequest: ({ options, defaultRowsPerPage, qu
         readonly error: any;
         readonly result?: undefined;
     }>;
-    updateSearch: (savedSearch: SavedSearchData) => Promise<{
+    updateSearch: (savedSearch: SavedSearchData, shouldReloadTotal?: boolean) => Promise<{
         success: boolean;
         result: SavedSearchData;
         error?: undefined;

package/cjs/hooks/useSavedSearchesRequest/useSavedSearchesRequest.js

@@ -186,8 +186,8 @@ var useSavedSearchesRequest = function (_a) {
             }
         });
     }); }, [allOptions, page, updateRequestState, loadSavedSearches]);
-    var updateSearch = (0, react_1.useCallback)(function (savedSearch) { return __awaiter(void 0, void 0, void 0, function () {
-        var result, error_3;
+    var updateSearch = (0, react_1.useCallback)(function (savedSearch, shouldReloadTotal) { return __awaiter(void 0, void 0, void 0, function () {
+        var result, newSavedSearch_1, error_3;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -198,7 +198,11 @@ var useSavedSearchesRequest = function (_a) {
                     return [4 /*yield*/, (0, mdm_sdk_1.updateSavedSearch)(savedSearch)];
                 case 2:
                     result = _a.sent();
-                    setData(function (prevData) { return prevData.map(function (item) { return (item.uri === savedSearch.uri ? savedSearch : item); }); });
+                    if (shouldReloadTotal) {
+                        setProfilesCountMap((0, ramda_1.assocPath)([savedSearch.uri, 'count'], undefined));
+                    }
+                    newSavedSearch_1 = shouldReloadTotal ? (0, ramda_1.omit)(['count'], savedSearch) : savedSearch;
+                    setData(function (prevData) { return prevData.map(function (item) { return (item.uri === savedSearch.uri ? newSavedSearch_1 : item); }); });
                     updateRequestState('updating', types_1.RequestStates.LOADED);
                     return [2 /*return*/, { success: true, result: result }];
                 case 3:

package/cjs/types/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AttributeType, Crosswalk, RelationCrosswalk, SearchFilter, SearchOperator } from '@reltio/mdm-sdk';
+import { AttributeType, AttributeValue, ConnectionRelationType, Crosswalk, RelationCrosswalk, SearchFilter, SearchOperator } from '@reltio/mdm-sdk';
 import { Layout as LayoutItem } from 'react-grid-layout';
 export type ReactGridLayoutItem = LayoutItem;
 export type ReltioGridLayoutOptions = {
@@ -25,7 +25,7 @@ export type QueryBuilderAttributeData = {
     filterOptions: Array<string>;
 };
 export type QueryBuilderAttribute = {
-    id: string;
+    id: string | number;
     values: Array<unknown>;
     data: QueryBuilderAttributeData;
     filter: string;
@@ -161,3 +161,20 @@ export type ImageAttributeSize = ImageSize & {
     imageHeight: number;
     imageMargin: number;
 };
+export type RelationOption = {
+    label: string;
+    value: string;
+} & Pick<ConnectionRelationType, 'startObject' | 'endObject'>;
+export type DropDownEntryType = {
+    label?: string;
+    value: string;
+};
+export type DropDownGroupEntryType = {
+    label?: string;
+    values: DropDownEntryType[];
+    isGroup?: boolean;
+};
+export type AdditionalControlsRenderer<T extends AttributeValue> = {
+    attributeType: AttributeType;
+    attributeValue: T;
+};

package/esm/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -33,7 +33,7 @@ import { useStyles } from './styles';
 var EMPTY_FILTER = { fieldName: null, filter: null, operator: 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 ? EmptyStub : _d;
+    var _d = components, CustomValuesEditor = _d.ValuesEditor, CustomFilterSelector = _d.FilterSelector, _e = _d.LogicalOperator, LogicalOperator = _e === void 0 ? EmptyStub : _e;
     var styles = useStyles();
     var actualFilters = useRef(filters);
     var attributeFilterRef = useRef(null);

package/esm/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/esm/ConnectionEditor/ConnectionEditor.test.js

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

package/esm/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/esm/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.js

@@ -21,8 +21,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useMemo, useCallback, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { ConnectionRelationType, RelationTypeType } from '@reltio/mdm-sdk';
 import { identity, pipe } from 'ramda';
 import { useRelationTypeSelector } from '../hooks/useRelationTypeSelector';
 import { RelationTypeSelector } from '../RelationTypeSelector';
@@ -30,12 +28,7 @@ export 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 ? 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 = useRelationTypeSelector({ reversedContextLabels: reversedContextLabels }), getRelationTypesOptions = _h.getRelationTypesOptions, fromEditorValue = _h.fromEditorValue, toEditorValue = _h.toEditorValue;
     var relationsTypesOptions = useMemo(function () { return getRelationTypesOptions(inRelationTypes, outRelationTypes); }, [getRelationTypesOptions, inRelationTypes, outRelationTypes]);
-    var handleChange = useCallback(pipe(fromEditorValue(inRelationTypes, outRelationTypes), onChange), [
-        fromEditorValue,
-        inRelationTypes,
-        outRelationTypes,
-        onChange
-    ]);
+    var handleChange = useCallback(pipe(fromEditorValue(inRelationTypes, outRelationTypes), onChange), [fromEditorValue, inRelationTypes, outRelationTypes, onChange]);
     var hasValue = !!relation.relationType;
     useEffect(function () {
         if (applyFirstByDefault && relationsTypesOptions.length && !hasValue) {
@@ -44,12 +37,3 @@ export var ConnectionRelationTypeSelector = function (_a) {
     }, [relationsTypesOptions, applyFirstByDefault, handleChange, hasValue]);
     return (React.createElement(RelationTypeSelector, __assign({ value: toEditorValue(relation, relationsTypesOptions), options: relationsTypesOptions, onChange: handleChange }, otherProps)));
 };
-ConnectionRelationTypeSelector.propTypes = {
-    className: PropTypes.string,
-    relation: ConnectionRelationType,
-    inRelationTypes: PropTypes.arrayOf(RelationTypeType),
-    outRelationTypes: PropTypes.arrayOf(RelationTypeType),
-    applyFirstByDefault: PropTypes.bool,
-    reversedContextLabels: PropTypes.bool,
-    onChange: PropTypes.func
-};

package/esm/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/esm/DependentLookupEditor/DependentLookupEditor.js

@@ -23,8 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import classnames from 'classnames';
 import { components } from 'react-select';
-import PropTypes from 'prop-types';
-import { debounce, LookupValueType } from '@reltio/mdm-sdk';
+import { debounce } from '@reltio/mdm-sdk';
 import { concat, defaultTo, either, isEmpty, prop, T } from 'ramda';
 import i18n from 'ui-i18n';
 import { EmptyStub } from '../core/utils';
@@ -163,7 +162,9 @@ export var DependentLookupEditor = function (_a) {
     }, [lookupTypeCode]);
     var displayedOptions = useMemo(function () { return options.slice(0, pageNumber * max); }, [max, options, pageNumber]);
     var showMoreButton = options.length > displayedOptions.length;
-    var isEmptyValue = multiple ? isEmpty(value) : !(value === null || value === void 0 ? void 0 : value.lookupCode) && !(value === null || value === void 0 ? void 0 : value.value);
+    var isEmptyValue = multiple
+        ? isEmpty(value)
+        : !(value === null || value === void 0 ? void 0 : value.lookupCode) && !(value === null || value === void 0 ? void 0 : value.value);
     var markAsTouched = useAutopopulation({
         initialDefaultOptions: initialDefaultOptions,
         isEmptyValue: isEmptyValue,
@@ -177,22 +178,3 @@ export var DependentLookupEditor = function (_a) {
             return optionsAreLoading && !showMoreButton ? i18n.text('Loading...') : i18n.text('No results found');
         }, components: SelectComponents, isClearable: true, isSearchable: true, controlShouldRenderValue: multiple, inputValue: inputValue, filterOption: multiple ? undefined : T, onInputChange: handleInputChange, loadingMessage: function () { return i18n.text('Loading...'); }, isLoading: !inputValue && isLoadingDefaultOptions, hideSelectedOptions: false, placeholder: placeholder || '', isDisabled: disabled, options: displayedOptions, getOptionValue: either(prop('value'), prop('lookupCode')), getOptionLabel: getOptionLabel, onChange: handleChange, onFocus: multiple ? undefined : handleFocus, value: defaultTo(multiple ? [] : null, value), menuListFooter: showMoreButton && React.createElement(ReactSelectLoadMoreButton, { loading: optionsAreLoading, onClick: loadMoreOptions }) })));
 };
-DependentLookupEditor.propTypes = {
-    multiple: PropTypes.bool,
-    value: PropTypes.oneOfType([LookupValueType, PropTypes.arrayOf(LookupValueType)]),
-    TextFieldProps: PropTypes.shape({
-        variant: PropTypes.string,
-        margin: PropTypes.string,
-        hiddenLabel: PropTypes.bool
-    }),
-    lookupCode: PropTypes.string.isRequired,
-    parents: PropTypes.array,
-    getLookups: PropTypes.func,
-    onChange: PropTypes.func,
-    lookups: PropTypes.object,
-    resolveLookups: PropTypes.func,
-    fullWidth: PropTypes.bool,
-    placeholder: PropTypes.string,
-    disabled: PropTypes.bool,
-    max: PropTypes.number
-};

package/esm/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/esm/DropDownEditor/DropDownEditor.js

@@ -21,11 +21,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import PropTypes from 'prop-types';
 import { pipe, prop, propEq } from 'ramda';
 import MenuItem from '@mui/material/MenuItem';
 import MultipliableSelect from '../components/MultipliableSelect/MultipliableSelect';
-import { DropDownEntryType } from '../constants/prop-types';
 var findEntryByValue = function (entries) { return function (value) { return entries.find(propEq('value', value)); }; };
 export var DropDownEditor = function (_a) {
     var entries = _a.entries, _b = _a.classes, classes = _b === void 0 ? {} : _b, otherProps = __rest(_a, ["entries", "classes"]);
@@ -35,7 +33,3 @@ export var DropDownEditor = function (_a) {
         return (React.createElement(MenuItem, { key: index, value: value, className: menuItem }, label || value.toString()));
     })));
 };
-DropDownEditor.propTypes = {
-    classes: PropTypes.object,
-    entries: PropTypes.arrayOf(DropDownEntryType).isRequired
-};

package/esm/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';