@reltio/components 1.4.1273 → 1.4.1275

package/cjs/components/editors/DateRangeEditor/DateRangeEditor.d.ts

@@ -1,5 +1,5 @@
 export default DateRangeEditor;
-declare function DateRangeEditor({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, TextFieldProps, ...otherProps }: {
+declare function DateRangeEditor({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, TextFieldProps, MenuProps, classes, ...otherProps }: {
     [x: string]: any;
     label: any;
     values: any;
@@ -8,6 +8,8 @@ declare function DateRangeEditor({ label, values, options, getValuesDateRange, o
     onChange?: any;
     dataTypeDefinition?: {};
     TextFieldProps?: {};
+    MenuProps?: {};
+    classes?: {};
 }): JSX.Element;
 declare namespace DateRangeEditor {
     namespace propTypes {
@@ -21,6 +23,8 @@ declare namespace DateRangeEditor {
         const onChange: PropTypes.Requireable<(...args: any[]) => any>;
         const dataTypeDefinition: PropTypes.Requireable<object>;
         const TextFieldProps: PropTypes.Requireable<object>;
+        const MenuProps: PropTypes.Requireable<object>;
+        const classes: PropTypes.Requireable<object>;
     }
 }
 import PropTypes from "prop-types";

package/cjs/components/editors/DateRangeEditor/DateRangeEditor.js

@@ -78,15 +78,15 @@ var getEditorValue = ramda_1.curry(function (placeholder, dataTypeDefinition, va
 var convertValuesToDate = ramda_1.pipe(mdm_sdk_1.getDateRangeByValue, ramda_1.defaultTo([]), ramda_1.map(function (value) { return value && new Date(value); }));
 var DateRangeEditor = function (_a) {
     var _b;
-    var label = _a.label, values = _a.values, options = _a.options, _c = _a.getValuesDateRange, getValuesDateRange = _c === void 0 ? convertValuesToDate : _c, _d = _a.onChange, onChange = _d === void 0 ? ramda_1.identity : _d, _e = _a.dataTypeDefinition, dataTypeDefinition = _e === void 0 ? {} : _e, _f = _a.TextFieldProps, TextFieldProps = _f === void 0 ? {} : _f, otherProps = __rest(_a, ["label", "values", "options", "getValuesDateRange", "onChange", "dataTypeDefinition", "TextFieldProps"]);
+    var label = _a.label, values = _a.values, options = _a.options, _c = _a.getValuesDateRange, getValuesDateRange = _c === void 0 ? convertValuesToDate : _c, _d = _a.onChange, onChange = _d === void 0 ? ramda_1.identity : _d, _e = _a.dataTypeDefinition, dataTypeDefinition = _e === void 0 ? {} : _e, _f = _a.TextFieldProps, TextFieldProps = _f === void 0 ? {} : _f, _g = _a.MenuProps, MenuProps = _g === void 0 ? {} : _g, _h = _a.classes, classes = _h === void 0 ? {} : _h, otherProps = __rest(_a, ["label", "values", "options", "getValuesDateRange", "onChange", "dataTypeDefinition", "TextFieldProps", "MenuProps", "classes"]);
     var placeholder = localeFormat + (dataTypeDefinition.type === mdm_sdk_1.DataTypes.TYPE_TIMESTAMP ? ' HH:MM' : '');
     var rangeOptions = react_1.useMemo(function () {
         return options ||
             Object.values(mdm_sdk_1.DateRangeValues).map(function (option) { return ({ value: option, label: mdm_sdk_1.getRangeOptionLabel(option) }); });
     }, [options]);
     var inputRef = react_1.useRef(null);
-    var _g = react_1.useState(false), open = _g[0], setOpen = _g[1];
-    var _h = react_1.useState(), customValue = _h[0], setCustomValue = _h[1];
+    var _j = react_1.useState(false), open = _j[0], setOpen = _j[1];
+    var _k = react_1.useState(), customValue = _k[0], setCustomValue = _k[1];
     var styles = styles_1.useStyles();
     var onItemClick = function (value) {
         if (value === mdm_sdk_1.DateRangeValues.PICK_DATE) {
@@ -104,22 +104,23 @@ var DateRangeEditor = function (_a) {
         setOpen(false);
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(TextField_1.default, __assign({}, TextFieldProps, otherProps, { label: label, value: getEditorValue(placeholder, dataTypeDefinition, customValue || values, rangeOptions).label, onClick: handleToggle, variant: "filled", margin: "dense", ref: inputRef, InputProps: {
-                endAdornment: (react_1.default.createElement(DropdownIndicatorWithIconButton_1.default, { selectProps: { classes: styles, menuIsOpen: open }, innerProps: {} })),
-                classes: {
+        react_1.default.createElement(TextField_1.default, __assign({}, TextFieldProps, otherProps, { label: label, value: TextFieldProps.value ||
+                getEditorValue(placeholder, dataTypeDefinition, customValue || values, rangeOptions).label, onClick: handleToggle, variant: "filled", margin: "dense", ref: inputRef, InputProps: __assign({ endAdornment: (react_1.default.createElement(DropdownIndicatorWithIconButton_1.default, { selectProps: {
+                        classes: {
+                            dropdownIndicator: classnames_1.default(styles.dropdownIndicator, classes === null || classes === void 0 ? void 0 : classes.dropdownIndicator)
+                        },
+                        menuIsOpen: open
+                    }, innerProps: {} })), classes: {
                     root: styles.inputRoot,
                     underline: classnames_1.default((_b = {}, _b[styles.underline] = open, _b)),
                     adornedEnd: styles.adornedEnd
-                },
-                disableUnderline: ramda_1.isNil(values),
-                readOnly: true
-            }, InputLabelProps: {
+                }, disableUnderline: ramda_1.isNil(values), readOnly: true }, TextFieldProps.InputProps), InputLabelProps: {
                 classes: {
                     root: open ? styles.inputLabel : undefined
                 },
                 shrink: !ramda_1.isNil(label)
             }, placeholder: ui_i18n_1.default.text(placeholder + " \u2014 " + placeholder) })),
-        react_1.default.createElement(Menu_1.default, { variant: "menu", open: open, autoFocus: false, classes: { paper: styles.paper }, anchorEl: inputRef.current, onClose: onCancel, anchorOrigin: {
+        react_1.default.createElement(Menu_1.default, __assign({ variant: "menu", open: open, autoFocus: false, classes: { paper: styles.paper }, anchorEl: inputRef.current, onClose: onCancel, anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'left'
             }, transformOrigin: {
@@ -127,8 +128,10 @@ var DateRangeEditor = function (_a) {
                 horizontal: 'left'
             }, elevation: 2, getContentAnchorEl: null, MenuListProps: {
                 autoFocusItem: open,
-                style: { width: customValue ? '100%' : ramda_1.prop('clientWidth', inputRef.current) }
-            } }, customValue ? (react_1.default.createElement(DateRangePicker_1.default, { values: getValuesDateRange(values), onCancel: onCancel, onApply: onItemClick, type: dataTypeDefinition.type })) : (rangeOptions.map(function (option) { return (react_1.default.createElement(MenuItem_1.default, { key: option.value, value: option.value, onClick: function () { return onItemClick(option.value); }, className: styles.menuItem },
+                style: {
+                    width: customValue ? '100%' : ramda_1.prop('clientWidth', inputRef.current)
+                }
+            } }, MenuProps), customValue ? (react_1.default.createElement(DateRangePicker_1.default, { values: getValuesDateRange(values), onCancel: onCancel, onApply: onItemClick, type: dataTypeDefinition.type })) : (rangeOptions.map(function (option) { return (react_1.default.createElement(MenuItem_1.default, { key: option.value, value: option.value, onClick: function () { return onItemClick(option.value); }, className: styles.menuItem },
             react_1.default.createElement(Typography_1.default, { classes: { root: styles.menuText } }, option.label))); })))));
 };
 DateRangeEditor.propTypes = {
@@ -141,6 +144,8 @@ DateRangeEditor.propTypes = {
     getValuesDateRange: prop_types_1.default.func,
     onChange: prop_types_1.default.func,
     dataTypeDefinition: prop_types_1.default.object,
-    TextFieldProps: prop_types_1.default.object
+    TextFieldProps: prop_types_1.default.object,
+    MenuProps: prop_types_1.default.object,
+    classes: prop_types_1.default.object
 };
 exports.default = DateRangeEditor;

package/cjs/hooks/useAPI/types.d.ts

@@ -1,4 +1,4 @@
-import { CustomActionTask, CustomActionTaskParams, CustomScript, CustomViewConfig, RequestAction } from '@reltio/mdm-sdk';
+import { CustomActionTask, CustomActionTaskParams, CustomActionExtension, CustomActionViewConfig, CustomScriptExtension, RequestAction } from '@reltio/mdm-sdk';
 export declare type ProcessRequestParams = {
     name: RequestAction;
     paramObject: {
@@ -7,9 +7,7 @@ export declare type ProcessRequestParams = {
     permissions?: string[];
     worker: Worker;
     metadata: any;
-    config: CustomViewConfig | {
-        action: CustomScript;
-    };
+    config: CustomActionExtension | CustomActionViewConfig | CustomScriptExtension;
     user: any;
     apiPath: string;
     workflowPath: string;

package/cjs/hooks/useAPI/useAPI.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
-import { CustomViewConfig } from '@reltio/mdm-sdk';
-export declare const useAPI: (config?: CustomViewConfig) => {
+import { CustomActionViewConfig, CustomActionExtension } from '@reltio/mdm-sdk';
+declare type Config = CustomActionViewConfig | CustomActionExtension;
+export declare const useAPI: (config?: Config) => {
     html: HTMLElement;
     visible: boolean;
     tooltip: string;
@@ -12,3 +13,4 @@ export declare const useAPI: (config?: CustomViewConfig) => {
     onClick: () => void;
     popup: HTMLElement;
 };
+export {};

package/esm/components/editors/DateRangeEditor/DateRangeEditor.d.ts

@@ -1,5 +1,5 @@
 export default DateRangeEditor;
-declare function DateRangeEditor({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, TextFieldProps, ...otherProps }: {
+declare function DateRangeEditor({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, TextFieldProps, MenuProps, classes, ...otherProps }: {
     [x: string]: any;
     label: any;
     values: any;
@@ -8,6 +8,8 @@ declare function DateRangeEditor({ label, values, options, getValuesDateRange, o
     onChange?: any;
     dataTypeDefinition?: {};
     TextFieldProps?: {};
+    MenuProps?: {};
+    classes?: {};
 }): JSX.Element;
 declare namespace DateRangeEditor {
     namespace propTypes {
@@ -21,6 +23,8 @@ declare namespace DateRangeEditor {
         const onChange: PropTypes.Requireable<(...args: any[]) => any>;
         const dataTypeDefinition: PropTypes.Requireable<object>;
         const TextFieldProps: PropTypes.Requireable<object>;
+        const MenuProps: PropTypes.Requireable<object>;
+        const classes: PropTypes.Requireable<object>;
     }
 }
 import PropTypes from "prop-types";

package/esm/components/editors/DateRangeEditor/DateRangeEditor.js

@@ -54,15 +54,15 @@ var getEditorValue = curry(function (placeholder, dataTypeDefinition, value, opt
 var convertValuesToDate = pipe(getDateRangeByValue, defaultTo([]), map(function (value) { return value && new Date(value); }));
 var DateRangeEditor = function (_a) {
     var _b;
-    var label = _a.label, values = _a.values, options = _a.options, _c = _a.getValuesDateRange, getValuesDateRange = _c === void 0 ? convertValuesToDate : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, _e = _a.dataTypeDefinition, dataTypeDefinition = _e === void 0 ? {} : _e, _f = _a.TextFieldProps, TextFieldProps = _f === void 0 ? {} : _f, otherProps = __rest(_a, ["label", "values", "options", "getValuesDateRange", "onChange", "dataTypeDefinition", "TextFieldProps"]);
+    var label = _a.label, values = _a.values, options = _a.options, _c = _a.getValuesDateRange, getValuesDateRange = _c === void 0 ? convertValuesToDate : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, _e = _a.dataTypeDefinition, dataTypeDefinition = _e === void 0 ? {} : _e, _f = _a.TextFieldProps, TextFieldProps = _f === void 0 ? {} : _f, _g = _a.MenuProps, MenuProps = _g === void 0 ? {} : _g, _h = _a.classes, classes = _h === void 0 ? {} : _h, otherProps = __rest(_a, ["label", "values", "options", "getValuesDateRange", "onChange", "dataTypeDefinition", "TextFieldProps", "MenuProps", "classes"]);
     var placeholder = localeFormat + (dataTypeDefinition.type === DataTypes.TYPE_TIMESTAMP ? ' HH:MM' : '');
     var rangeOptions = useMemo(function () {
         return options ||
             Object.values(DateRangeValues).map(function (option) { return ({ value: option, label: getRangeOptionLabel(option) }); });
     }, [options]);
     var inputRef = useRef(null);
-    var _g = useState(false), open = _g[0], setOpen = _g[1];
-    var _h = useState(), customValue = _h[0], setCustomValue = _h[1];
+    var _j = useState(false), open = _j[0], setOpen = _j[1];
+    var _k = useState(), customValue = _k[0], setCustomValue = _k[1];
     var styles = useStyles();
     var onItemClick = function (value) {
         if (value === DateRangeValues.PICK_DATE) {
@@ -80,22 +80,23 @@ var DateRangeEditor = function (_a) {
         setOpen(false);
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(TextField, __assign({}, TextFieldProps, otherProps, { label: label, value: getEditorValue(placeholder, dataTypeDefinition, customValue || values, rangeOptions).label, onClick: handleToggle, variant: "filled", margin: "dense", ref: inputRef, InputProps: {
-                endAdornment: (React.createElement(DropdownIndicatorWithIconButton, { selectProps: { classes: styles, menuIsOpen: open }, innerProps: {} })),
-                classes: {
+        React.createElement(TextField, __assign({}, TextFieldProps, otherProps, { label: label, value: TextFieldProps.value ||
+                getEditorValue(placeholder, dataTypeDefinition, customValue || values, rangeOptions).label, onClick: handleToggle, variant: "filled", margin: "dense", ref: inputRef, InputProps: __assign({ endAdornment: (React.createElement(DropdownIndicatorWithIconButton, { selectProps: {
+                        classes: {
+                            dropdownIndicator: classnames(styles.dropdownIndicator, classes === null || classes === void 0 ? void 0 : classes.dropdownIndicator)
+                        },
+                        menuIsOpen: open
+                    }, innerProps: {} })), classes: {
                     root: styles.inputRoot,
                     underline: classnames((_b = {}, _b[styles.underline] = open, _b)),
                     adornedEnd: styles.adornedEnd
-                },
-                disableUnderline: isNil(values),
-                readOnly: true
-            }, InputLabelProps: {
+                }, disableUnderline: isNil(values), readOnly: true }, TextFieldProps.InputProps), InputLabelProps: {
                 classes: {
                     root: open ? styles.inputLabel : undefined
                 },
                 shrink: !isNil(label)
             }, placeholder: i18n.text(placeholder + " \u2014 " + placeholder) })),
-        React.createElement(Menu, { variant: "menu", open: open, autoFocus: false, classes: { paper: styles.paper }, anchorEl: inputRef.current, onClose: onCancel, anchorOrigin: {
+        React.createElement(Menu, __assign({ variant: "menu", open: open, autoFocus: false, classes: { paper: styles.paper }, anchorEl: inputRef.current, onClose: onCancel, anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'left'
             }, transformOrigin: {
@@ -103,8 +104,10 @@ var DateRangeEditor = function (_a) {
                 horizontal: 'left'
             }, elevation: 2, getContentAnchorEl: null, MenuListProps: {
                 autoFocusItem: open,
-                style: { width: customValue ? '100%' : prop('clientWidth', inputRef.current) }
-            } }, customValue ? (React.createElement(DateRangePicker, { values: getValuesDateRange(values), onCancel: onCancel, onApply: onItemClick, type: dataTypeDefinition.type })) : (rangeOptions.map(function (option) { return (React.createElement(MenuItem, { key: option.value, value: option.value, onClick: function () { return onItemClick(option.value); }, className: styles.menuItem },
+                style: {
+                    width: customValue ? '100%' : prop('clientWidth', inputRef.current)
+                }
+            } }, MenuProps), customValue ? (React.createElement(DateRangePicker, { values: getValuesDateRange(values), onCancel: onCancel, onApply: onItemClick, type: dataTypeDefinition.type })) : (rangeOptions.map(function (option) { return (React.createElement(MenuItem, { key: option.value, value: option.value, onClick: function () { return onItemClick(option.value); }, className: styles.menuItem },
             React.createElement(Typography, { classes: { root: styles.menuText } }, option.label))); })))));
 };
 DateRangeEditor.propTypes = {
@@ -117,6 +120,8 @@ DateRangeEditor.propTypes = {
     getValuesDateRange: PropTypes.func,
     onChange: PropTypes.func,
     dataTypeDefinition: PropTypes.object,
-    TextFieldProps: PropTypes.object
+    TextFieldProps: PropTypes.object,
+    MenuProps: PropTypes.object,
+    classes: PropTypes.object
 };
 export default DateRangeEditor;

package/esm/hooks/useAPI/types.d.ts

@@ -1,4 +1,4 @@
-import { CustomActionTask, CustomActionTaskParams, CustomScript, CustomViewConfig, RequestAction } from '@reltio/mdm-sdk';
+import { CustomActionTask, CustomActionTaskParams, CustomActionExtension, CustomActionViewConfig, CustomScriptExtension, RequestAction } from '@reltio/mdm-sdk';
 export declare type ProcessRequestParams = {
     name: RequestAction;
     paramObject: {
@@ -7,9 +7,7 @@ export declare type ProcessRequestParams = {
     permissions?: string[];
     worker: Worker;
     metadata: any;
-    config: CustomViewConfig | {
-        action: CustomScript;
-    };
+    config: CustomActionExtension | CustomActionViewConfig | CustomScriptExtension;
     user: any;
     apiPath: string;
     workflowPath: string;

package/esm/hooks/useAPI/useAPI.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
-import { CustomViewConfig } from '@reltio/mdm-sdk';
-export declare const useAPI: (config?: CustomViewConfig) => {
+import { CustomActionViewConfig, CustomActionExtension } from '@reltio/mdm-sdk';
+declare type Config = CustomActionViewConfig | CustomActionExtension;
+export declare const useAPI: (config?: Config) => {
     html: HTMLElement;
     visible: boolean;
     tooltip: string;
@@ -12,3 +13,4 @@ export declare const useAPI: (config?: CustomViewConfig) => {
     onClick: () => void;
     popup: HTMLElement;
 };
+export {};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1273",
+  "version": "1.4.1275",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1273",
-    "@reltio/mdm-sdk": "^1.4.1273",
+    "@reltio/mdm-module": "^1.4.1275",
+    "@reltio/mdm-sdk": "^1.4.1275",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",