intelicoreact 1.1.25 → 1.1.26

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

@@ -19,12 +19,16 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
+
 require("./FileLoaderLocalGroup.scss");
 
 var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLoaderLocal"));
 
 var _utils = require("../../../Functions/utils");
 
+var _reactFeather = require("react-feather");
+
 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; }
@@ -43,7 +47,8 @@ var FileLoaderLocalGroup = function FileLoaderLocalGroup(_ref) {
       onChange = _ref.onChange,
       _ref$labelPrefix = _ref.labelPrefix,
       labelPrefix = _ref$labelPrefix === void 0 ? DEFAULT_LABEL_PREFIX : _ref$labelPrefix,
-      testId = _ref.testId;
+      testId = _ref.testId,
+      alertText = _ref.alertText;
 
   var _useState = (0, _react.useState)((0, _utils.clone)(groupsArray)),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -144,53 +149,51 @@ var FileLoaderLocalGroup = function FileLoaderLocalGroup(_ref) {
     }
   };
 
-  var renderLabel = function renderLabel(group) {
-    var _group$accept;
-
-    var uniqueExts = (0, _utils.getUniqueFileExtensions)(group === null || group === void 0 ? void 0 : (_group$accept = group.accept) === null || _group$accept === void 0 ? void 0 : _group$accept.replace(/\./g, ''));
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "file-loader-local__top-label"
-    }, labelPrefix, " ", group === null || group === void 0 ? void 0 : group.groupTitleDescription, ' ', /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-loader-local__top-label-extension"
-    }, "(", uniqueExts, "):"));
+  var getUniqueExts = function getUniqueExts(acceptExts) {
+    return (0, _utils.getUniqueFileExtensions)(acceptExts === null || acceptExts === void 0 ? void 0 : acceptExts.replace(/\./g, ''));
   };
 
-  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 groups === null || groups === void 0 ? void 0 : groups.map(function (group) {
+    var _group$files3;
 
-  return renderGroups();
+    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"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "file-loader-local-groups__label-text"
+    }, labelPrefix, " ", group === null || group === void 0 ? void 0 : group.groupTitleDescription, ' ', /*#__PURE__*/_react.default.createElement("span", {
+      className: "file-loader-local-groups__label-extension"
+    }, "(", getUniqueExts(group === null || group === void 0 ? void 0 : group.accept), "):"))), (group === null || group === void 0 ? void 0 : group.alertText) && /*#__PURE__*/_react.default.createElement(_Alert.default, {
+      className: "file-loader-local-groups__alert",
+      noDismiss: true,
+      icon: /*#__PURE__*/_react.default.createElement(_reactFeather.Info, null),
+      message: group === null || group === void 0 ? void 0 : group.alertText
+    }), /*#__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, index) {
+      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) || index,
+        id: (file === null || file === void 0 ? void 0 : file.id) || index,
+        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
+      });
+    })));
+  });
 };
 
 var _default = FileLoaderLocalGroup;

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

@@ -2,12 +2,12 @@ $gap-s: 8px;
 $gap-m: 16px;
 $gap-l: 24px;
 
-.file-loader-local__groups {
-  &-label {
-    gap: $gap-m;
-  }
+.file-loader-local-groups {
+  display: flex;
+  flex-direction: column;
+  row-gap: $gap-m;
 
-  &-item {
+  &__item {
     display: flex;
     flex-direction: column;
     gap: $gap-s;

package/package.json

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