intelicoreact 0.1.31 → 0.1.34

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.
@@ -216,7 +216,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
216
216
  className: "input ".concat(className),
217
217
  placeholder: placeholder,
218
218
  value: value || '',
219
- inputmode: isNumericMobileKeyboard ? "numeric" : "none",
219
+ inputMode: isNumericMobileKeyboard ? "numeric" : "text",
220
220
  disabled: disabled,
221
221
  onChange: handle.change,
222
222
  onFocus: handle.focus,
@@ -48,7 +48,7 @@ var RangeList = function RangeList(props) {
48
48
  _props$value = props.value,
49
49
  value = _props$value === void 0 ? [] : _props$value,
50
50
  disabled = props.disabled,
51
- validate = props.validate,
51
+ validateErrors = props.validateErrors,
52
52
  onChange = props.onChange,
53
53
  isFloatValues = props.isFloatValues,
54
54
  decimalPlaces = props.decimalPlaces,
@@ -67,6 +67,11 @@ var RangeList = function RangeList(props) {
67
67
  innerError = _useState4[0],
68
68
  setInnerError = _useState4[1];
69
69
 
70
+ var _useState5 = (0, _react.useState)(''),
71
+ _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
72
+ outerError = _useState6[0],
73
+ setOuterError = _useState6[1];
74
+
70
75
  var inputFromRef = (0, _react.useRef)(null);
71
76
  var inputToRef = (0, _react.useRef)(null);
72
77
  var isValidRange = !!(state !== null && state !== void 0 && state.from && state !== null && state !== void 0 && state.to && +(state === null || state === void 0 ? void 0 : state.from) <= +(state === null || state === void 0 ? void 0 : state.to));
@@ -75,13 +80,14 @@ var RangeList = function RangeList(props) {
75
80
  return setState(_objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2.default)({}, prop, val)));
76
81
  },
77
82
  addRange: function addRange() {
78
- var _validate;
83
+ var _validateErrors;
79
84
 
80
- if (isValidRange && ((_validate = validate === null || validate === void 0 ? void 0 : validate(+state.from, +state.to)) !== null && _validate !== void 0 ? _validate : true)) {
85
+ if (isValidRange && ((_validateErrors = !(validateErrors !== null && validateErrors !== void 0 && validateErrors(+state.from, +state.to))) !== null && _validateErrors !== void 0 ? _validateErrors : true)) {
81
86
  onChange((0, _operations.addRangeDefault)(+state.from, +state.to, value, isFloatValues ? decimalPlaces : null));
82
87
  setState(DEFAULT_STATE);
83
88
  setInnerError('');
84
- } else setInnerError(defaultErrorText);
89
+ setOuterError('');
90
+ } else if (!isValidRange) setInnerError(defaultErrorText);else if (validateErrors) setOuterError(validateErrors(+state.from, +state.to));
85
91
  },
