intelicoreact 1.0.99 → 1.1.1

package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js

@@ -11,13 +11,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _utils = require("../../../Functions/utils");
+var _utils = require("../../../../../JS/Functions/utils");
 
 var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
 
 require("./ActionAlert.scss");
 
-// import moment from 'moment-timezone';
 var ActionAlert = function ActionAlert(_ref) {
   var onClick = _ref.onClick,
       message = _ref.message,
@@ -28,9 +27,11 @@ var ActionAlert = function ActionAlert(_ref) {
       noButton = _ref.noButton,
       children = _ref.children,
       _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'default' : _ref$variant;
+      variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+      testId = _ref.testId;
   // const transformedTime = moment(date).format('MM.DD.YYYY HH:mm');
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "actionAlert".concat((0, _utils.getCorrectTestId)(testId)),
     className: (0, _classnames.default)("action-alert action-alert--".concat(variant), className)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "action-alert__message-box"

package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js

@@ -15,6 +15,8 @@ var _TextSwitcher = _interopRequireDefault(require("../TextSwitcher/TextSwitcher
 
 var _Status = _interopRequireDefault(require("../../UI/Status/Status"));
 
+var _utils = require("../../../../../JS/Functions/utils");
+
 require("./AdvancedStatus.scss");
 
 var AdvancedStatus = function AdvancedStatus(_ref) {
@@ -24,13 +26,16 @@ var AdvancedStatus = function AdvancedStatus(_ref) {
       value = _ref.value,
       disabled = _ref.disabled,
       isPrimary = _ref.isPrimary,
-      primaryStatusText = _ref.primaryStatusText;
+      primaryStatusText = _ref.primaryStatusText,
+      className = _ref.className,
+      testId = _ref.testId;
   var isUndefined = value === undefined || value === null;
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "advanced-status".concat((0, _utils.getCorrectTestId)(testId)),
     className: (0, _classnames.default)('advanced-status', {
       'advanced-status_undefined': isUndefined,
       'advanced-status_disabled': disabled
-    })
+    }, className)
   }, /*#__PURE__*/_react.default.createElement(_TextSwitcher.default, {
     onChange: onChange,
     isActive: value,

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js

@@ -15,6 +15,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _utils = require("../../../../../JS/Functions/utils");
+
 require("./CheckboxInput.scss");
 
 var CheckboxInput = function CheckboxInput(_ref) {
@@ -31,7 +33,7 @@ var CheckboxInput = function CheckboxInput(_ref) {
       _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? '' : _ref$testId;
   return /*#__PURE__*/_react.default.createElement("label", {
-    "data-testid": "checkbox--label--".concat(testId || id || fieldKey || ''),
+    "data-testid": "checkbox--label-".concat((0, _utils.getCorrectTestId)(testId || id || fieldKey)),
     className: (0, _classnames.default)('checkbox-input', className, (0, _defineProperty2.default)({}, "checkbox-input_disabled", disabled)),
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js

@@ -17,10 +17,9 @@ var _utils = require("../../../Functions/utils");
 
 require("./FileLoaderLocal.scss");
 
-var DEFAULT_LABEL_PREFIX = 'Please attach';
-
 var FileLoaderLocal = function FileLoaderLocal(_ref) {
-  var id = _ref.id,
+  var groupId = _ref.groupId,
+      id = _ref.id,
       label = _ref.label,
       error = _ref.error,
       isRequired = _ref.isRequired,
@@ -30,7 +29,6 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
       value = _ref.value,
       isNoTrashIcon = _ref.isNoTrashIcon,
       maxItemSizeBytes = _ref.maxItemSizeBytes,
-      titleDescription = _ref.titleDescription,
       testId = _ref.testId;
 
   var getFileName = function getFileName(value) {
@@ -69,19 +67,25 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
           valueExtension: valueExtension,
           e: e,
           file: file,
+          groupId: groupId,
           error: "Max file size is ".concat((0, _utils.renderFileSize)(maxItemSizeBytes))
         });
       } else if (!checkExtension(valueExtension)) {
+        var _accept$replace;
+
+        var allowedExtensions = ((_accept$replace = accept.replace(/\./g, '')) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || 'JPG, PNG, PDF';
         onChange({
           id: id,
+          groupId: groupId,
           name: name,
           valueExtension: valueExtension,
           e: e,
           file: file,
-          error: 'Only JPG, PNG, PDF are allowed'
+          error: "Only ".concat(allowedExtensions, " are allowed")
         });
       } else onChange({
         id: id,
+        groupId: groupId,
         name: name,
         valueExtension: valueExtension,
         e: e,
@@ -89,34 +93,20 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
       });
     }
   };
-
-  var renderLabel = function renderLabel() {
-    if (!titleDescription) return null;
-    var acceptExtensionsList = accept === null || accept === void 0 ? void 0 : accept.split(',');
-    var concatedAcceptList = (acceptExtensionsList === null || acceptExtensionsList === void 0 ? void 0 : acceptExtensionsList.map(function (item, i) {
-      return item.replace('.', '').toUpperCase().concat("".concat(acceptExtensionsList.length - 1 !== i ? ',' : ''));
-    })) || '';
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "file-loader-local__top-label"
-    }, DEFAULT_LABEL_PREFIX, " ", titleDescription, ' ', /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-loader-local__top-label-extension"
-    }, "(", concatedAcceptList, "):"));
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderLabel(), /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "input--file-loader-local--key-".concat(testId),
     className: (0, _classnames.default)('file-loader-local', className)
   }, /*#__PURE__*/_react.default.createElement("input", {
     onChange: handle.change,
     className: "file-loader-local__file-input",
-    id: "file-input-".concat(id),
+    id: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : ''),
     type: "file",
     name: "file",
     required: isRequired,
     accept: accept
   }), /*#__PURE__*/_react.default.createElement("label", {
     className: "file-loader-local__label-box",
-    htmlFor: "file-input-".concat(id)
+    htmlFor: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : '')
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "j4"
   }, !value && /*#__PURE__*/_react.default.createElement(_reactFeather.Download, {
@@ -135,10 +125,11 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
     className: "file-loader-local__trash-icon",
     onClick: function onClick() {
       return onChange({
-        id: id
+        id: id,
+        groupId: groupId
       });
     }
-  }), renderRequiredLabel())));
+  }), renderRequiredLabel()));
 };
 
 var _default = FileLoaderLocal;

