@reltio/components 1.4.1853 → 1.4.1854

package/esm/components/ReactSelect/withMuiSkin.js

@@ -21,7 +21,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import PropTypes from 'prop-types';
 import skinComponents from './commonComponents';
 import useStyles from './styles';
 import { mergeClasses } from '../../core/utils';
@@ -38,54 +37,5 @@ export default function withMuiSkin(SelectComponent) {
         components: {},
         classes: {}
     };
-    WrappedSelectComponent.propTypes = {
-        /* You could redefine any of these components */
-        components: PropTypes.shape({
-            ClearIndicator: PropTypes.func,
-            Control: PropTypes.func,
-            DropdownIndicator: PropTypes.func,
-            DownChevron: PropTypes.func,
-            CrossIcon: PropTypes.func,
-            Group: PropTypes.func,
-            GroupHeading: PropTypes.func,
-            IndicatorsContainer: PropTypes.func,
-            IndicatorSeparator: PropTypes.func,
-            Input: PropTypes.func,
-            LoadingIndicator: PropTypes.func,
-            Menu: PropTypes.func,
-            MenuList: PropTypes.func,
-            MenuPortal: PropTypes.func,
-            LoadingMessage: PropTypes.func,
-            NoOptionsMessage: PropTypes.func,
-            MultiValue: PropTypes.func,
-            MultiValueContainer: PropTypes.func,
-            MultiValueLabel: PropTypes.func,
-            MultiValueRemove: PropTypes.func,
-            Option: PropTypes.func,
-            Placeholder: PropTypes.func,
-            SelectContainer: PropTypes.func,
-            SingleValue: PropTypes.func,
-            ValueContainer: PropTypes.func
-        }),
-        /* Classes are passed to mui skin components. Provided classes will be merged with existing ones. */
-        classes: PropTypes.shape({
-            control: PropTypes.string,
-            valueContainer: PropTypes.string,
-            multiValue: PropTypes.string,
-            noOptionsMessage: PropTypes.string,
-            singleValue: PropTypes.string,
-            placeholder: PropTypes.string,
-            menu: PropTypes.string,
-            clearIndicator: PropTypes.string,
-            dropdownIndicator: PropTypes.string,
-            option: PropTypes.string,
-            'option--selected': PropTypes.string
-        }),
-        /* Props from https://material-ui.com/api/text-field/ */
-        TextFieldProps: PropTypes.object,
-        error: PropTypes.bool,
-        /* Plus all necessary props for wrapped react-select component. See docs on https://react-select.com */
-        innerRef: PropTypes.object
-    };
     return WrappedSelectComponent;
 }

package/esm/components/ReactSortableTree/node-renderer-default.d.ts

