intelicoreact 1.0.98 → 1.1.0

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -143,7 +143,7 @@ var Dropdown = function Dropdown(_ref) {
   }).filter(function (item) {
     var _item$label;
 
-    return item === null || item === void 0 ? void 0 : (_item$label = item.label) === null || _item$label === void 0 ? void 0 : _item$label.toLowerCase().includes((searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase()) || '');
+    return (item === null || item === void 0 ? void 0 : (_item$label = item.label) === null || _item$label === void 0 ? void 0 : _item$label.toLowerCase().includes((searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase()) || '')) || !(item !== null && item !== void 0 && item.value) || (item === null || item === void 0 ? void 0 : item.value) === '';
   });
   var filteredOptions = [].concat((0, _toConsumableArray2.default)(filteredItems), (0, _toConsumableArray2.default)(filteredGroups));
   var modalBtnTrigger = entity && entity !== '' && typeof entity === 'string';
@@ -218,7 +218,7 @@ var Dropdown = function Dropdown(_ref) {
   var getMarkupForElement = function getMarkupForElement(item, index, optTestId) {
     var _item$label2, _item$label2$toLowerC, _item$label2$toLowerC2, _item$label2$toLowerC3, _searchValue$toLowerC, _item$value, _item$value$toString, _item$value2, _item$value2$toString, _cn;
 
-    return item !== null && item !== void 0 && (_item$label2 = item.label) !== null && _item$label2 !== void 0 && (_item$label2$toLowerC = _item$label2.toLowerCase) !== null && _item$label2$toLowerC !== void 0 && (_item$label2$toLowerC2 = _item$label2$toLowerC.call(_item$label2)) !== null && _item$label2$toLowerC2 !== void 0 && (_item$label2$toLowerC3 = _item$label2$toLowerC2.includes) !== null && _item$label2$toLowerC3 !== void 0 && _item$label2$toLowerC3.call(_item$label2$toLowerC2, (searchValue === null || searchValue === void 0 ? void 0 : (_searchValue$toLowerC = searchValue.toLowerCase) === null || _searchValue$toLowerC === void 0 ? void 0 : _searchValue$toLowerC.call(searchValue)) || '') ? /*#__PURE__*/_react.default.createElement("button", {
+    return item !== null && item !== void 0 && (_item$label2 = item.label) !== null && _item$label2 !== void 0 && (_item$label2$toLowerC = _item$label2.toLowerCase) !== null && _item$label2$toLowerC !== void 0 && (_item$label2$toLowerC2 = _item$label2$toLowerC.call(_item$label2)) !== null && _item$label2$toLowerC2 !== void 0 && (_item$label2$toLowerC3 = _item$label2$toLowerC2.includes) !== null && _item$label2$toLowerC3 !== void 0 && _item$label2$toLowerC3.call(_item$label2$toLowerC2, (searchValue === null || searchValue === void 0 ? void 0 : (_searchValue$toLowerC = searchValue.toLowerCase) === null || _searchValue$toLowerC === void 0 ? void 0 : _searchValue$toLowerC.call(searchValue)) || '') || !(item !== null && item !== void 0 && item.value) || (item === null || item === void 0 ? void 0 : item.value) === '' || (item === null || item === void 0 ? void 0 : item.value) === 'open_modal' ? /*#__PURE__*/_react.default.createElement("button", {
       "data-testid": "dropdown--button--key-".concat(optTestId || (item === null || item === void 0 ? void 0 : (_item$value = item.value) === null || _item$value === void 0 ? void 0 : (_item$value$toString = _item$value.toString()) === null || _item$value$toString === void 0 ? void 0 : _item$value$toString.replace(/\s/, '-')) || (item === null || item === void 0 ? void 0 : item.key) || 'item', "--option"),
       key: (_item$value2 = item.value) === null || _item$value2 === void 0 ? void 0 : (_item$value2$toString = _item$value2.toString()) === null || _item$value2$toString === void 0 ? void 0 : _item$value2$toString.replace(/ /g, '_'),
       onClick: function onClick() {
@@ -324,14 +324,17 @@ var Dropdown = function Dropdown(_ref) {
     var newData = (0, _toConsumableArray2.default)(data);
 
     if (sortAlphabetical) {
-      var _newData, _newData2;
+      var _newData, _newData2, _newData3;
 
       newData = [].concat((0, _toConsumableArray2.default)((_newData = newData) === null || _newData === void 0 ? void 0 : _newData.filter(function (_ref4) {
         var value = _ref4.value;
         return value === 'open_modal';
       })), (0, _toConsumableArray2.default)((_newData2 = newData) === null || _newData2 === void 0 ? void 0 : _newData2.filter(function (_ref5) {
         var value = _ref5.value;
-        return value !== 'open_modal';
+        return value === '';
+      })), (0, _toConsumableArray2.default)((_newData3 = newData) === null || _newData3 === void 0 ? void 0 : _newData3.filter(function (_ref6) {
+        var value = _ref6.value;
+        return value !== 'open_modal' && value !== '';
       }).sort(_utils.compareAlphabetical))).map(function (item) {
         if (item !== null && item !== void 0 && item.items) {
           item.items = (0, _toConsumableArray2.default)(item.items).sort(_utils.compareAlphabetical);

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/package.json

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