@reltio/components 1.4.1852 → 1.4.1854

package/cjs/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.js

@@ -39,7 +39,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReadOnlyComplexAttribute = void 0;
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
@@ -80,14 +79,3 @@ var ReadOnlyComplexAttribute = function (_a) {
         expanded && (react_1.default.createElement(ReadOnlyAttributesList_1.ReadOnlyAttributesList, { attrTypes: attributeTypesList, entity: attributeListEntity, drawLines: true, parentUri: uri, showNonOv: showNonOv }, children))));
 };
 exports.ReadOnlyComplexAttribute = ReadOnlyComplexAttribute;
-exports.ReadOnlyComplexAttribute.propTypes = {
-    children: prop_types_1.default.node,
-    label: prop_types_1.default.oneOfType([prop_types_1.default.string, 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]),
-    expanded: prop_types_1.default.bool,
-    showNonOv: prop_types_1.default.bool,
-    attributeType: mdm_sdk_1.AttributeTypeType,
-    LabelRenderer: prop_types_1.default.elementType,
-    RightSlot: prop_types_1.default.elementType
-};

package/cjs/ReadOnlyComplexAttribute/index.d.ts

@@ -1 +1,2 @@
 export { ReadOnlyComplexAttribute } from './ReadOnlyComplexAttribute';
+export type { ReadOnlyComplexAttributeProps } from './ReadOnlyComplexAttribute';

package/cjs/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -1,25 +1,4 @@
 import React from 'react';
-import { AttributeError, AttributeItem, AttributeType, Crosswalk, Mode, ReferenceAttributeValue } from '@reltio/mdm-sdk';
-import { ScrollToElementContext } from '../contexts/ScrollToElementContext';
-export type Props = {
-    attributeValue: ReferenceAttributeValue;
-    attributeType: AttributeType;
-    showEmptyEditors: boolean;
-    lazy?: boolean;
-    ownError?: AttributeError;
-    errors?: AttributeError[];
-    mode?: Mode;
-    crosswalks?: Crosswalk[];
-    showNonOv?: boolean;
-    onAddAttributes: (params: AttributeItem[]) => void;
-    onAddOneMore: (params: AttributeItem) => void;
-    onDeleteAttribute: (param: AttributeItem) => void;
-    onChangeAttribute: (param: AttributeItem) => void;
-    additionalControlsRenderer?: (props: any) => JSX.Element;
-    hideDeleteButton?: boolean;
-    highlightedError?: React.ContextType<typeof ScrollToElementContext>;
-    highlightedAttribute?: React.ContextType<typeof ScrollToElementContext>;
-    state?: 'deleted' | 'edited';
-    expanded?: boolean;
-};
-export declare const ReferenceAttribute: React.MemoExoticComponent<({ attributeValue, attributeType, ...otherProps }: Props) => JSX.Element>;
+import { ReferenceAttributeValue } from '@reltio/mdm-sdk';
+import { ReadOnlyComplexAttributeProps } from '../ReadOnlyComplexAttribute';
+export declare const ReferenceAttribute: React.MemoExoticComponent<({ attributeValue, attributeType, ...otherProps }: ReadOnlyComplexAttributeProps<ReferenceAttributeValue>) => JSX.Element>;

package/cjs/ReferenceAttribute/ReferenceAttribute.test.js

