@reltio/components 1.4.1853 → 1.4.1854

package/cjs/EntitySelector/components/EntityOption/EntityOption.d.ts

@@ -1,22 +1,17 @@
-export function EntityOption({ innerRef, innerProps, selectOption, data }: {
-    innerRef: any;
-    innerProps: any;
-    selectOption: any;
-    data: any;
-}): JSX.Element;
-export namespace EntityOption {
-    namespace propTypes {
-        let innerRef: PropTypes.Requireable<any>;
-        let innerProps: PropTypes.Validator<object>;
-        let selectOption: PropTypes.Validator<(...args: any[]) => any>;
-        let data: PropTypes.Requireable<PropTypes.InferProps<{
-            uri: PropTypes.Validator<string>;
-            label: PropTypes.Validator<string>;
-            entityType: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                uri: PropTypes.Requireable<string>;
-                type: PropTypes.Requireable<string>;
-            }>>>;
-        }>>;
-    }
-}
-import PropTypes from 'prop-types';
+import { ForwardedRef } from 'react';
+import { MenuItemProps } from '@mui/material/MenuItem';
+import { TEntityType } from '@reltio/mdm-sdk';
+type Option = {
+    label: string;
+    uri: string;
+    entityType: TEntityType;
+    secondaryLabel?: string;
+};
+type Props = {
+    innerProps: MenuItemProps;
+    innerRef: ForwardedRef<HTMLLIElement>;
+    selectOption: (option: Option) => void;
+    data: Option;
+};
+export declare const EntityOption: ({ innerRef, innerProps, selectOption, data }: Props) => JSX.Element;
+export {};

package/cjs/EntitySelector/components/EntityOption/EntityOption.js

@@ -16,10 +16,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EntityOption = void 0;
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var EntityTypeIcon_1 = require("../../../EntityTypeIcon");
 var ExpandedValueTooltip_1 = require("../../../ExpandedValueTooltip");
 var styles_1 = require("./styles");
@@ -43,19 +41,3 @@ var EntityOption = function (_a) {
     }
 };
 exports.EntityOption = EntityOption;
-exports.EntityOption.propTypes = {
-    innerRef: prop_types_1.default.oneOfType([
-        prop_types_1.default.oneOf([null]),
-        prop_types_1.default.func,
-        prop_types_1.default.shape({
-            current: prop_types_1.default.any.isRequired
-        })
-    ]),
-    innerProps: prop_types_1.default.object.isRequired,
-    selectOption: prop_types_1.default.func.isRequired,
-    data: prop_types_1.default.shape({
-        uri: prop_types_1.default.string.isRequired,
-        label: prop_types_1.default.string.isRequired,
-        entityType: mdm_sdk_1.EntityType.isRequired
-    })
-};

package/cjs/ErrorWrapper/ErrorWrapper.d.ts

@@ -3,8 +3,8 @@ import { FormControlProps } from '@mui/material/FormControl';
 type Props = FormControlProps & {
     errorMessage?: string;
     classes?: {
-        root: string;
-        helperText: string;
+        root?: string;
+        helperText?: string;
     };
 };
 export declare const ErrorWrapper: React.MemoExoticComponent<({ errorMessage, children, className, classes, ...otherProps }: Props) => JSX.Element>;

package/cjs/FilterEditor/FilterEditor.d.ts

@@ -1,23 +1,16 @@
-export function FilterEditor({ value, onChange, filterOptions, dataTypeDefinition, classes, valueEditorProps }: {
-    value: any;
-    onChange: any;
-    filterOptions: any;
-    dataTypeDefinition: any;
-    classes: any;
-    valueEditorProps: any;
-}): JSX.Element;
-export namespace FilterEditor {
-    namespace propTypes {
-        export { FilterType as value };
-        export let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export let filterOptions: PropTypes.Requireable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-        }>[]>;
-        export let dataTypeDefinition: PropTypes.Requireable<object>;
-        export let classes: PropTypes.Requireable<object>;
-        export let valueEditorProps: PropTypes.Requireable<object>;
-    }
-}
-import { FilterType } from '@reltio/mdm-sdk';
-import PropTypes from 'prop-types';
+import { ComponentProps } from 'react';
+import { DataTypeDefinition, FacetFilter } from '@reltio/mdm-sdk';
+import { FilterValueEditor } from '../FilterValueEditor';
+type Props = {
+    value: FacetFilter;
+    onChange: (value: FacetFilter) => void;
+    filterOptions: {
+        value: string;
+        label: string;
+    }[];
+    dataTypeDefinition: DataTypeDefinition;
+    classes: Record<string, string>;
+    ValueEditorProps: Omit<ComponentProps<typeof FilterValueEditor>, 'filter' | 'onChange' | 'dataTypeDefinition'>;
+};
+export declare const FilterEditor: ({ value, onChange, filterOptions, dataTypeDefinition, classes, ValueEditorProps }: Props) => JSX.Element;
+export {};