package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js

@@ -0,0 +1,194 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./FileLoaderLocalGroup.scss");
+
+var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLoaderLocal"));
+
+var _utils = require("../../../Functions/utils");
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var DEFAULT_LABEL_PREFIX = 'Please attach';
+
+var FileLoaderLocalGroup = function FileLoaderLocalGroup(_ref) {
+  var className = _ref.className,
+      _ref$groupsArray = _ref.groupsArray,
+      groupsArray = _ref$groupsArray === void 0 ? [] : _ref$groupsArray,
+      isSingleGroup = _ref.isSingleGroup,
+      onChange = _ref.onChange,
+      testId = _ref.testId;
+
+  var _useState = (0, _react.useState)(groupsArray),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      groups = _useState2[0],
+      setGroups = _useState2[1];
+
+  var getNewFile = function getNewFile(group) {
+    var _group$files, _group$files2;
+
+    return {
+      id: isNaN(((_group$files = group.files) === null || _group$files === void 0 ? void 0 : _group$files.at(-1).id) + 1) ? 1 : ((_group$files2 = group.files) === null || _group$files2 === void 0 ? void 0 : _group$files2.at(-1).id) + 1,
+      value: '',
+      base64: '',
+      error: '',
+      accept: group.accept || '.jpg, .jpeg, .png, .pdf',
+      maxItemSizeBytes: group.maxItemSizeBytes || 1048576,
+      isRequired: group.isRequired || false
+    };
+  };
+
+  (0, _react.useEffect)(function () {
+    var mergedGroups = groupsArray === null || groupsArray === void 0 ? void 0 : groupsArray.map(function (group) {
+      return _objectSpread(_objectSpread({}, group), {}, {
+        files: [getNewFile(group)]
+      });
+    });
+    setGroups(mergedGroups);
+  }, []);
+  var handle = {
+    change: function change(_ref2) {
+      var e = _ref2.e,
+          groupId = _ref2.groupId,
+          name = _ref2.name,
+          id = _ref2.id,
+          error = _ref2.error,
+          valueExtension = _ref2.valueExtension,
+          file = _ref2.file;
+      var currentGroup = groups === null || groups === void 0 ? void 0 : groups.find(function (group) {
+        return group.groupId === groupId.toString();
+      });
+      var files = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.files;
+      var changedField = files.find(function (item) {
+        return +item.id === +id;
+      });
+
+      if (error) {
+        changedField.value = name;
+        changedField.error = error;
+        setGroups((0, _toConsumableArray2.default)(groups));
+      } else if (name && !error) {
+        (0, _utils.getBase64)(file).then(function (result) {
+          changedField.value = name;
+          changedField.base64 = result;
+          changedField.error = '';
+          var oldDataWithNewFile = groups === null || groups === void 0 ? void 0 : groups.map(function (group) {
+            if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && isSingleGroup) {
+              return _objectSpread(_objectSpread({}, group), {}, {
+                files: (0, _toConsumableArray2.default)(group.files)
+              });
+            } else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && group.files.length < 10 && !isSingleGroup) {
+              return _objectSpread(_objectSpread({}, group), {}, {
+                files: [].concat((0, _toConsumableArray2.default)(group.files), [_objectSpread(_objectSpread({}, getNewFile(group)), {}, {
+                  isRequired: group.files.length > 1
+                })])
+              });
+            }
+
+            return group;
+          });
+          setGroups((0, _toConsumableArray2.default)(oldDataWithNewFile));
+        }).catch(function (e) {
+          return console.error(e);
+        });
+      } else {
+        var oldDataWithRemovedFile = groups === null || groups === void 0 ? void 0 : groups.map(function (group) {
+          if (isSingleGroup && (group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString()) {
+            return _objectSpread(_objectSpread({}, group), {}, {
+              files: [getNewFile(group)]
+            });
+          } else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && !isSingleGroup) {
+            return _objectSpread(_objectSpread({}, group), {}, {
+              files: group.files.filter(function (item) {
+                return item.id !== id;
+              })
+            });
+          }
+
+          return group;
+        });
+        setGroups((0, _toConsumableArray2.default)(oldDataWithRemovedFile));
+      }
+
+      onChange(groups);
+    }
+  };
+
+  var renderLabel = function renderLabel(group) {
+    var _group$accept;
+
+    var acceptExtensionsList = group === null || group === void 0 ? void 0 : (_group$accept = group.accept) === null || _group$accept === void 0 ? void 0 : _group$accept.split(',');
+    var concatedAcceptList = (acceptExtensionsList === null || acceptExtensionsList === void 0 ? void 0 : acceptExtensionsList.map(function (item, i) {
+      return item.replace('.', '').toUpperCase().concat("".concat(acceptExtensionsList.length - 1 !== i ? ',' : ''));
+    })) || '';
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "file-loader-local__top-label"
+    }, DEFAULT_LABEL_PREFIX, " ", group.groupTitleDescription, ' ', /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-loader-local__top-label-extension"
+    }, "(", concatedAcceptList, "):"));
+  };
+
+  var renderGroups = function renderGroups() {
+    return groups === null || groups === void 0 ? void 0 : groups.map(function (group) {
+      var _group$files3;
+
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: group.groupId,
+        className: (0, _classnames.default)('file-loader-local__groups', className)
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: "file-loader-local__groups-label"
+      }, renderLabel(group)), /*#__PURE__*/_react.default.createElement("div", {
+        "data-testid": "input--group-file-loader--key-".concat(testId || (group === null || group === void 0 ? void 0 : group.groupId)),
+        className: "file-loader-local__groups-item"
+      }, group === null || group === void 0 ? void 0 : (_group$files3 = group.files) === null || _group$files3 === void 0 ? void 0 : _group$files3.map(function (file) {
+        var _group$files4, _group$files5;
+
+        return /*#__PURE__*/_react.default.createElement(_FileLoaderLocal.default, {
+          groupId: group === null || group === void 0 ? void 0 : group.groupId,
+          key: file === null || file === void 0 ? void 0 : file.id,
+          id: file === null || file === void 0 ? void 0 : file.id,
+          testId: "".concat(group === null || group === void 0 ? void 0 : group.groupId, "-").concat(file === null || file === void 0 ? void 0 : file.id),
+          error: file === null || file === void 0 ? void 0 : file.error,
+          label: "Upload document",
+          accept: file === null || file === void 0 ? void 0 : file.accept,
+          value: file === null || file === void 0 ? void 0 : file.value,
+          maxItemSizeBytes: file === null || file === void 0 ? void 0 : file.maxItemSizeBytes,
+          onChange: function onChange(value) {
+            return handle.change(value, file === null || file === void 0 ? void 0 : file.id);
+          },
+          isRequired: ((_group$files4 = group.files) === null || _group$files4 === void 0 ? void 0 : _group$files4.length) <= 1 || false,
+          isNoTrashIcon: ((_group$files5 = group.files) === null || _group$files5 === void 0 ? void 0 : _group$files5.length) <= 1 && !isSingleGroup
+        });
+      })));
+    });
+  };
+
+  return renderGroups();
+};
+
+var _default = FileLoaderLocalGroup;
+exports.default = _default;

