intelicoreact 1.0.92 → 1.0.94

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js

@@ -2,15 +2,13 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof3 = require("@babel/runtime/helpers/typeof");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -31,7 +29,7 @@ require("./DropdownLiveSearch.scss");
 
 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 || _typeof3(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 _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; }
 
 var RC = 'dropdown-live-search';
 
@@ -43,7 +41,6 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
       placeholder = _ref.placeholder,
       className = _ref.className,
       isSearchable = _ref.isSearchable,
-      scrollReactionObj = _ref.scrollReactionObj,
       testId = _ref.testId,
       doRequest = _ref.doRequest,
       isLoading = _ref.isLoading,
@@ -101,25 +98,27 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
   };
 
   var highlightedText = function highlightedText(text, postfix) {
-    var _text;
-
-    var prepare = function prepare(text) {
-      return text === null || text === void 0 ? void 0 : text.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');
-    };
-
-    text = text.replace(/["&<>]/g, function (a) {
-      return {
-        '"': '&quot;',
-        '&': '&amp;',
-        '<': '&lt;',
-        '>': '&gt;'
-      }[a];
-    });
-    var main = searchValue ? (_text = text) === null || _text === void 0 ? void 0 : _text.replace(new RegExp(prepare(searchValue), 'i'), function (match) {
-      return "<span class=\"bg--yellow\">".concat(match, "</span>");
-    }) : text;
-    var postfixPart = postfix ? "<span class=\"dropdown__list-item-postfix\">".concat(postfix, "</span>") : '';
-    return main + postfixPart;
+    if (!isSearchable) return text;else {
+      var _text;
+
+      var prepare = function prepare(text) {
+        return text === null || text === void 0 ? void 0 : text.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');
+      };
+
+      text = text.replace(/["&<>]/g, function (a) {
+        return {
+          '"': '&quot;',
+          '&': '&amp;',
+          '<': '&lt;',
+          '>': '&gt;'
+        }[a];
+      });
+      var main = searchValue ? (_text = text) === null || _text === void 0 ? void 0 : _text.replace(new RegExp(prepare(searchValue), 'i'), function (match) {
+        return "<span class=\"bg--yellow\">".concat(match, "</span>");
+      }) : text;
+      var postfixPart = postfix ? "<span class=\"dropdown__list-item-postfix\">".concat(postfix, "</span>") : '';
+      return main + postfixPart;
+    }
   };
 
   var getMarkupForElement = function getMarkupForElement(item, index, optTestId) {
@@ -138,7 +137,8 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
       className: (0, _classnames.default)("".concat(RC, "__list-item"), (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "__list-item_active"), item.value === value), (0, _defineProperty2.default)(_cn, "".concat(RC, "__list-item_disabled"), item.disabled), _cn), item.className)
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)("".concat(RC, "__active-icon"), (0, _defineProperty2.default)({}, "".concat(RC, "__active-icon_active"), lowerLabel === lowerSearchValue))
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Check, null)), /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Check, null)), /*#__PURE__*/_react.default.createElement("p", {
+      title: item.label,
       className: item.labelClassName || '',
       dangerouslySetInnerHTML: {
         __html: highlightedText(item.label, item.postfix)
@@ -232,12 +232,12 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
   (0, _react.useEffect)(function () {
     if (!isOpen) setIsFocusedByClick(false);
 
-    if (scrollReactionObj && (0, _typeof2.default)(scrollReactionObj) === 'object' && isOpen && dropdownListRef && dropdownListRef.current) {
+    if (isOpen && dropdownListRef && dropdownListRef.current) {
       dropdownListRef.current.addEventListener('scroll', doScrollCallback);
     }
 
     return function () {
-      if (scrollReactionObj && (0, _typeof2.default)(scrollReactionObj) === 'object') removeEventListener('scroll', doScrollCallback);
+      removeEventListener('scroll', doScrollCallback);
     };
   }, [isOpen, dropdownListRef]);
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.scss

@@ -22,6 +22,7 @@
     font-weight: 400;
 
     .text {
+      display: block;
       overflow: hidden;
       max-width: calc(100% - 5px);
       padding: 0 16px 0 8px;
@@ -136,6 +137,12 @@
       &-postfix {
         margin-left: 5px;
       }
+
+      p {
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+      }
     }
 
     &--with-label {
@@ -179,11 +186,11 @@
   }
 
   &__container {
-    position: fixed;
+    position: absolute;
     z-index: 99999;
     display: block;
     box-sizing: border-box;
-    top: 43px;
+    top: 26px;
   }
 
   &.disabled {

package/package.json

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