@truedat/df 7.5.9 → 7.5.10

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

@@ -1,91 +1,659 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ActiveGroupForm /> matches the latest snapshot 1`] = `
-<Fragment>
-  <ButtonGroup
-    basic={true}
-    buttons={
-      [
-        {
-          "disabled": true,
-          "icon": "arrow up",
-          "key": "up",
-          "onClick": [Function],
-          "type": "button",
-        },
-        {
-          "disabled": true,
-          "icon": "arrow down",
-          "key": "down",
-          "onClick": [Function],
-          "type": "button",
-        },
-        {
-          "disabled": false,
-          "icon": "trash alternate outline",
-          "key": "delete",
-          "onClick": [Function],
-          "type": "button",
-        },
-        {
-          "content": "template.form.group.newField",
-          "key": "add_field",
-          "onClick": [Function],
-          "type": "button",
-        },
-      ]
-    }
-    color="orange"
-    floated="right"
-    size="small"
-  />
-  <FormField
-    control={[Function]}
-    label="template.form.group.name"
-    name="content[0].name"
-    onChange={[MockFunction]}
-    value="Group name"
-  />
-  <Accordion
-    panels={
-      [
-        {
-          "active": false,
-          "content": {
-            "content": <FieldForm
-              allFields={
-                [
-                  {
-                    "name": "field_name",
-                  },
-                ]
-              }
-              dependencies={[]}
-              field={
-                {
-                  "name": "field_name",
-                }
-              }
-              fieldCount={1}
-              fieldIndex={0}
-              groupNamePrefix="content[0]"
-              onChange={[MockFunction]}
-              onDelete={[Function]}
-              onMove={[Function]}
-            />,
-          },
-          "key": 0,
-          "onTitleClick": [Function],
-          "title": {
-            "content": <React.Fragment>
-              <Label
-                color="orange"
+<div>
+  <div
+    class="ui orange small basic right floated buttons"
+  >
+    <button
+      class="ui icon disabled button"
+      disabled=""
+      tabindex="-1"
+      type="button"
+    >
+      <i
+        aria-hidden="true"
+        class="arrow up icon"
+      />
+    </button>
+    <button
+      class="ui icon disabled button"
+      disabled=""
+      tabindex="-1"
+      type="button"
+    >
+      <i
+        aria-hidden="true"
+        class="arrow down icon"
+      />
+    </button>
+    <button
+      class="ui icon button"
+      type="button"
+    >
+      <i
+        aria-hidden="true"
+        class="trash alternate outline icon"
+      />
+    </button>
+    <button
+      class="ui button"
+      type="button"
+    >
+      template.form.group.newField
+    </button>
+  </div>
+  <div
+    class="field"
+  >
+    <label>
+      template.form.group.name
+    </label>
+    <div
+      class="ui input"
+    >
+      <input
+        name="content[0].name"
+        type="text"
+        value="Group name"
+      />
+    </div>
+  </div>
+  <div
+    class="accordion ui"
+  >
+    <div
+      class="title"
+    >
+      <i
+        aria-hidden="true"
+        class="dropdown icon"
+      />
+      <div
+        class="ui orange label"
+      />
+    </div>
+    <div
+      class="content"
+    >
+      <div
+        class="ui segment"
+      >
+        <div
+          class="ui orange tiny basic right floated buttons"
+        >
+          <button
+            class="ui icon disabled button"
+            disabled=""
+            tabindex="-1"
+          >
+            <i
+              aria-hidden="true"
+              class="arrow up icon"
+            />
+          </button>
+          <button
+            class="ui icon disabled button"
+            disabled=""
+            tabindex="-1"
+          >
+            <i
+              aria-hidden="true"
+              class="arrow down icon"
+            />
+          </button>
+          <button
+            class="ui icon button"
+          >
+            <i
+              aria-hidden="true"
+              class="trash alternate outline icon"
+            />
+          </button>
+        </div>
+        <div
+          class="ui clearing hidden divider"
+        />
+        <div
+          class="equal width fields"
+        >
+          <div
+            class="required field"
+          >
+            <label>
+              template.field.label
+              <div
+                class="ui left pointing label"
+              >
+                template.form.validation.empty_required
+              </div>
+            </label>
+            <div
+              class="ui small input"
+            >
+              <input
+                name="content[0].fields[0].label"
+                required=""
+                type="text"
+                value=""
               />
-            </React.Fragment>,
-          },
-        },
-      ]
-    }
-  />
-</Fragment>
+            </div>
+          </div>
+          <div
+            class="required field"
+          >
+            <label>
+              template.field.name
+            </label>
+            <div
+              class="ui small fluid input"
+            >
+              <input
+                name="content[0].fields[0].name"
+                required=""
+                type="text"
+                value="field_name"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="field"
+        >
+          <label>
+            template.field.description
+          </label>
+          <textarea
+            name="content[0].fields[0].description"
+            rows="4"
+          />
+        </div>
+        <div
+          class="equal width fields"
+        >
+          <div
+            class="required field"
+          >
+            <label>
+              template.field.widget
+            </label>
+            <div
+              aria-expanded="false"
+              class="ui fluid selection dropdown"
+              name="content[0].fields[0].widget"
+              required=""
+              role="listbox"
+              tabindex="0"
+            >
+              <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;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="hashtag icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Identifier
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="minus icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Text Input
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="align justify icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Textarea
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="arrow down icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Dropdown
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="radio icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Radio
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="check square outline icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Checkbox
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="linkify icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Links
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="tint icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Colorpicker
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="text cursor icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Enrichedtext
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="table icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Table
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="asterisk icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Password
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="image icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Image
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="hashtag icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Number
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="calendar icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Date
+                  </span>
+                </div>
+                <div
+                  aria-checked="false"
+                  aria-selected="false"
+                  class="item"
+                  role="option"
+                  style="pointer-events: all;"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="calendar icon"
+                  />
+                  <span
+                    class="text"
+                  >
+                    Date Time
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="required field"
+          >
+            <label>
+              template.field.type
+            </label>
+            <div
+              aria-expanded="false"
+              class="ui fluid selection dropdown"
+              name="content[0].fields[0].type"
+              required=""
+              role="listbox"
+              tabindex="0"
+            >
+              <i
+                aria-hidden="true"
+                class="dropdown icon"
+              />
+              <div
+                class="menu transition"
+              />
+            </div>
+          </div>
+          <div
+            class="required field"
+          >
+            <label>
+              template.field.cardinality
+            </label>
+            <div
+              aria-expanded="false"
+              class="ui fluid selection dropdown"
+              name="content[0].fields[0].cardinality"
+              required=""
+              role="listbox"
+              tabindex="0"
+            >
+              <i
+                aria-hidden="true"
+                class="dropdown icon"
+              />
+              <div
+                class="menu transition"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="ui segment"
+        >
+          <div
+            class="equal width fields"
+          >
+            <div
+              class="field"
+            >
+              <div
+                class="field"
+              >
+                <div
+                  class="ui checked checkbox"
+                >
+                  <input
+                    checked=""
+                    class="hidden"
+                    name="content[0].fields[0].editable"
+                    readonly=""
+                    tabindex="0"
+                    type="checkbox"
+                  />
+                  <label>
+                    Editable
+                  </label>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="field"
+          >
+            <label>
+              template.field.values.default_value
+            </label>
+            <div
+              class="ui input"
+            >
+              <input
+                name="default_value"
+                type="text"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="field"
+        >
+          <label>
+            <label>
+              template.field.depends
+            </label>
+          </label>
+          <div
+            class="equal width fields"
+          >
+            <div
+              class="field"
+            >
+              <div
+                class="disabled field"
+              >
+                <div
+                  aria-disabled="true"
+                  aria-expanded="false"
+                  class="ui disabled fluid search selection dropdown"
+                  name="content[0].fields[0].depends.on"
+                  role="combobox"
+                >
+                  <input
+                    aria-autocomplete="list"
+                    autocomplete="off"
+                    class="search"
+                    tabindex="-1"
+                    type="text"
+                    value=""
+                  />
+                  <div
+                    aria-atomic="true"
+                    aria-live="polite"
+                    class="divider default text"
+                    role="alert"
+                  >
+                    template.field.depends.on
+                  </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
+              class="field"
+            >
+              <div
+                class="disabled field"
+              >
+                <div
+                  aria-disabled="true"
+                  aria-expanded="false"
+                  class="ui disabled fluid multiple search selection dropdown"
+                  name="content[0].fields[0].depends.to_be"
+                  role="combobox"
+                >
+                  <input
+                    aria-autocomplete="list"
+                    autocomplete="off"
+                    class="search"
+                    tabindex="-1"
+                    type="text"
+                    value=""
+                  />
+                  <span
+                    class="sizer"
+                  />
+                  <div
+                    aria-atomic="true"
+                    aria-live="polite"
+                    class="divider default text"
+                    role="alert"
+                  >
+                    template.field.depends.to_be
+                  </div>
+                  <i
+                    aria-hidden="true"
+                    class="dropdown icon"
+                  />
+                  <div
+                    aria-multiselectable="true"
+                    class="menu transition"
+                    role="listbox"
+                  >
+                    <div
+                      class="message"
+                    >
+                      No results found.
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 `;