package/cjs/FilterEditor/FilterEditor.js

@@ -16,7 +16,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterEditor = void 0;
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
@@ -25,7 +24,7 @@ var DropDownEditor_1 = require("../DropDownEditor");
 var FilterValueEditor_1 = require("../FilterValueEditor");
 var styles_1 = require("./styles");
 var FilterEditor = function (_a) {
-    var value = _a.value, onChange = _a.onChange, filterOptions = _a.filterOptions, dataTypeDefinition = _a.dataTypeDefinition, classes = _a.classes, valueEditorProps = _a.valueEditorProps;
+    var value = _a.value, onChange = _a.onChange, filterOptions = _a.filterOptions, dataTypeDefinition = _a.dataTypeDefinition, classes = _a.classes, ValueEditorProps = _a.ValueEditorProps;
     var styles = (0, styles_1.useStyles)();
     var firstOption = filterOptions[0];
     var filterOption = value.filter || firstOption.value;
@@ -33,17 +32,6 @@ var FilterEditor = function (_a) {
     var canFilterAcceptValues = (0, mdm_sdk_1.checkIfOptionHasValues)(filterOption);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(DropDownEditor_1.DropDownEditor, { TextFieldProps: constants_1.COMMON_TEXT_FIELD_PROPS, className: (0, classnames_1.default)(classes.option, styles.dropDownEditor), value: filterOption, entries: filterOptions, onChange: (0, ramda_1.pipe)((0, ramda_1.assoc)('filter', ramda_1.__, filter), (0, ramda_1.assoc)('values', []), onChange), classes: { root: (0, classnames_1.default)(styles.root, styles.selectorRoot), icon: styles.icon } }),
-        canFilterAcceptValues && (react_1.default.createElement(FilterValueEditor_1.FilterValueEditor, __assign({ filter: filter, onChange: (0, ramda_1.pipe)((0, ramda_1.assoc)('values', ramda_1.__, filter), onChange), dataTypeDefinition: dataTypeDefinition }, valueEditorProps)))));
+        canFilterAcceptValues && (react_1.default.createElement(FilterValueEditor_1.FilterValueEditor, __assign({ filter: filter, onChange: (0, ramda_1.pipe)((0, ramda_1.assoc)('values', ramda_1.__, filter), onChange), dataTypeDefinition: dataTypeDefinition }, ValueEditorProps)))));
 };
 exports.FilterEditor = FilterEditor;
-exports.FilterEditor.propTypes = {
-    value: mdm_sdk_1.FilterType,
-    onChange: prop_types_1.default.func,
-    filterOptions: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        value: prop_types_1.default.string,
-        label: prop_types_1.default.string
-    })),
-    dataTypeDefinition: prop_types_1.default.object,
-    classes: prop_types_1.default.object,
-    valueEditorProps: prop_types_1.default.object
-};

package/cjs/FilterValueEditor/FilterValueEditor.d.ts

