@reltio/components 1.4.1313 → 1.4.1314

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/cjs/components/editors/DateRangeEditor/DateRangeEditor.d.ts +1 -2
  2. package/cjs/components/editors/DateRangeEditor/DateRangeEditor.js +4 -3
  3. package/cjs/components/editors/FilterEditor/FilterValueEditor.d.ts +3 -1
  4. package/cjs/components/editors/FilterEditor/FilterValueEditor.js +5 -4
  5. package/esm/components/editors/DateRangeEditor/DateRangeEditor.d.ts +1 -2
  6. package/esm/components/editors/DateRangeEditor/DateRangeEditor.js +4 -3
  7. package/esm/components/editors/FilterEditor/FilterValueEditor.d.ts +3 -1
  8. package/esm/components/editors/FilterEditor/FilterValueEditor.js +5 -4
  9. package/package.json +3 -3
package/cjs/components/editors/DateRangeEditor/DateRangeEditor.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export default DateRangeEditor;
2
- declare function DateRangeEditor({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, TextFieldProps, MenuProps, classes, ...otherProps }: {
2
+ declare function DateRangeEditor({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, TextFieldProps, MenuProps, ...otherProps }: {
3
3
  [x: string]: any;
4
4
  label: any;
5
5
  values: any;
@@ -9,7 +9,6 @@ declare function DateRangeEditor({ label, values, options, getValuesDateRange, o
9
9
  dataTypeDefinition?: {};
10
10
  TextFieldProps?: {};
11
11
  MenuProps?: {};
12
- classes?: {};
13
12
  }): JSX.Element;
14
13
  declare namespace DateRangeEditor {
15
14
  namespace propTypes {
package/cjs/components/editors/DateRangeEditor/DateRangeEditor.js CHANGED
@@ -78,15 +78,16 @@ var getEditorValue = ramda_1.curry(function (placeholder, dataTypeDefinition, va
78
78
  var convertValuesToDate = ramda_1.pipe(mdm_sdk_1.getDateRangeByValue, ramda_1.defaultTo([]), ramda_1.map(function (value) { return value && new Date(value); }));
79
79
  var DateRangeEditor = function (_a) {
80
80
  var _b;
81
- 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"]);
81
+ 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, otherProps = __rest(_a, ["label", "values", "options", "getValuesDateRange", "onChange", "dataTypeDefinition", "TextFieldProps", "MenuProps"]);
82
+ var classes = otherProps.classes;
82
83
  var placeholder = localeFormat + (dataTypeDefinition.type === mdm_sdk_1.DataTypes.TYPE_TIMESTAMP ? ' HH:MM' : '');
83
84
  var rangeOptions = react_1.useMemo(function () {
84
85
  return options ||
85
86
  Object.values(mdm_sdk_1.DateRangeValues).map(function (option) { return ({ value: option, label: mdm_sdk_1.getRangeOptionLabel(option) }); });
86
87
  }, [options]);
87
88
  var inputRef = react_1.useRef(null);
88
- var _j = react_1.useState(false), open = _j[0], setOpen = _j[1];
89
- var _k = react_1.useState(), customValue = _k[0], setCustomValue = _k[1];
89
+ var _h = react_1.useState(false), open = _h[0], setOpen = _h[1];
90
+ var _j = react_1.useState(), customValue = _j[0], setCustomValue = _j[1];
90
91
  var styles = styles_1.useStyles();
91
92
  var onItemClick = function (value) {
92
93
  if (value === mdm_sdk_1.DateRangeValues.PICK_DATE) {
package/cjs/components/editors/FilterEditor/FilterValueEditor.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export default FilterValueEditor;
2
- declare function FilterValueEditor({ filter: { values, fieldName, filter }, onChange, dataTypeDefinition, orientation, ...otherProps }: {
2
+ declare function FilterValueEditor({ filter: { values, fieldName, filter }, onChange, dataTypeDefinition, orientation, TextFieldProps, ...otherProps }: {
3
3
  [x: string]: any;
4
4
  filter: {
5
5
  values?: any[];
@@ -9,6 +9,7 @@ declare function FilterValueEditor({ filter: { values, fieldName, filter }, onCh
9
9
  onChange: any;
10
10
  dataTypeDefinition: any;
11
11
  orientation: any;
12
+ TextFieldProps: any;
12
13
  }): JSX.Element;
13
14
  declare namespace FilterValueEditor {
14
15
  namespace propTypes {
@@ -17,6 +18,7 @@ declare namespace FilterValueEditor {
17
18
  export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
18
19
  export const dataTypeDefinition: PropTypes.Requireable<object>;
19
20
  export const classes: PropTypes.Requireable<object>;
21
+ export const TextFieldProps: PropTypes.Requireable<object>;
20
22
  }
21
23
  }
22
24
  import { FilterType } from "@reltio/mdm-sdk/src/constants";
package/cjs/components/editors/FilterEditor/FilterValueEditor.js CHANGED
@@ -59,7 +59,7 @@ var fromEditorValue = function (dataType) { return function (value) {
59
59
  }
60
60
  }; };
61
61
  var FilterValueEditor = function (_a) {
62
- var _b = _a.filter, _c = _b.values, values = _c === void 0 ? [] : _c, fieldName = _b.fieldName, filter = _b.filter, onChange = _a.onChange, dataTypeDefinition = _a.dataTypeDefinition, orientation = _a.orientation, otherProps = __rest(_a, ["filter", "onChange", "dataTypeDefinition", "orientation"]);
62
+ var _b = _a.filter, _c = _b.values, values = _c === void 0 ? [] : _c, fieldName = _b.fieldName, filter = _b.filter, onChange = _a.onChange, dataTypeDefinition = _a.dataTypeDefinition, orientation = _a.orientation, TextFieldProps = _a.TextFieldProps, otherProps = __rest(_a, ["filter", "onChange", "dataTypeDefinition", "orientation", "TextFieldProps"]);
63
63
  var dataType = dataTypeDefinition.type;
64
64
  var value = mdm_sdk_1.mapFilterValue(toEditorValue(dataType))(values[0]);
65
65
  var handleChange = ramda_1.pipe(mdm_sdk_1.mapFilterValue(fromEditorValue(dataType)), mdm_sdk_1.wrapInArray, onChange);
@@ -67,11 +67,11 @@ var FilterValueEditor = function (_a) {
67
67
  return (react_1.default.createElement(DateRangeEditor_1.default, __assign({}, otherProps, { values: value, onChange: handleChange, dataTypeDefinition: dataTypeDefinition, label: ui_i18n_1.default.text('Date Range') })));
68
68
  }
69
69
  else if (mdm_sdk_1.isRangeFilterOption(filter)) {
70
- return (react_1.default.createElement(RangeDataTypeValueEditor_1.default, __assign({}, otherProps, { value: value, onChange: handleChange, fieldName: fieldName, dataTypeDefinition: dataTypeDefinition, orientation: orientation })));
70
+ return (react_1.default.createElement(RangeDataTypeValueEditor_1.default, __assign({}, otherProps, { value: value, onChange: handleChange, fieldName: fieldName, dataTypeDefinition: dataTypeDefinition, orientation: orientation, TextFieldProps: TextFieldProps })));
71
71
  }
72
72
  else {
73
73
  var multipleProp = mdm_sdk_1.isMultiValueOption(filter) ? { multiple: true } : {};
74
- return (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({}, otherProps, multipleProp, { fieldName: fieldName, value: value, onChange: handleChange, dataTypeDefinition: dataTypeDefinition })));
74
+ return (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({}, otherProps, multipleProp, { fieldName: fieldName, value: value, onChange: handleChange, dataTypeDefinition: dataTypeDefinition, TextFieldProps: TextFieldProps })));
75
75
  }
76
76
  };
77
77
  FilterValueEditor.propTypes = {
@@ -79,6 +79,7 @@ FilterValueEditor.propTypes = {
79
79
  orientation: prop_types_1.default.oneOf(['horizontal', 'vertical']),
80
80
  onChange: prop_types_1.default.func,
81
81
  dataTypeDefinition: prop_types_1.default.object,
82
- classes: prop_types_1.default.object
82
+ classes: prop_types_1.default.object,
83
+ TextFieldProps: prop_types_1.default.object
83
84
  };
84
85
  exports.default = FilterValueEditor;
package/esm/components/editors/DateRangeEditor/DateRangeEditor.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export default DateRangeEditor;
2
- declare function DateRangeEditor({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, TextFieldProps, MenuProps, classes, ...otherProps }: {
2
+ declare function DateRangeEditor({ label, values, options, getValuesDateRange, onChange, dataTypeDefinition, TextFieldProps, MenuProps, ...otherProps }: {
3
3
  [x: string]: any;
4
4
  label: any;
5
5
  values: any;
@@ -9,7 +9,6 @@ declare function DateRangeEditor({ label, values, options, getValuesDateRange, o
9
9
  dataTypeDefinition?: {};
10
10
  TextFieldProps?: {};
11
11
  MenuProps?: {};
12
- classes?: {};
13
12
  }): JSX.Element;
14
13
  declare namespace DateRangeEditor {
15
14
  namespace propTypes {
package/esm/components/editors/DateRangeEditor/DateRangeEditor.js CHANGED
@@ -54,15 +54,16 @@ var getEditorValue = curry(function (placeholder, dataTypeDefinition, value, opt
54
54
  var convertValuesToDate = pipe(getDateRangeByValue, defaultTo([]), map(function (value) { return value && new Date(value); }));
55
55
  var DateRangeEditor = function (_a) {
56
56
  var _b;
57
- 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"]);
57
+ 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, otherProps = __rest(_a, ["label", "values", "options", "getValuesDateRange", "onChange", "dataTypeDefinition", "TextFieldProps", "MenuProps"]);
58
+ var classes = otherProps.classes;
58
59
  var placeholder = localeFormat + (dataTypeDefinition.type === DataTypes.TYPE_TIMESTAMP ? ' HH:MM' : '');
59
60
  var rangeOptions = useMemo(function () {
60
61
  return options ||
61
62
  Object.values(DateRangeValues).map(function (option) { return ({ value: option, label: getRangeOptionLabel(option) }); });
62
63
  }, [options]);
63
64
  var inputRef = useRef(null);
64
- var _j = useState(false), open = _j[0], setOpen = _j[1];
65
- var _k = useState(), customValue = _k[0], setCustomValue = _k[1];
65
+ var _h = useState(false), open = _h[0], setOpen = _h[1];
66
+ var _j = useState(), customValue = _j[0], setCustomValue = _j[1];
66
67
  var styles = useStyles();
67
68
  var onItemClick = function (value) {
68
69
  if (value === DateRangeValues.PICK_DATE) {
package/esm/components/editors/FilterEditor/FilterValueEditor.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export default FilterValueEditor;
2
- declare function FilterValueEditor({ filter: { values, fieldName, filter }, onChange, dataTypeDefinition, orientation, ...otherProps }: {
2
+ declare function FilterValueEditor({ filter: { values, fieldName, filter }, onChange, dataTypeDefinition, orientation, TextFieldProps, ...otherProps }: {
3
3
  [x: string]: any;
4
4
  filter: {
5
5
  values?: any[];
@@ -9,6 +9,7 @@ declare function FilterValueEditor({ filter: { values, fieldName, filter }, onCh
9
9
  onChange: any;
10
10
  dataTypeDefinition: any;
11
11
  orientation: any;
12
+ TextFieldProps: any;
12
13
  }): JSX.Element;
13
14
  declare namespace FilterValueEditor {
14
15
  namespace propTypes {
@@ -17,6 +18,7 @@ declare namespace FilterValueEditor {
17
18
  export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
18
19
  export const dataTypeDefinition: PropTypes.Requireable<object>;
19
20
  export const classes: PropTypes.Requireable<object>;
21
+ export const TextFieldProps: PropTypes.Requireable<object>;
20
22
  }
21
23
  }
22
24
  import { FilterType } from "@reltio/mdm-sdk/src/constants";
package/esm/components/editors/FilterEditor/FilterValueEditor.js CHANGED
@@ -54,7 +54,7 @@ var fromEditorValue = function (dataType) { return function (value) {
54
54
  }
55
55
  }; };
56
56
  var FilterValueEditor = function (_a) {
57
- var _b = _a.filter, _c = _b.values, values = _c === void 0 ? [] : _c, fieldName = _b.fieldName, filter = _b.filter, onChange = _a.onChange, dataTypeDefinition = _a.dataTypeDefinition, orientation = _a.orientation, otherProps = __rest(_a, ["filter", "onChange", "dataTypeDefinition", "orientation"]);
57
+ var _b = _a.filter, _c = _b.values, values = _c === void 0 ? [] : _c, fieldName = _b.fieldName, filter = _b.filter, onChange = _a.onChange, dataTypeDefinition = _a.dataTypeDefinition, orientation = _a.orientation, TextFieldProps = _a.TextFieldProps, otherProps = __rest(_a, ["filter", "onChange", "dataTypeDefinition", "orientation", "TextFieldProps"]);
58
58
  var dataType = dataTypeDefinition.type;
59
59
  var value = mapFilterValue(toEditorValue(dataType))(values[0]);
60
60
  var handleChange = pipe(mapFilterValue(fromEditorValue(dataType)), wrapInArray, onChange);
@@ -62,11 +62,11 @@ var FilterValueEditor = function (_a) {
62
62
  return (React.createElement(DateRangeEditor, __assign({}, otherProps, { values: value, onChange: handleChange, dataTypeDefinition: dataTypeDefinition, label: i18n.text('Date Range') })));
63
63
  }
64
64
  else if (isRangeFilterOption(filter)) {
65
- return (React.createElement(RangeDataTypeValueEditor, __assign({}, otherProps, { value: value, onChange: handleChange, fieldName: fieldName, dataTypeDefinition: dataTypeDefinition, orientation: orientation })));
65
+ return (React.createElement(RangeDataTypeValueEditor, __assign({}, otherProps, { value: value, onChange: handleChange, fieldName: fieldName, dataTypeDefinition: dataTypeDefinition, orientation: orientation, TextFieldProps: TextFieldProps })));
66
66
  }
67
67
  else {
68
68
  var multipleProp = isMultiValueOption(filter) ? { multiple: true } : {};
69
- return (React.createElement(DataTypeValueEditor, __assign({}, otherProps, multipleProp, { fieldName: fieldName, value: value, onChange: handleChange, dataTypeDefinition: dataTypeDefinition })));
69
+ return (React.createElement(DataTypeValueEditor, __assign({}, otherProps, multipleProp, { fieldName: fieldName, value: value, onChange: handleChange, dataTypeDefinition: dataTypeDefinition, TextFieldProps: TextFieldProps })));
70
70
  }
71
71
  };
72
72
  FilterValueEditor.propTypes = {
@@ -74,6 +74,7 @@ FilterValueEditor.propTypes = {
74
74
  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
75
75
  onChange: PropTypes.func,
76
76
  dataTypeDefinition: PropTypes.object,
77
- classes: PropTypes.object
77
+ classes: PropTypes.object,
78
+ TextFieldProps: PropTypes.object
78
79
  };
79
80
  export default FilterValueEditor;
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1313",
3
+ "version": "1.4.1314",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./esm/index.js",
7
7
  "dependencies": {
8
8
  "@date-io/moment": "^1.3.5",
9
9
  "@react-google-maps/api": "2.7.0",
10
- "@reltio/mdm-module": "^1.4.1313",
11
- "@reltio/mdm-sdk": "^1.4.1313",
10
+ "@reltio/mdm-module": "^1.4.1314",
11
+ "@reltio/mdm-sdk": "^1.4.1314",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",