package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.scss

@@ -0,0 +1,19 @@
+$gap-s: 8px;
+$gap-m: 16px;
+$gap-l: 24px;
+
+.file-loader-local__groups {
+  &-label {
+    gap: $gap-m;
+  }
+
+  &-item {
+    display: flex;
+    flex-direction: column;
+    gap: $gap-s;
+  }
+}
+
+.file-group:not(:first-child) {
+  margin-top: $gap-l;
+}

package/dist/Atomic/FormElements/NumericInput/NumericInput.js

@@ -31,6 +31,8 @@ var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
 
 require("./NumericInput.scss");
 
+var _utils = require("../../../../../JS/Functions/utils");
+
 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); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -312,7 +314,7 @@ var NumericInput = function NumericInput(_ref) {
     } : {});
 
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, uniProps, {
-      "data-testid": "input--".concat(testId),
+      "data-testid": "input-".concat((0, _utils.getCorrectTestId)(testId || name || fieldKey || id)),
       value: (value === null || value === void 0 ? void 0 : value.length) > 0 ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)((0, _fieldValueFormatters.formatToRemoveComa)(value)) : value,
       ref: inputRef,
       type: "text",

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js

@@ -49,6 +49,8 @@ var RangeInputs = function RangeInputs(_ref) {
   } : _ref$value,
       _ref$onChange = _ref.onChange,
       onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$validateErrors = _ref.validateErrors,
