@truedat/qx 7.13.7 → 7.13.9

package/src/components/dataViews/__tests__/__snapshots__/DataViews.spec.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<DataViews /> matches the latest snapshot 1`] = `
+exports[`<DataViews /> renders cards and the mode label, and the Open link points to the correct route 1`] = `
 <div>
   <div
     class="ui segment"
@@ -24,54 +24,166 @@ exports[`<DataViews /> matches the latest snapshot 1`] = `
       </div>
     </h2>
     <div
-      class="ui grid"
+      class="ui hidden divider"
+    />
+    <a
+      class="ui primary right floated button"
+      data-discover="true"
+      href="/dataviews/new"
+      role="button"
+    >
+      dataViews.action.new
+    </a>
+    <div
+      class="ui icon input"
+    >
+      <input
+        placeholder="search.placeholder"
+        type="text"
+      />
+      <i
+        aria-hidden="true"
+        class="search icon"
+      />
+    </div>
+    <div
+      class="ui hidden divider"
+    />
+    <div
+      class="ui stackable five cards"
     >
       <div
-        class="four wide column"
+        class="ui card"
       >
-        <button
-          class="ui fluid button"
+        <div
+          class="content"
         >
-          dataViews.action.new
-        </button>
+          <a
+            class="header"
+            data-discover="true"
+            href="/dataviews/1"
+          >
+            <i
+              aria-hidden="true"
+              class="dataViews.mode.icon.guided small icon"
+            />
+            Users Spain
+          </a>
+          <div
+            class="description"
+          >
+            Active users in Spain
+          </div>
+        </div>
         <div
-          class="ui divided selection list"
-          role="list"
+          class="extra content"
         >
           <div
-            class="item"
-            role="listitem"
+            class="ui actions"
           >
-            <div
-              class="content"
+            <button
+              class="ui red basic icon button"
             >
-              <div
-                class="header"
-              >
-                StructureView
-              </div>
-            </div>
+              <i
+                aria-hidden="true"
+                class="trash alternate outline icon"
+              />
+            </button>
           </div>
         </div>
       </div>
       <div
-        class="eleven wide column"
+        class="ui card"
       >
-        <h2
-          class="ui icon center aligned header"
+        <div
+          class="content"
+        >
+          <a
+            class="header"
+            data-discover="true"
+            href="/dataviews/2"
+          >
+            <i
+              aria-hidden="true"
+              class="dataViews.mode.icon.advanced small icon"
+            />
+            Inventory
+          </a>
+          <div
+            class="description"
+          >
+            Stock levels
+          </div>
+        </div>
+        <div
+          class="extra content"
         >
-          <i
-            aria-hidden="true"
-            class="hand pointer outline icon"
-          />
           <div
-            class="sub header"
+            class="ui actions"
           >
-            dataViews.no_selection
+            <button
+              class="ui red basic icon button"
+            >
+              <i
+                aria-hidden="true"
+                class="trash alternate outline icon"
+              />
+            </button>
           </div>
-        </h2>
+        </div>
       </div>
     </div>
   </div>
 </div>
 `;
+
+exports[`<DataViews /> renders empty state when no data views 1`] = `
+<div>
+  <div
+    class="ui segment"
+  >
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="archive circular icon"
+      />
+      <div
+        class="content"
+      >
+        dataViews.header
+        <div
+          class="sub header"
+        >
+          dataViews.subheader
+        </div>
+      </div>
+    </h2>
+    <div
+      class="ui hidden divider"
+    />
+    <a
+      class="ui primary right floated button"
+      data-discover="true"
+      href="/dataviews/new"
+      role="button"
+    >
+      dataViews.action.new
+    </a>
+    <h4
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="search icon"
+      />
+      <div
+        class="content"
+      >
+        dataViews.empty_list
+      </div>
+    </h4>
+  </div>
+</div>
+`;

package/src/components/dataViews/__tests__/__snapshots__/Queryable.spec.js.snap

@@ -52,38 +52,42 @@ exports[`<Queryable /> matches the latest snapshot with duplicated alias 1`] = `
                 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"
-                >
-                  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"
+                    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;"
                     >
-                      data_structure
-                    </span>
+                      <span
+                        class="text"
+                      >
+                        data_structure
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -147,19 +151,70 @@ exports[`<Queryable /> matches the latest snapshot with duplicated resource 1`]
               <label>
                 resource
               </label>