@@ -164,7 +164,7 @@ describe('read mode ReferenceAttribute', function () {
         collaborationPath: collaborationPath
     };
     var setUp = function (_a) {
-        var attributeValue = _a.attributeValue, attributeType = _a.attributeType, state = _a.state, _b = _a.searchValue, searchValue = _b === void 0 ? '' : _b, _c = _a.historyDiff, historyDiff = _c === void 0 ? defaultHistoryDiff : _c;
+        var attributeValue = _a.attributeValue, attributeType = _a.attributeType, _b = _a.searchValue, searchValue = _b === void 0 ? '' : _b, _c = _a.historyDiff, historyDiff = _c === void 0 ? defaultHistoryDiff : _c;
         var user = user_event_1.default.setup();
         var Providers = function (_a) {
             var children = _a.children;
@@ -173,7 +173,7 @@ describe('read mode ReferenceAttribute', function () {
                     react_1.default.createElement(HistoryAppearanceContext_1.HistoryDiffContext.Provider, { value: historyDiff },
                         react_1.default.createElement(SearchValueContext_1.SearchValueContext.Provider, { value: searchValue }, children)))));
         };
-        var renderer = (0, react_2.render)(react_1.default.createElement(ReferenceAttribute_1.ReferenceAttribute, { attributeValue: attributeValue, attributeType: attributeType, showEmptyEditors: false, onAddAttributes: jest.fn, onAddOneMore: jest.fn, onDeleteAttribute: jest.fn, onChangeAttribute: jest.fn, state: state }), {
+        var renderer = (0, react_2.render)(react_1.default.createElement(ReferenceAttribute_1.ReferenceAttribute, { attributeValue: attributeValue, attributeType: attributeType }), {
             wrapper: Providers
         });
         return __assign(__assign({}, renderer), { user: user });

package/cjs/ReferenceAttributeEditor/ReferenceAttributeEditor.d.ts

@@ -1,3 +1,6 @@
-declare const _default: React.ComponentType<any>;
-export default _default;
 import React from 'react';
+import { ReferenceAttributeValue } from '@reltio/mdm-sdk';
+import { EditModeComplexAttributeProps } from '../EditModeComplexAttribute';
+type Props = EditModeComplexAttributeProps<ReferenceAttributeValue>;
+declare const _default: React.ComponentType<Props>;
+export default _default;

package/cjs/ReferenceAttributeEditor/ReferenceAttributeEditor.js

@@ -49,7 +49,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
@@ -153,10 +152,10 @@ var ReferenceAttributeEditor = function (props) {
                         _a[styles.dense] = errorMessage || (selectedEntity && (0, mdm_sdk_1.isTempUri)(selectedEntity.entityUri)),
                         _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy })))));
 };
-ReferenceAttributeEditor.propTypes = __assign(__assign({}, mdm_sdk_1.ReferenceAttributeType), { highlightedError: prop_types_1.default.object });
 exports.default = (0, withContext_1.withContext)(ScrollToElementContext_1.ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;
     var _b = contextValue || {}, element = _b.element, type = _b.type;
-    var isHighlighted = (0, ScrollToElementContext_1.isHighlightedErrorType)(type) && (0, mdm_sdk_1.isAttributeTypeError)(element, attributeValue.uri, attributeType.uri);
+    var isHighlighted = (0, ScrollToElementContext_1.isHighlightedErrorType)(type) &&
+        (0, mdm_sdk_1.isAttributeTypeError)(element, attributeValue.uri, attributeType.uri);
     return { highlightedError: isHighlighted ? contextValue : null };
 }, ReferenceAttributeEditor);

package/cjs/RelationTypeSelector/RelationTypeSelector.d.ts