86
92
  removeRange: function removeRange(index) {
87
93
  return onChange(value.filter(function (item, idx) {
@@ -93,18 +99,19 @@ var RangeList = function RangeList(props) {
93
99
 
94
100
  if (!(state !== null && state !== void 0 && state.from) && !(state !== null && state !== void 0 && state.to)) {
95
101
  setInnerError('');
102
+ setOuterError('');
96
103
  return e;
97
104
  } else if (!state[oppositeKey]) {
98
105
  var mustToFocus = key === 'from' ? inputToRef.current : inputFromRef.current;
99
106
  mustToFocus.focus();
100
- } else if (!isValidRange) setInnerError(defaultErrorText);else {
107
+ } else if (!isValidRange) {
108
+ setInnerError(defaultErrorText);
109
+ if (validateErrors) setOuterError(validateErrors(+state.from, +state.to));
110
+ } else {
101
111
  setInnerError('');
102
- return e;
112
+ if (validateErrors) setOuterError(validateErrors(+state.from, +state.to));
103
113
  }
104
114
  },
105
- onFocus: function onFocus() {
106
- return setInnerError('');
107
- },
108
115
  onKeyUpFromInput: function onKeyUpFromInput(code) {
109
116
  if (code === 13) {
110
117
  if (isValidRange) inputFromRef.current.blur();else if (!state.to) inputToRef.current.focus();else if (state.from) inputFromRef.current.select();
@@ -135,9 +142,6 @@ var RangeList = function RangeList(props) {
135
142
  type: 'int'
136
143
  },
137
144
  value: state.from,
138
- onFocus: function onFocus() {
139
- return handle.onFocus();
140
- },
141
145
  onBlur: function onBlur(e) {
142
146
  return handle.rangeValidation(e, 'from');
143
147
  },
@@ -158,9 +162,6 @@ var RangeList = function RangeList(props) {
158
162
  type: 'int'
159
163
  },
160
164
  value: state.to,
161
- onFocus: function onFocus() {
162
- return handle.onFocus();
163
- },
164
165
  onBlur: function onBlur(e) {
165
166
  return handle.rangeValidation(e, 'to');
166
167
  },
@@ -174,9 +175,9 @@ var RangeList = function RangeList(props) {
174
175
  className: "".concat(RC, "__cell-button")
175
176
  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
176
177
  onClick: handle.addRange
177
- }, "Add"))), (innerError || error) && /*#__PURE__*/_react.default.createElement("span", {
178
+ }, "Add"))), (innerError || outerError || error) && /*#__PURE__*/_react.default.createElement("span", {
178
179
  className: "".concat(RC, "__error")
179
- }, error || innerError), !(value !== null && value !== void 0 && value.length) && /*#__PURE__*/_react.default.createElement("div", {
180
+ }, innerError || error || outerError), !(value !== null && value !== void 0 && value.length) && /*#__PURE__*/_react.default.createElement("div", {
180
181
  className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__values"), "".concat(RC, "__null-value"))
181
182
  }, NULL_VALUE_TEXT), value.map(function (row, idx) {
182
183
  return /*#__PURE__*/_react.default.createElement(_RangeListRow.default, (0, _extends2.default)({
@@ -21,7 +21,7 @@ var _RangeList = _interopRequireDefault(require("./RangeList"));
21
21
 
22
22
  require("./partial/AnyOuterClass.scss");
23
23
 
24
- var _excluded = ["includeOuterStyles", "isAddValidateForExamle", "isUseInitialValues", "initialValues"];
24
+ var _excluded = ["includeOuterStyles", "isAddValidateErrorsForExamle", "isUseErrorsState", "isUseInitialValues", "initialValues"];
25
25
 
26
26
  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); }
27
27
 
@@ -41,7 +41,8 @@ var rootStyles = {
41
41
 
42
42
  var Template = function Template(args) {
43
43
  var includeOuterStyles = args.includeOuterStyles,
44
- isAddValidateForExamle = args.isAddValidateForExamle,
44
+ isAddValidateErrorsForExamle = args.isAddValidateErrorsForExamle,
45
+ isUseErrorsState = args.isUseErrorsState,
45
46
  isUseInitialValues = args.isUseInitialValues,
46
47
  initialValues = args.initialValues,
47
48
  restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
@@ -56,14 +57,18 @@ var Template = function Template(args) {
56
57
  error = _useState4[0],
57
58
  setError = _useState4[1];
58
59
 
59
- var validateForExample = function validateForExample(from, to) {
60
- if (+from < 18) {
61
- setError('18 is the minimum allowed value');
62
- return false;
63
- } else {
64
- setError('');
65
- return true;
66
- }
60
+ var getValidate = function getValidate(isUseState) {
61
+ return function (from, to) {
62
+ var errorText = '18 is the minimum allowed value';
63
+
64
+ if (+from < 18) {
65
+ if (isUseState) setError(errorText);
66
+ return errorText;
67
+ } else {
68
+ if (isUseState) setError('');
69
+ return '';
70
+ }
71
+ };
67
72
  };
68
73
 
69
74
  (0, _react.useEffect)(function () {
@@ -79,7 +84,7 @@ var Template = function Template(args) {
79
84
  return setValue(val);
80
85
  },
81
86
  error: error,
82
- validate: isAddValidateForExamle ? validateForExample : null
87
+ validateErrors: isAddValidateErrorsForExamle ? getValidate(isUseErrorsState) : null
83
88
  })));
84
89
  };
85
90
 
@@ -87,7 +92,8 @@ var RangeListTemplate = Template.bind({});
87
92
  exports.RangeListTemplate = RangeListTemplate;
88
93
  RangeListTemplate.args = {
89
94
  includeOuterStyles: false,
90
- isAddValidateForExamle: true,
95
+ isAddValidateErrorsForExamle: true,
96
+ isUseErrorsState: false,
91
97
  disabled: false,
92
98
  isFloatValues: false,
93
99
  decimalPlaces: 2,
@@ -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
- validate = props.validate,
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
- validate: validate,
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", "isAddValidateForExamle", "isUseInitialValues", "initialValues"];
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
- isAddValidateForExamle = args.isAddValidateForExamle,
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
- validate: isAddValidateForExamle ? validateForExample : null,
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
- isAddValidateForExamle: true,
101
+ isAddValidateErrorsForExamle: true,
102
102
  disabled: false,
103
103
  label: 'Test label',
104
104
  isLabelBold: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "0.1.31",
3
+ "version": "0.1.34",
4
4
  "description": "fixes",
5
5
  "main": "dist/index.js",
6
6
  "files": ["dist/*", "node_modules/anme/*", "node_modules/moment/*", "node_modules/moment-timezone/*"],
@@ -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
- }