intelicoreact 1.0.97 → 1.0.99

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/DropdownLiveSearch/DropdownLiveSearch.js

@@ -186,12 +186,17 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
       return document.removeEventListener('click', handleClickOutside, true);
     };
   }, [value]);
+  (0, _react.useEffect)(function () {
+    if (options.length === 1 && searchValue === options[0].label) {
+      setSearchValue(options[0].label);
+      onChange(options[0].value);
+    }
+  }, [options]);
 
   var searchableInputFocus = function searchableInputFocus(e) {
     if (!isOpen) {
       e.preventDefault();
       e.stopPropagation();
-      return;
     }
   };
 
@@ -207,6 +212,7 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
 
       if (searchValue && !e.target.value) {
         onChange('');
+        setSearchValue('');
         setIsValueDeleted(true);
       } else setIsValueDeleted(false);
     }
@@ -273,14 +279,14 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
   }, isSearchable ? /*#__PURE__*/_react.default.createElement("input", {
     ref: searchInputRef,
     className: "".concat(RC, "__input"),
-    value: searchValue || labelByValue,
+    value: isOpen ? searchValue : labelByValue,
     onChange: handle.onInputChange,
     placeholder: placeholder,
     onFocus: searchableInputFocus,
     onClick: handle.onInputClick
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+  }) : /*#__PURE__*/_react.default.createElement("span", {
     className: "text"
-  }, labelByValue || placeholder)), /*#__PURE__*/_react.default.createElement("span", {
+  }, labelByValue || placeholder), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__arrow"), (0, _defineProperty2.default)({}, "".concat(RC, "__arrow_active"), isOpen)),
     onClick: function onClick() {
       return setIsOpen(!isOpen);

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

@@ -17,6 +17,8 @@ var _utils = require("../../../Functions/utils");
 
 require("./FileLoaderLocal.scss");
 
+var DEFAULT_LABEL_PREFIX = 'Please attach';
+
 var FileLoaderLocal = function FileLoaderLocal(_ref) {
   var id = _ref.id,
       label = _ref.label,
@@ -27,7 +29,9 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
       className = _ref.className,
       value = _ref.value,
       isNoTrashIcon = _ref.isNoTrashIcon,
-      maxItemSizeBytes = _ref.maxItemSizeBytes;
+      maxItemSizeBytes = _ref.maxItemSizeBytes,
+      titleDescription = _ref.titleDescription,
+      testId = _ref.testId;
 
   var getFileName = function getFileName(value) {
     var result = value.match(/[^\\]+$/);
@@ -85,7 +89,22 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
       });
     }
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+
+  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", {
+    "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,
@@ -119,7 +138,7 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
         id: id
       });
     }
-  }), renderRequiredLabel()));
+  }), renderRequiredLabel())));
 };
 
 var _default = FileLoaderLocal;

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss

@@ -8,6 +8,17 @@
   border-radius: 8px;
   box-shadow: 0px 2px 8px rgb(39 73 113 / 15%);
 
+  &__top-label {
+    margin-bottom: 16px;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: 0.2px;
+    &-extension {
+      color: #757F8C;
+    }
+  }
+
   &__file-input {
     width: 0.1px;
     height: 0.1px;

package/package.json

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