@@ -1,27 +1,10 @@
-export function RelationTypeSelector({ value, options, onChange, TextFieldProps, ...otherProps }: {
-    [x: string]: any;
-    value?: {};
-    options?: any[];
-    onChange?: any;
-    TextFieldProps: any;
-}): JSX.Element;
-export namespace RelationTypeSelector {
-    namespace propTypes {
-        export { ValueType as value };
-        export let options: PropTypes.Requireable<PropTypes.InferProps<{
-            label: PropTypes.Validator<string>;
-            value: PropTypes.Validator<string>;
-            startObject: PropTypes.Requireable<object>;
-            endObject: PropTypes.Requireable<object>;
-        }>[]>;
-        export let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-declare const ValueType: PropTypes.Requireable<PropTypes.InferProps<{
-    label: PropTypes.Validator<string>;
-    value: PropTypes.Validator<string>;
-    startObject: PropTypes.Requireable<object>;
-    endObject: PropTypes.Requireable<object>;
-}>>;
-import PropTypes from 'prop-types';
+import { TextFieldProps } from '@mui/material/TextField';
+import { RelationOption as RelationOptionType } from '../types';
+type Props = {
+    value?: RelationOptionType;
+    options?: RelationOptionType[];
+    onChange?: (value: RelationOptionType) => void;
+    TextFieldProps?: TextFieldProps;
+};
+export declare const RelationTypeSelector: ({ value, options, onChange, TextFieldProps, ...otherProps }: Props) => JSX.Element;
 export {};

package/cjs/RelationTypeSelector/RelationTypeSelector.js

@@ -50,11 +50,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RelationTypeSelector = 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 RelationOption_1 = require("./components/RelationOption");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var DropDownSelector_1 = require("../DropDownSelector");
+var RelationOption_1 = require("./components/RelationOption");
 var RelationTypeSelector = function (_a) {
     var _b = _a.value, value = _b === void 0 ? {} : _b, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.onChange, onChange = _d === void 0 ? ramda_1.identity : _d, TextFieldProps = _a.TextFieldProps, otherProps = __rest(_a, ["value", "options", "onChange", "TextFieldProps"]);
     var textFieldProps = (0, react_1.useMemo)(function () {
@@ -64,14 +63,3 @@ var RelationTypeSelector = function (_a) {
     return (react_1.default.createElement(DropDownSelector_1.DropDownSelector, __assign({ value: value, options: options, onChange: onChange, label: ui_i18n_1.default.text('Select relationship type '), components: { Option: RelationOption_1.RelationOption }, TextFieldProps: textFieldProps }, otherProps)));
 };
 exports.RelationTypeSelector = RelationTypeSelector;
-var ValueType = prop_types_1.default.shape({
-    label: prop_types_1.default.string.isRequired,
-    value: prop_types_1.default.string.isRequired,
-    startObject: prop_types_1.default.object,
-    endObject: prop_types_1.default.object
-});
-exports.RelationTypeSelector.propTypes = {
-    value: ValueType,
-    options: prop_types_1.default.arrayOf(ValueType),
-    onChange: prop_types_1.default.func
-};

package/cjs/SimpleAttributeEditor/SimpleAttributeEditor.d.ts

@@ -1,19 +1,42 @@
+import React from 'react';
+import { SimpleAttributeValue, AttributeType, Mode, AttributeError, PrimitiveValue } from '@reltio/mdm-sdk';
+import { AdditionalControlsRenderer } from '../types';
 declare const _default: React.ForwardRefExoticComponent<Pick<{
-    [x: string]: any;
-    className: any;
-    attributeValue: any;
-    attributeType: any;
-    isReltioCrosswalk: any;
-    ownError: any;
-    mode: any;
-    onAddOneMore: any;
-    onDeleteAttribute: any;
-    onChangeAttribute: any;
-    onDeactivateError: any;
-    additionalControlsRenderer: any;
-    state: any;
-    highlightedError: any;
+    className?: string;
+    attributeValue: SimpleAttributeValue;
+    attributeType: AttributeType;
+    isReltioCrosswalk?: boolean;
+    state: "edited" | "deleted";
+    mode: Mode;
+    onAddOneMore?: () => void;
+    onDeleteAttribute?: (attribute: {
+        uri: string;
+        attributeType: AttributeType;
+    }) => void;
+    onChangeAttribute: (attribute: {
+        attributeType: AttributeType;
+        uri: string;
+        value: PrimitiveValue;
+        silent?: boolean;
+    }) => void;
+    onDeactivateError: (errorId: string) => void;
+    additionalControlsRenderer?: (props: AdditionalControlsRenderer<SimpleAttributeValue>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ownError?: AttributeError;
+    highlightedError?: {
+        element: string | AttributeType | AttributeError;
+        type: import("../contexts/ScrollToElementContext").ScrollType;
+        highlightError?: (element: AttributeError) => void;
+        highlightAttribute?: (element: AttributeType) => void;
+        highlightView?: (element: string) => void;
+        scrollIntoRef: (ref: React.Ref<HTMLDivElement>) => void;
+    };
     isEmptyEditor?: boolean;
-}, string | number> & React.RefAttributes<unknown>>;
+} & Partial<{
+    [x: string]: any;
+    fieldName: any;
+    value: any;
+    onChange: any;
+    dataTypeDefinition: any;
+    TextFieldProps?: {};
+}>, string | number> & React.RefAttributes<unknown>>;
 export default _default;
-import React from 'react';

package/cjs/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -49,7 +49,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var Add_1 = __importDefault(require("@mui/icons-material/Add"));
@@ -142,22 +141,6 @@ var SimpleAttributeEditor = function (_a) {
             additionalControlsRenderer && additionalControlsRenderer({ attributeType: attributeType, attributeValue: attributeValue }),
             showDeleteButton && (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { className: styles.button, icon: Delete_1.default, onClick: onDelete, size: "L", "data-reltio-id": "reltio-delete-simple-attribute-button" })))));
 };
-SimpleAttributeEditor.propTypes = {
-    className: prop_types_1.default.string,
-    attributeValue: mdm_sdk_1.SimpleAttributeValueType,
-    attributeType: mdm_sdk_1.AttributeTypeType,
-    ownError: mdm_sdk_1.AttributeErrorType,
-    isReltioCrosswalk: prop_types_1.default.bool,
-    state: prop_types_1.default.oneOf(['deleted', 'edited']),
-    mode: mdm_sdk_1.ModeType,
-    onAddOneMore: prop_types_1.default.func,
-    onDeleteAttribute: prop_types_1.default.func,
-    onChangeAttribute: prop_types_1.default.func,
-    onDeactivateError: prop_types_1.default.func,
-    additionalControlsRenderer: prop_types_1.default.func,
-    highlightedError: prop_types_1.default.object,
-    isEmptyEditor: prop_types_1.default.bool
-};
 var SimpleAttributeEditorWithScrollToElementContext = (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/SimpleAttributeEditor/useAttributeValuePermissions.d.ts

@@ -7,7 +7,7 @@ type Props = {
 };
 export declare const useAttributeValuePermissions: ({ attributeType, attributeValue, isReltioCrosswalk, mode }: Props) => {
     canCreate: boolean;
-    canEdit: any;
+    canEdit: boolean;
     canDelete: any;
 };
 export {};

package/cjs/components/ImageDetailsView/helpers/index.d.ts

@@ -1,4 +1,4 @@
-import { ImageAttributeValue, AttributeType } from '@reltio/mdm-sdk';
+import { ImageAttributeValue, AttributeType, SimpleAttributeValue, NestedAttributeValue } from '@reltio/mdm-sdk';
 import { ImageAttributeFieldsOrder } from '../types';
 export declare const getFormattedSystemImageAttributeValue: ({ value }: ImageAttributeValue, name: string) => any;
 export declare const filterByFieldsOrder: (keys: string[], fieldsOrder: ImageAttributeFieldsOrder) => string[];
@@ -8,5 +8,8 @@ export declare const getSystemAttributesList: (attrValue: ImageAttributeValue, f
     value: any;
     isLink: boolean;
 }[];
-export declare const getNotSystemAttributesList: (attrValue: ImageAttributeValue, attrType: AttributeType, fieldsOrder: ImageAttributeFieldsOrder) => any[];
+export declare const getNotSystemAttributesList: (attrValue: ImageAttributeValue, attrType: AttributeType, fieldsOrder: ImageAttributeFieldsOrder) => {
+    attrType: AttributeType;
+    values: SimpleAttributeValue[] | NestedAttributeValue[];
+}[];
 export declare const isLink: (key: string) => boolean;

package/cjs/components/ImportButton/ImportButton.d.ts

@@ -1,3 +1,4 @@
+import { MouseEventHandler } from 'react';
 export declare enum ImportModes {
     INIT = 1,
     PROGRESS = 2,
@@ -6,7 +7,7 @@ export declare enum ImportModes {
 }
 type Props = {
     tooltip?: string;
-    onClick?: () => void;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
     classes?: Partial<Record<'root' | 'spinner' | 'button' | 'check', string>>;
     mode?: ImportModes;
 };

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

@@ -1,31 +1,21 @@
+import React from 'react';
+import { TextFieldProps } from '@mui/material/TextField';
+import { MenuProps } from '@mui/material/Menu';
+import { PrimitiveValue } from '@reltio/mdm-sdk';
+import { DropDownEntryType } from '../../types';
+type Props<T> = {
+    multiple?: boolean;
+    fullWidth?: boolean;
+    value: T;
+    TextFieldProps?: TextFieldProps;
+    MenuProps?: Partial<MenuProps>;
+    children?: React.ReactNode;
+    classes?: Record<string, string>;
+    className?: string;
+    onChange?: (value: T) => void;
+    getValueLabel?: (value: T) => string;
+    getValuePlaceholder?: (value: T) => string;
+    isCrossedOut?: boolean;
+};
+declare const MultipliableSelect: <T extends PrimitiveValue | DropDownEntryType>({ multiple, value, children, getValueLabel, getValuePlaceholder, onChange, fullWidth, TextFieldProps, MenuProps, classes, isCrossedOut, ...otherProps }: Props<T>) => JSX.Element;
 export default MultipliableSelect;
-declare function MultipliableSelect({ multiple, value, children, getValueLabel, getValuePlaceholder, onChange, fullWidth, TextFieldProps, MenuProps, classes, isCrossedOut, ...otherProps }: {
-    [x: string]: any;
-    multiple: any;
-    value: any;
-    children: any;
-    getValueLabel?: () => void;
-    getValuePlaceholder?: any;
-    onChange?: () => void;
-    fullWidth: any;
-    TextFieldProps: any;
-    MenuProps: any;
-    classes: any;
-    isCrossedOut: any;
-}): JSX.Element;
-declare namespace MultipliableSelect {
-    namespace propTypes {
-        let multiple: PropTypes.Requireable<boolean>;
-        let fullWidth: PropTypes.Requireable<boolean>;
-        let value: PropTypes.Requireable<NonNullable<NonNullable<string | number | object>>>;
-        let TextFieldProps: PropTypes.Requireable<object>;
-        let MenuProps: PropTypes.Requireable<object>;
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let classes: PropTypes.Requireable<object>;
-        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        let getValueLabel: PropTypes.Requireable<(...args: any[]) => any>;
-        let getValuePlaceholder: PropTypes.Requireable<(...args: any[]) => any>;
-        let isCrossedOut: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from 'prop-types';

package/cjs/components/MultipliableSelect/MultipliableSelect.js

@@ -26,11 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 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 TextField_1 = __importDefault(require("@mui/material/TextField"));
-var prop_types_2 = require("../../constants/prop-types");
 var utils_1 = require("../../core/utils");
 var ValueChip_1 = __importDefault(require("../ValueChip/ValueChip"));
 var styles_1 = require("./styles");
@@ -44,17 +42,4 @@ var MultipliableSelect = function (_a) {
                 return multiple ? (react_1.default.createElement("div", { className: styles.chips }, selected.map(function (value, index) { return (react_1.default.createElement(ValueChip_1.default, { key: value, label: getValueLabel(value) || getValuePlaceholder(value), onMouseDown: function (event) { return event.stopPropagation(); }, onDelete: function () { return onChange((0, ramda_1.remove)(index, 1, selected)); } })); }))) : (getValueLabel(selected) || getValuePlaceholder(selected));
             } }) }), children));
 };
