@truedat/df 7.5.9 → 7.5.11

package/src/templates/components/templateForm/__tests__/__snapshots__/ValuesListForm.spec.js.snap

@@ -1,288 +1,284 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ValuesListForm /> fixed matches the latest snapshot for fixed 1`] = `
-<List
-  verticalAlign="middle"
->
-  <ListItem
-    key="0"
+<div>
+  <div
+    class="ui middle aligned list"
+    role="list"
   >
-    <Icon
-      as="i"
-      link={true}
-      name="remove circle"
-      onClick={[Function]}
-    />
-    <Icon
-      as="i"
-      disabled={true}
-      link={true}
-      name="chevron circle up"
-      onClick={[Function]}
-    />
-    <Icon
-      as="i"
-      disabled={false}
-      link={true}
-      name="chevron circle down"
-      onClick={[Function]}
-    />
-    <ListContent>
-      Foo
-    </ListContent>
-  </ListItem>
-  <ListItem
-    key="1"
-  >
-    <Icon
-      as="i"
-      link={true}
-      name="remove circle"
-      onClick={[Function]}
-    />
-    <Icon
-      as="i"
-      disabled={false}
-      link={true}
-      name="chevron circle up"
-      onClick={[Function]}
-    />
-    <Icon
-      as="i"
-      disabled={true}
-      link={true}
-      name="chevron circle down"
-      onClick={[Function]}
-    />
-    <ListContent>
-      Bar
-    </ListContent>
-  </ListItem>
-  <ListItem>
-    <FormInput
-      as={[Function]}
-      control={[Function]}
-      error={false}
-      icon={
-        <Icon
-          as="i"
-          link={true}
-          name="add circle"
-          onClick={[Function]}
-        />
-      }
-      label={null}
-      name="fixed_value"
-      onChange={[Function]}
-      onKeyPress={[Function]}
-      placeholder="template.field.values.add_value"
-      value=""
-    />
-  </ListItem>
-</List>
+    <div
+      class="item"
+      role="listitem"
+    >
+      <i
+        aria-hidden="true"
+        class="remove circle link icon"
+      />
+      <i
+        aria-hidden="true"
+        class="chevron circle up disabled link icon"
+      />
+      <i
+        aria-hidden="true"
+        class="chevron circle down link icon"
+      />
+      <div
+        class="content"
+      >
+        Foo
+      </div>
+    </div>
+    <div
+      class="item"
+      role="listitem"
+    >
+      <i
+        aria-hidden="true"
+        class="remove circle link icon"
+      />
+      <i
+        aria-hidden="true"
+        class="chevron circle up link icon"
+      />
+      <i
+        aria-hidden="true"
+        class="chevron circle down disabled link icon"
+      />
+      <div
+        class="content"
+      >
+        Bar
+      </div>
+    </div>
+    <div
+      class="item"
+      role="listitem"
+    >
+      <div
+        class="field"
+      >
+        <div
+          class="ui icon input"
+        >
+          <input
+            name="fixed_value"
+            placeholder="template.field.values.add_value"
+            type="text"
+            value=""
+          />
+          <i
+            aria-hidden="true"
+            class="add circle link icon"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 `;
 
 exports[`<ValuesListForm /> fixed_tuple matches the latest snapshot for fixed_tuple 1`] = `
-<List
-  verticalAlign="middle"
->
-  <ListItem
-    key="0"
-  >
-    <Icon
-      as="i"
-      link={true}
-      name="remove circle"
-      onClick={[Function]}
-    />
-    <Icon
-      as="i"
-      disabled={true}
-      link={true}
-      name="chevron circle up"
-      onClick={[Function]}
-    />
-    <Icon
-      as="i"
-      disabled={false}
-      link={true}
-      name="chevron circle down"
-      onClick={[Function]}
-    />
-    <ListContent>
-      foo
-       / 
-      Foo
-    </ListContent>
-  </ListItem>
-  <ListItem
-    key="1"
+<div>
+  <div
+    class="ui middle aligned list"
+    role="list"
   >
-    <Icon
-      as="i"
-      link={true}
-      name="remove circle"
-      onClick={[Function]}
-    />
-    <Icon
-      as="i"
-      disabled={false}
-      link={true}
-      name="chevron circle up"
-      onClick={[Function]}
-    />
-    <Icon
-      as="i"
-      disabled={true}
-      link={true}
-      name="chevron circle down"
-      onClick={[Function]}
-    />
-    <ListContent>
-      bar
-       / 
-      Bar
-    </ListContent>
-  </ListItem>
-  <ListItem>
-    <FormGroup
-      size="small"
-      widths="equal"
+    <div
+      class="item"
+      role="listitem"
     >
-      <FormInput
-        as={[Function]}
-        control={[Function]}
-        error={false}
-        label={null}
-        name="tuple_value"
-        onChange={[Function]}
-        onKeyPress={[Function]}
-        placeholder="template.field.values.add_value"
-        value=""
+      <i
+        aria-hidden="true"
+        class="remove circle link icon"
       />
-      <FormInput
-        as={[Function]}
-        control={[Function]}
-        icon={
-          <Icon
-            as="i"
-            link={true}
-            name="add circle"
-            onClick={[Function]}
-          />
-        }
-        label={null}
-        name="tuple_text"
-        onChange={[Function]}
-        onKeyPress={[Function]}
-        placeholder="template.field.values.add_text"
-        value=""
+      <i
+        aria-hidden="true"
+        class="chevron circle up disabled link icon"
+      />
+      <i
+        aria-hidden="true"
+        class="chevron circle down link icon"
       />
