@truedat/qx 7.13.6 → 7.13.8

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

@@ -675,68 +675,76 @@ exports[`<QualityControlEditor /> matches the latest snapshot for edition 1`] =
           Dataset
         </label>
         <div
-          aria-expanded="false"
-          class="ui selection dropdown"
-          role="listbox"
-          tabindex="0"
+          class="field"
         >
           <div
-            aria-atomic="true"
-            aria-live="polite"
-            class="divider text"
-            role="alert"
-          >
-            Data structures
-          </div>
-          <i
-            aria-hidden="true"
-            class="dropdown icon"
-          />
-          <div
-            class="menu transition"
+            aria-expanded="false"
+            class="ui selection dropdown"
+            role="listbox"
+            tabindex="0"
           >
             <div
-              aria-checked="true"
-              aria-selected="true"
-              class="active selected item"
-              role="option"
-              style="pointer-events: all;"
+              aria-atomic="true"
+              aria-live="polite"
+              class="divider text"
+              role="alert"
             >
-              <span
-                class="text"
-              >
-                Data structures
-              </span>
+              Data structures
             </div>
+            <i
+              aria-hidden="true"
+              class="dropdown icon"
+            />
             <div
-              aria-checked="false"
-              aria-selected="false"
-              class="item"
-              role="option"
-              style="pointer-events: all;"
+              class="menu transition"
             >
-              <span
-                class="text"
+              <div
+                aria-checked="true"
+                aria-selected="true"
+                class="active selected item"
+                role="option"
+                style="pointer-events: all;"
               >
-                Reference datasets
-              </span>
+                <span
+                  class="text"
+                >
+                  Data structures
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  Reference datasets
+                </span>
+              </div>
             </div>
           </div>
         </div>
       </div>
       <div
-        class="required field"
+        class="field"
       >
         <div
-          class="ui fluid icon input"
+          class="required field"
         >
-          <input
-            class="action-pointer"
-            placeholder="Data Structure"
-            required=""
-            type="text"
-            value="ACCOUNTING_RULES"
-          />
+          <div
+            class="ui fluid icon input"
+          >
+            <input
+              class="action-pointer"
+              placeholder="Data Structure"
+              required=""
+              type="text"
+              value="ACCOUNTING_RULES"
+            />
+          </div>
         </div>
       </div>
       <div
@@ -840,38 +848,42 @@ exports[`<QualityControlEditor /> matches the latest snapshot for edition 1`] =
                                 class="dropdown icon"
                               />
                               <div
-                                aria-expanded="false"
-                                class="ui fluid search selection dropdown"
-                                role="combobox"
+                                class="sixteen wide field"
                               >
-                                <input
-                                  aria-autocomplete="list"
-                                  autocomplete="off"
-                                  class="search"
-                                  tabindex="0"
-                                  type="text"
-                                  value=""
-                                />
                                 <div
-                                  aria-atomic="true"
-                                  aria-live="polite"
-                                  class="divider text"
-                                  role="alert"
-                                >
-                                  Select a function of type boolean
-                                </div>
-                                <i
-                                  aria-hidden="true"
-                                  class="dropdown icon"
-                                />
-                                <div
-                                  class="menu transition"
-                                  role="listbox"
+                                  aria-expanded="false"
+                                  class="ui fluid search selection dropdown"
+                                  role="combobox"
                                 >
+                                  <input
+                                    aria-autocomplete="list"
+                                    autocomplete="off"
+                                    class="search"
+                                    tabindex="0"
+                                    type="text"
+                                    value=""
+                                  />
+                                  <div
+                                    aria-atomic="true"
+                                    aria-live="polite"
+                                    class="divider text"
+                                    role="alert"
+                                  >
+                                    Select a function of type boolean
+                                  </div>
+                                  <i
+                                    aria-hidden="true"
+                                    class="dropdown icon"
+                                  />
                                   <div
-                                    class="message"
+                                    class="menu transition"
+                                    role="listbox"
                                   >
-                                    No results found.
+                                    <div
+                                      class="message"
+                                    >
+                                      No results found.
+                                    </div>
                                   </div>
                                 </div>
                               </div>
@@ -895,11 +907,19 @@ exports[`<QualityControlEditor /> matches the latest snapshot for edition 1`] =
               <div
                 class="ui horizontal divider"
               >
-                <button
-                  class="ui mini button"
+                <div
+                  class="ui medium basic buttons"
                 >
-                  Add expression
-                </button>
+                  <button
+                    class="ui button"
+                  >
+                    <i
+                      aria-hidden="true"
+                      class="plus icon"
+                    />
+                    Add expression
+                  </button>
+                </div>
               </div>
             </div>
             <div
@@ -909,11 +929,19 @@ exports[`<QualityControlEditor /> matches the latest snapshot for edition 1`] =
           <div
             class="ui horizontal divider"
           >
-            <button
-              class="ui mini button"
+            <div
+              class="ui medium basic buttons"
             >
-              Add group
-            </button>
+              <button
+                class="ui button"
+              >
+                <i
+                  aria-hidden="true"
+                  class="plus icon"
+                />
+                Add group
+              </button>
+            </div>
           </div>
         </div>
       </div>

package/src/components/qualityControls/controlProperties/__tests__/__snapshots__/Count.spec.js.snap