-MultipliableSelect.propTypes = {
-    multiple: prop_types_1.default.bool,
-    fullWidth: prop_types_1.default.bool,
-    value: prop_types_1.default.oneOfType([prop_types_2.SelectValueType, prop_types_1.default.arrayOf(prop_types_2.SelectValueType)]),
-    TextFieldProps: prop_types_1.default.object,
-    MenuProps: prop_types_1.default.object,
-    children: prop_types_1.default.node,
-    classes: prop_types_1.default.object,
-    onChange: prop_types_1.default.func,
-    getValueLabel: prop_types_1.default.func,
-    getValuePlaceholder: prop_types_1.default.func,
-    isCrossedOut: prop_types_1.default.bool
-};
 exports.default = MultipliableSelect;

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

@@ -1,2 +1,2 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"inactive" | "label" | "entityType" | "secondaryLabel" | "profileBand" | "entityId" | "badge" | "profileBandWrapper" | "profileIcon" | "imageProfileIcon" | "profileInfo" | "businessCard" | "specialInfo">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"inactive" | "label" | "secondaryLabel" | "entityType" | "profileBand" | "entityId" | "badge" | "profileBandWrapper" | "profileIcon" | "imageProfileIcon" | "profileInfo" | "businessCard" | "specialInfo">;
 export default useStyles;