+              <div
+                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"
+                  >
+                    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;"
+                    >
+                      <span
+                        class="text"
+                      >
+                        data_structure
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="field"
+            >
               <div
                 aria-expanded="false"
-                class="ui selection dropdown"
-                role="listbox"
-                tabindex="0"
+                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"
                 >
-                  type
+                  data_view
                 </div>
                 <i
                   aria-hidden="true"
@@ -167,59 +222,16 @@ exports[`<Queryable /> matches the latest snapshot with duplicated resource 1`]
                 />
                 <div
                   class="menu transition"
+                  role="listbox"
                 >
                   <div
-                    aria-checked="false"
-                    aria-selected="true"
-                    class="selected item"
-                    role="option"
-                    style="pointer-events: all;"
+                    class="message"
                   >
-                    <span
-                      class="text"
-                    >
-                      data_structure
-                    </span>
+                    No results found.
                   </div>
                 </div>
               </div>
             </div>
-            <div
-              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"
-              >
-                data_view
-              </div>
-              <i
-                aria-hidden="true"
-                class="dropdown icon"
-              />
-              <div
-                class="menu transition"
-                role="listbox"
-              >
-                <div
-                  class="message"
-                >
-                  No results found.
-                </div>
-              </div>
-            </div>
           </div>
         </div>
       </div>
@@ -280,38 +292,42 @@ exports[`<Queryable /> matches the latest snapshot with from queryable 1`] = `
                 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"
-                >
-                  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"
+                  >
+                    type
+                  </div>
+                  <i
+                    aria-hidden="true"
+                    class="dropdown icon"
+                  />
+                  <div
+                    class="menu transition"
                   >
-                    <span
-                      class="text"
+                    <div
+                      aria-checked="false"
+                      aria-selected="true"
+                      class="selected item"
+                      role="option"
+                      style="pointer-events: all;"
                     >
-                      data_structure
-                    </span>
+                      <span
+                        class="text"
+                      >
+                        data_structure
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -383,11 +399,19 @@ exports[`<Queryable /> matches the latest snapshot with from queryable 2`] = `
                   class="item"
                   role="listitem"
                 >
-                  <button
-                    class="ui button"
+                  <div
+                    class="ui medium basic buttons"
                   >
-                    add_group_field
-                  </button>
+                    <button
+                      class="ui button"
+                    >
+                      <i
+                        aria-hidden="true"
+                        class="plus icon"
+                      />
+                      add_group_field
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>
@@ -405,11 +429,19 @@ exports[`<Queryable /> matches the latest snapshot with from queryable 2`] = `
                   class="item"
                   role="listitem"
                 >
-                  <button
-                    class="ui button"
+                  <div
+                    class="ui medium basic buttons"
                   >
-                    add_aggregate_field
-                  </button>
+                    <button
+                      class="ui button"
+                    >
+                      <i
+                        aria-hidden="true"
+                        class="plus icon"
+                      />
+                      add_aggregate_field
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>
@@ -473,38 +505,42 @@ exports[`<Queryable /> matches the latest snapshot with join queryable 1`] = `
                 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"
-                >
-                  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"
+                  >
+                    type
+                  </div>
+                  <i
+                    aria-hidden="true"
+                    class="dropdown icon"
+                  />
+                  <div
+                    class="menu transition"
                   >
-                    <span
-                      class="text"
+                    <div
+                      aria-checked="false"
+                      aria-selected="true"
+                      class="selected item"
+                      role="option"
+                      style="pointer-events: all;"
                     >
-                      data_structure
-                    </span>
+                      <span
+                        class="text"
+                      >
+                        data_structure
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -521,7 +557,6 @@ exports[`<Queryable /> matches the latest snapshot with join queryable 1`] = `
                 <div
                   aria-expanded="false"
                   class="ui selection dropdown select-field-dropdown"
-                  label="alias"
                   role="listbox"
                   tabindex="0"
                 >
@@ -678,11 +713,19 @@ exports[`<Queryable /> matches the latest snapshot with join queryable 1`] = `
                 <div
                   class="ui horizontal divider"
                 >
-                  <button
-                    class="ui mini button"
+                  <div
+                    class="ui medium basic buttons"
                   >
-                    addGroup
-                  </button>
+                    <button
+                      class="ui button"
+                    >
+                      <i
+                        aria-hidden="true"
+                        class="plus icon"
+                      />
+                      addGroup
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>