@@ -1,24 +1,14 @@
-export function FilterValueEditor({ filter: { values, fieldName, filter }, onChange, dataTypeDefinition, orientation, TextFieldProps, ...otherProps }: {
-    [x: string]: any;
-    filter: {
-        values?: any[];
-        fieldName: any;
-        filter: any;
-    };
-    onChange: any;
-    dataTypeDefinition: any;
-    orientation: any;
-    TextFieldProps: any;
-}): JSX.Element;
-export namespace FilterValueEditor {
-    namespace propTypes {
-        export { FilterType as filter };
-        export let orientation: PropTypes.Requireable<string>;
-        export let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export let dataTypeDefinition: PropTypes.Requireable<object>;
-        export let classes: PropTypes.Requireable<object>;
-        export let TextFieldProps: PropTypes.Requireable<object>;
-    }
-}
-import { FilterType } from '@reltio/mdm-sdk';
-import PropTypes from 'prop-types';
+import { DataTypeDefinition, DatePeriod, SearchFilter, SearchValue } from '@reltio/mdm-sdk';
+import { TextFieldProps } from '@mui/material/TextField';
+type Props = {
+    filter: SearchFilter;
+    orientation?: 'horizontal' | 'vertical';
+    onChange: (value: Array<SearchValue | DatePeriod | Date>) => void;
+    dataTypeDefinition: DataTypeDefinition;
+    classes?: Record<string, string>;
+    TextFieldProps: TextFieldProps;
+    fullWidth?: boolean;
+    color?: 'primary' | 'secondary';
+};
+export declare const FilterValueEditor: ({ filter: { values, fieldName, filter }, onChange, dataTypeDefinition, orientation, TextFieldProps, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/FilterValueEditor/FilterValueEditor.js

@@ -26,7 +26,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterValueEditor = void 0;
-var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
@@ -52,11 +51,3 @@ var FilterValueEditor = function (_a) {
     }
 };
 exports.FilterValueEditor = FilterValueEditor;
-exports.FilterValueEditor.propTypes = {
-    filter: mdm_sdk_1.FilterType,
-    orientation: prop_types_1.default.oneOf(['horizontal', 'vertical']),
-    onChange: prop_types_1.default.func,
-    dataTypeDefinition: prop_types_1.default.object,
-    classes: prop_types_1.default.object,
-    TextFieldProps: prop_types_1.default.object
-};

package/cjs/HOCs/withFilter/ColumnFilter.js

@@ -95,7 +95,7 @@ var ColumnFilter = function (_a) {
                 vertical: 'top',
                 horizontal: 'right'
             }, classes: { paper: styles.filterMenu }, onClose: applyChangesAndClose },