package/cjs/components/QueryBuilderRow/QueryBuilderRow.d.ts

@@ -1,109 +1,45 @@
-declare const _default: React.MemoExoticComponent<{
-    ({ classes, rowData, previousRowData, LogicOperatorComponent, AttributeSelectorComponent, FilterSelectorComponent, ValuesEditorComponent, ActionsComponent, filterSelectorRef, attributeSelectorProps, ...rowContext }: {
-        [x: string]: any;
-        classes?: {};
-        rowData: any;
-        previousRowData: any;
-        LogicOperatorComponent?: {
-            ({ className, rowData }: {
-                className: string;
-                rowData: import("../..").QueryBuilderAttribute;
-            }): JSX.Element;
-            propTypes: {
-                className: PropTypes.Requireable<string>;
-                rowData: PropTypes.Requireable<object>;
-            };
-        };
-        AttributeSelectorComponent: any;
-        FilterSelectorComponent?: ({ className, rowData }: {
-            className: string;
-            rowData: import("../..").QueryBuilderAttribute;
-        }) => JSX.Element;
-        ValuesEditorComponent: any;
-        ActionsComponent: any;
-        filterSelectorRef: any;
-        attributeSelectorProps?: {};
-    }): JSX.Element;
-    propTypes: {
-        classes: PropTypes.Requireable<PropTypes.InferProps<{
-            root: PropTypes.Requireable<string>;
-            logicOperatorContainer: PropTypes.Requireable<string>;
-            attributeSelectorContainer: PropTypes.Requireable<string>;
-            filterSelectorContainer: PropTypes.Requireable<string>;
-            valuesEditorContainer: PropTypes.Requireable<string>;
-            actionsContainer: PropTypes.Requireable<string>;
-        }>>;
-        rowData: PropTypes.Requireable<PropTypes.InferProps<{
-            id: PropTypes.Requireable<NonNullable<string | number>>;
-            values: PropTypes.Requireable<any[]>;
-            data: 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>;
-            }>>;
-            filter: PropTypes.Requireable<string>;
-            operator: PropTypes.Requireable<string>;
-        }>>;
-        previousRowData: PropTypes.Requireable<PropTypes.InferProps<{
-            id: PropTypes.Requireable<NonNullable<string | number>>;
-            values: PropTypes.Requireable<any[]>;
-            data: 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>;
-            }>>;
-            filter: PropTypes.Requireable<string>;
-            operator: PropTypes.Requireable<string>;
-        }>>;
-        LogicOperatorComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        AttributeSelectorComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        FilterSelectorComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        ValuesEditorComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        ActionsComponent: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        filterSelectorRef: PropTypes.Requireable<object>;
-        attributeSelectorProps: PropTypes.Requireable<PropTypes.InferProps<{
-            onRestoreFocus: PropTypes.Requireable<(...args: any[]) => any>;
-            onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-            disablePopoverRestoreFocus: PropTypes.Requireable<boolean>;
-        }>>;
+import React, { ComponentType, ForwardedRef } from 'react';
+type AttributeSelectorProps = {
+    onRestoreFocus?: () => void;
+    onOpen?: () => void;
+    disablePopoverRestoreFocus?: boolean;
+};
+export type Props<T, U extends Record<string, unknown>> = {
+    classes?: {
+        root?: string;
+        logicOperatorContainer?: string;
+        attributeSelectorContainer?: string;
+        filterSelectorContainer?: string;
+        valuesEditorContainer?: string;
+        actionsContainer?: string;
     };
-}>;
+    rowData: T;
+    previousRowData: T;
+    LogicOperatorComponent?: ComponentType<{
+        rowContext: U;
+        className?: string;
+        rowData: T;
+    }>;
+    AttributeSelectorComponent: ComponentType<{
+        rowContext: U;
+        rowData: T;
+        attributeSelectorProps?: AttributeSelectorProps;
+    }>;
+    FilterSelectorComponent: ComponentType<{
+        rowContext: U;
+        textFieldInputRef: ForwardedRef<HTMLInputElement>;
+        rowData: T;
+    }>;
+    ValuesEditorComponent: ComponentType<{
+        rowContext: U;
+        rowData: T;
+    }>;
+    ActionsComponent: ComponentType<{
+        rowContext: U;
+        rowData: T;
+    }>;
+    filterSelectorRef: ForwardedRef<HTMLInputElement>;
+    attributeSelectorProps?: AttributeSelectorProps;
+};
+declare const _default: React.MemoExoticComponent<(<T, U extends Record<string, unknown>>({ classes, rowData, previousRowData, LogicOperatorComponent, AttributeSelectorComponent, FilterSelectorComponent, ValuesEditorComponent, ActionsComponent, filterSelectorRef, attributeSelectorProps, ...rowContext }: Props<T, U>) => JSX.Element)>;
 export default _default;
