@truedat/df 7.5.9 → 7.5.10

package/src/templates/components/__tests__/__snapshots__/NewTemplate.spec.js.snap

@@ -1,29 +1,342 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<NewTemplate /> matches the latest snapshot 1`] = `
-<Fragment>
-  <TemplateCrumbs
-    name="templates.actions.create"
-  />
-  <Segment>
-    <Header
-      as="h2"
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      data-discover="true"
+      href="/templates"
     >
-      <Icon
-        as="i"
-        circular={true}
-        name="file code outline"
+      navigation.templates
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
+    />
+    <div
+      class="active section"
+    >
+      templates.actions.create
+    </div>
+  </div>
+  <div
+    class="ui segment"
+  >
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="file code outline circular icon"
       />
-      <HeaderContent>
-        <MemoizedFormattedMessage
-          id="templates.actions.create"
+      <div
+        class="content"
+      >
+        templates.actions.create
+      </div>
+    </h2>
+    <form
+      class="ui form template-form"
+    >
+      <div
+        class="ui horizontal divider"
+      >
+        <h4
+          class="ui header"
+        >
+          template.form.header
+        </h4>
+      </div>
+      <div
+        class="fields"
+      >
+        <div
+          class="required six wide field"
+        >
+          <label>
+            template.form.name
+            <div
+              class="ui left pointing label"
+            >
+              template.form.validation.empty_required
+            </div>
+          </label>
+          <div
+            class="ui input"
+          >
+            <input
+              name="name"
+              required=""
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="required six wide field"
+        >
+          <label>
+            template.form.label
+            <div
+              class="ui left pointing label"
+            >
+              template.form.validation.empty_required
+            </div>
+          </label>
+          <div
+            class="ui input"
+          >
+            <input
+              name="label"
+              required=""
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="required four wide field"
+        >
+          <label>
+            template.form.scope
+            <div
+              class="ui left pointing label"
+            >
+              template.form.validation.empty_required
+            </div>
+          </label>
+          <div
+            aria-expanded="false"
+            class="ui selection dropdown"
+            name="scope"
+            required=""
+            role="listbox"
+            tabindex="0"
+          >
+            <div
+              aria-atomic="true"
+              aria-live="polite"
+              class="divider default text"
+              role="alert"
+            >
+              template.form.scope.placeholder
+            </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"
+                >
+                  template.scope.bg
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  template.scope.dd
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  template.scope.dq
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  template.scope.gr
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  template.scope.ie
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  template.scope.qe
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  template.scope.quality_control
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  template.scope.qxe
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  template.scope.remediation
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  template.scope.ri
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="disabled six wide field"
+        >
+          <label>
+            template.form.subscope
+          </label>
+          <div
+            class="ui disabled input"
+          >
+            <input
+              disabled=""
+              name="subscope"
+              placeholder="template.form.subscope.placeholder"
+              tabindex="-1"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="ui horizontal divider"
+      >
+        <h4
+          class="ui header"
+        >
+          template.form.fieldGroups
+        </h4>
+      </div>
+      <div
+        class="ui grid"
+      >
+        <div
+          class="four wide column"
+        >
+          <div
+            class="ui pointing vertical menu"
+          >
+            <a
+              class="item"
+            >
+              <i
+                aria-hidden="true"
+                class="square plus icon"
+              />
+              template.form.newGroup
+            </a>
+          </div>
+        </div>
+        <div
+          class="twelve wide column"
         />
-      </HeaderContent>
-    </Header>
-    <Connect(TemplateForm)
-      onSubmit={[MockFunction]}
-      template={{}}
-    />
-  </Segment>
-</Fragment>
+      </div>
+      <div
+        class="ui divider"
+      />
+      <div
+        class="ui right aligned container"
+      >
+        <button
+          class="ui primary disabled button"
+          disabled=""
+          tabindex="-1"
+        >
+          actions.save
+        </button>
+        <button
+          class="ui button"
+        >
+          actions.cancel
+        </button>
+      </div>
+    </form>
+  </div>
+</div>
 `;