@reltio/components 1.4.1904 → 1.4.1906

package/cjs/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.d.ts

@@ -1,5 +1,7 @@
+import { ComponentProps } from 'react';
 import { ConnectionRelation, ConnectionRelationType, Metadata } from '@reltio/mdm-sdk';
-type Props = {
+import { RelationTypeSelector } from '../RelationTypeSelector';
+type Props = Omit<ComponentProps<typeof RelationTypeSelector>, 'value' | 'options' | 'onChange'> & {
     className?: string;
     relation?: ConnectionRelation;
     inRelationTypes?: ConnectionRelationType[];

package/cjs/ExpandableSearchInput/ExpandableSearchInput.js

@@ -46,9 +46,9 @@ var ExpandableSearchInput = function (_a) {
         setValue(query);
     }, [query]);
     var styles = (0, styles_1.useStyles)();
-    return isOpen ? (react_1.default.createElement(Input_1.default, { className: styles.input, value: value, autoFocus: true, placeholder: ui_i18n_1.default.text('Search'), disableUnderline: true, onChange: (0, ramda_1.pipe)(events_1.getValue, setValue), startAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "start" },
+    return isOpen ? (react_1.default.createElement(Input_1.default, { "data-reltio-id": "expandable-search-input", className: styles.input, value: value, autoFocus: true, placeholder: ui_i18n_1.default.text('Search'), disableUnderline: true, onChange: (0, ramda_1.pipe)(events_1.getValue, setValue), startAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "start" },
             react_1.default.createElement(Search_1.default, { className: styles.startAdornment })), endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end" },
-            react_1.default.createElement(SmallIconButton_1.SmallIconButton, { size: "S", icon: Close_1.default, className: styles.endAdornment, onClick: (0, ramda_1.pipe)(ramda_1.F, setIsOpen, (0, ramda_1.always)(''), (0, ramda_1.tap)(onChange), setValue) })), onKeyPress: (0, ramda_1.when)((0, ramda_1.propEq)('key', 'Enter'), (0, ramda_1.pipe)((0, ramda_1.always)(value), ramda_1.trim, onChange)) })) : (react_1.default.createElement(IconButton_1.default, { className: styles.searchButton, onClick: (0, ramda_1.pipe)(ramda_1.T, setIsOpen), size: "large" },
+            react_1.default.createElement(SmallIconButton_1.SmallIconButton, { size: "S", icon: Close_1.default, className: styles.endAdornment, onClick: (0, ramda_1.pipe)(ramda_1.F, setIsOpen, (0, ramda_1.always)(''), (0, ramda_1.tap)(onChange), setValue) })), onKeyPress: (0, ramda_1.when)((0, ramda_1.propEq)('key', 'Enter'), (0, ramda_1.pipe)((0, ramda_1.always)(value), ramda_1.trim, onChange)) })) : (react_1.default.createElement(IconButton_1.default, { "data-reltio-id": "expandable-search-button", className: styles.searchButton, onClick: (0, ramda_1.pipe)(ramda_1.T, setIsOpen), size: "large" },
         react_1.default.createElement(Search_1.default, null)));
 };
 exports.ExpandableSearchInput = ExpandableSearchInput;

package/cjs/ReactSortableTree/ReactSortableTree.js