-import PropTypes from 'prop-types';
-import React from 'react';

package/cjs/components/QueryBuilderRow/QueryBuilderRow.js

@@ -38,11 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var ReadOnlyLogicOperator_1 = __importDefault(require("./components/ReadOnlyLogicOperator"));
 var ReadOnlyFilter_1 = __importDefault(require("./components/ReadOnlyFilter"));
-var constants_1 = require("../../constants");
 var styles_1 = __importDefault(require("./styles"));
 var QueryBuilderRow = function (_a) {
     var _b;
@@ -59,27 +57,4 @@ var QueryBuilderRow = function (_a) {
         react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, classes.actionsContainer, (_b = {}, _b[styles.hidden] = !rowData, _b)) },
             react_1.default.createElement(ActionsComponent, { rowContext: rowContext, rowData: rowData }))));
 };
-QueryBuilderRow.propTypes = {
-    classes: prop_types_1.default.shape({
-        root: prop_types_1.default.string,
-        logicOperatorContainer: prop_types_1.default.string,
-        attributeSelectorContainer: prop_types_1.default.string,
-        filterSelectorContainer: prop_types_1.default.string,
-        valuesEditorContainer: prop_types_1.default.string,
-        actionsContainer: prop_types_1.default.string
-    }),
-    rowData: constants_1.QueryBuilderAttributeType,
-    previousRowData: constants_1.QueryBuilderAttributeType,
-    LogicOperatorComponent: prop_types_1.default.elementType,
-    AttributeSelectorComponent: prop_types_1.default.elementType,
-    FilterSelectorComponent: prop_types_1.default.elementType,
-    ValuesEditorComponent: prop_types_1.default.elementType,
-    ActionsComponent: prop_types_1.default.elementType,
-    filterSelectorRef: prop_types_1.default.object,
-    attributeSelectorProps: prop_types_1.default.shape({
-        onRestoreFocus: prop_types_1.default.func,
-        onOpen: prop_types_1.default.func,
-        disablePopoverRestoreFocus: prop_types_1.default.bool
-    })
-};
 exports.default = (0, react_1.memo)(QueryBuilderRow);

