intelicoreact 1.1.25 → 1.1.27

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/dist/Molecular/InputAddress/InputAddress.js

@@ -42,6 +42,8 @@ var InputAddress = function InputAddress(_ref) {
       throttle = _ref$throttle === void 0 ? 300 : _ref$throttle,
       _ref$loader = _ref.loader,
       loader = _ref$loader === void 0 ? '' : _ref$loader,
+      _ref$noItems = _ref.noItems,
+      noItems = _ref$noItems === void 0 ? '' : _ref$noItems,
       error = _ref.error,
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? '' : _ref$value,
@@ -67,20 +69,25 @@ var InputAddress = function InputAddress(_ref) {
       listItems = _useState6[0],
       setListItems = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(null),
+  var _useState7 = (0, _react.useState)(false),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      hightlightedIndex = _useState8[0],
-      setHightlightedIndex = _useState8[1];
+      isLoading = _useState8[0],
+      setIsLoading = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(false),
+  var _useState9 = (0, _react.useState)(null),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      isFocused = _useState10[0],
-      setIsFocused = _useState10[1];
+      hightlightedIndex = _useState10[0],
+      setHightlightedIndex = _useState10[1];
 
   var _useState11 = (0, _react.useState)(false),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      isListVisible = _useState12[0],
-      setIsListVisible = _useState12[1];
+      isFocused = _useState12[0],
+      setIsFocused = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(false),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      isListVisible = _useState14[0],
+      setIsListVisible = _useState14[1];
 
   var setQueryAsItem = function setQueryAsItem(e, item) {
     if (e) e === null || e === void 0 ? void 0 : e.stopPropagation();
@@ -95,7 +102,10 @@ var InputAddress = function InputAddress(_ref) {
     throttleTimeout = setTimeout(function () {
       var _getListItems;
 
-      return (_getListItems = getListItems(query)) === null || _getListItems === void 0 ? void 0 : _getListItems.then(setListItems);
+      setIsLoading(true);
+      (_getListItems = getListItems(query)) === null || _getListItems === void 0 ? void 0 : _getListItems.then(setListItems).finally(function () {
+        return setIsLoading(false);
+      });
     }, throttle);
   };
 
@@ -247,10 +257,16 @@ var InputAddress = function InputAddress(_ref) {
       }, item);
     };
 
+    var renderNoItems = function renderNoItems() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "input-address__list--no-items"
+      }, noItems || 'No Items');
+    };
+
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "input-address__list",
       ref: listRef
-    }, !(listItems !== null && listItems !== void 0 && listItems.length) ? renderLoader() : listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem));
+    }, isLoading ? renderLoader() : listItems !== null && listItems !== void 0 && listItems.length ? listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem) : renderNoItems());
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/Molecular/InputAddress/InputAddress.scss

@@ -34,12 +34,21 @@
     border: 1px solid #E2E5EC;
     border-radius: 4px;
 
-    &--loader {
+    &--loader,
+    &--no-items {
       position: relative;
       padding: 4px 8px;
       box-sizing: border-box;
     }
 
+    &--loader {
+      opacity: 0.5;
+    }
+
+    &--no-items {
+      opacity: 0.8;
+    }
+
     &--item {
       position: relative;
       padding: 4px 8px;

package/package.json

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