intelicoreact 0.1.33 → 0.1.36
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/dist/Atomic/FormElements/DateTime/DateTime.js +35 -10
- package/dist/Atomic/FormElements/DateTime/DateTime.scss +11 -5
- package/dist/Atomic/FormElements/DateTime/DateTime.stories.js +19 -2
- package/dist/Atomic/FormElements/DateTime/partial/AnyOuterClass.scss +9 -0
- package/dist/Atomic/FormElements/DoubleString/DoubleString.js +5 -3
- package/dist/Atomic/FormElements/DoubleString/DoubleString.scss +11 -6
- package/dist/Atomic/FormElements/DoubleString/DoubleString.stories.js +13 -1
- package/dist/Atomic/FormElements/DoubleString/partial/AnyOuterClass.scss +16 -0
- package/dist/Atomic/FormElements/Input/Input.js +10 -29
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss +1 -3
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +58 -0
- package/dist/Atomic/FormElements/InputMask/InputMask.js +615 -0
- package/dist/Atomic/FormElements/InputMask/InputMask.scss +111 -0
- package/dist/Atomic/FormElements/InputMask/InputMask.stories.js +199 -0
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +53 -23
- package/dist/Atomic/FormElements/NumericInput/NumericInput.stories.js +25 -5
- package/dist/Atomic/FormElements/RangeList/RangeList.js +18 -17
- package/dist/Atomic/FormElements/RangeList/RangeList.stories.js +18 -12
- package/dist/Functions/fieldValueFormatters.js +18 -12
- package/dist/Molecular/SwitcherRangeList/SwitcherRangeList.js +2 -2
- package/dist/Molecular/SwitcherRangeList/SwitcherRangeList.stories.js +4 -4
- package/package.json +1 -1
- package/dist/Atomic/FormElements/RangeList/partial/temp.js +0 -150
|
@@ -15,14 +15,15 @@ var _index = require("../Constants/index.constants");
|
|
|
15
15
|
// The first word "filter" in the function name means a logic in which the function works as a changer for sequential input
|
|
16
16
|
// format
|
|
17
17
|
var formatOnlyNumbers = function formatOnlyNumbers(value) {
|
|
18
|
-
return (
|
|
18
|
+
return (!!value ? value.toString() : '').replace(/\D/g, '');
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
exports.formatOnlyNumbers = formatOnlyNumbers;
|
|
22
22
|
|
|
23
|
-
var formatToAddBitDepthPoints = function formatToAddBitDepthPoints(
|
|
23
|
+
var formatToAddBitDepthPoints = function formatToAddBitDepthPoints(inputValue) {
|
|
24
24
|
var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
|
|
25
|
-
//содержит ли value точку
|
|
25
|
+
var value = !!inputValue ? inputValue.toString() : ''; //содержит ли value точку
|
|
26
|
+
|
|
26
27
|
var isFraction = value.includes('.'); //взять строку до точки
|
|
27
28
|
|
|
28
29
|
var valueBeforeDot = isFraction ? value.slice(0, value.indexOf('.')) : value; //расстановка запятых после каждой 3й цифры с конца
|
|
@@ -35,7 +36,8 @@ var formatToAddBitDepthPoints = function formatToAddBitDepthPoints(value) {
|
|
|
35
36
|
|
|
36
37
|
exports.formatToAddBitDepthPoints = formatToAddBitDepthPoints;
|
|
37
38
|
|
|
38
|
-
var formatToTwoDigitAfterDot = function formatToTwoDigitAfterDot(
|
|
39
|
+
var formatToTwoDigitAfterDot = function formatToTwoDigitAfterDot(inputValue) {
|
|
40
|
+
var value = !!inputValue ? inputValue.toString() : '';
|
|
39
41
|
var arr = value.split('.');
|
|
40
42
|
var intPart = arr.shift();
|
|
41
43
|
var decimalPart = arr.join('').replace(/\s/g, '').slice(0, 2);
|
|
@@ -44,8 +46,9 @@ var formatToTwoDigitAfterDot = function formatToTwoDigitAfterDot(value) {
|
|
|
44
46
|
|
|
45
47
|
exports.formatToTwoDigitAfterDot = formatToTwoDigitAfterDot;
|
|
46
48
|
|
|
47
|
-
var formatToLetters = function formatToLetters(
|
|
49
|
+
var formatToLetters = function formatToLetters(inputValue) {
|
|
48
50
|
var soft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
51
|
+
var value = !!inputValue ? inputValue.toString() : '';
|
|
49
52
|
|
|
50
53
|
if (soft) {
|
|
51
54
|
return value.toString().replace(/[^a-z-]/gi, '');
|
|
@@ -58,26 +61,28 @@ var formatToLetters = function formatToLetters(value) {
|
|
|
58
61
|
exports.formatToLetters = formatToLetters;
|
|
59
62
|
|
|
60
63
|
var formatToOnlyASCIICodeText = function formatToOnlyASCIICodeText(text) {
|
|
61
|
-
return text
|
|
64
|
+
return (!!text ? text.toString() : '').replace(/[^\x00-\x7F]+/g, '');
|
|
62
65
|
};
|
|
63
66
|
|
|
64
67
|
exports.formatToOnlyASCIICodeText = formatToOnlyASCIICodeText;
|
|
65
68
|
|
|
66
69
|
var formatToRemoveComa = function formatToRemoveComa(value) {
|
|
67
|
-
return value.toString().replace(/\,/g, '');
|
|
70
|
+
return (!!value ? value.toString() : '').toString().replace(/\,/g, '');
|
|
68
71
|
};
|
|
69
72
|
|
|
70
73
|
exports.formatToRemoveComa = formatToRemoveComa;
|
|
71
74
|
|
|
72
|
-
var formatToCutOffDotAtTheEnd = function formatToCutOffDotAtTheEnd(
|
|
75
|
+
var formatToCutOffDotAtTheEnd = function formatToCutOffDotAtTheEnd(inputValue) {
|
|
76
|
+
var value = !!inputValue ? inputValue.toString() : '';
|
|
73
77
|
return value.toString().slice(-1) === '.' ? value.slice(0, -1) : value;
|
|
74
78
|
}; // filter
|
|
75
79
|
|
|
76
80
|
|
|
77
81
|
exports.formatToCutOffDotAtTheEnd = formatToCutOffDotAtTheEnd;
|
|
78
82
|
|
|
79
|
-
var filterFloat = function filterFloat(
|
|
83
|
+
var filterFloat = function filterFloat(inputValue) {
|
|
80
84
|
var decimalPlaces = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
85
|
+
var value = !!inputValue ? inputValue.toString() : '';
|
|
81
86
|
|
|
82
87
|
var replaser = function replaser(input) {
|
|
83
88
|
return ('' + input).replace(/[^\.\d]/g, '');
|
|
@@ -94,14 +99,15 @@ var filterFloat = function filterFloat(value) {
|
|
|
94
99
|
|
|
95
100
|
exports.filterFloat = filterFloat;
|
|
96
101
|
|
|
97
|
-
var filterToLimitLength = function filterToLimitLength(
|
|
102
|
+
var filterToLimitLength = function filterToLimitLength(inputValue, limit) {
|
|
103
|
+
var value = !!inputValue ? inputValue.toString() : '';
|
|
98
104
|
return limit && typeof limit === 'number' && !Number.isNaN(limit) && (value === null || value === void 0 ? void 0 : value.length) > limit ? value.substr(0, limit) : value;
|
|
99
105
|
};
|
|
100
106
|
|
|
101
107
|
exports.filterToLimitLength = filterToLimitLength;
|
|
102
108
|
|
|
103
109
|
var filterPhone = function filterPhone(value) {
|
|
104
|
-
return limitLength(filterNumbers(value), _index.MAX_PHONE_LENGTH);
|
|
110
|
+
return limitLength(filterNumbers(!!value ? value.toString() : ''), _index.MAX_PHONE_LENGTH);
|
|
105
111
|
};
|
|
106
112
|
|
|
107
113
|
exports.filterPhone = filterPhone;
|
|
@@ -113,7 +119,7 @@ var filterNumeric = function filterNumeric(value, settings) {
|
|
|
113
119
|
decimalPlaces = _ref.decimalPlaces;
|
|
114
120
|
|
|
115
121
|
var executor = type === 'float' ? filterFloat : formatOnlyNumbers;
|
|
116
|
-
return executor(value, decimalPlaces);
|
|
122
|
+
return executor(!!value ? value.toString() : '', decimalPlaces);
|
|
117
123
|
};
|
|
118
124
|
|
|
119
125
|
exports.filterNumeric = filterNumeric;
|
|
@@ -28,7 +28,7 @@ var SwitcherRangeList = function SwitcherRangeList(props) {
|
|
|
28
28
|
disabled = props.disabled,
|
|
29
29
|
isActive = props.isActive,
|
|
30
30
|
value = props.value,
|
|
31
|
-
|
|
31
|
+
validateErrors = props.validateErrors,
|
|
32
32
|
isFloatValues = props.isFloatValues,
|
|
33
33
|
decimalPlaces = props.decimalPlaces,
|
|
34
34
|
error = props.error,
|
|
@@ -53,7 +53,7 @@ var SwitcherRangeList = function SwitcherRangeList(props) {
|
|
|
53
53
|
className: "".concat(RC, "__range-list"),
|
|
54
54
|
value: value,
|
|
55
55
|
onChange: onChange,
|
|
56
|
-
|
|
56
|
+
validateErrors: validateErrors,
|
|
57
57
|
isFloatValues: isFloatValues,
|
|
58
58
|
decimalPlaces: decimalPlaces,
|
|
59
59
|
error: error,
|
|
@@ -23,7 +23,7 @@ var _SwitcherRangeList = _interopRequireDefault(require("./SwitcherRangeList"));
|
|
|
23
23
|
|
|
24
24
|
require("./partial/AnyOuterClass.scss");
|
|
25
25
|
|
|
26
|
-
var _excluded = ["includeOuterStyles", "
|
|
26
|
+
var _excluded = ["includeOuterStyles", "isAddValidateErrorsForExamle", "isUseInitialValues", "initialValues"];
|
|
27
27
|
|
|
28
28
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
29
|
|
|
@@ -46,7 +46,7 @@ var DEFAULT_STATE = {
|
|
|
46
46
|
|
|
47
47
|
var Template = function Template(args) {
|
|
48
48
|
var includeOuterStyles = args.includeOuterStyles,
|
|
49
|
-
|
|
49
|
+
isAddValidateErrorsForExamle = args.isAddValidateErrorsForExamle,
|
|
50
50
|
isUseInitialValues = args.isUseInitialValues,
|
|
51
51
|
initialValues = args.initialValues,
|
|
52
52
|
restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
|
|
@@ -89,7 +89,7 @@ var Template = function Template(args) {
|
|
|
89
89
|
return handleChange(val, 'value');
|
|
90
90
|
},
|
|
91
91
|
className: includeOuterStyles ? 'any-outer-class__switcher-range-list' : null,
|
|
92
|
-
|
|
92
|
+
validateErrors: isAddValidateErrorsForExamle ? validateForExample : null,
|
|
93
93
|
error: error
|
|
94
94
|
}));
|
|
95
95
|
};
|
|
@@ -98,7 +98,7 @@ var SwitcherRangeListTemplate = Template.bind({});
|
|
|
98
98
|
exports.SwitcherRangeListTemplate = SwitcherRangeListTemplate;
|
|
99
99
|
SwitcherRangeListTemplate.args = {
|
|
100
100
|
includeOuterStyles: false,
|
|
101
|
-
|
|
101
|
+
isAddValidateErrorsForExamle: true,
|
|
102
102
|
disabled: false,
|
|
103
103
|
label: 'Test label',
|
|
104
104
|
isLabelBold: true,
|
package/package.json
CHANGED
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = addRange;
|
|
9
|
-
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
|
|
12
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
|
-
function addRange(inputFrom, inputTo, currentValues, setError) {
|
|
15
|
-
var _getFilter;
|
|
16
|
-
|
|
17
|
-
var rounded = function rounded(val, soft) {
|
|
18
|
-
if (!val) return soft ? '' : 0;
|
|
19
|
-
if (!soft || val.toString().split('.')[1] && val.toString().split('.')[1].length > 2) return Number(val).toFixed(2);
|
|
20
|
-
return val;
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
var removeFiltersDots = function removeFiltersDots(value) {
|
|
24
|
-
if (filterId) return numberFilterWithoutDots(value);
|
|
25
|
-
return value;
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
function getFilter(data) {
|
|
29
|
-
var _data$slice;
|
|
30
|
-
|
|
31
|
-
return data === null || data === void 0 ? void 0 : (_data$slice = data.slice()) === null || _data$slice === void 0 ? void 0 : _data$slice.filter(function (_ref) {
|
|
32
|
-
var from = _ref.from,
|
|
33
|
-
to = _ref.to;
|
|
34
|
-
return !([0, null].includes(from) && [0, null].includes(to));
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
;
|
|
39
|
-
var from = parseFloat(rounded(inputFrom));
|
|
40
|
-
var to = parseFloat(inputTo);
|
|
41
|
-
if (isNaN(to)) to = '';
|
|
42
|
-
|
|
43
|
-
if (isNaN(from) || isNaN(to)) {
|
|
44
|
-
setError('All fields required');
|
|
45
|
-
return false;
|
|
46
|
-
} else if (to !== '' && to <= from) {
|
|
47
|
-
setError('Set a valid range');
|
|
48
|
-
return false;
|
|
49
|
-
} else if (isNaN(from) || !from && isNaN(to) || from < 0 || !from && to <= 0) {
|
|
50
|
-
setError('Only numbers >=0 are allowed');
|
|
51
|
-
return false;
|
|
52
|
-
} else if (to && to - from < 0.05) {
|
|
53
|
-
setError('range must be more than 0.05');
|
|
54
|
-
return false;
|
|
55
|
-
} // else if (form[2]?.unit === '%') {
|
|
56
|
-
// setError(`${form[2]?.label} max 100`);
|
|
57
|
-
// return false;
|
|
58
|
-
// }
|
|
59
|
-
else if (from > 999999 || !!to && to > 999999) {
|
|
60
|
-
setError('You need to set a smaller number!');
|
|
61
|
-
return false;
|
|
62
|
-
} else if (from === to) {
|
|
63
|
-
setError('You need to set a range');
|
|
64
|
-
return false;
|
|
65
|
-
} else if (!to) {
|
|
66
|
-
setError('Set a valid range');
|
|
67
|
-
return false;
|
|
68
|
-
} else if (!!to && from > to) {
|
|
69
|
-
setError('You need to set a valid range');
|
|
70
|
-
return false;
|
|
71
|
-
} // else if (filterId && label === 'Age' && to > 99) {
|
|
72
|
-
// setError('99 is the maximum allowed value');
|
|
73
|
-
// return false;
|
|
74
|
-
// }
|
|
75
|
-
// else if (filterId && label === 'Age' && from < 18) {
|
|
76
|
-
// setError('18 is the minimum allowed value');
|
|
77
|
-
// return false;
|
|
78
|
-
// }
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
var duplicate = currentValues === null || currentValues === void 0 ? void 0 : currentValues.filter(function (e) {
|
|
82
|
-
return Number(e[keyFrom]) === from && Number(e[keyTo]) === to;
|
|
83
|
-
});
|
|
84
|
-
|
|
85
|
-
if (duplicate.length) {
|
|
86
|
-
setError('This range was already added');
|
|
87
|
-
return false;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
var newRanges = [];
|
|
91
|
-
var prevItems = [];
|
|
92
|
-
var postItems = [];
|
|
93
|
-
|
|
94
|
-
var getRangeObject = function getRangeObject(nFrom, nTo) {
|
|
95
|
-
var _ref2;
|
|
96
|
-
|
|
97
|
-
return _ref2 = {}, (0, _defineProperty2.default)(_ref2, keyFrom, parseFloat(nFrom === null || nFrom === void 0 ? void 0 : nFrom.toFixed(3))), (0, _defineProperty2.default)(_ref2, keyTo, nTo.toFixed ? parseFloat(nTo === null || nTo === void 0 ? void 0 : nTo.toFixed(3)) : nTo || ''), _ref2;
|
|
98
|
-
};
|
|
99
|
-
|
|
100
|
-
var _getFilter$reduce = (_getFilter = getFilter(value)) === null || _getFilter === void 0 ? void 0 : _getFilter.reduce(function (res, data) {
|
|
101
|
-
if (data[keyFrom] === from) data[keyFrom] = from + additive;
|
|
102
|
-
if (data[keyTo] === to) data[keyTo] = to - additive;
|
|
103
|
-
if (isNaN(data[keyFrom])) data[keyFrom] = 0;
|
|
104
|
-
|
|
105
|
-
if (data[keyTo] > 0 && from > data[keyTo]) {
|
|
106
|
-
prevItems.push(data);
|
|
107
|
-
} else if (to && data[keyFrom] > to) {
|
|
108
|
-
postItems.push(data);
|
|
109
|
-
} else if (!(from < data[keyFrom] && (!to || data[keyTo] < to))) {
|
|
110
|
-
res.push(data);
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
return res;
|
|
114
|
-
}, []),
|
|
115
|
-
_getFilter$reduce2 = (0, _slicedToArray2.default)(_getFilter$reduce, 2),
|
|
116
|
-
crossFrom = _getFilter$reduce2[0],
|
|
117
|
-
crossTo = _getFilter$reduce2[1];
|
|
118
|
-
|
|
119
|
-
if (crossFrom && crossTo) {
|
|
120
|
-
if (to === crossTo.from) {
|
|
121
|
-
newRanges.push.apply(newRanges, [getRangeObject(crossFrom[keyFrom], from), getRangeObject(to, crossTo[keyTo])]);
|
|
122
|
-
} else {
|
|
123
|
-
newRanges.push.apply(newRanges, [getRangeObject(crossFrom[keyFrom], from), getRangeObject(from + additive, to)]);
|
|
124
|
-
|
|
125
|
-
if (to) {
|
|
126
|
-
newRanges.push(getRangeObject(to + additive, crossTo[keyTo]));
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
} else if (crossFrom) {
|
|
130
|
-
if (crossFrom[keyFrom] < from && crossFrom[keyTo] > to) {
|
|
131
|
-
newRanges.push(getRangeObject(crossFrom[keyFrom], from));
|
|
132
|
-
|
|
133
|
-
if (to) {
|
|
134
|
-
newRanges.push.apply(newRanges, [getRangeObject(from + additive, to), getRangeObject(to + additive, crossFrom[keyTo])]);
|
|
135
|
-
} else {
|
|
136
|
-
newRanges.push(getRangeObject(from + additive, ''));
|
|
137
|
-
}
|
|
138
|
-
} else if (crossFrom[keyFrom] > from) {
|
|
139
|
-
newRanges.push.apply(newRanges, [getRangeObject(from, to), getRangeObject(to + additive, crossFrom[keyTo])]);
|
|
140
|
-
} else if (crossFrom && to - from > 1) {
|
|
141
|
-
newRanges.push.apply(newRanges, [getRangeObject(crossFrom[keyFrom], from), getRangeObject(from + additive, to)]);
|
|
142
|
-
} else newRanges.push(getRangeObject(crossFrom[keyFrom], to));
|
|
143
|
-
} else {
|
|
144
|
-
newRanges.push(getRangeObject(from, to));
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
newRanges.unshift.apply(newRanges, prevItems);
|
|
148
|
-
newRanges.push.apply(newRanges, postItems);
|
|
149
|
-
return newRanges;
|
|
150
|
-
}
|