package/cjs/components/QueryBuilderRow/components/ReadOnlyFilter.d.ts

@@ -1,7 +1,8 @@
-import { QueryBuilderAttribute } from '../../../types';
 type Props = {
-    className: string;
-    rowData: QueryBuilderAttribute;
+    className?: string;
+    rowData: {
+        filter?: string;
+    };
 };
 declare const ReadOnlyFilter: ({ className, rowData }: Props) => JSX.Element;
 export default ReadOnlyFilter;

package/cjs/components/QueryBuilderRow/components/ReadOnlyLogicOperator.d.ts

@@ -1,14 +1,8 @@
-import PropTypes from 'prop-types';
-import { QueryBuilderAttribute } from '../../../types';
 type Props = {
-    className: string;
-    rowData: QueryBuilderAttribute;
-};
-declare const ReadOnlyLogicOperator: {
-    ({ className, rowData }: Props): JSX.Element;
-    propTypes: {
-        className: PropTypes.Requireable<string>;
-        rowData: PropTypes.Requireable<object>;
+    className?: string;
+    rowData: {
+        operator?: string;
     };
 };
+declare const ReadOnlyLogicOperator: ({ className, rowData }: Props) => JSX.Element;
 export default ReadOnlyLogicOperator;

package/cjs/components/QueryBuilderRow/components/ReadOnlyLogicOperator.js

@@ -4,18 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 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 styles_1 = __importDefault(require("./styles"));
 var utils_1 = require("@mui/material/utils");
+var styles_1 = __importDefault(require("./styles"));
 var ReadOnlyLogicOperator = function (_a) {
     var className = _a.className, rowData = _a.rowData;
     var styles = (0, styles_1.default)();
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.readOnlyLogicOperatorContainer, className) }, rowData && rowData.operator ? (0, utils_1.capitalize)(rowData.operator) : ui_i18n_1.default.text('Where')));
 };
-ReadOnlyLogicOperator.propTypes = {
-    className: prop_types_1.default.string,
-    rowData: prop_types_1.default.object
-};
 exports.default = ReadOnlyLogicOperator;