@@ -43,9 +43,9 @@ declare namespace NodeRendererDefault {
     }
     namespace propTypes {
         export let node: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-        let title_1: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
+        let title_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
         export { title_1 as title };
-        let subtitle_1: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
+        let subtitle_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
         export { subtitle_1 as subtitle };
         export let path: PropTypes.Validator<NonNullable<string | number>[]>;
         export let treeIndex: PropTypes.Validator<number>;

package/esm/components/ReadableSearchQuery/ReadableSearchQuery.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
 import { ReadableQueryPrimitive } from '@reltio/mdm-sdk';
-type Props = {
+declare const ReadableSearchQuery: React.ForwardRefExoticComponent<{
     readableQuery?: ReadableQueryPrimitive[];
-    className?: string;
-};
-declare const ReadableSearchQuery: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+} & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLElement>>;
 export default ReadableSearchQuery;

package/esm/components/SearchInput/SearchInput.d.ts

@@ -3,7 +3,7 @@ import { InputProps } from '@mui/material/Input';
 export type SearchInputProps = InputProps & {
     value?: string;
     autofocus?: boolean;
-    onSearch: (value?: string) => void;
+    onSearch?: (value?: string) => void;
     rootRef?: React.MutableRefObject<HTMLInputElement>;
     height: number;
     placeholder?: string;

package/esm/components/SelectionPopup/SelectionPopup.d.ts

@@ -7,7 +7,7 @@ type Props = {
     children: React.ReactNode;
     PaperProps?: Record<string, unknown>;
     searchInputOnKeyDown: (event: React.KeyboardEvent) => void;
-    onSearch: (value?: string) => void;
+    onSearch?: (value?: string) => void;
     className?: string;
     hideTitle?: boolean;
     hideSearchInput?: boolean;

package/esm/constants/index.d.ts

@@ -1,4 +1,4 @@
-export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeType, QueryBuilderAttributeDataType } from './prop-types';
+export { SortingType, QueryBuilderAttributeType } from './prop-types';
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
 export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
 export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';

package/esm/constants/index.js

@@ -1,4 +1,4 @@
-export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeType, QueryBuilderAttributeDataType } from './prop-types';
+export { SortingType, QueryBuilderAttributeType } from './prop-types';
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
 export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
 export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';

package/esm/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/esm/constants/prop-types.js

@@ -1,50 +1,29 @@
 import PropTypes from 'prop-types';
-import { AttributeTypeType, FilterValueType, SortOrderType } from '@reltio/mdm-sdk';
-var SelectValueType = PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]);
-var DropDownEntryType = PropTypes.shape({
-    value: SelectValueType.isRequired,
-    label: PropTypes.string
-});
-var DropDownGroupEntryType = PropTypes.shape({
-    label: PropTypes.string.isRequired,
-    values: PropTypes.arrayOf(PropTypes.object).isRequired
-});
-var ColumnDataType = PropTypes.shape({
-    id: PropTypes.string,
-    label: PropTypes.string,
-    dataTypeDefinition: PropTypes.object,
-    resizable: PropTypes.bool,
-    sortable: PropTypes.bool,
-    filterable: PropTypes.bool,
-    headCellRenderer: PropTypes.func,
-    rowCellValueRenderer: PropTypes.func,
-    nestedPath: PropTypes.arrayOf(PropTypes.string)
-});
 var SortingType = PropTypes.shape({
     field: PropTypes.string,
-    order: SortOrderType
+    order: PropTypes.oneOf(['asc', 'desc'])
 });
-var ColumnFilterType = PropTypes.shape({
-    value: PropTypes.oneOfType([FilterValueType, PropTypes.arrayOf(FilterValueType)]),
-    filter: PropTypes.string
-});
-var PlainColumnsDataType = PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    label: PropTypes.string,
-    dataTypeDefinition: PropTypes.object
-}));
-var GroupedColumnsDataType = PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
+var AttrType = PropTypes.shape({
     label: PropTypes.string,
-    columns: PlainColumnsDataType
-}));
-var ColumnsDataType = PropTypes.oneOfType([PlainColumnsDataType, GroupedColumnsDataType]);
+    name: PropTypes.string,
+    description: PropTypes.string,
+    type: PropTypes.string,
+    hidden: PropTypes.bool,
+    faceted: PropTypes.bool,
+    searchable: PropTypes.bool,
+    uri: PropTypes.string,
+    access: PropTypes.arrayOf(PropTypes.string),
+    cardinality: PropTypes.shape({
+        minValue: PropTypes.number,
+        maxValue: PropTypes.number
+    })
+});
 var QueryBuilderAttributeDataType = PropTypes.shape({
     title: PropTypes.string,
     pathToTitle: PropTypes.arrayOf(PropTypes.string),
     fieldName: PropTypes.string,
     entityTypeUri: PropTypes.string,
-    attrType: AttributeTypeType,
+    attrType: AttrType,
     uri: PropTypes.string,
     groupName: PropTypes.string
 });
@@ -55,4 +34,4 @@ var QueryBuilderAttributeType = PropTypes.shape({
     filter: PropTypes.string,
     operator: PropTypes.string
 });
-export { SelectValueType, DropDownEntryType, DropDownGroupEntryType, ColumnDataType, SortingType, ColumnFilterType, ColumnsDataType, GroupedColumnsDataType, QueryBuilderAttributeDataType, QueryBuilderAttributeType };
+export { SortingType, QueryBuilderAttributeType };

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

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

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

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1853",
+  "version": "1.4.1854",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1801",
+    "@reltio/mdm-sdk": "^1.4.1802",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",