-    </FormGroup>
-  </ListItem>
-</List>
+      <div
+        class="content"
+      >
+        foo
+        / 
+        Foo
+      </div>
+    </div>
+    <div
+      class="item"
+      role="listitem"
+    >
+      <i
+        aria-hidden="true"
+        class="remove circle link icon"
+      />
+      <i
+        aria-hidden="true"
+        class="chevron circle up link icon"
+      />
+      <i
+        aria-hidden="true"
+        class="chevron circle down disabled link icon"
+      />
+      <div
+        class="content"
+      >
+        bar
+        / 
+        Bar
+      </div>
+    </div>
+    <div
+      class="item"
+      role="listitem"
+    >
+      <div
+        class="equal width fields"
+      >
+        <div
+          class="field"
+        >
+          <div
+            class="ui input"
+          >
+            <input
+              name="tuple_value"
+              placeholder="template.field.values.add_value"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="field"
+        >
+          <div
+            class="ui icon input"
+          >
+            <input
+              name="tuple_text"
+              placeholder="template.field.values.add_text"
+              type="text"
+              value=""
+            />
+            <i
+              aria-hidden="true"
+              class="add circle link icon"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 `;
 
 exports[`<ValuesListForm /> table_columns matches the latest snapshot for table_columns 1`] = `
-<List
-  verticalAlign="middle"
->
-  <ListItem
-    key="0"
+<div>
+  <div
+    class="ui middle aligned list"
+    role="list"
   >
-    <Icon
-      as="i"
-      link={true}
-      name="remove circle"
-      onClick={[Function]}
-    />
-    <Icon
-      as="i"
-      disabled={true}
-      link={true}
-      name="chevron circle up"
-      onClick={[Function]}
-    />
-    <Icon
-      as="i"
-      disabled={false}
-      link={true}
-      name="chevron circle down"
-      onClick={[Function]}
-    />
-    <ListContent>
-      field1
-       
-      <span
-        className="is_required"
+    <div
+      class="item"
+      role="listitem"
+    >
+      <i
+        aria-hidden="true"
+        class="remove circle link icon"
+      />
+      <i
+        aria-hidden="true"
+        class="chevron circle up disabled link icon"
+      />
+      <i
+        aria-hidden="true"
+        class="chevron circle down link icon"
+      />
+      <div
+        class="content"
       >
-        *
-      </span>
-    </ListContent>
-  </ListItem>
-  <ListItem
-    key="1"
-  >
-    <Icon
-      as="i"
-      link={true}
-      name="remove circle"
-      onClick={[Function]}
-    />
-    <Icon
-      as="i"
-      disabled={false}
-      link={true}
-      name="chevron circle up"
-      onClick={[Function]}
-    />
-    <Icon
-      as="i"
-      disabled={true}
-      link={true}
-      name="chevron circle down"
-      onClick={[Function]}
-    />
-    <ListContent>
-      field2
-       
-    </ListContent>
-  </ListItem>
-  <ListItem>
-    <FormGroup
-      className="vertical_align"
-      size="small"
-      widths="equal"
+        field1
+         
+        <span
+          class="is_required"
+        >
+          *
+        </span>
+      </div>
+    </div>
+    <div
+      class="item"
+      role="listitem"
     >
-      <FormInput
-        as={[Function]}
-        control={[Function]}
-        error={false}
-        icon={
-          <Icon
-            as="i"
-            link={true}
-            name="add circle"
-            onClick={[Function]}
-          />
-        }
-        label={null}
-        name="column_name"
-        onChange={[Function]}
-        onKeyPress={[Function]}
-        placeholder="template.field.values.column_name"
-        value=""
+      <i
+        aria-hidden="true"
+        class="remove circle link icon"
       />
-      <FormCheckbox
-        as={[Function]}
-        checked={false}
-        control={[Function]}
-        label="template.field.values.column_mandatory"
-        name="column_mandatory"
-        onChange={[Function]}
-        required={true}
+      <i
+        aria-hidden="true"
+        class="chevron circle up link icon"
       />
-    </FormGroup>
-  </ListItem>
-</List>
+      <i
+        aria-hidden="true"
+        class="chevron circle down disabled link icon"
+      />
+      <div
+        class="content"
+      >
+        field2
+         
+      </div>
+    </div>
+    <div
+      class="item"
+      role="listitem"
+    >
+      <div
+        class="equal width fields vertical_align"
+      >
+        <div
+          class="field"
+        >
+          <div
+            class="ui icon input"
+          >
+            <input
+              name="column_name"
+              placeholder="template.field.values.column_name"
+              type="text"
+              value=""
+            />
+            <i
+              aria-hidden="true"
+              class="add circle link icon"
+            />
+          </div>
+        </div>
+        <div
+          class="required field"
+        >
+          <div
+            class="ui checkbox"
+          >
+            <input
+              class="hidden"
+              name="column_mandatory"
+              readonly=""
+              required=""
+              tabindex="0"
+              type="checkbox"
+            />
+            <label>
+              template.field.values.column_mandatory
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 `;