intelicoreact 0.3.14 → 0.3.17

package/dist/Atomic/FormElements/Input/Input.js

@@ -115,10 +115,15 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       onInputHover = _useState10[0],
       setOnInputHover = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(value),
+  var _useState11 = (0, _react.useState)(''),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      prevValue = _useState12[0],
-      setPreviousValue = _useState12[1];
+      formatedValue = _useState12[0],
+      setFormatedValue = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(value),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      prevValue = _useState14[0],
+      setPreviousValue = _useState14[1];
 
   var isUseBitDepthPoints = !!onlyNumbers && isPriceInput;
   var isUseErrorsBlink = !isNotBlinkErrors && !mask; // HANDLES
@@ -136,6 +141,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       var maximum = !Number.isNaN(+max) && max !== null && (max >= 0 || !isOnlyPositive) ? max : undefined;
       var minusSymbol;
       var inputValue = e.target ? e.target.value : e;
+      if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
 
       if (onlyNumbers && !isOnlyPositive && inputValue[0] === '-') {
         minusSymbol = '-';
@@ -166,16 +172,11 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     },
     focus: function focus(e) {
       setIsFocused(true);
-      if (onlyNumbers) onChange((0, _fieldValueFormatters.formatToRemoveComa)(value));
       onFocus(e);
     },
     blur: function blur(e) {
       setIsFocused(false);
       setEditing(false);
-      var value = e.target.value;
-      if (onlyNumbers) value = (0, _fieldValueFormatters.formatToCutOffDotAtTheEnd)(value);
-      if (isUseBitDepthPoints) value = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(value);
-      if (onlyNumbers || isUseBitDepthPoints) onChange(value);
       if (onBlur) onBlur(e);
     },
     keyDown: function keyDown(e) {
@@ -210,6 +211,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       onKeyUp(e.keyCode, e);
     }
   };
+  (0, _react.useLayoutEffect)(function () {
+    if (isUseBitDepthPoints) setFormatedValue((0, _fieldValueFormatters.formatToAddBitDepthPoints)(value === undefined || value === null ? '' : value));
+  }, [value]);
   (0, _react.useEffect)(function () {
     var _inputRef$current, _inputRef$current$foc;
 
@@ -236,7 +240,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     var uniProps = _objectSpread(_objectSpread({
       className: "input ".concat(className),
       placeholder: placeholder,
-      value: value === undefined || value === null ? '' : value,
+      value: isUseBitDepthPoints ? formatedValue : value === undefined || value === null ? '' : value,
       inputMode: isNumericMobileKeyboard ? 'numeric' : 'text',
       disabled: disabled,
       onChange: handle.change,

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js

@@ -17,6 +17,8 @@ var _reactFeather = require("react-feather");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 var _Input = _interopRequireDefault(require("../Input/Input"));
 
 require("./RangeSlider.scss");
@@ -36,6 +38,8 @@ function RangeSlider(_ref) {
       min = _ref$min === void 0 ? 0 : _ref$min,
       _ref$max = _ref.max,
       max = _ref$max === void 0 ? 100 : _ref$max,
+      _ref$decimalPlaces = _ref.decimalPlaces,
+      decimalPlaces = _ref$decimalPlaces === void 0 ? 2 : _ref$decimalPlaces,
       _ref$minRange = _ref.minRange,
       minRange = _ref$minRange === void 0 ? 0 : _ref$minRange,
       _ref$precision = _ref.precision,
@@ -50,6 +54,8 @@ function RangeSlider(_ref) {
       unit = _ref$unit === void 0 ? '' : _ref$unit,
       _ref$label = _ref.label,
       label = _ref$label === void 0 ? '' : _ref$label,
+      _ref$isUseBitPoints = _ref.isUseBitPoints,
+      isUseBitPoints = _ref$isUseBitPoints === void 0 ? true : _ref$isUseBitPoints,
       _ref$onChange = _ref.onChange,
       onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
   var trackRef = (0, _react.useRef)(0);
@@ -312,7 +318,7 @@ function RangeSlider(_ref) {
       className: "range-slider__header__selected-range"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__header__selected-range--text"
-    }, "from ", from, " to ", to, rangeSymbol, unit), /*#__PURE__*/_react.default.createElement("div", {
+    }, "from ", isUseBitPoints ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)(from) : from, " to ", isUseBitPoints ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)(to) : to, rangeSymbol, unit), /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__header__selected-range--reset",
       onClick: resetRange
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, null)));
@@ -338,7 +344,14 @@ function RangeSlider(_ref) {
       onBlur: function onBlur(e) {
         return onRangeInputBlur(e, 'from');
       },
-      onChange: setTempValue
+      onChange: setTempValue,
+      onlyNumbers: {
+        type: 'float',
+        decimalPlaces: decimalPlaces,
+        min: min,
+        max: max
+      },
+      isPriceInput: isUseBitPoints
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__inputs__input"
     }, /*#__PURE__*/_react.default.createElement(_Input.default, {
@@ -350,7 +363,14 @@ function RangeSlider(_ref) {
       onBlur: function onBlur(e) {
         return onRangeInputBlur(e, 'to');
       },
-      onChange: setTempValue
+      onChange: setTempValue,
+      onlyNumbers: {
+        type: 'float',
+        decimalPlaces: decimalPlaces,
+        min: min,
+        max: max
+      },
+      isPriceInput: isUseBitPoints
     })));
   };
 