-            react_1.default.createElement(FilterEditor_1.FilterEditor, { classes: { option: styles['filter-editor__option'] }, value: mdmFilter, onChange: (0, ramda_1.pipe)(helpers_1.mdmFilterToColumnFilter, setColumnFilter), filterOptions: filterOptions, dataTypeDefinition: getFilterDataTypeDefinition(mdmFilter.filter), valueEditorProps: {
+            react_1.default.createElement(FilterEditor_1.FilterEditor, { classes: { option: styles['filter-editor__option'] }, value: mdmFilter, onChange: (0, ramda_1.pipe)(helpers_1.mdmFilterToColumnFilter, setColumnFilter), filterOptions: filterOptions, dataTypeDefinition: getFilterDataTypeDefinition(mdmFilter.filter), ValueEditorProps: {
                     TextFieldProps: {
                         onKeyPress: handleValueEditorKeyPress
                     },

package/cjs/LookupEditor/LookupEditor.d.ts

@@ -1,33 +1,11 @@
-export function LookupEditor({ multiple, value, lookupCode: lookupTypeCode, lookups, onChange, getLookups, ...otherProps }: {
-    [x: string]: any;
-    multiple: any;
-    value: any;
-    lookupCode: any;
-    lookups: any;
-    onChange: any;
-    getLookups: any;
-}): JSX.Element;
-export namespace LookupEditor {
-    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 lookupCode: PropTypes.Validator<string>;
-        let lookups: PropTypes.Validator<{
-            [x: string]: {
-                [x: string]: PropTypes.InferProps<{
-                    displayName: PropTypes.Requireable<string>;
-                    parent: PropTypes.Requireable<string>;
-                }>;
-            };
-        }>;
-        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        let getLookups: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from 'prop-types';
+import { LookupValue, Lookups } from '@reltio/mdm-sdk';
+type Props = {
+    value?: LookupValue | LookupValue[];
+    lookupCode: string;
+    lookups?: Lookups;
+    multiple?: boolean;
+    onChange?: (value: LookupValue | LookupValue[]) => void;
+    getLookups?: () => Promise<Lookups>;
+};
+export declare const LookupEditor: ({ multiple, value, lookupCode: lookupTypeCode, lookups, onChange, getLookups, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/LookupEditor/LookupEditor.js

@@ -44,17 +44,12 @@ 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.LookupEditor = void 0;
-var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
-var helpers_1 = require("./helpers");
 var GroupedDropDownEditor_1 = require("./components/GroupedDropDownEditor");
+var helpers_1 = require("./helpers");
 var LookupEditor = function (_a) {
     var multiple = _a.multiple, value = _a.value, lookupTypeCode = _a.lookupCode, lookups = _a.lookups, onChange = _a.onChange, getLookups = _a.getLookups, otherProps = __rest(_a, ["multiple", "value", "lookupCode", "lookups", "onChange", "getLookups"]);
     var codeToLookup = function (lookupCode) { return ({
@@ -73,11 +68,3 @@ var LookupEditor = function (_a) {
     return multiple ? (react_1.default.createElement(GroupedDropDownEditor_1.GroupedDropDownEditor, __assign({}, commonProps, { value: (0, ramda_1.pluck)('lookupCode', value), getValuePlaceholder: function (lookupCode) { return value.find((0, ramda_1.propEq)('lookupCode', lookupCode)).value; }, onChange: (0, ramda_1.pipe)((0, ramda_1.map)(codeToLookup), onChange) }))) : (react_1.default.createElement(GroupedDropDownEditor_1.GroupedDropDownEditor, __assign({}, commonProps, { value: (0, ramda_1.prop)('lookupCode', value), getValuePlaceholder: (0, ramda_1.always)((0, ramda_1.prop)('value', value)), onChange: (0, ramda_1.pipe)(codeToLookup, onChange) })));
 };
 exports.LookupEditor = LookupEditor;
-exports.LookupEditor.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)]),
-    lookupCode: prop_types_1.default.string.isRequired,
-    lookups: prop_types_1.default.objectOf(prop_types_1.default.objectOf(mdm_sdk_1.SimpleLookupType)).isRequired,
-    onChange: prop_types_1.default.func,
-    getLookups: prop_types_1.default.func
-};

package/cjs/LookupEditor/components/GroupedDropDownEditor/GroupedDropDownEditor.d.ts

@@ -1,21 +1,11 @@
-export const MENU_ITEM_OFFSET: 25;
-export function GroupedDropDownEditor({ value, entries, classes, ...otherProps }: {
-    [x: string]: any;
-    value: any;
-    entries: any;
-    classes: any;
-}): JSX.Element;
-export namespace GroupedDropDownEditor {
-    namespace propTypes {
-        let value: PropTypes.Requireable<NonNullable<NonNullable<string | number | object>>>;
-        let entries: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            value: PropTypes.Validator<NonNullable<NonNullable<string | number | object>>>;
-            label: PropTypes.Requireable<string>;
-        }> | PropTypes.InferProps<{
-            label: PropTypes.Validator<string>;
-            values: PropTypes.Validator<object[]>;
-        }>>[]>;
-        let classes: PropTypes.Requireable<object>;
-    }
-}
-import PropTypes from 'prop-types';
+import { ComponentProps } from 'react';
+import MultipliableSelect from '../../../components/MultipliableSelect/MultipliableSelect';
+import { DropDownGroupEntryType, DropDownEntryType } from '../../../types';
+export declare const MENU_ITEM_OFFSET = 25;
+type Props = {
+    value?: string | string[];
+    entries: DropDownEntryType[] | DropDownGroupEntryType[];
+    classes?: Record<string, string>;
+} & ComponentProps<typeof MultipliableSelect>;
+export declare const GroupedDropDownEditor: ({ value, entries, classes, ...otherProps }: Props) => JSX.Element;
+export {};

package/cjs/LookupEditor/components/GroupedDropDownEditor/GroupedDropDownEditor.js

@@ -27,14 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupedDropDownEditor = exports.MENU_ITEM_OFFSET = void 0;
 var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Check_1 = __importDefault(require("@mui/icons-material/Check"));
 var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
-var prop_types_2 = require("../../../constants/prop-types");
 var MultipliableSelect_1 = __importDefault(require("../../../components/MultipliableSelect/MultipliableSelect"));
 var helpers_1 = require("./helpers");
 var styles_1 = require("./styles");
@@ -54,8 +52,3 @@ var GroupedDropDownEditor = function (_a) {
     })) : (react_1.default.createElement(MenuItem_1.default, { className: styles.emptyLabel, disabled: true }, ui_i18n_1.default.text('No results found')))));
 };
 exports.GroupedDropDownEditor = GroupedDropDownEditor;
-exports.GroupedDropDownEditor.propTypes = {
-    value: prop_types_1.default.oneOfType([prop_types_2.SelectValueType, prop_types_1.default.arrayOf(prop_types_2.SelectValueType)]),
-    entries: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([prop_types_2.DropDownEntryType, prop_types_2.DropDownGroupEntryType])).isRequired,
-    classes: prop_types_1.default.object
-};

package/cjs/LookupEditor/components/GroupedDropDownEditor/helpers.d.ts

@@ -1,2 +1,9 @@
-export const flattenGroupedEntries: any;
-export const findEntryByValue: any;
+import { CurriedFunction2, PrimitiveValue } from '@reltio/mdm-sdk';
+import { DropDownGroupEntryType, DropDownEntryType } from '../../../types';
+type FlattenEntry = DropDownEntryType & {
+    depth: number;
+    isGroup?: boolean;
+};
+export declare const flattenGroupedEntries: (entries: DropDownEntryType[] | DropDownGroupEntryType[]) => FlattenEntry[];
+export declare const findEntryByValue: CurriedFunction2<Array<FlattenEntry>, PrimitiveValue, FlattenEntry>;
+export {};

package/cjs/LookupEditor/components/GroupedDropDownEditor/helpers.js

@@ -25,12 +25,12 @@ var ramda_1 = require("ramda");
 var isGroupEntry = (0, ramda_1.has)('values');
 var flattenEntry = (0, ramda_1.curry)(function (depth, entry) {
     return isGroupEntry(entry)
-        ? __spreadArray([{ label: entry.label, depth: depth, isGroup: true }], (0, ramda_1.chain)(flattenEntry(depth + 1), entry.values), true) : __assign(__assign({}, entry), { depth: depth });
+        ? __spreadArray([
+            { label: entry.label, depth: depth, isGroup: true }
+        ], (0, ramda_1.chain)(flattenEntry(depth + 1), entry.values), true) : __assign(__assign({}, entry), { depth: depth });
 });
 exports.flattenGroupedEntries = (0, ramda_1.chain)(flattenEntry(0));
-exports.findEntryByValue = (0, ramda_1.curry)(function (entries, _value) {
-    return entries.find(function (_a) {
-        var isGroup = _a.isGroup, value = _a.value;
-        return !isGroup && value === _value;
-    });
-});
+exports.findEntryByValue = (0, ramda_1.curry)(function (entries, _value) { return entries.find(function (_a) {
+    var isGroup = _a.isGroup, value = _a.value;
+    return !isGroup && value === _value;
+}); });

package/cjs/LookupEditor/components/GroupedDropDownEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "root" | "checkIcon" | "emptyLabel">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "root" | "checkIcon" | "emptyLabel">;

package/cjs/NestedAttribute/NestedAttribute.d.ts

@@ -1,125 +1,5 @@
-declare const _default: React.MemoExoticComponent<{
-    ({ attributeValue, attributeType, ...otherProps }: {
-        [x: string]: any;
-        attributeValue: any;
-        attributeType: any;
-    }): JSX.Element;
-    propTypes: {
-        attributeType: import("prop-types").Requireable<import("prop-types").InferProps<{
-            label: import("prop-types").Requireable<string>;
-            name: import("prop-types").Requireable<string>;
-            description: import("prop-types").Requireable<string>;
-            type: import("prop-types").Requireable<string>;
-            hidden: import("prop-types").Requireable<boolean>;
-            faceted: import("prop-types").Requireable<boolean>;
-            searchable: import("prop-types").Requireable<boolean>;
-            uri: import("prop-types").Requireable<string>;
-            access: import("prop-types").Requireable<string[]>;
-            cardinality: import("prop-types").Requireable<import("prop-types").InferProps<{
-                minValue: import("prop-types").Requireable<number>;
-                maxValue: import("prop-types").Requireable<number>;
-            }>>;
-        }>>;
-        showEmptyEditors: import("prop-types").Requireable<boolean>;
-        lazy: import("prop-types").Requireable<boolean>;
-        mode: import("prop-types").Requireable<import("@reltio/mdm-sdk").Mode>;
-        metadata: import("prop-types").Requireable<import("prop-types").InferProps<{
-            uri: import("prop-types").Requireable<string>;
-            description: import("prop-types").Requireable<string>;
-            label: import("prop-types").Requireable<string>;
-            schemaVersion: import("prop-types").Requireable<string>;
-            entityTypes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                typeColor: import("prop-types").Requireable<string>;
-                typeIcon: import("prop-types").Requireable<string>;
-                typeImage: import("prop-types").Requireable<string>;
-                label: import("prop-types").Requireable<string>;
-                uri: import("prop-types").Requireable<string>;
-                attributes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    label: import("prop-types").Requireable<string>;
-                    name: import("prop-types").Requireable<string>;
-                    description: import("prop-types").Requireable<string>;
-                    type: import("prop-types").Requireable<string>;
-                    hidden: import("prop-types").Requireable<boolean>;
-                    faceted: import("prop-types").Requireable<boolean>;
-                    searchable: import("prop-types").Requireable<boolean>;
-                    uri: import("prop-types").Requireable<string>;
-                    access: import("prop-types").Requireable<string[]>;
-                    cardinality: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        minValue: import("prop-types").Requireable<number>;
-                        maxValue: import("prop-types").Requireable<number>;
-                    }>>;
-                }>[]>;
-            }>[]>;
-            roles: import("prop-types").Requireable<object[]>;
-            groupTypes: import("prop-types").Requireable<object[]>;
-            relationTypes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                label: import("prop-types").Requireable<string>;
-                uri: import("prop-types").Requireable<string>;
-                typeColor: import("prop-types").Requireable<string>;
-                direction: import("prop-types").Requireable<string>;
-                startObject: import("prop-types").Requireable<object>;
-                endObject: import("prop-types").Requireable<object>;
-            }>[]>;
-            graphTypes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                uri: import("prop-types").Requireable<string>;
-                label: import("prop-types").Requireable<string>;
-                extendsTypeUri: import("prop-types").Requireable<string>;
-                relationshipTypeURIs: import("prop-types").Requireable<string[]>;
-            }>[]>;
-            interactionTypes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                uri: import("prop-types").Requireable<string>;
-                label: import("prop-types").Requireable<string>;
-                memberTypes: import("prop-types").Requireable<any[]>;
-                extendsTypeUri: import("prop-types").Requireable<string>;
-                attributes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    label: import("prop-types").Requireable<string>;
-                    name: import("prop-types").Requireable<string>;
-                    description: import("prop-types").Requireable<string>;
-                    type: import("prop-types").Requireable<string>;
-                    hidden: import("prop-types").Requireable<boolean>;
-                    faceted: import("prop-types").Requireable<boolean>;
-                    searchable: import("prop-types").Requireable<boolean>;
-                    uri: import("prop-types").Requireable<string>;
-                    access: import("prop-types").Requireable<string[]>;
-                    cardinality: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        minValue: import("prop-types").Requireable<number>;
-                        maxValue: import("prop-types").Requireable<number>;
-                    }>>;
-                }>[]>;
-            }>[]>;
-            sources: import("prop-types").Requireable<object[]>;
-        }>>;
-        ownError: import("prop-types").Requireable<import("prop-types").InferProps<{
-            type: import("prop-types").Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
-            attributeTypeUri: import("prop-types").Validator<string>;
-            parentUri: import("prop-types").Validator<string>;
-            uri: import("prop-types").Requireable<string>;
-            message: import("prop-types").Requireable<string>;
-        }>>;
-        errors: import("prop-types").Requireable<import("prop-types").InferProps<{
-            type: import("prop-types").Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
-            attributeTypeUri: import("prop-types").Validator<string>;
-            parentUri: import("prop-types").Validator<string>;
-            uri: import("prop-types").Requireable<string>;
-            message: import("prop-types").Requireable<string>;
-        }>[]>;
-        crosswalks: import("prop-types").Requireable<any[]>;
-        onAddAttributes: import("prop-types").Requireable<(...args: any[]) => any>;
-        onAddOneMore: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDeleteAttribute: import("prop-types").Requireable<(...args: any[]) => any>;
-        onChangeAttribute: import("prop-types").Requireable<(...args: any[]) => any>;
-        additionalControlsRenderer: import("prop-types").Requireable<(...args: any[]) => any>;
-        hideDeleteButton: import("prop-types").Requireable<boolean>;
-        showNonOv: import("prop-types").Requireable<boolean>;
-        state: import("prop-types").Requireable<string>;
-        expanded: import("prop-types").Requireable<boolean>;
-        attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
-            value: import("prop-types").Requireable<object>;
-            ov: import("prop-types").Requireable<boolean>;
-            type: import("prop-types").Requireable<string>;
-            uri: import("prop-types").Requireable<string>;
-        }>>;
-    };
-}>;
-export default _default;
 import React from 'react';
