@integry/sdk 4.6.16 → 4.6.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integry/sdk",
-  "version": "4.6.16",
+  "version": "4.6.17",
   "description": "Integry SDK",
   "main": "dist/umd/index.umd.js",
   "module": "dist/esm/index.csm.js",

package/src/components/MultipurposeField/Dropdown/index.tsx

@@ -383,6 +383,9 @@ const ListBox = (props: ListBoxProps) => {
 
     // Check if inputModified is an array, if not, return an empty array
     if (!Array.isArray(inputModified)) {
+      console.warn(
+        `Invalid data format for dropdown options for field ${fieldId}`,
+      );
       return [];
     }
 
@@ -417,6 +420,17 @@ const ListBox = (props: ListBoxProps) => {
         value = id;
       }
 
+      if (id === '') {
+        console.warn(
+          `${keyPath} was not found in the response for field ${fieldId}`,
+        );
+      }
+      if (value === '') {
+        console.warn(
+          `${valuePath} was not found in the response for field ${fieldId}`,
+        );
+      }
+
       return { id, value };
     });
   };

package/src/components/TagsMenu/styles.module.scss

@@ -31,6 +31,10 @@
       cursor: pointer;
       position: relative;
 
+      svg {
+        margin-right: 4px;
+      }
+
       &.tabWithResults {
         font-weight: 500;
         color: #4f46e5;
@@ -157,10 +161,29 @@
               color: #3b82f6;
             }
           }
-          span.value,
-          span.key {
-            color: hsl(240 3.8% 46.1%);
+          span.value {
+            color: hsl(240 3.8% 60%);
             font-size: 0.75rem;
+            font-weight: 400;
+            font-style: italic;
+            line-height: 1rem;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            margin-left: 5px;
+
+            mark {
+              background-color: rgba(79, 70, 229, 0.2);
+              color: inherit;
+              font-weight: 500;
+              border-radius: 2px;
+              padding: 0 2px;
+            }
+          }
+          span.key {
+            color: hsl(240 10% 3.9%);
+            font-weight: 500;
+            font-size: 0.8rem;
             line-height: 1rem;
             overflow: hidden;
             text-overflow: ellipsis;
@@ -185,12 +208,19 @@
       }
     }
     .outputSection {
-      margin-top: 5px;
-      margin-bottom: 5px;
-      padding: 5px;
       background-color: rgba(0, 0, 0, 0.02);
       border-radius: 4px;
       border-left: 2px solid #e2e8f0;
+
+      // Remove padding when the section is empty
+      ul {
+        padding: 5px;
+        &:empty {
+          padding: 0;
+          border-left: none;
+          background-color: transparent;
+        }
+      }
     }
   }
 }