intelicoreact 1.4.18 → 1.4.20

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js

@@ -200,7 +200,7 @@ const TagsDropdown = _ref => {
 
   const isItemMatchesSearch = item => {
     const title = item.title || item.label;
-    return searchValue.length ? title.toLowerCase().includes((searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase()) || "") : true;
+    return searchValue.length ? title === null || title === void 0 ? void 0 : title.toLowerCase().includes((searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase()) || "") : true;
   }; // --- GENERAL FUNCTIONS END --- //
 
 
@@ -426,23 +426,28 @@ const TagsDropdown = _ref => {
 
 
   const onOptionCreateClick = () => {
-    const tempId = Math.random().toString(16).slice(2);
+    var _onOptionCreate;
+
     const newOption = {
       label: searchValue,
-      value: tempId,
       style: {
         backgroundColor: randomColorForNewOption
       },
       isEditable: true,
       ref: /*#__PURE__*/(0, _react.createRef)()
     };
-    setOptions(state => [...state, newOption]);
-    setSearchValue("");
-    onChangeHandler({
-      value: tempId,
-      label: searchValue
+    ((_onOptionCreate = onOptionCreate === null || onOptionCreate === void 0 ? void 0 : onOptionCreate(newOption)) !== null && _onOptionCreate !== void 0 ? _onOptionCreate : new Promise(r => r())).then(result => {
+      var _result$id;
+
+      const tempId = Math.random().toString(16).slice(2);
+      newOption.value = (_result$id = result === null || result === void 0 ? void 0 : result.id) !== null && _result$id !== void 0 ? _result$id : tempId;
+      setOptions(state => [...state, newOption]);
+      setSearchValue("");
+      onChangeHandler({
+        value: tempId,
+        label: searchValue
+      });
     });
-    onOptionCreate === null || onOptionCreate === void 0 ? void 0 : onOptionCreate(newOption);
   };
 
   const onOptionEditClick = (e, item) => {
@@ -577,7 +582,7 @@ const TagsDropdown = _ref => {
     const hightlightSearchValue = title => {
       var _title$toLowerCase;
 
-      const index = (_title$toLowerCase = title.toLowerCase()) === null || _title$toLowerCase === void 0 ? void 0 : _title$toLowerCase.indexOf(searchValue.toLowerCase());
+      const index = title === null || title === void 0 ? void 0 : (_title$toLowerCase = title.toLowerCase()) === null || _title$toLowerCase === void 0 ? void 0 : _title$toLowerCase.indexOf(searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
       if (index === -1) return title;
       return /*#__PURE__*/_react.default.createElement("pre", {
         className: "inherit-styles"
@@ -691,10 +696,10 @@ const TagsDropdown = _ref => {
       let {
         label
       } = _ref9;
-      return label.toLowerCase() !== searchValue.toLowerCase();
+      return (label === null || label === void 0 ? void 0 : label.toLowerCase()) !== (searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
     }) ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(RC, "__creatable-helper"))
-    }, "Select an option or create one") : null, console.log(withCreateLogic, filteredOptions.length), /*#__PURE__*/_react.default.createElement("div", {
+    }, "Select an option or create one") : null, /*#__PURE__*/_react.default.createElement("div", {
       ref: dropdownListRef,
       className: "".concat(RC, "__list ").concat(headerContent || isMobile ? "".concat(RC, "__list--with-header") : "", " ").concat(footerContent ? "".concat(RC, "__list--with-footer") : "")
     }, filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.map(option => {
@@ -729,7 +734,7 @@ const TagsDropdown = _ref => {
       let {
         label
       } = _ref12;
-      return label.toLowerCase() !== searchValue.toLowerCase();
+      return (label === null || label === void 0 ? void 0 : label.toLowerCase()) !== (searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
     }) && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(RC, "__create-option")),
       onClick: onOptionCreateClick
@@ -757,7 +762,7 @@ const TagsDropdown = _ref => {
             let {
               label
             } = _ref13;
-            return label.toLowerCase() !== searchValue.toLowerCase();
+            return (label === null || label === void 0 ? void 0 : label.toLowerCase()) !== (searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
           })) {
             onOptionCreateClick();
           }

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss

@@ -8,8 +8,6 @@
   flex-direction: row;
 
   width: 100%;
-  max-width: 500px;
-
 
   &__container {
     position: fixed;
@@ -85,6 +83,7 @@
 
     &-list-wrapper {
       padding: 8px 8px 4px;
+      background: #fff;
     }
 
     &--in-list {

package/dist/Classes/RESTAPI/index.js

@@ -83,18 +83,12 @@ class RESTAPI extends _ApiBase.default {
       function getCallback(item, mesageOptions) {
         const {
           getBodyAs
-        } = item; // const finalIsGetBody = ('isGetBody' in item) ? item.isGetBody : isGetBody;
-        // const finalIsGetBodyFirst = ('isGetBody' in item) ? item.isGetBody === 'first' : isGetBodyFirst;
-
-        const finalIsGetBodyFirst = (() => {
-          if (item.isGetBody) return item.isGetBody && item.isGetBody === "first";
-          return isGetBodyFirst;
-        })();
-
+        } = item;
+        const finalIsGetBody = typeof item.isGetBody === 'boolean' || typeof item.isGetBody === 'string' ? item.isGetBody : isGetBody;
+        const finalIsGetBodyFirst = finalIsGetBody === 'first';
         const checkResponseCallback = finalIsGetBodyFirst ? async (res, mesageOptions) => API_CONTEXT.getResponseBody(await API_CONTEXT.checkResponseCode(res, mesageOptions), getBodyAs) : async (res, mesageOptions) => API_CONTEXT.checkResponseCode(res, mesageOptions);
-        const callback = item.callback ? async res => item.callback(await checkResponseCallback(res, mesageOptions)) : async res => checkResponseCallback(res, mesageOptions); // return finalIsGetBody && !finalIsGetBodyFirst
-
-        return isGetBody && !isGetBodyFirst ? async res => API_CONTEXT.getResponseBody(await callback(res), getBodyAs) : callback;
+        const callback = item.callback ? async res => item.callback(await checkResponseCallback(res, mesageOptions)) : async res => checkResponseCallback(res, mesageOptions);
+        return finalIsGetBody && !finalIsGetBodyFirst ? async res => API_CONTEXT.getResponseBody(await callback(res), getBodyAs) : callback;
       }
 
       async function getRequestItem(item, idx) {

package/package.json

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