+import { NestedAttributeValue } from '@reltio/mdm-sdk';
+import { ReadOnlyComplexAttributeProps } from '../ReadOnlyComplexAttribute';
+declare const _default: React.MemoExoticComponent<({ attributeValue, attributeType, ...otherProps }: ReadOnlyComplexAttributeProps<NestedAttributeValue>) => JSX.Element>;
+export default _default;

package/cjs/NestedAttribute/NestedAttribute.js

@@ -73,5 +73,4 @@ var NestedAttribute = function (_a) {
     }, [appearance, styles, attributeValue, attributeType]);
     return (react_1.default.createElement(ReadOnlyComplexAttribute_1.ReadOnlyComplexAttribute, __assign({ label: attributeLabel, attributeValue: attributeValue, attributeTypesList: (0, mdm_sdk_1.getAttributeTypeSubAttributes)({}, attributeType), attributeType: attributeType }, otherProps)));
 };
-NestedAttribute.propTypes = mdm_sdk_1.NestedAttributeType;
 exports.default = (0, react_1.memo)(NestedAttribute);

package/cjs/NestedAttributeEditor/NestedAttributeEditor.d.ts

@@ -1,2 +1,6 @@
-export const NestedAttributeEditor: React.NamedExoticComponent<object>;
 import React from 'react';