+      validateErrors = _ref$validateErrors === void 0 ? function () {} : _ref$validateErrors,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'int' : _ref$type,
       setInnerError = _ref.setError,
@@ -101,6 +103,8 @@ var RangeInputs = function RangeInputs(_ref) {
   };
 
   var rangeValidation = function rangeValidation(e, key) {
+    var _validateErrors;
+
     var oppositeKey = key === 'from' ? 'to' : 'from';
 
     if (!withZero && !(valueObj !== null && valueObj !== void 0 && valueObj.from) && !(valueObj !== null && valueObj !== void 0 && valueObj.to)) {
@@ -120,6 +124,9 @@ var RangeInputs = function RangeInputs(_ref) {
         to: 'Invalid range'
       }));
       setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError('Invalid range');
+    } else if ((_validateErrors = validateErrors === null || validateErrors === void 0 ? void 0 : validateErrors(valueObj === null || valueObj === void 0 ? void 0 : valueObj.from, valueObj === null || valueObj === void 0 ? void 0 : valueObj.to)) !== null && _validateErrors !== void 0 ? _validateErrors : false) {
+      //проп validateErrors вернет пустую строку, в случае если ошибок нет
+      setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError(validateErrors(+state.from, +state.to));
     } else {
       setError({
         from: '',

package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js

@@ -36,6 +36,9 @@ var SwitcherRange = function SwitcherRange(_ref) {
       value = _ref.value,
       onChange = _ref.onChange,
       isInputsColumn = _ref.isInputsColumn,
+      validateErrors = _ref.validateErrors,
+      withZero = _ref.withZero,
+      isPrice = _ref.isPrice,
       inputsType = _ref.inputsType;
 
   var _useState = (0, _react.useState)(''),
@@ -64,7 +67,10 @@ var SwitcherRange = function SwitcherRange(_ref) {
     onChange: onChange,
     value: value,
     setError: function setError() {},
-    isColumnPosition: isInputsColumn
+    isColumnPosition: isInputsColumn,
+    validateErrors: validateErrors,
+    withZero: withZero,
+    isPrice: isPrice
   }));
 };
 

package/package.json

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