@@ -338,14 +338,12 @@ var ReactSortableTree = /** @class */ (function (_super) {
         // if onlyExpandSearchedNodes collapse the tree and search
         var _a = (0, tree_1.find)({
             getNodeKey: getNodeKey,
-            /* eslint-disable indent */
             treeData: onlyExpandSearchedNodes
                 ? (0, tree_1.toggleExpandedForAll)({
                     treeData: instanceProps.treeData,
                     expanded: false
                 })
                 : instanceProps.treeData,
-            /* eslint-enable indent */
             searchQuery: searchQuery,
             searchMethod: searchMethod || defaultHandlers_1.defaultSearchMethod,
             searchFocusOffset: searchFocusOffset,
@@ -524,9 +522,8 @@ var ReactSortableTree = /** @class */ (function (_super) {
                                     // Only replace the old node if it's the one we set off to find children
                                     //  for in the first place
                                     return oldNode === node
-                                        ? /* eslint-disable indent */ __assign(__assign({}, oldNode), { children: childrenArray }) : oldNode;
+                                        ? __assign(__assign({}, oldNode), { children: childrenArray }) : oldNode;
                                 },
-                                /* eslint-enable indent */
                                 getNodeKey: props.getNodeKey
                             }), true);
                         }
@@ -617,9 +614,7 @@ var ReactSortableTree = /** @class */ (function (_super) {
                 return (react_1.default.createElement(ScrollZoneVirtualList_1, __assign({}, scrollToInfo, { dragDropManager: dragDropManager, verticalStrength: _this.vStrength, horizontalStrength: _this.hStrength, speed: 30, scrollToAlignment: "start", className: _this.props.classes.rst__virtualScrollOverride, width: width, onScroll: function (_a) {
                         var scrollTop = _a.scrollTop;
                         _this.scrollTop = scrollTop;
-                    }, height: height, style: innerStyle, rowCount: rows.length, estimatedRowSize: typeof rowHeight !== 'function' ? rowHeight : undefined, rowHeight: 
-                    /* eslint-disable indent */
-                    typeof rowHeight !== 'function'
+                    }, height: height, style: innerStyle, rowCount: rows.length, estimatedRowSize: typeof rowHeight !== 'function' ? rowHeight : undefined, rowHeight: typeof rowHeight !== 'function'
                         ? rowHeight
                         : function (_a) {
                             var index = _a.index;

package/cjs/RelationTypeSelector/RelationTypeSelector.d.ts

@@ -1,6 +1,8 @@
+import { ComponentProps } from 'react';
 import { TextFieldProps } from '@mui/material/TextField';
+import { DropDownSelector } from '../DropDownSelector';
 import { RelationOption as RelationOptionType } from '../types';
-type Props = {
+type Props = Omit<ComponentProps<typeof DropDownSelector>, 'value' | 'options' | 'onChange' | 'TextFieldProps'> & {
     value?: RelationOptionType;
     options?: RelationOptionType[];
     onChange?: (value: RelationOptionType) => void;

package/cjs/hooks/useActions/useActions.d.ts

@@ -10,7 +10,7 @@ type UseActions = ({ actions, dispatch }: {
         payload: T;
     }) => void;
 }) => {
-    [key in keyof typeof actions]: <T>(payload: T) => void;
+    [key in keyof typeof actions]: <T>(payload?: T) => void;
 };
 export declare const useActions: UseActions;
 export {};

package/cjs/types/index.d.ts

@@ -29,7 +29,7 @@ export type QueryBuilderAttribute = {
     values: Array<unknown>;
     data: QueryBuilderAttributeData;
     filter: string;
-    operator: string;
+    operator: SearchOperator;
 };
 export type FiltersRowData = {
     attribute: AttributeSelectorItem;

package/esm/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.d.ts

@@ -1,5 +1,7 @@
+import { ComponentProps } from 'react';
 import { ConnectionRelation, ConnectionRelationType, Metadata } from '@reltio/mdm-sdk';
-type Props = {
+import { RelationTypeSelector } from '../RelationTypeSelector';
+type Props = Omit<ComponentProps<typeof RelationTypeSelector>, 'value' | 'options' | 'onChange'> & {
     className?: string;
     relation?: ConnectionRelation;
     inRelationTypes?: ConnectionRelationType[];

package/esm/ExpandableSearchInput/ExpandableSearchInput.js

@@ -17,8 +17,8 @@ export var ExpandableSearchInput = function (_a) {
         setValue(query);
     }, [query]);
     var styles = useStyles();
-    return isOpen ? (React.createElement(Input, { className: styles.input, value: value, autoFocus: true, placeholder: i18n.text('Search'), disableUnderline: true, onChange: pipe(getValue, setValue), startAdornment: React.createElement(InputAdornment, { position: "start" },
+    return isOpen ? (React.createElement(Input, { "data-reltio-id": "expandable-search-input", className: styles.input, value: value, autoFocus: true, placeholder: i18n.text('Search'), disableUnderline: true, onChange: pipe(getValue, setValue), startAdornment: React.createElement(InputAdornment, { position: "start" },
             React.createElement(SearchIcon, { className: styles.startAdornment })), endAdornment: React.createElement(InputAdornment, { position: "end" },
-            React.createElement(SmallIconButton, { size: "S", icon: CloseIcon, className: styles.endAdornment, onClick: pipe(F, setIsOpen, always(''), tap(onChange), setValue) })), onKeyPress: when(propEq('key', 'Enter'), pipe(always(value), trim, onChange)) })) : (React.createElement(IconButton, { className: styles.searchButton, onClick: pipe(T, setIsOpen), size: "large" },
+            React.createElement(SmallIconButton, { size: "S", icon: CloseIcon, className: styles.endAdornment, onClick: pipe(F, setIsOpen, always(''), tap(onChange), setValue) })), onKeyPress: when(propEq('key', 'Enter'), pipe(always(value), trim, onChange)) })) : (React.createElement(IconButton, { "data-reltio-id": "expandable-search-button", className: styles.searchButton, onClick: pipe(T, setIsOpen), size: "large" },
         React.createElement(SearchIcon, null)));
 };

package/esm/ReactSortableTree/ReactSortableTree.js

@@ -310,14 +310,12 @@ var ReactSortableTree = /** @class */ (function (_super) {
         // if onlyExpandSearchedNodes collapse the tree and search
         var _a = find({
             getNodeKey: getNodeKey,
-            /* eslint-disable indent */
             treeData: onlyExpandSearchedNodes
                 ? toggleExpandedForAll({
                     treeData: instanceProps.treeData,
                     expanded: false
                 })
                 : instanceProps.treeData,
-            /* eslint-enable indent */
             searchQuery: searchQuery,
             searchMethod: searchMethod || defaultSearchMethod,
             searchFocusOffset: searchFocusOffset,
@@ -496,9 +494,8 @@ var ReactSortableTree = /** @class */ (function (_super) {
                                     // Only replace the old node if it's the one we set off to find children
                                     //  for in the first place
                                     return oldNode === node
-                                        ? /* eslint-disable indent */ __assign(__assign({}, oldNode), { children: childrenArray }) : oldNode;
+                                        ? __assign(__assign({}, oldNode), { children: childrenArray }) : oldNode;
                                 },
-                                /* eslint-enable indent */
                                 getNodeKey: props.getNodeKey
                             }), true);
                         }
@@ -589,9 +586,7 @@ var ReactSortableTree = /** @class */ (function (_super) {
                 return (React.createElement(ScrollZoneVirtualList_1, __assign({}, scrollToInfo, { dragDropManager: dragDropManager, verticalStrength: _this.vStrength, horizontalStrength: _this.hStrength, speed: 30, scrollToAlignment: "start", className: _this.props.classes.rst__virtualScrollOverride, width: width, onScroll: function (_a) {
                         var scrollTop = _a.scrollTop;
                         _this.scrollTop = scrollTop;
-                    }, height: height, style: innerStyle, rowCount: rows.length, estimatedRowSize: typeof rowHeight !== 'function' ? rowHeight : undefined, rowHeight: 
-                    /* eslint-disable indent */
-                    typeof rowHeight !== 'function'
+                    }, height: height, style: innerStyle, rowCount: rows.length, estimatedRowSize: typeof rowHeight !== 'function' ? rowHeight : undefined, rowHeight: typeof rowHeight !== 'function'
                         ? rowHeight
                         : function (_a) {
                             var index = _a.index;

package/esm/RelationTypeSelector/RelationTypeSelector.d.ts

@@ -1,6 +1,8 @@
+import { ComponentProps } from 'react';
 import { TextFieldProps } from '@mui/material/TextField';
+import { DropDownSelector } from '../DropDownSelector';
 import { RelationOption as RelationOptionType } from '../types';
-type Props = {
+type Props = Omit<ComponentProps<typeof DropDownSelector>, 'value' | 'options' | 'onChange' | 'TextFieldProps'> & {
     value?: RelationOptionType;
     options?: RelationOptionType[];
     onChange?: (value: RelationOptionType) => void;

package/esm/hooks/useActions/useActions.d.ts

@@ -10,7 +10,7 @@ type UseActions = ({ actions, dispatch }: {
         payload: T;
     }) => void;
 }) => {
-    [key in keyof typeof actions]: <T>(payload: T) => void;
+    [key in keyof typeof actions]: <T>(payload?: T) => void;
 };
 export declare const useActions: UseActions;
 export {};

package/esm/types/index.d.ts

@@ -29,7 +29,7 @@ export type QueryBuilderAttribute = {
     values: Array<unknown>;
     data: QueryBuilderAttributeData;
     filter: string;
-    operator: string;
+    operator: SearchOperator;
 };
 export type FiltersRowData = {
     attribute: AttributeSelectorItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1904",
+  "version": "1.4.1906",
   "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.1834",
+    "@reltio/mdm-sdk": "^1.4.1836",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",