@truedat/bg 7.2.1 → 7.2.3

package/src/taxonomy/components/__tests__/__snapshots__/Domains.spec.js.snap

@@ -33,8 +33,42 @@ exports[`<Domains /> matches the latest snapshot 1`] = `
           class="row"
         >
           <div
-            class="sixteen wide column"
+            class="bottom aligned sixteen wide column taxonomy-domains-breadcrumb"
           >
+            <div
+              class="ui icon buttons taxonomy-domains-breadcrumb-control"
+            >
+              <button
+                class="ui basic icon button"
+                data-position="top left"
+                data-tooltip="Hide Domains List"
+              >
+                <i
+                  aria-hidden="true"
+                  class="eye slash icon"
+                />
+              </button>
+              <button
+                class="ui icon button"
+                data-position="top left"
+                data-tooltip="domains.list.minimize"
+              >
+                <i
+                  aria-hidden="true"
+                  class="compress icon"
+                />
+              </button>
+              <button
+                class="ui basic icon button"
+                data-position="top left"
+                data-tooltip="domains.list.maximize"
+              >
+                <i
+                  aria-hidden="true"
+                  class="expand icon"
+                />
+              </button>
+            </div>
             <div
               class="ui breadcrumb"
             >
@@ -67,10 +101,10 @@ exports[`<Domains /> matches the latest snapshot 1`] = `
           </div>
         </div>
         <div
-          class="stretched row"
+          class="stretched row taxonomy-domains-content"
         >
           <div
-            class="three wide column"
+            class="three wide column taxonomy-domains-grid-animation "
           >
             <div
               class="ui segment"
@@ -94,13 +128,49 @@ exports[`<Domains /> matches the latest snapshot 1`] = `
                         class="plus icon"
                       />
                     </button>
+                    <div
+                      class="menu transition hierarchyNodeFinderTreeSelector"
+                    >
+                      <div
+                        class="ui fluid left icon input search notDropdownInput"
+                      >
+                        <input
+                          type="text"
+                        />
+                        <i
+                          aria-hidden="true"
+                          class="search icon"
+                        />
+                      </div>
+                      <div
+                        class="scrolling menu transition notDropdownSelector"
+                      >
+                        <div
+                          aria-selected="false"
+                          class="item"
+                          role="option"
+                        >
+                          <div
+                            class="item-content"
+                            style="margin-left: 0px; padding-left: 25px;"
+                          >
+                            <span
+                              style="opacity: 1;"
+                              title="other_domain"
+                            >
+                              other_domain
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <div
-            class="thirteen wide column"
+            class="thirteen wide column taxonomy-domains-grid-animation "
           />
         </div>
       </div>

package/src/taxonomy/components/__tests__/__snapshots__/DomainsActions.spec.js.snap

@@ -1,26 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<DomainsActions /> matches the latest snapshot 1`] = `
-<Fragment>
-  <Button
-    as={
-      {
-        "$$typeof": Symbol(react.forward_ref),
-        "displayName": "Link",
-        "propTypes": {
-          "innerRef": [Function],
-          "onClick": [Function],
-          "replace": [Function],
-          "target": [Function],
-          "to": [Function],
-        },
-        "render": [Function],
-      }
-    }
-    content="domains.actions.create"
-    icon="cube"
-    primary={true}
-    to={[Function]}
-  />
-</Fragment>
+<div>
+  <a
+    class="ui primary button"
+    href="/domains/new"
+    role="button"
+  >
+    <i
+      aria-hidden="true"
+      class="cube icon"
+    />
+    New Domain
+  </a>
+</div>
 `;

package/src/taxonomy/styles/domainCards.less

@@ -0,0 +1,4 @@
+.ui.header .content.taxonomy-domains-domaincards-header-content{
+  display: flex;
+  justify-content: space-between;
+}

package/src/taxonomy/styles/domains.less

@@ -0,0 +1,15 @@
+.taxonomy-domains-breadcrumb{
+  display: flex;
+  justify-content: flex-start;
+  padding-bottom: 0;
+}
+.ui.buttons.taxonomy-domains-breadcrumb-control{
+  margin-right: 15px;
+}
+.ui.grid > .row.taxonomy-domains-content{
+  padding-top: 0;
+}
+
+.taxonomy-domains-grid-animation{
+  transition: width .2s linear;
+}