intelicoreact 1.0.80 → 1.0.81

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

@@ -13,6 +13,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactFeather = require("react-feather");
 
+var _utils = require("../../../Functions/utils");
+
 require("./FileLoaderLocal.scss");
 
 var FileLoaderLocal = function FileLoaderLocal(_ref) {
@@ -21,10 +23,12 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
       error = _ref.error,
       isRequired = _ref.isRequired,
       accept = _ref.accept,
-      _onChange = _ref.onChange,
+      onChange = _ref.onChange,
       className = _ref.className,
       value = _ref.value,
-      isNoTrashIcon = _ref.isNoTrashIcon;
+      isNoTrashIcon = _ref.isNoTrashIcon,
+      maxItemSizeBytes = _ref.maxItemSizeBytes,
+      globalMaxItemsSizeBytes = _ref.globalMaxItemsSizeBytes;
 
   var getFileName = function getFileName(value) {
     var result = value.match(/[^\\]+$/);
@@ -41,16 +45,53 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
     }
   };
 
+  var isFileSizeOutOfLimit = function isFileSizeOutOfLimit(file) {
+    if (globalMaxItemSizeBytes) {
+      return file.size > globalMaxItemsSizeBytes;
+    } else return file.size > maxItemSizeBytes;
+  };
+
+  var checkExtension = function checkExtension(valueExtension) {
+    return accept.includes(valueExtension);
+  };
+
+  var handle = {
+    change: function change(e) {
+      var name = getFileName(e.target.value);
+      var valueExtension = name.match(/[^\.]+$/)[0];
+      var file = e.target.files[0];
+
+      if (isFileSizeOutOfLimit(e.target.files[0])) {
+        onChange({
+          id: id,
+          name: name,
+          valueExtension: valueExtension,
+          e: e,
+          file: file,
+          error: "Max file size is ".concat((0, _utils.convertBytes)(globalMaxItemsSizeBytes || maxItemSizeBytes))
+        });
+      } else if (!checkExtension(valueExtension)) {
+        onChange({
+          id: id,
+          name: name,
+          valueExtension: valueExtension,
+          e: e,
+          file: file,
+          error: 'Only JPG, PNG, PDF are allowed'
+        });
+      } else onChange({
+        id: id,
+        name: name,
+        valueExtension: valueExtension,
+        e: e,
+        file: file
+      });
+    }
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('file-loader-local', className)
   }, /*#__PURE__*/_react.default.createElement("input", {
-    onChange: function onChange(e) {
-      return _onChange({
-        name: getFileName(e.target.value),
-        e: e,
-        id: id
-      });
-    },
+    onChange: handle.change,
     className: "file-loader-local__file-input",
     id: "file-input-".concat(id),
     type: "file",
@@ -77,7 +118,7 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
   }, error))), value && !isNoTrashIcon && /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, {
     className: "file-loader-local__trash-icon",
     onClick: function onClick() {
-      return _onChange({
+      return onChange({
         id: id
       });
     }

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

@@ -87,7 +87,11 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       _ref$isReadOnly = _ref.isReadOnly,
       isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
       _ref$isLoading = _ref.isLoading,
-      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
+      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+      name = _ref.name,
+      fieldKey = _ref.fieldKey,
+      id = _ref.id,
+      key = _ref.key;
   var DEFAULT_BLINK_TIME = 100; // STATES
 
   var _useState = (0, _react.useState)(false),
@@ -127,7 +131,8 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       setPreviousValue = _useState12[1];
 
   var isUseBitDepthPoints = !!onlyNumbers && isPriceInput;
-  var isUseErrorsBlink = !isNotBlinkErrors && !mask; // HANDLES
+  var isUseErrorsBlink = !isNotBlinkErrors && !mask;
+  var inputName = name || fieldKey || id || key; // HANDLES
 
   var handle = {
     correctMinMax: function correctMinMax(value, type) {
@@ -286,6 +291,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   if (isUseBitDepthPoints) formatedValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(formatedValue, onlyNumbers);
 
   var uniProps = _objectSpread(_objectSpread({
+    name: inputName,
     className: (0, _classnames.default)('input', className, {
       'input--with-icon': icon
     }),

package/dist/Atomic/FormElements/InputMask2/InputMask2.js

@@ -104,6 +104,8 @@ function InputMask2() {
       _ref$returnMaskedValu = _ref.returnMaskedValue,
       returnMaskedValue = _ref$returnMaskedValu === void 0 ? false : _ref$returnMaskedValu,
       name = _ref.name,
+      fieldKey = _ref.fieldKey,
+      id = _ref.id,
       disabled = _ref.disabled,
       testId = _ref.testId;
 
@@ -645,10 +647,8 @@ function InputMask2() {
   };
 
   var renderInput = function renderInput() {
-    var _ref9;
-
     return /*#__PURE__*/_react.default.createElement("input", {
-      name: (_ref9 = name !== null && name !== void 0 ? name : testId) !== null && _ref9 !== void 0 ? _ref9 : '',
+      name: name || fieldKey || id || testId || '',
       "data-testid": testId,
       className: "input-mask_input ".concat(className),
       ref: inputRef,

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

@@ -54,6 +54,9 @@ var NumericInput = function NumericInput(_ref) {
       placeholder = _ref.placeholder,
       className = _ref.className,
       testId = _ref.testId,
+      name = _ref.name,
+      fieldKey = _ref.fieldKey,
+      id = _ref.id,
       _ref$onChange = _ref.onChange,
       onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$onBlur = _ref.onBlur,
@@ -290,6 +293,7 @@ var NumericInput = function NumericInput(_ref) {
 
   function renderInput() {
     var uniProps = _objectSpread(_objectSpread({
+      name: name || fieldKey || id || testId || '',
       className: "input ".concat(className || ''),
       placeholder: placeholder,
       value: inputValueFormated,

package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js

@@ -34,6 +34,7 @@ var SwitcherRangeList = function SwitcherRangeList(props) {
       error = props.error,
       defaultErrorText = props.defaultErrorText,
       nullValueText = props.nullValueText,
+      isOnlyOneRow = props.isOnlyOneRow,
       _props$setIsActive = props.setIsActive,
       setIsActive = _props$setIsActive === void 0 ? function () {} : _props$setIsActive,
       _props$onChange = props.onChange,
@@ -54,6 +55,7 @@ var SwitcherRangeList = function SwitcherRangeList(props) {
     testId: testId,
     className: "".concat(RC, "__range-list"),
     value: value,
+    isOnlyOneRow: isOnlyOneRow,
     onChange: onChange,
     validateErrors: validateErrors,
     isFloatValues: isFloatValues,

package/dist/Functions/utils.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.transformUTCTimeToLocal = transformUTCTimeToLocal;
 exports.transformUTCHoursToLocal = transformUTCHoursToLocal;
 exports.downloadEmulation = downloadEmulation;
-exports.getBase64 = exports.compareAlphabetical = exports.setCarretToEnd = exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+exports.renderFileSize = exports.getBase64 = exports.compareAlphabetical = exports.setCarretToEnd = exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -374,7 +374,7 @@ var compareAlphabetical = function compareAlphabetical(a, b) {
   var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'label';
   var item1 = a === null || a === void 0 ? void 0 : a[key];
   var item2 = b === null || b === void 0 ? void 0 : b[key];
-  if (typeof item1 !== "string" || typeof item2 !== "string") return 0;
+  if (typeof item1 !== 'string' || typeof item2 !== 'string') return 0;
   item1 = (_item = item1) === null || _item === void 0 ? void 0 : _item.toLowerCase();
   item2 = (_item2 = item2) === null || _item2 === void 0 ? void 0 : _item2.toLowerCase();
 
@@ -406,4 +406,16 @@ var getBase64 = function getBase64(file) {
   });
 };
 
-exports.getBase64 = getBase64;
+exports.getBase64 = getBase64;
+
+var renderFileSize = function renderFileSize(bytes) {
+  var decimals = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  if (!+bytes) return '0 Bytes';
+  var k = 1024;
+  var dm = decimals < 0 ? 0 : decimals;
+  var sizes = ['Bytes', 'KB', 'MB', 'GB'];
+  var i = Math.floor(Math.log(bytes) / Math.log(k));
+  return "".concat(parseFloat((bytes / Math.pow(k, i)).toFixed(dm)), " ").concat(sizes[i]);
+};
+
+exports.renderFileSize = renderFileSize;

package/package.json

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