package/dist/Atomic/FormElements/Textarea/Textarea.js

@@ -37,7 +37,7 @@ var Textarea = function Textarea(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC), className)
   }, /*#__PURE__*/_react.default.createElement("textarea", {
-    testId: "textarea-".concat(testId),
+    "data-testid": "textarea-".concat(testId),
     className: "".concat(RC, "__textarea"),
     value: value,
     onChange: function onChange(e) {

package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js

@@ -52,7 +52,7 @@ var WidgetPseudoTable = function WidgetPseudoTable(props) {
     className: (0, _classnames.default)("".concat(RC, "__thead"))
   }, columns.map(function (field) {
     return /*#__PURE__*/_react.default.createElement("div", {
-      key: field.key,
+      key: "thead-".concat(field.key),
       className: (0, _classnames.default)("".concat(RC, "__thead-cell"), field.theadCellClassName, field.columnClassName, (0, _defineProperty2.default)({}, "".concat(RC, "__thead-cell_reqiured"), field.isRequired)),
       "data-key": field.key
     }, field.label);
@@ -60,10 +60,12 @@ var WidgetPseudoTable = function WidgetPseudoTable(props) {
     className: (0, _classnames.default)("".concat(RC, "__table"))
   }, rows !== null && rows !== void 0 && rows.length ? rows.map(function (row) {
     return /*#__PURE__*/_react.default.createElement("div", {
+      key: "row-".concat(row.id),
       className: (0, _classnames.default)("".concat(RC, "__row")),
       "data-id": row.id
     }, columns.map(function (cell) {
       return /*#__PURE__*/_react.default.createElement("div", {
+        key: "row-".concat(row.id, "-cell-").concat(cell.key),
         className: (0, _classnames.default)("".concat(RC, "__cell"), cell.cellClassName, cell.columnClassName)
       }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, CellComponentProps, {
         field: _objectSpread(_objectSpread({}, cell), {}, {
@@ -71,7 +73,7 @@ var WidgetPseudoTable = function WidgetPseudoTable(props) {
           rowData: row
         }),
         onChange: function onChange(key, val) {
-          return _onChange(val, cell.key, row.id);
+          return console.log(key, val) || _onChange(val, cell.key, row.id);
         }
       })));
     }));

package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js

@@ -32,9 +32,7 @@ var constructor = [{
   onlyNumbers: {
     type: 'float',
     decimalPlaces: 2
-  },
-  min: 0,
-  max: 50
+  }
 }];
 var _default = constructor;
 exports.default = _default;

package/dist/Atomic/UI/AccordionTable/AccordionTable.scss

@@ -162,6 +162,12 @@
     }
   }
 
+  &__tr-with-promo:last-child {
+    .accordion-table__tr-promo-wrapper {
+      border-bottom: none;
+    }
+  }
+
   &__tr-promo {
     background-color: #fff4e5;
     border: 1px solid #ffce9f;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.3.14",
+  "version": "0.3.17",
   "description": "",
   "main": "dist/index.js",
   "files": [