@reltio/components 1.4.1562 → 1.4.1563
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.
- package/cjs/components/MatchRulesBlock/SimpleMatchRules/styles.d.ts +1 -1
- package/cjs/components/editors/DataTypeValueEditor/useEditorContext.d.ts +1 -1
- package/cjs/components/editors/DataTypeValueEditor/useEditorContext.js +2 -2
- package/cjs/components/editors/FilterEditor/FilterValueEditor.js +1 -2
- package/cjs/components/editors/NumberEditor/NumberEditor.d.ts +12 -20
- package/cjs/components/editors/NumberEditor/NumberEditor.js +12 -27
- package/cjs/components/editors/TextEditor/TextEditor.d.ts +2 -2
- package/cjs/components/editors/TextEditor/TextEditor.js +1 -1
- package/cjs/constants/prop-types.d.ts +0 -6
- package/cjs/constants/prop-types.js +1 -8
- package/esm/components/MatchRulesBlock/SimpleMatchRules/styles.d.ts +1 -1
- package/esm/components/editors/DataTypeValueEditor/useEditorContext.d.ts +1 -1
- package/esm/components/editors/DataTypeValueEditor/useEditorContext.js +3 -3
- package/esm/components/editors/FilterEditor/FilterValueEditor.js +1 -2
- package/esm/components/editors/NumberEditor/NumberEditor.d.ts +12 -20
- package/esm/components/editors/NumberEditor/NumberEditor.js +13 -28
- package/esm/components/editors/TextEditor/TextEditor.d.ts +2 -2
- package/esm/components/editors/TextEditor/TextEditor.js +1 -1
- package/esm/constants/prop-types.d.ts +0 -6
- package/esm/constants/prop-types.js +1 -7
- package/package.json +3 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "container" | "negativeRuleIcon" | "labelsContainer" | "matchRuleInfo" | "matchRuleLabel"
|
|
1
|
+
declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "relevanceScore" | "container" | "negativeRuleIcon" | "labelsContainer" | "matchRuleInfo" | "matchRuleLabel">;
|
|
2
2
|
export default styles;
|
|
@@ -42,7 +42,7 @@ declare function useEditorContext(fieldName: any, dataTypeDefinition: any): {
|
|
|
42
42
|
format?: undefined;
|
|
43
43
|
tenant?: undefined;
|
|
44
44
|
} | {
|
|
45
|
-
format:
|
|
45
|
+
format: import("@reltio/mdm-sdk").NumberFormat;
|
|
46
46
|
entries?: undefined;
|
|
47
47
|
lookups?: undefined;
|
|
48
48
|
lookupCode?: undefined;
|
|
@@ -52,7 +52,7 @@ var useEditorContext = function (fieldName, dataTypeDefinition) {
|
|
|
52
52
|
options: __assign(__assign({}, globalSearchRequestOptions), { max: max, pageNo: pageNo })
|
|
53
53
|
}).then((0, ramda_1.pipe)((0, ramda_1.prop)(fieldName), ramda_1.keys));
|
|
54
54
|
}, [fieldName, globalSearchRequestOptions]);
|
|
55
|
-
var type = dataTypeDefinition.type, values = dataTypeDefinition.values, lookupCode = dataTypeDefinition.lookupCode,
|
|
55
|
+
var type = dataTypeDefinition.type, values = dataTypeDefinition.values, lookupCode = dataTypeDefinition.lookupCode, dependentLookupCode = dataTypeDefinition.dependentLookupCode, options = dataTypeDefinition.options;
|
|
56
56
|
switch (type) {
|
|
57
57
|
case mdm_sdk_1.DataTypes.TYPE_ENUM:
|
|
58
58
|
return { entries: values.map(function (value) { return ({ value: value }); }) };
|
|
@@ -100,7 +100,7 @@ var useEditorContext = function (fieldName, dataTypeDefinition) {
|
|
|
100
100
|
case mdm_sdk_1.DataTypes.TYPE_LONG:
|
|
101
101
|
case mdm_sdk_1.DataTypes.TYPE_INT:
|
|
102
102
|
return {
|
|
103
|
-
format: attributePresentations
|
|
103
|
+
format: (0, mdm_sdk_1.getNumberFormat)(dataTypeDefinition, attributePresentations, mdm_sdk_1.intl.getLocale())
|
|
104
104
|
};
|
|
105
105
|
case mdm_sdk_1.DataTypes.TYPE_FILE:
|
|
106
106
|
return { tenant: tenant };
|
|
@@ -33,11 +33,10 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
|
33
33
|
var ramda_1 = require("ramda");
|
|
34
34
|
var RangeDataTypeValueEditor_1 = __importDefault(require("../RangeDataTypeValueEditor/RangeDataTypeValueEditor"));
|
|
35
35
|
var DateRangeEditor_1 = __importDefault(require("../DateRangeEditor/DateRangeEditor"));
|
|
36
|
-
var mdm_sdk_2 = require("@reltio/mdm-sdk");
|
|
37
36
|
var toEditorValue = function (dataType) { return function (value) {
|
|
38
37
|
switch (dataType) {
|
|
39
38
|
case mdm_sdk_1.DataTypes.TYPE_DATE:
|
|
40
|
-
return (0, mdm_sdk_1.isDateRangeValue)(value) ? value :
|
|
39
|
+
return (0, mdm_sdk_1.isDateRangeValue)(value) ? value : mdm_sdk_1.utils.dates.toLocalDate(value);
|
|
41
40
|
case mdm_sdk_1.DataTypes.TYPE_LOCAL_DATE:
|
|
42
41
|
case mdm_sdk_1.DataTypes.TYPE_TIMESTAMP:
|
|
43
42
|
case mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE:
|
|
@@ -1,21 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { NumberFormat as TNumberFormat } from '@reltio/mdm-sdk';
|
|
3
|
+
type NumberEditorProps = {
|
|
4
|
+
multiple?: boolean;
|
|
5
|
+
integer?: boolean;
|
|
6
|
+
format?: TNumberFormat;
|
|
7
|
+
inputProps?: Record<string, unknown>;
|
|
8
|
+
InputProps?: Record<string, unknown>;
|
|
9
|
+
value: string | number | string[] | number[] | undefined;
|
|
10
|
+
onChange: (value: string | number | string[] | number[]) => void;
|
|
11
|
+
};
|
|
12
|
+
declare const NumberEditor: ({ integer, format, inputProps, InputProps, ...otherProps }: NumberEditorProps) => JSX.Element;
|
|
1
13
|
export default NumberEditor;
|
|
2
|
-
declare function NumberEditor({ integer, format, inputProps, InputProps, ...otherProps }: {
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
integer: any;
|
|
5
|
-
format: any;
|
|
6
|
-
inputProps: any;
|
|
7
|
-
InputProps: any;
|
|
8
|
-
}): JSX.Element;
|
|
9
|
-
declare namespace NumberEditor {
|
|
10
|
-
namespace propTypes {
|
|
11
|
-
export const multiple: PropTypes.Requireable<boolean>;
|
|
12
|
-
export const integer: PropTypes.Requireable<boolean>;
|
|
13
|
-
export { NumberFormatType as format };
|
|
14
|
-
export const inputProps: PropTypes.Requireable<object>;
|
|
15
|
-
export const InputProps: PropTypes.Requireable<object>;
|
|
16
|
-
export const value: PropTypes.Requireable<NonNullable<string | number | string[] | number[]>>;
|
|
17
|
-
export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
import PropTypes from 'prop-types';
|
|
21
|
-
import { NumberFormatType } from '../../../constants/prop-types';
|
|
@@ -25,45 +25,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
25
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
26
|
};
|
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
var react_number_format_1 = __importDefault(require("react-number-format"));
|
|
29
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
30
28
|
var react_1 = __importDefault(require("react"));
|
|
29
|
+
var react_number_format_1 = __importDefault(require("react-number-format"));
|
|
31
30
|
var TextEditor_1 = __importDefault(require("../TextEditor/TextEditor"));
|
|
32
|
-
var prop_types_2 = require("../../../constants/prop-types");
|
|
33
31
|
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
32
|
+
var getThousandsGroupStyle = function (groupSize) {
|
|
33
|
+
return ({
|
|
34
|
+
2: 'lakh',
|
|
35
|
+
3: 'thousand',
|
|
36
|
+
4: 'wan'
|
|
37
|
+
}[groupSize]);
|
|
38
|
+
};
|
|
34
39
|
var NumberFormatCustom = function (_a) {
|
|
35
|
-
var inputRef = _a.inputRef, onChange = _a.onChange, integer = _a.integer, customInput = _a.customInput, format = _a.format, otherProps = __rest(_a, ["inputRef", "onChange", "integer", "customInput", "format"]);
|
|
36
|
-
|
|
40
|
+
var inputRef = _a.inputRef, onChange = _a.onChange, integer = _a.integer, customInput = _a.customInput, format = _a.format, value = _a.value, otherProps = __rest(_a, ["inputRef", "onChange", "integer", "customInput", "format", "value"]);
|
|
41
|
+
var _b = format || {}, strategy = _b.strategy, groupSize = _b.groupSize, restFormat = __rest(_b, ["strategy", "groupSize"]);
|
|
42
|
+
return (react_1.default.createElement(react_number_format_1.default, __assign({}, otherProps, { value: (0, mdm_sdk_1.applyPresentationStrategyToValue)(strategy, value), thousandsGroupStyle: getThousandsGroupStyle(groupSize) }, restFormat, { getInputRef: inputRef, isNumericString: true, onValueChange: function (values) {
|
|
37
43
|
onChange({
|
|
38
44
|
target: {
|
|
39
|
-
value: values.value
|
|
45
|
+
value: (0, mdm_sdk_1.revertPresentationStrategyForValue)(strategy, values.value)
|
|
40
46
|
}
|
|
41
47
|
});
|
|
42
48
|
}, decimalScale: integer ? 0 : undefined, customInput: customInput })));
|
|
43
49
|
};
|
|
44
|
-
NumberFormatCustom.propTypes = {
|
|
45
|
-
inputRef: prop_types_1.default.func.isRequired,
|
|
46
|
-
onChange: prop_types_1.default.func.isRequired,
|
|
47
|
-
integer: prop_types_1.default.bool,
|
|
48
|
-
customInput: prop_types_1.default.elementType,
|
|
49
|
-
format: prop_types_2.NumberFormatType
|
|
50
|
-
};
|
|
51
50
|
var NumberEditor = function (_a) {
|
|
52
51
|
var integer = _a.integer, format = _a.format, inputProps = _a.inputProps, InputProps = _a.InputProps, otherProps = __rest(_a, ["integer", "format", "inputProps", "InputProps"]);
|
|
53
52
|
return (react_1.default.createElement(TextEditor_1.default, __assign({}, otherProps, { inputProps: __assign({ integer: integer, format: format }, inputProps), InputProps: __assign(__assign({}, InputProps), { inputComponent: NumberFormatCustom }), getValueLabel: (0, mdm_sdk_1.formatNumber)(format) })));
|
|
54
53
|
};
|
|
55
|
-
NumberEditor.propTypes = {
|
|
56
|
-
multiple: prop_types_1.default.bool,
|
|
57
|
-
integer: prop_types_1.default.bool,
|
|
58
|
-
format: prop_types_2.NumberFormatType,
|
|
59
|
-
inputProps: prop_types_1.default.object,
|
|
60
|
-
InputProps: prop_types_1.default.object,
|
|
61
|
-
value: prop_types_1.default.oneOfType([
|
|
62
|
-
prop_types_1.default.string,
|
|
63
|
-
prop_types_1.default.arrayOf(prop_types_1.default.string),
|
|
64
|
-
prop_types_1.default.number,
|
|
65
|
-
prop_types_1.default.arrayOf(prop_types_1.default.number)
|
|
66
|
-
]),
|
|
67
|
-
onChange: prop_types_1.default.func
|
|
68
|
-
};
|
|
69
54
|
exports.default = NumberEditor;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export default TextEditor;
|
|
2
2
|
declare function TextEditor({ multiple, value, getValueLabel, multiline, ...otherProps }: {
|
|
3
3
|
[x: string]: any;
|
|
4
|
-
multiple
|
|
4
|
+
multiple?: boolean;
|
|
5
5
|
value: any;
|
|
6
6
|
getValueLabel: any;
|
|
7
|
-
multiline
|
|
7
|
+
multiline?: boolean;
|
|
8
8
|
}): JSX.Element;
|
|
9
9
|
declare namespace TextEditor {
|
|
10
10
|
namespace propTypes {
|
|
@@ -30,7 +30,7 @@ var react_1 = __importDefault(require("react"));
|
|
|
30
30
|
var MultipleInput_1 = __importDefault(require("../../MultipleInput/MultipleInput"));
|
|
31
31
|
var SimpleInput_1 = __importDefault(require("../../SimpleInput/SimpleInput"));
|
|
32
32
|
var TextEditor = function (_a) {
|
|
33
|
-
var
|
|
33
|
+
var _b = _a.multiple, multiple = _b === void 0 ? false : _b, value = _a.value, getValueLabel = _a.getValueLabel, _c = _a.multiline, multiline = _c === void 0 ? false : _c, otherProps = __rest(_a, ["multiple", "value", "getValueLabel", "multiline"]);
|
|
34
34
|
return multiple ? (react_1.default.createElement(MultipleInput_1.default, __assign({}, otherProps, { values: value, getValueLabel: getValueLabel }))) : (react_1.default.createElement(SimpleInput_1.default, __assign({}, otherProps, { value: value, multiline: multiline })));
|
|
35
35
|
};
|
|
36
36
|
TextEditor.propTypes = {
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
export const NumberFormatType: PropTypes.Requireable<PropTypes.InferProps<{
|
|
2
|
-
prefix: PropTypes.Requireable<string>;
|
|
3
|
-
suffix: PropTypes.Requireable<string>;
|
|
4
|
-
thousandSeparator: PropTypes.Requireable<string>;
|
|
5
|
-
decimalSeparator: PropTypes.Requireable<string>;
|
|
6
|
-
}>>;
|
|
7
1
|
export const SelectValueType: PropTypes.Requireable<NonNullable<string | number | object>>;
|
|
8
2
|
export const DropDownEntryType: PropTypes.Requireable<PropTypes.InferProps<{
|
|
9
3
|
value: PropTypes.Validator<NonNullable<NonNullable<string | number | object>>>;
|
|
@@ -3,16 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.QueryBuilderAttributeType = exports.QueryBuilderAttributeDataType = exports.GroupedColumnsDataType = exports.ColumnsDataType = exports.ColumnFilterType = exports.SortingType = exports.ColumnDataType = exports.DropDownGroupEntryType = exports.DropDownEntryType = exports.SelectValueType =
|
|
6
|
+
exports.QueryBuilderAttributeType = exports.QueryBuilderAttributeDataType = exports.GroupedColumnsDataType = exports.ColumnsDataType = exports.ColumnFilterType = exports.SortingType = exports.ColumnDataType = exports.DropDownGroupEntryType = exports.DropDownEntryType = exports.SelectValueType = void 0;
|
|
7
7
|
var prop_types_1 = __importDefault(require("prop-types"));
|
|
8
8
|
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
9
|
-
var NumberFormatType = prop_types_1.default.shape({
|
|
10
|
-
prefix: prop_types_1.default.string,
|
|
11
|
-
suffix: prop_types_1.default.string,
|
|
12
|
-
thousandSeparator: prop_types_1.default.string,
|
|
13
|
-
decimalSeparator: prop_types_1.default.string
|
|
14
|
-
});
|
|
15
|
-
exports.NumberFormatType = NumberFormatType;
|
|
16
9
|
var SelectValueType = prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number, prop_types_1.default.object]);
|
|
17
10
|
exports.SelectValueType = SelectValueType;
|
|
18
11
|
var DropDownEntryType = prop_types_1.default.shape({
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "container" | "negativeRuleIcon" | "labelsContainer" | "matchRuleInfo" | "matchRuleLabel"
|
|
1
|
+
declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "relevanceScore" | "container" | "negativeRuleIcon" | "labelsContainer" | "matchRuleInfo" | "matchRuleLabel">;
|
|
2
2
|
export default styles;
|
|
@@ -42,7 +42,7 @@ declare function useEditorContext(fieldName: any, dataTypeDefinition: any): {
|
|
|
42
42
|
format?: undefined;
|
|
43
43
|
tenant?: undefined;
|
|
44
44
|
} | {
|
|
45
|
-
format:
|
|
45
|
+
format: import("@reltio/mdm-sdk").NumberFormat;
|
|
46
46
|
entries?: undefined;
|
|
47
47
|
lookups?: undefined;
|
|
48
48
|
lookupCode?: undefined;
|
|
@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import mdm, { profile } from '@reltio/mdm-module';
|
|
13
|
-
import { DataTypes, getDependentLookups, getFacetedAttributeData, getLookups, resolveLookupsList } from '@reltio/mdm-sdk';
|
|
13
|
+
import { DataTypes, intl, getDependentLookups, getFacetedAttributeData, getLookups, resolveLookupsList, getNumberFormat } from '@reltio/mdm-sdk';
|
|
14
14
|
import { useDispatch, useSelector } from 'react-redux';
|
|
15
15
|
import { useCallback } from 'react';
|
|
16
16
|
import { propOr, prop, pipe, keys } from 'ramda';
|
|
@@ -27,7 +27,7 @@ var useEditorContext = function (fieldName, dataTypeDefinition) {
|
|
|
27
27
|
options: __assign(__assign({}, globalSearchRequestOptions), { max: max, pageNo: pageNo })
|
|
28
28
|
}).then(pipe(prop(fieldName), keys));
|
|
29
29
|
}, [fieldName, globalSearchRequestOptions]);
|
|
30
|
-
var type = dataTypeDefinition.type, values = dataTypeDefinition.values, lookupCode = dataTypeDefinition.lookupCode,
|
|
30
|
+
var type = dataTypeDefinition.type, values = dataTypeDefinition.values, lookupCode = dataTypeDefinition.lookupCode, dependentLookupCode = dataTypeDefinition.dependentLookupCode, options = dataTypeDefinition.options;
|
|
31
31
|
switch (type) {
|
|
32
32
|
case DataTypes.TYPE_ENUM:
|
|
33
33
|
return { entries: values.map(function (value) { return ({ value: value }); }) };
|
|
@@ -75,7 +75,7 @@ var useEditorContext = function (fieldName, dataTypeDefinition) {
|
|
|
75
75
|
case DataTypes.TYPE_LONG:
|
|
76
76
|
case DataTypes.TYPE_INT:
|
|
77
77
|
return {
|
|
78
|
-
format: attributePresentations
|
|
78
|
+
format: getNumberFormat(dataTypeDefinition, attributePresentations, intl.getLocale())
|
|
79
79
|
};
|
|
80
80
|
case DataTypes.TYPE_FILE:
|
|
81
81
|
return { tenant: tenant };
|
|
@@ -24,11 +24,10 @@ import DataTypeValueEditor from '../DataTypeValueEditor/DataTypeValueEditor';
|
|
|
24
24
|
import PropTypes from 'prop-types';
|
|
25
25
|
import React from 'react';
|
|
26
26
|
import i18n from 'ui-i18n';
|
|
27
|
-
import { DataTypes, FilterType, isDateRangeFilterOption, isDateRangeValue, isMultiValueOption, isRangeFilterOption, mapFilterValue, wrapInArray } from '@reltio/mdm-sdk';
|
|
27
|
+
import { DataTypes, FilterType, isDateRangeFilterOption, isDateRangeValue, isMultiValueOption, isRangeFilterOption, mapFilterValue, utils, wrapInArray } from '@reltio/mdm-sdk';
|
|
28
28
|
import { pipe } from 'ramda';
|
|
29
29
|
import RangeDataTypeValueEditor from '../RangeDataTypeValueEditor/RangeDataTypeValueEditor';
|
|
30
30
|
import DateRangeEditor from '../DateRangeEditor/DateRangeEditor';
|
|
31
|
-
import { utils } from '@reltio/mdm-sdk';
|
|
32
31
|
var toEditorValue = function (dataType) { return function (value) {
|
|
33
32
|
switch (dataType) {
|
|
34
33
|
case DataTypes.TYPE_DATE:
|
|
@@ -1,21 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { NumberFormat as TNumberFormat } from '@reltio/mdm-sdk';
|
|
3
|
+
type NumberEditorProps = {
|
|
4
|
+
multiple?: boolean;
|
|
5
|
+
integer?: boolean;
|
|
6
|
+
format?: TNumberFormat;
|
|
7
|
+
inputProps?: Record<string, unknown>;
|
|
8
|
+
InputProps?: Record<string, unknown>;
|
|
9
|
+
value: string | number | string[] | number[] | undefined;
|
|
10
|
+
onChange: (value: string | number | string[] | number[]) => void;
|
|
11
|
+
};
|
|
12
|
+
declare const NumberEditor: ({ integer, format, inputProps, InputProps, ...otherProps }: NumberEditorProps) => JSX.Element;
|
|
1
13
|
export default NumberEditor;
|
|
2
|
-
declare function NumberEditor({ integer, format, inputProps, InputProps, ...otherProps }: {
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
integer: any;
|
|
5
|
-
format: any;
|
|
6
|
-
inputProps: any;
|
|
7
|
-
InputProps: any;
|
|
8
|
-
}): JSX.Element;
|
|
9
|
-
declare namespace NumberEditor {
|
|
10
|
-
namespace propTypes {
|
|
11
|
-
export const multiple: PropTypes.Requireable<boolean>;
|
|
12
|
-
export const integer: PropTypes.Requireable<boolean>;
|
|
13
|
-
export { NumberFormatType as format };
|
|
14
|
-
export const inputProps: PropTypes.Requireable<object>;
|
|
15
|
-
export const InputProps: PropTypes.Requireable<object>;
|
|
16
|
-
export const value: PropTypes.Requireable<NonNullable<string | number | string[] | number[]>>;
|
|
17
|
-
export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
import PropTypes from 'prop-types';
|
|
21
|
-
import { NumberFormatType } from '../../../constants/prop-types';
|
|
@@ -20,45 +20,30 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import NumberFormat from 'react-number-format';
|
|
24
|
-
import PropTypes from 'prop-types';
|
|
25
23
|
import React from 'react';
|
|
24
|
+
import NumberFormat from 'react-number-format';
|
|
26
25
|
import TextEditor from '../TextEditor/TextEditor';
|
|
27
|
-
import {
|
|
28
|
-
|
|
26
|
+
import { applyPresentationStrategyToValue, formatNumber, revertPresentationStrategyForValue } from '@reltio/mdm-sdk';
|
|
27
|
+
var getThousandsGroupStyle = function (groupSize) {
|
|
28
|
+
return ({
|
|
29
|
+
2: 'lakh',
|
|
30
|
+
3: 'thousand',
|
|
31
|
+
4: 'wan'
|
|
32
|
+
}[groupSize]);
|
|
33
|
+
};
|
|
29
34
|
var NumberFormatCustom = function (_a) {
|
|
30
|
-
var inputRef = _a.inputRef, onChange = _a.onChange, integer = _a.integer, customInput = _a.customInput, format = _a.format, otherProps = __rest(_a, ["inputRef", "onChange", "integer", "customInput", "format"]);
|
|
31
|
-
|
|
35
|
+
var inputRef = _a.inputRef, onChange = _a.onChange, integer = _a.integer, customInput = _a.customInput, format = _a.format, value = _a.value, otherProps = __rest(_a, ["inputRef", "onChange", "integer", "customInput", "format", "value"]);
|
|
36
|
+
var _b = format || {}, strategy = _b.strategy, groupSize = _b.groupSize, restFormat = __rest(_b, ["strategy", "groupSize"]);
|
|
37
|
+
return (React.createElement(NumberFormat, __assign({}, otherProps, { value: applyPresentationStrategyToValue(strategy, value), thousandsGroupStyle: getThousandsGroupStyle(groupSize) }, restFormat, { getInputRef: inputRef, isNumericString: true, onValueChange: function (values) {
|
|
32
38
|
onChange({
|
|
33
39
|
target: {
|
|
34
|
-
value: values.value
|
|
40
|
+
value: revertPresentationStrategyForValue(strategy, values.value)
|
|
35
41
|
}
|
|
36
42
|
});
|
|
37
43
|
}, decimalScale: integer ? 0 : undefined, customInput: customInput })));
|
|
38
44
|
};
|
|
39
|
-
NumberFormatCustom.propTypes = {
|
|
40
|
-
inputRef: PropTypes.func.isRequired,
|
|
41
|
-
onChange: PropTypes.func.isRequired,
|
|
42
|
-
integer: PropTypes.bool,
|
|
43
|
-
customInput: PropTypes.elementType,
|
|
44
|
-
format: NumberFormatType
|
|
45
|
-
};
|
|
46
45
|
var NumberEditor = function (_a) {
|
|
47
46
|
var integer = _a.integer, format = _a.format, inputProps = _a.inputProps, InputProps = _a.InputProps, otherProps = __rest(_a, ["integer", "format", "inputProps", "InputProps"]);
|
|
48
47
|
return (React.createElement(TextEditor, __assign({}, otherProps, { inputProps: __assign({ integer: integer, format: format }, inputProps), InputProps: __assign(__assign({}, InputProps), { inputComponent: NumberFormatCustom }), getValueLabel: formatNumber(format) })));
|
|
49
48
|
};
|
|
50
|
-
NumberEditor.propTypes = {
|
|
51
|
-
multiple: PropTypes.bool,
|
|
52
|
-
integer: PropTypes.bool,
|
|
53
|
-
format: NumberFormatType,
|
|
54
|
-
inputProps: PropTypes.object,
|
|
55
|
-
InputProps: PropTypes.object,
|
|
56
|
-
value: PropTypes.oneOfType([
|
|
57
|
-
PropTypes.string,
|
|
58
|
-
PropTypes.arrayOf(PropTypes.string),
|
|
59
|
-
PropTypes.number,
|
|
60
|
-
PropTypes.arrayOf(PropTypes.number)
|
|
61
|
-
]),
|
|
62
|
-
onChange: PropTypes.func
|
|
63
|
-
};
|
|
64
49
|
export default NumberEditor;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export default TextEditor;
|
|
2
2
|
declare function TextEditor({ multiple, value, getValueLabel, multiline, ...otherProps }: {
|
|
3
3
|
[x: string]: any;
|
|
4
|
-
multiple
|
|
4
|
+
multiple?: boolean;
|
|
5
5
|
value: any;
|
|
6
6
|
getValueLabel: any;
|
|
7
|
-
multiline
|
|
7
|
+
multiline?: boolean;
|
|
8
8
|
}): JSX.Element;
|
|
9
9
|
declare namespace TextEditor {
|
|
10
10
|
namespace propTypes {
|
|
@@ -25,7 +25,7 @@ import React from 'react';
|
|
|
25
25
|
import MultipleInput from '../../MultipleInput/MultipleInput';
|
|
26
26
|
import SimpleInput from '../../SimpleInput/SimpleInput';
|
|
27
27
|
var TextEditor = function (_a) {
|
|
28
|
-
var
|
|
28
|
+
var _b = _a.multiple, multiple = _b === void 0 ? false : _b, value = _a.value, getValueLabel = _a.getValueLabel, _c = _a.multiline, multiline = _c === void 0 ? false : _c, otherProps = __rest(_a, ["multiple", "value", "getValueLabel", "multiline"]);
|
|
29
29
|
return multiple ? (React.createElement(MultipleInput, __assign({}, otherProps, { values: value, getValueLabel: getValueLabel }))) : (React.createElement(SimpleInput, __assign({}, otherProps, { value: value, multiline: multiline })));
|
|
30
30
|
};
|
|
31
31
|
TextEditor.propTypes = {
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
export const NumberFormatType: PropTypes.Requireable<PropTypes.InferProps<{
|
|
2
|
-
prefix: PropTypes.Requireable<string>;
|
|
3
|
-
suffix: PropTypes.Requireable<string>;
|
|
4
|
-
thousandSeparator: PropTypes.Requireable<string>;
|
|
5
|
-
decimalSeparator: PropTypes.Requireable<string>;
|
|
6
|
-
}>>;
|
|
7
1
|
export const SelectValueType: PropTypes.Requireable<NonNullable<string | number | object>>;
|
|
8
2
|
export const DropDownEntryType: PropTypes.Requireable<PropTypes.InferProps<{
|
|
9
3
|
value: PropTypes.Validator<NonNullable<NonNullable<string | number | object>>>;
|
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
2
|
import { AttributeTypeType, FilterValueType, SortOrderType } from '@reltio/mdm-sdk';
|
|
3
|
-
var NumberFormatType = PropTypes.shape({
|
|
4
|
-
prefix: PropTypes.string,
|
|
5
|
-
suffix: PropTypes.string,
|
|
6
|
-
thousandSeparator: PropTypes.string,
|
|
7
|
-
decimalSeparator: PropTypes.string
|
|
8
|
-
});
|
|
9
3
|
var SelectValueType = PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]);
|
|
10
4
|
var DropDownEntryType = PropTypes.shape({
|
|
11
5
|
value: SelectValueType.isRequired,
|
|
@@ -61,4 +55,4 @@ var QueryBuilderAttributeType = PropTypes.shape({
|
|
|
61
55
|
filter: PropTypes.string,
|
|
62
56
|
operator: PropTypes.string
|
|
63
57
|
});
|
|
64
|
-
export {
|
|
58
|
+
export { SelectValueType, DropDownEntryType, DropDownGroupEntryType, ColumnDataType, SortingType, ColumnFilterType, ColumnsDataType, GroupedColumnsDataType, QueryBuilderAttributeDataType, QueryBuilderAttributeType };
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.1563",
|
|
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.
|
|
11
|
-
"@reltio/mdm-sdk": "^1.4.
|
|
10
|
+
"@reltio/mdm-module": "^1.4.1563",
|
|
11
|
+
"@reltio/mdm-sdk": "^1.4.1563",
|
|
12
12
|
"classnames": "^2.2.5",
|
|
13
13
|
"d3-cloud": "^1.2.5",
|
|
14
14
|
"d3-geo": "^2.0.1",
|