@truedat/qx 7.13.9 → 7.14.0

package/src/components/qualityControls/__tests__/__snapshots__/QualityControls.spec.js.snap

@@ -117,107 +117,107 @@ exports[`<QualityControls /> matches the latest snapshot 1`] = `
       </div>
     </div>
     <div
-      class="ui label quality-controls-label-results"
+      style="margin-bottom: 8px;"
     >
-      quality_controls.retrieved.results
+      <div
+        class="ui label quality-controls-label-results"
+      >
+        quality_controls.retrieved.results
+      </div>
     </div>
-    <div
-      class="dimmable"
+    <table
+      class="ui sortable table"
     >
-      <table
-        class="ui sortable table"
+      <thead
+        class=""
       >
-        <thead
+        <tr
           class=""
         >
-          <tr
+          <th
             class=""
           >
-            <th
-              class=""
-            >
-              name
-            </th>
-            <th
-              class="two wide"
-            >
-              df_type
-            </th>
-            <th
-              class="two wide"
-            >
-              control_mode
-            </th>
-            <th
-              class="two wide"
-            >
-              status
-            </th>
-            <th
-              class="two wide disabled"
-            >
-              latest_score
-            </th>
-            <th
-              class="two wide"
-            >
-              updated_at
-            </th>
-          </tr>
-        </thead>
-        <tbody
+            name
+          </th>
+          <th
+            class="two wide"
+          >
+            df_type
+          </th>
+          <th
+            class="two wide"
+          >
+            control_mode
+          </th>
+          <th
+            class="two wide"
+          >
+            status
+          </th>
+          <th
+            class="two wide disabled"
+          >
+            latest_score
+          </th>
+          <th
+            class="two wide"
+          >
+            updated_at
+          </th>
+        </tr>
+      </thead>
+      <tbody
+        class=""
+      >
+        <tr
           class=""
         >
-          <tr
+          <td
             class=""
           >
-            <td
-              class=""
-            >
-              <a
-                data-discover="true"
-                href="/qualityControls/8/version/1"
-              >
-                test
-              </a>
-            </td>
-            <td
-              class=""
+            <a
+              data-discover="true"
+              href="/qualityControls/8/version/1"
             >
-              template1
-            </td>
-            <td
-              class=""
-            >
-              quality_control.control_mode.percentage
-            </td>
-            <td
-              class=""
-            >
-              quality_control.status.published
-            </td>
-            <td
-              class=""
-            >
-              <i
-                aria-hidden="true"
-                class="green circle icon"
-              />
-              100%
-            </td>
-            <td
-              class="center aligned"
+              test
+            </a>
+          </td>
+          <td
+            class=""
+          >
+            template1
+          </td>
+          <td
+            class=""
+          >
+            quality_control.control_mode.percentage
+          </td>
+          <td
+            class=""
+          >
+            quality_control.status.published
+          </td>
+          <td
+            class=""
+          >
+            <i
+              aria-hidden="true"
+              class="green circle icon"
+            />
+            100%
+          </td>
+          <td
+            class="center aligned"
+          >
+            <time
+              datetime="1732796097004"
             >
-              <time
-                datetime="1732796097004"
-              >
-                2024-11-28 12:14
-              </time>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
+              2024-11-28 12:14
+            </time>
+          </td>
+        </tr>
+      </tbody>
+    </table>
   </div>
 </div>
 `;

package/src/components/qualityControls/__tests__/__snapshots__/QualityControlsLabelResults.spec.js.snap

@@ -3,9 +3,13 @@
 exports[`<QualityControlsLabelResults /> matches the latest snapshot 1`] = `
 <div>
   <div
-    class="ui label quality-controls-label-results"
+    style="margin-bottom: 8px;"
   >
-    22 quality controls found
+    <div
+      class="ui label quality-controls-label-results"
+    >
+      22 quality controls found
+    </div>
   </div>
 </div>
 `;

package/src/hooks/useDataViews.js

@@ -33,7 +33,7 @@ export const useDataViewDelete = (dataView) => {
 };
 
 export const useDataViewFetch = (id) => {
-  const url = compile(API_DATA_VIEW)({ id: `${id}` });
+  const url = id ? compile(API_DATA_VIEW)({ id: `${id}` }) : null;
   const { data, error } = useSWR(url, apiJson);
   const dataView = data?.data?.data;
   return { dataView, error, loading: !error && !data };

package/src/styles/Expression.less

@@ -282,8 +282,10 @@ ul.function-tree {
 }
 .condition-function-viewer {
   display: flex;
-  justify-content: center;
+  flex-wrap: wrap;
   align-items: center;
+  gap: 4px;
+  overflow: hidden;
 }
 
 .json-box {
@@ -312,4 +314,26 @@ ul.function-tree {
 
 .no-margin {
   margin: 0px;
+}
+
+.text-break-word {
+  word-break: break-word;
+  overflow-wrap: break-word;
+}
+
+.description-flex-wrap {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px;
+}
+
+.join-type-selector  > .divider.text{
+    display: flex;
+    align-items: center;
+}
+
+.ui.dropdown .menu > .item {
+  display: flex;
+  align-items: center;
 }