@truedat/qx 7.13.7 → 7.13.9

package/src/components/common/__tests__/__snapshots__/ResourceSelector.spec.js.snap

@@ -9,38 +9,42 @@ exports[`<ResourceSelector /> matches the latest snapshot 1`] = `
       queryables.form.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
+        </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
+        />
+        <div
+          class="menu transition"
+        >
+          <div
+            aria-checked="false"
+            aria-selected="true"
+            class="selected item"
+            role="option"
+            style="pointer-events: all;"
           >
-            queryables.resource.type.data_structure
-          </span>
+            <span
+              class="text"
+            >
+              queryables.resource.type.data_structure
+            </span>
+          </div>
         </div>
       </div>
     </div>
@@ -57,76 +61,11 @@ exports[`<ResourceSelector /> select data_structure 1`] = `
       queryables.form.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 text"
-        role="alert"
-      >
-        queryables.resource.type.data_structure
-      </div>
-      <i
-        aria-hidden="true"
-        class="dropdown icon"
-      />
-      <div
-        class="menu transition"
-      >
-        <div
-          aria-checked="true"
-          aria-selected="true"
-          class="active selected item"
-          role="option"
-          style="pointer-events: all;"
-        >
-          <span
-            class="text"
-          >
-            queryables.resource.type.data_structure
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div>
-    <i
-      aria-hidden="true"
-      class="dropdown icon"
-    />
-  </div>
-  <div
-    class="ui segment"
-  >
-    <div
-      class="ui loading action left icon input"
-    >
-      <i
-        aria-hidden="true"
-        class="search link icon"
-      />
-      <input
-        placeholder="search.placeholder"
-        type="text"
-        value=""
-      />
-      <button
-        class="ui icon button"
-      >
-        <i
-          aria-hidden="true"
-          class="calendar alternate outline icon"
-        />
-      </button>
-      <div
-        aria-busy="true"
-        aria-disabled="false"
         aria-expanded="false"
-        class="ui loading button floating labeled scrolling dropdown icon"
+        class="ui selection dropdown"
         role="listbox"
         tabindex="0"
       >
@@ -136,58 +75,131 @@ exports[`<ResourceSelector /> select data_structure 1`] = `
           class="divider text"
           role="alert"
         >
-          Filters
+          queryables.resource.type.data_structure
         </div>
         <i
           aria-hidden="true"
-          class="filter icon"
+          class="dropdown icon"
         />
         <div
           class="menu transition"
         >
           <div
-            class="item"
+            aria-checked="true"
+            aria-selected="true"
+            class="active selected item"
             role="option"
+            style="pointer-events: all;"
           >
-            <em>
-              (reset filters)
-            </em>
+            <span
+              class="text"
+            >
+              queryables.resource.type.data_structure
+            </span>
           </div>
         </div>
       </div>
     </div>
+  </div>
+  <div
+    class="field"
+  >
+    <div>
+      <i
+        aria-hidden="true"
+        class="dropdown icon"
+      />
+    </div>
     <div
-      class="selectedFilters"
-    />
-    <div
-      class="dimmed dimmable structure-table-overflow"
+      class="ui segment"
     >
       <div
-        class="ui active transition visible inverted dimmer"
-        style="display: flex;"
+        class="ui loading action left icon input"
       >
+        <i
+          aria-hidden="true"
+          class="search link icon"
+        />
+        <input
+          placeholder="search.placeholder"
+          type="text"
+          value=""
+        />
+        <button
+          class="ui icon button"
+        >
+          <i
+            aria-hidden="true"
+            class="calendar alternate outline icon"
+          />
+        </button>
         <div
-          class="content"
+          aria-busy="true"
+          aria-disabled="false"
+          aria-expanded="false"
+          class="ui loading button floating labeled scrolling dropdown icon"
+          role="listbox"
+          tabindex="0"
         >
           <div
-            class="ui large loader"
+            aria-atomic="true"
+            aria-live="polite"
+            class="divider text"
+            role="alert"
+          >
+            Filters
+          </div>
+          <i
+            aria-hidden="true"
+            class="filter icon"
           />
+          <div
+            class="menu transition"
+          >
+            <div
+              class="item"
+              role="option"
+            >
+              <em>
+                (reset filters)
+              </em>
+            </div>
+          </div>
         </div>
       </div>
       <div
-        class="ui icon info message"
+        class="selectedFilters"
+      />
+      <div
+        class="dimmed dimmable structure-table-overflow"
       >
-        <i
-          aria-hidden="true"
-          class="search icon"
-        />
         <div
-          class="content"
+          class="ui active transition visible inverted dimmer"
+          style="display: flex;"
         >
           <div
-            class="header"
+            class="content"
           >
-            structures.loading.header
+            <div
+              class="ui large loader"
+            />
+          </div>
+        </div>
+        <div
+          class="ui icon info message"
+        >
+          <i
+            aria-hidden="true"
+            class="search icon"
+          />
+          <div
+            class="content"
+          >
+            <div
+              class="header"
+            >
+              structures.loading.header
+            </div>
           </div>
         </div>
       </div>
@@ -205,39 +217,91 @@ exports[`<ResourceSelector /> select data_view 1`] = `
       queryables.form.resource
     </label>
     <div