@@ -9,51 +9,55 @@ exports[`<Count /> matches the latest snapshot 1`] = `
       quality_control.form.control_properties.count.errors_resource
     </label>
     <div
-      aria-expanded="false"
-      class="ui selection dropdown"
-      role="listbox"
-      tabindex="0"
+      class="field"
     >
       <div
-        aria-atomic="true"
-        aria-live="polite"
-        class="divider default text"
-        role="alert"
-      >
-        queryables.resource.type
-      </div>
-      <i
-        aria-hidden="true"
-        class="dropdown icon"
-      />
-      <div
-        class="menu transition"
+        aria-expanded="false"
+        class="ui selection dropdown"
+        role="listbox"
+        tabindex="0"
       >
         <div
-          aria-checked="false"
-          aria-selected="true"
-          class="selected item"
-          role="option"
-          style="pointer-events: all;"
+          aria-atomic="true"
+          aria-live="polite"
+          class="divider default text"
+          role="alert"
         >
-          <span
-            class="text"
-          >
-            queryables.resource.type.data_structure
-          </span>
+          queryables.resource.type
         </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
+        />
         <div
-          aria-checked="false"
-          aria-selected="false"
-          class="item"
-          role="option"
-          style="pointer-events: all;"
+          class="menu transition"
         >
-          <span
-            class="text"
+          <div
+            aria-checked="false"
+            aria-selected="true"
+            class="selected item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              queryables.resource.type.data_structure
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
           >
-            queryables.resource.type.reference_dataset
-          </span>
+            <span
+              class="text"
+            >
+              queryables.resource.type.reference_dataset
+            </span>
+          </div>
         </div>
       </div>
     </div>

package/src/components/qualityControls/controlProperties/__tests__/__snapshots__/Ratio.spec.js.snap

@@ -9,51 +9,55 @@ exports[`<Ratio /> matches the latest snapshot 1`] = `
       quality_control.form.control_properties.ratio.resource
     </label>
     <div
-      aria-expanded="false"
-      class="ui selection dropdown"
-      role="listbox"
-      tabindex="0"
+      class="field"
     >
       <div
-        aria-atomic="true"
-        aria-live="polite"
-        class="divider default text"
-        role="alert"
-      >
-        queryables.resource.type
-      </div>
-      <i
-        aria-hidden="true"
-        class="dropdown icon"
-      />
-      <div
-        class="menu transition"
+        aria-expanded="false"
+        class="ui selection dropdown"
+        role="listbox"
+        tabindex="0"
       >
         <div
-          aria-checked="false"
-          aria-selected="true"
-          class="selected item"
-          role="option"
-          style="pointer-events: all;"
+          aria-atomic="true"
+          aria-live="polite"
+          class="divider default text"
+          role="alert"
         >
-          <span
-            class="text"
-          >
-            queryables.resource.type.data_structure
-          </span>
+          queryables.resource.type
         </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
+        />
         <div
-          aria-checked="false"
-          aria-selected="false"
-          class="item"
-          role="option"
-          style="pointer-events: all;"
+          class="menu transition"
         >
-          <span
-            class="text"
+          <div
+            aria-checked="false"
+            aria-selected="true"
+            class="selected item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              queryables.resource.type.data_structure
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
           >
-            queryables.resource.type.reference_dataset
-          </span>
+            <span
+              class="text"
+            >
+              queryables.resource.type.reference_dataset
+            </span>
+          </div>
         </div>
       </div>
     </div>
@@ -70,11 +74,19 @@ exports[`<Ratio /> matches the latest snapshot 1`] = `
       <div
         class="ui horizontal divider"
       >
-        <button
-          class="ui mini button"
+        <div
+          class="ui medium basic buttons"
         >
-          expression.clause.action.addGroup
-        </button>
+          <button
+            class="ui button"
+          >
+            <i
+              aria-hidden="true"
+              class="plus icon"
+            />
+            expression.clause.action.addGroup
+          </button>
+        </div>
       </div>
     </div>
   </div>
@@ -90,51 +102,55 @@ exports[`<Ratio /> matches the latest snapshot when there is not resource 1`] =
       quality_control.form.control_properties.ratio.resource
     </label>
     <div
-      aria-expanded="false"
-      class="ui selection dropdown"
-      role="listbox"
-      tabindex="0"
+      class="field"
     >
       <div
-        aria-atomic="true"
-        aria-live="polite"
-        class="divider default text"
-        role="alert"
-      >
-        queryables.resource.type
-      </div>
-      <i
-        aria-hidden="true"
-        class="dropdown icon"
-      />
-      <div
-        class="menu transition"
+        aria-expanded="false"
+        class="ui selection dropdown"
+        role="listbox"
+        tabindex="0"
       >
         <div
-          aria-checked="false"
-          aria-selected="true"
-          class="selected item"
-          role="option"
-          style="pointer-events: all;"
+          aria-atomic="true"
+          aria-live="polite"
+          class="divider default text"
+          role="alert"
         >
-          <span
-            class="text"
-          >
-            queryables.resource.type.data_structure
-          </span>
+          queryables.resource.type
         </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
+        />
         <div
-          aria-checked="false"
-          aria-selected="false"
-          class="item"
-          role="option"
-          style="pointer-events: all;"
+          class="menu transition"
         >
-          <span
-            class="text"
+          <div
+            aria-checked="false"
+            aria-selected="true"
+            class="selected item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              queryables.resource.type.data_structure
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
           >
-            queryables.resource.type.reference_dataset
-          </span>
+            <span
+              class="text"
+            >
+              queryables.resource.type.reference_dataset
+            </span>
+          </div>
         </div>
       </div>
     </div>

package/src/hooks/useDataViews.js

@@ -31,3 +31,10 @@ export const useDataViewDelete = (dataView) => {
   const url = compile(API_DATA_VIEW)({ id: `${id}` });
   return useSWRMutations(url, (url, { arg }) => apiJsonDelete(url, arg));
 };
+
+export const useDataViewFetch = (id) => {
+  const url = compile(API_DATA_VIEW)({ id: `${id}` });
+  const { data, error } = useSWR(url, apiJson);
+  const dataView = data?.data?.data;
+  return { dataView, error, loading: !error && !data };
+};