+import { NestedAttributeValue } from '@reltio/mdm-sdk';
+import { EditModeComplexAttributeProps } from '../EditModeComplexAttribute';
+type Props = EditModeComplexAttributeProps<NestedAttributeValue>;
+export declare const NestedAttributeEditor: React.MemoExoticComponent<(props: Props) => JSX.Element>;
+export {};

package/cjs/NestedAttributeEditor/NestedAttributeEditor.js

@@ -43,5 +43,4 @@ exports.NestedAttributeEditor = (0, react_1.memo)(function (props) {
     var label = (0, mdm_sdk_1.evaluateDeepEntityLabel)(attributeValue, attributeType.dataLabelPattern);
     return (react_1.default.createElement(EditModeComplexAttribute_1.EditModeComplexAttribute, __assign({ label: (0, mdm_sdk_1.getLabel)(label), attributeTypesList: attributeType.attributes || attributeType.analyticsAttributes }, props)));
 });
-exports.NestedAttributeEditor.propTypes = mdm_sdk_1.NestedAttributeType;
 exports.NestedAttributeEditor.displayName = 'NestedAttributeEditor';

package/cjs/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.d.ts

@@ -1,45 +1,15 @@
-export function ReadOnlyComplexAttribute({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType, LabelRenderer, RightSlot }: {
-    attributeTypesList: any;
-    attributeValue: any;
-    label: any;
+import { ReactElement, ReactNode } from 'react';
+import { AttributeType, ComplexAttributeValue } from '@reltio/mdm-sdk';
+import { AdditionalControlsRenderer } from '../types';
+export type ReadOnlyComplexAttributeProps<T> = {
+    attributeTypesList?: AttributeType[];
+    attributeValue: T;
+    label?: string | ReactNode;
     expanded?: boolean;
-    children: any;
-    showNonOv: any;
-    attributeType: any;
-    LabelRenderer: any;
-    RightSlot: any;
-}): JSX.Element;
-export namespace ReadOnlyComplexAttribute {
-    namespace propTypes {
-        export let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export let label: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        export let attributeTypesList: 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>;
-            }>>;
-        }>[]>;
-        export let attributeValue: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<object>;
-            ov: PropTypes.Requireable<boolean>;
-            type: PropTypes.Requireable<string>;
-            uri: PropTypes.Requireable<string>;
-        }>>>;
-        export let expanded: PropTypes.Requireable<boolean>;
-        export let showNonOv: PropTypes.Requireable<boolean>;
-        export { AttributeTypeType as attributeType };
-        export let LabelRenderer: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export let RightSlot: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-    }
-}
-import PropTypes from 'prop-types';
-import { AttributeTypeType } from '@reltio/mdm-sdk';
+    children?: ReactNode;
+    showNonOv?: boolean;
+    attributeType?: AttributeType;
+    LabelRenderer?: (props: AdditionalControlsRenderer<ComplexAttributeValue>) => ReactElement;
+    RightSlot?: (props: AdditionalControlsRenderer<ComplexAttributeValue>) => ReactElement;
+};
+export declare const ReadOnlyComplexAttribute: <T extends ComplexAttributeValue>({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType, LabelRenderer, RightSlot }: ReadOnlyComplexAttributeProps<T>) => JSX.Element;