-      aria-expanded="false"
-      class="ui selection dropdown"
-      role="listbox"
-      tabindex="0"
+      class="field"
+    >
+      <div
+        aria-expanded="false"
+        class="ui selection dropdown"
+        role="listbox"
+        tabindex="0"
+      >
+        <div
+          aria-atomic="true"
+          aria-live="polite"
+          class="divider text"
+          role="alert"
+        >
+          queryables.resource.type.data_view
+        </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
+        />
+        <div
+          class="menu transition"
+        >
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              queryables.resource.type.data_structure
+            </span>
+          </div>
+          <div
+            aria-checked="true"
+            aria-selected="true"
+            class="active selected item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              queryables.resource.type.data_view
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="field"
+  >
+    <div
+      aria-expanded="true"
+      class="ui active visible 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"
       >
-        queryables.resource.type.data_view
+        UserDataView
       </div>
       <i
         aria-hidden="true"
         class="dropdown icon"
       />
       <div
-        class="menu transition"
+        class="visible menu transition"
+        role="listbox"
       >
-        <div
-          aria-checked="false"
-          aria-selected="false"
-          class="item"
-          role="option"
-          style="pointer-events: all;"
-        >
-          <span
-            class="text"
-          >
-            queryables.resource.type.data_structure
-          </span>
-        </div>
         <div
           aria-checked="true"
           aria-selected="true"
@@ -248,101 +312,109 @@ exports[`<ResourceSelector /> select data_view 1`] = `
           <span
             class="text"
           >
-            queryables.resource.type.data_view
+            UserDataView
           </span>
         </div>
       </div>
     </div>
   </div>
+</div>
+`;
+
+exports[`<ResourceSelector /> select reference_dataset 1`] = `
+<div>
   <div
-    aria-expanded="true"
-    class="ui active visible fluid search selection dropdown"
-    role="combobox"
+    class="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"
-    >
-      UserDataView
-    </div>
-    <i
-      aria-hidden="true"
-      class="dropdown icon"
-    />
+    <label>
+      queryables.form.resource
+    </label>
     <div
-      class="visible menu transition"
-      role="listbox"
+      class="field"
     >
       <div
-        aria-checked="true"
-        aria-selected="true"
-        class="active selected item"
-        role="option"
-        style="pointer-events: all;"
+        aria-expanded="false"
+        class="ui selection dropdown"
+        role="listbox"
+        tabindex="0"
       >
-        <span
-          class="text"
+        <div
+          aria-atomic="true"
+          aria-live="polite"
+          class="divider text"
+          role="alert"
         >
-          UserDataView
-        </span>
+          queryables.resource.type.reference_dataset
+        </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
+        />
+        <div
+          class="menu transition"
+        >
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              queryables.resource.type.data_structure
+            </span>
+          </div>
+          <div
+            aria-checked="true"
+            aria-selected="true"
+            class="active selected item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              queryables.resource.type.reference_dataset
+            </span>
+          </div>
+        </div>
       </div>
     </div>
   </div>
-</div>
-`;
-
-exports[`<ResourceSelector /> select reference_dataset 1`] = `
-<div>
   <div
     class="field"
   >
-    <label>
-      queryables.form.resource
-    </label>
     <div
-      aria-expanded="false"
-      class="ui selection dropdown"
-      role="listbox"
-      tabindex="0"
+      aria-expanded="true"
+      class="ui active visible 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"
       >
-        queryables.resource.type.reference_dataset
+        UserReferenceDataset
       </div>
       <i
         aria-hidden="true"
         class="dropdown icon"
       />
       <div
-        class="menu transition"
+        class="visible menu transition"
+        role="listbox"
       >
-        <div
-          aria-checked="false"
-          aria-selected="false"
-          class="item"
-          role="option"
-          style="pointer-events: all;"
-        >
-          <span
-            class="text"
-          >
-            queryables.resource.type.data_structure
-          </span>
-        </div>
         <div
           aria-checked="true"
           aria-selected="true"
@@ -353,55 +425,11 @@ exports[`<ResourceSelector /> select reference_dataset 1`] = `
           <span
             class="text"
           >
-            queryables.resource.type.reference_dataset
+            UserReferenceDataset
           </span>
         </div>
       </div>
     </div>
   </div>
-  <div
-    aria-expanded="true"
-    class="ui active visible 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"
-    >
-      UserReferenceDataset
-    </div>
-    <i
-      aria-hidden="true"
-      class="dropdown icon"
-    />
-    <div
-      class="visible menu transition"
-      role="listbox"
-    >
-      <div
-        aria-checked="true"
-        aria-selected="true"
-        class="active selected item"
-        role="option"
-        style="pointer-events: all;"
-      >
-        <span
-          class="text"
-        >
-          UserReferenceDataset
-        </span>
-      </div>
-    </div>
-  </div>
 </div>
 `;