npm - @truedat/core - Versions diffs - 7.0.5 → 7.0.7 - Mend

@truedat/core 7.0.5 → 7.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/src/components/__tests__/TreeSelector.spec.js CHANGED Viewed

@@ -13,7 +13,22 @@ const renderOpts = {};
 describe("<TreeSelector />", () => {
   it("matches latest snapshot", () => {
-    const props = { options, placeholder: "Select a domain" };
+    const props = {
+      options,
+      placeholder: "Select a domain",
+      className: "testClassName",
+    };
+    const { container } = render(<TreeSelector {...props} />, renderOpts);
+    expect(container).toMatchSnapshot();
+  });
+  it("matches latest snapshot with notDropdown parameter", () => {
+    const props = {
+      options,
+      placeholder: "Select a domain",
+      className: "testClassName",
+      notDropdown: true,
+    };
     const { container } = render(<TreeSelector {...props} />, renderOpts);
     expect(container).toMatchSnapshot();
   });
@@ -23,6 +38,7 @@ describe("<TreeSelector />", () => {
       onChange: jest.fn(),
       options,
       placeholder: "Select a domain",
+      value: [],
     };
     const { getByText, getByRole } = render(
       <TreeSelector multiple {...props} />,
@@ -70,6 +86,7 @@ describe("<TreeSelector />", () => {
       options,
       placeholder: "Select a domain",
       minDepth: minDepth,
+      value: [],
     };
     const { getByText, getByRole } = render(
@@ -84,7 +101,7 @@ describe("<TreeSelector />", () => {
     userEvent.click(
       getByRole("option", { name: /foo/i }).querySelector(
-        'i[class="plus icon"]'
+        'i[class="chevron circle down icon"]'
       )
     );
@@ -94,7 +111,7 @@ describe("<TreeSelector />", () => {
     userEvent.click(
       getByRole("option", { name: /bar/i }).querySelector(
-        'i[class="plus icon"]'
+        'i[class="chevron circle down icon"]'
       )
     );
@@ -116,6 +133,7 @@ describe("<TreeSelector />", () => {
       options,
       placeholder: "Select a domain",
       minDepth: minDepth,
+      value: [],
     };
     const { getByText, getByRole } = render(
@@ -130,7 +148,7 @@ describe("<TreeSelector />", () => {
     userEvent.click(
       getByRole("option", { name: /foo/i }).querySelector(
-        'i[class="plus icon"]'
+        'i[class="chevron circle down icon"]'
       )
     );
@@ -165,7 +183,7 @@ describe("<TreeSelector />", () => {
     userEvent.click(
       getByRole("option", { name: /foo/i }).querySelector(
-        'i[class="plus icon"]'
+        'i[class="chevron circle down icon"]'
       )
     );
@@ -175,7 +193,7 @@ describe("<TreeSelector />", () => {
     userEvent.click(
       getByRole("option", { name: /bar/i }).querySelector(
-        'i[class="plus icon"]'
+        'i[class="chevron circle down icon"]'
       )
     );
@@ -211,7 +229,7 @@ describe("<TreeSelector />", () => {
     userEvent.click(
       getByRole("option", { name: /foo/i }).querySelector(
-        'i[class="plus icon"]'
+        'i[class="chevron circle down icon"]'
       )
     );

package/src/components/__tests__/__snapshots__/DomainSelector.spec.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`<DomainSelector /> matches latest snapshot 1`] = `
 <div>
   <div
-    class="field fix-dropdown-selector"
+    class="field fix-dropdown-selector test className"
   >
     <div
       aria-disabled="false"
@@ -24,7 +24,7 @@ exports[`<DomainSelector /> matches latest snapshot 1`] = `
         class="menu transition"
       >
         <div
-          class="ui left icon input search"
+          class="ui fluid left icon input search "
         >
           <input
             type="text"
@@ -47,7 +47,7 @@ exports[`<DomainSelector /> matches latest snapshot 1`] = `
             >
               <i
                 aria-hidden="true"
-                class="plus icon"
+                class="chevron circle down icon"
               />
               <span
                 style="opacity: 1;"
@@ -66,7 +66,7 @@ exports[`<DomainSelector /> matches latest snapshot 1`] = `
             >
               <i
                 aria-hidden="true"
-                class="icon"
+                class="circle icon"
               />
               <span
                 style="opacity: 1;"
@@ -85,7 +85,7 @@ exports[`<DomainSelector /> matches latest snapshot 1`] = `
             >
               <i
                 aria-hidden="true"
-                class="icon"
+                class="circle icon"
               />
               <span
                 style="opacity: 1;"
@@ -100,3 +100,84 @@ exports[`<DomainSelector /> matches latest snapshot 1`] = `
   </div>
 </div>
 `;
+exports[`<DomainSelector /> matches latest snapshot with notDropdow parameter 1`] = `
+<div>
+  <div
+    class="menu transition test className"
+  >
+    <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
+          style="margin-left: 0px;"
+        >
+          <i
+            aria-hidden="true"
+            class="chevron circle down icon"
+          />
+          <span
+            style="opacity: 1;"
+          >
+            barDomain
+          </span>
+        </div>
+      </div>
+      <div
+        aria-selected="false"
+        class="item"
+        role="option"
+      >
+        <div
+          style="margin-left: 0px;"
+        >
+          <i
+            aria-hidden="true"
+            class="circle icon"
+          />
+          <span
+            style="opacity: 1;"
+          >
+            bazDomain
+          </span>
+        </div>
+      </div>
+      <div
+        aria-selected="false"
+        class="item"
+        role="option"
+      >
+        <div
+          style="margin-left: 0px;"
+        >
+          <i
+            aria-hidden="true"
+            class="circle icon"
+          />
+          <span
+            style="opacity: 1;"
+          >
+            fooDomain
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;

package/src/components/__tests__/__snapshots__/DropdownMenuItem.spec.js.snap CHANGED Viewed

@@ -10,7 +10,7 @@ exports[`<DropdownMenuItem /> matches the latest snapshot 1`] = `
     <div>
       <i
         aria-hidden="true"
-        class="plus icon"
+        class="chevron circle down icon"
       />
       <i
         aria-hidden="true"

package/src/components/__tests__/__snapshots__/FilterMultilevelDropdown.spec.js.snap CHANGED Viewed

@@ -45,7 +45,7 @@ exports[`<FilterMultilevelDropdown /> matches the latest snapshot 1`] = `
           >
             <i
               aria-hidden="true"
-              class="plus icon"
+              class="chevron circle down icon"
             />
             <i
               aria-hidden="true"
@@ -68,7 +68,7 @@ exports[`<FilterMultilevelDropdown /> matches the latest snapshot 1`] = `
           >
             <i
               aria-hidden="true"
-              class="icon"
+              class="circle icon"
             />
             <i
               aria-hidden="true"

package/src/components/__tests__/__snapshots__/Hierarchy.spec.js.snap ADDED Viewed

@@ -0,0 +1,189 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`<Hierarchy /> matches snapshot with edition mode 1`] = `
+<div>
+  <div
+    class="column"
+  >
+    <div
+      class="row"
+    >
+      <div
+        style="display: flex; flex-direction: row; align-items: self-start;"
+      >
+        <div
+          class="ui input"
+        >
+          <input
+            placeholder="Hierarchy name"
+            type="text"
+            value="Baggins"
+          />
+        </div>
+        <div
+          class="description_wrapper"
+        >
+          <div
+            class="description"
+          >
+            bar
+          </div>
+        </div>
+      </div>
+    </div>
+    <ul
+      class="wtree expanded"
+    >
+      <li>
+        <i
+          aria-hidden="true"
+          class="cut large icon li_trash"
+          style="cursor: pointer; visibility: hidden;"
+          title="Delete node"
+        />
+        <div
+          style="display: flex; flex-direction: row; align-items: self-start;"
+        >
+          <div>
+            <div
+              class="ui left labeled input"
+            >
+              <div
+                class="ui basic label"
+                title="Expand"
+              >
+                <i
+                  aria-hidden="true"
+                  class="circle fitted icon"
+                  style="cursor: pointer;"
+                />
+              </div>
+              <input
+                placeholder="Node"
+                type="text"
+                value="Fosco"
+              />
+            </div>
+          </div>
+          <div
+            class="description_wrapper"
+          >
+            <div
+              class="description"
+            >
+              Add description
+            </div>
+          </div>
+        </div>
+      </li>
+      <li
+        class="add_node"
+      >
+        <div>
+          <form
+            class="ui form"
+          >
+            <div
+              class="ui input"
+            >
+              <input
+                placeholder="New node"
+                type="text"
+                value=""
+              />
+            </div>
+          </form>
+        </div>
+      </li>
+    </ul>
+  </div>
+</div>
+`;
+exports[`<Hierarchy /> matches the last snapshot with edition mode false 1`] = `
+<div>
+  <div
+    class="column"
+  >
+    <div
+      class="row"
+    >
+      <div
+        style="display: flex; flex-direction: row; align-items: self-start;"
+      >
+        <div
+          class="ui disabled input"
+          data-position="top left"
+          data-tooltip="Baggins"
+          style="opacity: 1;"
+        >
+          <input
+            disabled=""
+            placeholder="Hierarchy name"
+            tabindex="-1"
+            type="text"
+            value="Baggins"
+          />
+        </div>
+        <div
+          class="description_wrapper"
+        >
+          <div
+            class="description disabled"
+          >
+            bar
+          </div>
+        </div>
+      </div>
+    </div>
+    <ul
+      class="wtree expanded"
+    >
+      <li>
+        <i
+          aria-hidden="true"
+          class="cut large icon li_trash"
+          style="cursor: pointer; visibility: hidden;"
+          title="Delete node"
+        />
+        <div
+          style="display: flex; flex-direction: row; align-items: self-start;"
+        >
+          <div>
+            <div
+              class="ui disabled left labeled input hierarchyNode"
+              data-position="top left"
+              data-tooltip="Fosco"
+            >
+              <div
+                class="ui basic label"
+                title="Expand"
+              >
+                <i
+                  aria-hidden="true"
+                  class="circle fitted icon"
+                  style="cursor: pointer;"
+                />
+              </div>
+              <input
+                disabled=""
+                placeholder="Node"
+                tabindex="-1"
+                type="text"
+                value="Fosco"
+              />
+            </div>
+          </div>
+          <div
+            class="description_wrapper"
+          >
+            <div
+              class="description disabled"
+            />
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
+</div>
+`;

package/src/components/__tests__/__snapshots__/HierarchyFilterDropdown.spec.js.snap CHANGED Viewed

@@ -45,7 +45,7 @@ exports[`<HierarchyFilterDropdown /> matches the latest snapshot 1`] = `
           >
             <i
               aria-hidden="true"
-              class="plus icon"
+              class="chevron circle down icon"
             />
             <i
               aria-hidden="true"

package/src/components/__tests__/__snapshots__/HierarchyNodeFinder.spec.js.snap ADDED Viewed

@@ -0,0 +1,146 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`HierarchyNodeFinder matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="ui segment"
+  >
+    <div
+      class="ui grid"
+    >
+      <div
+        class="row"
+      >
+        <div
+          class="sixteen wide column"
+        >
+          <button
+            class="ui icon secondary right floated button nodeOpenActions"
+            data-position="bottom right"
+            data-tooltip="Open all"
+          >
+            <i
+              aria-hidden="true"
+              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
+                  style="margin-left: 0px;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="circle icon"
+                  />
+                  <span
+                    style="opacity: 1;"
+                  >
+                    element_1
+                  </span>
+                </div>
+              </div>
+              <div
+                aria-selected="false"
+                class="item"
+                role="option"
+              >
+                <div
+                  style="margin-left: 0px;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="chevron circle down icon"
+                  />
+                  <span
+                    style="opacity: 1;"
+                  >
+                    element_2
+                  </span>
+                </div>
+              </div>
+              <div
+                aria-selected="false"
+                class="item ascendant"
+                role="option"
+              >
+                <div
+                  style="margin-left: 0px;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="chevron circle right icon"
+                  />
+                  <span
+                    style="opacity: 1;"
+                  >
+                    element_5
+                  </span>
+                </div>
+              </div>
+              <div
+                aria-selected="false"
+                class="item ascendant"
+                role="option"
+              >
+                <div
+                  style="margin-left: 8px;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="chevron circle right icon"
+                  />
+                  <span
+                    style="opacity: 1;"
+                  >
+                    element_6
+                  </span>
+                </div>
+              </div>
+              <div
+                aria-selected="true"
+                class="selected item ascendant"
+                role="option"
+              >
+                <div
+                  style="margin-left: 16px;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="circle icon"
+                  />
+                  <span
+                    style="opacity: 1;"
+                  >
+                    element_7
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;

package/src/components/__tests__/__snapshots__/HierarchySelector.spec.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`<HierarchySelector /> matches latest snapshot 1`] = `
 <div>
   <div
-    class="field fix-dropdown-selector"
+    class="field fix-dropdown-selector "
   >
     <div
       aria-disabled="false"
@@ -24,7 +24,7 @@ exports[`<HierarchySelector /> matches latest snapshot 1`] = `
         class="menu transition"
       >
         <div
-          class="ui left icon input search"
+          class="ui fluid left icon input search "
         >
           <input
             type="text"
@@ -47,7 +47,7 @@ exports[`<HierarchySelector /> matches latest snapshot 1`] = `
             >
               <i
                 aria-hidden="true"
-                class="plus icon"
+                class="chevron circle down icon"
               />
               <span
                 style="opacity: 1;"

package/src/components/__tests__/__snapshots__/TreeSelector.spec.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`<TreeSelector /> matches latest snapshot 1`] = `
 <div>
   <div
-    class="field fix-dropdown-selector"
+    class="field fix-dropdown-selector testClassName"
   >
     <div
       aria-disabled="false"
@@ -24,7 +24,7 @@ exports[`<TreeSelector /> matches latest snapshot 1`] = `
         class="menu transition"
       >
         <div
-          class="ui left icon input search"
+          class="ui fluid left icon input search "
         >
           <input
             type="text"
@@ -47,7 +47,7 @@ exports[`<TreeSelector /> matches latest snapshot 1`] = `
             >
               <i
                 aria-hidden="true"
-                class="plus icon"
+                class="chevron circle down icon"
               />
               <span
                 style="opacity: 1;"
@@ -62,3 +62,46 @@ exports[`<TreeSelector /> matches latest snapshot 1`] = `
   </div>
 </div>
 `;
+exports[`<TreeSelector /> matches latest snapshot with notDropdown parameter 1`] = `
+<div>
+  <div
+    class="menu transition testClassName"
+  >
+    <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
+          style="margin-left: 0px;"
+        >
+          <i
+            aria-hidden="true"
+            class="chevron circle down icon"
+          />
+          <span
+            style="opacity: 1;"
+          >
+            foo
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;