intelicoreact 1.0.73 → 1.0.74

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

@@ -79,18 +79,23 @@ var Dropdown = function Dropdown(_ref) {
       searchValue = _useState4[0],
       setSearchValue = _useState4[1];
 
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      isSearching = _useState6[0],
+      setIsSearching = _useState6[1];
+
   var dropdownRef = (0, _react.useRef)(null);
   var dropdownListRef = (0, _react.useRef)(null);
 
-  var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      initListHeight = _useState6[0],
-      setInitListHeight = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
+  var _useState7 = (0, _react.useState)(null),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      isFocusedByClick = _useState8[0],
-      setIsFocusedByClick = _useState8[1];
+      initListHeight = _useState8[0],
+      setInitListHeight = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      isFocusedByClick = _useState10[0],
+      setIsFocusedByClick = _useState10[1];
 
   if (!options) return null;
 
@@ -177,7 +182,6 @@ var Dropdown = function Dropdown(_ref) {
 
     if (!((_getListContainer = getListContainer()) !== null && _getListContainer !== void 0 && _getListContainer.contains(event.target))) {
       setIsOpen(false);
-      setSearchValue('');
     }
   };
 
@@ -190,6 +194,10 @@ var Dropdown = function Dropdown(_ref) {
   var hightlightedText = function hightlightedText(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;',
@@ -198,7 +206,7 @@ var Dropdown = function Dropdown(_ref) {
         '>': '&gt;'
       }[a];
     });
-    var main = searchValue ? (_text = text) === null || _text === void 0 ? void 0 : _text.replace(new RegExp(searchValue, 'i'), function (match) {
+    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>") : '';
@@ -363,7 +371,7 @@ var Dropdown = function Dropdown(_ref) {
   }, [getListContainer]);
   (0, _react.useEffect)(function () {
     setListContainerStyles();
-  }, [isOpen]);
+  }, [isOpen, searchValue]);
   (0, _react.useEffect)(function () {
     if (!value) setSearchValue(null);
     document.addEventListener('click', handleClickOutside, true);
@@ -419,13 +427,19 @@ var Dropdown = function Dropdown(_ref) {
     }
   }, isSearchable ? /*#__PURE__*/_react.default.createElement("input", {
     className: "".concat(RC, "__input"),
-    value: searchValue || selectedLabel || '',
+    value: isSearching ? searchValue !== null && searchValue !== void 0 ? searchValue : '' : selectedLabel || '',
     onChange: function onChange(e) {
       onSearchHandler(e.target.value);
     },
     placeholder: placeholder,
     onFocus: function onFocus(e) {
-      e.target.select(); // setIsOpen(true);
+      setSearchValue(selectedLabel);
+      setIsSearching(true);
+      e.target.select();
+    },
+    onBlur: function onBlur() {
+      setSearchValue(null);
+      setIsSearching(false);
     },
     onClick: function onClick() {
       return setIsOpen(!isOpen);

package/dist/Functions/utils.js

@@ -7,6 +7,8 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.transformUTCTimeToLocal = transformUTCTimeToLocal;
+exports.transformUTCHoursToLocal = transformUTCHoursToLocal;
 exports.downloadEmulation = downloadEmulation;
 exports.compareAlphabetical = exports.setCarretToEnd = exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
 
@@ -78,12 +80,46 @@ var clone = function clone(obj) {
   }
 
   return data;
-}; //принимает обьект и массив ключей обьекта
-//возвращает обьект с теми полями, которых нет в массиве ключей
+}; //TimeUtils
 
 
 exports.clone = clone;
 
+function transformUTCTimeToLocal(date) {
+  var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'YYYY-MM-DD HH:mm:ss';
+  if (!date) return;
+  var utcDate = moment.utc(date).toDate();
+  return moment(utcDate, format).local().format(format);
+}
+
+function transformUTCHoursToLocal(time) {
+  var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'HH:mm:ss';
+  if (!time) return;
+  var splitedTime = time.split(':');
+  var offset = moment().utcOffset();
+  var HH = +splitedTime[0];
+  var mm = +splitedTime[1];
+  var ss = splitedTime[2];
+  mm = mm + offset;
+
+  while (mm > 59) {
+    mm -= 60;
+    HH += 1;
+  }
+
+  if (HH > 23) HH -= 24;
+
+  while (mm < 0) {
+    mm += 60;
+    HH -= 1;
+  }
+
+  if (HH < 0) HH += 24;
+  return "".concat(HH, ":").concat(mm, ":").concat(ss);
+} //принимает обьект и массив ключей обьекта
+//возвращает обьект с теми полями, которых нет в массиве ключей
+
+
 var omitKeys = function omitKeys() {
   var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var keys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -311,15 +347,32 @@ var setCarretToEnd = function setCarretToEnd(input) {
     input.value = tmp;
   }, 10);
 };
+/**
+ * "Sort an array of objects by a given key, alphabetically."
+ *
+ * The function takes three parameters:
+ *
+ * - `a`: The first item to compare.
+ * - `b`: The second item to compare.
+ * - `key`: The key to compare by
+ * @param a - The first item to compare
+ * @param b - The second item to compare
+ * @param [key=label] - The key to sort by.
+ * @returns A function that takes in 3 parameters, a, b, and key.
+ */
+
 
 exports.setCarretToEnd = setCarretToEnd;
 
 var compareAlphabetical = function compareAlphabetical(a, b) {
-  var _a$key, _b$key;
+  var _item, _item2;
 
   var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'label';
-  var item1 = a === null || a === void 0 ? void 0 : (_a$key = a[key]) === null || _a$key === void 0 ? void 0 : _a$key.toLowerCase();
-  var item2 = b === null || b === void 0 ? void 0 : (_b$key = b[key]) === null || _b$key === void 0 ? void 0 : _b$key.toLowerCase();
+  var item1 = a === null || a === void 0 ? void 0 : a[key];
+  var item2 = b === null || b === void 0 ? void 0 : b[key];
+  if (typeof item1 !== "string" || typeof item2 !== "string") return 0;
+  item1 = (_item = item1) === null || _item === void 0 ? void 0 : _item.toLowerCase();
+  item2 = (_item2 = item2) === null || _item2 === void 0 ? void 0 : _item2.toLowerCase();
 
   if (item1 < item2) {
     return -1;

package/package.json

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