@truedat/dd 7.5.9 → 7.5.11

package/src/components/__tests__/__snapshots__/GrantApprovalRuleForm.spec.js.snap

@@ -11,14 +11,14 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
       <label
         for="name"
       >
-        Name
+        grantApprovalRule.name
       </label>
       <div
         class="ui input"
       >
         <input
           id="name"
-          placeholder="Name"
+          placeholder="grantApprovalRule.name.placeholder"
           required=""
           type="text"
           value="rule_name"
@@ -26,19 +26,123 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
       </div>
     </div>
     <div
-      class="disabled required field"
+      class="required field fix-dropdown-selector "
     >
       <label>
-        Role
+        domain.selector.label
       </label>
       <div
-        aria-disabled="true"
+        aria-disabled="false"
         aria-expanded="false"
-        class="ui disabled selection dropdown"
+        aria-multiselectable="false"
+        class="ui floating dropdown"
+        required=""
+        role="listbox"
+        tabindex="0"
+      >
+        <div
+          class="ui label"
+        >
+          fooDomain
+          <i
+            aria-hidden="true"
+            class="delete icon"
+          />
+        </div>
+        <i
+          aria-hidden="true"
+          class="dropdown icon"
+        />
+        <div
+          class="menu transition"
+        >
+          <div
+            class="ui fluid left icon input search "
+          >
+            <input
+              type="text"
+            />
+            <i
+              aria-hidden="true"
+              class="search icon"
+            />
+          </div>
+          <div
+            class="scrolling menu transition"
+          >
+            <div
+              aria-selected="false"
+              class="item"
+              role="option"
+            >
+              <div
+                class="item-content"
+                style="margin-left: 0px; padding-left: 5px;"
+              >
+                <i
+                  aria-hidden="true"
+                  class="chevron right icon"
+                />
+                <span
+                  style="opacity: 1;"
+                  title="barDomain"
+                >
+                  barDomain
+                </span>
+              </div>
+            </div>
+            <div
+              aria-selected="false"
+              class="item"
+              role="option"
+            >
+              <div
+                class="item-content"
+                style="margin-left: 0px; padding-left: 25px;"
+              >
+                <span
+                  style="opacity: 1;"
+                  title="bazDomain"
+                >
+                  bazDomain
+                </span>
+              </div>
+            </div>
+            <div
+              aria-selected="true"
+              class="selected item"
+              role="option"
+            >
+              <div
+                class="item-content"
+                style="margin-left: 0px; padding-left: 25px;"
+              >
+                <span
+                  style="opacity: 1;"
+                  title="fooDomain"
+                >
+                  fooDomain
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="required field"
+    >
+      <label>
+        grantApprovalRule.role
+      </label>
+      <div
+        aria-disabled="false"
+        aria-expanded="false"
+        class="ui selection dropdown"
         name="role"
         required=""
         role="listbox"
-        tabindex="-1"
+        tabindex="0"
       >
         <div
           aria-atomic="true"
@@ -46,7 +150,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
           class="divider text"
           role="alert"
         >
-          Role
+          grantApprovalRule.role.placeholder
         </div>
         <i
           aria-hidden="true"
@@ -54,23 +158,50 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
         />
         <div
           class="menu transition"
-        />
+        >
+          <div
+            aria-checked="false"
+            aria-selected="true"
+            class="selected item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              role1
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              role2
+            </span>
+          </div>
+        </div>
       </div>
     </div>
     <div
-      class="disabled required field"
+      class="required field"
     >
       <label>
-        Action
+        grantApprovalRule.action
       </label>
       <div
-        aria-disabled="true"
+        aria-disabled="false"
         aria-expanded="false"
-        class="ui disabled selection dropdown"
+        class="ui selection dropdown"
         name="action"
         required=""
         role="listbox"
-        tabindex="-1"
+        tabindex="0"
       >
         <div
           aria-atomic="true"
@@ -78,7 +209,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
           class="divider text"
           role="alert"
         >
-          Approve
+          grantApprovalRule.action.approve
         </div>
         <i
           aria-hidden="true"
@@ -97,7 +228,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
             <span
               class="text"
             >
-              Approve
+              grantApprovalRule.action.approve
             </span>
           </div>
           <div
@@ -110,41 +241,39 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
             <span
               class="text"
             >
-              Reject
+              grantApprovalRule.action.reject
             </span>
           </div>
         </div>
       </div>
     </div>
     <div
-      class="disabled field"
+      class="field"
     >
       <label
         for="comment"
       >
-        Comment
+        grantApprovalRule.comment
       </label>
       <div
-        class="ui disabled input"
+        class="ui input"
       >
         <input
-          disabled=""
           id="comment"
-          placeholder="Comment"
-          tabindex="-1"
+          placeholder="grantApprovalRule.comment.placeholder"
           type="text"
           value="comment"
         />
       </div>
     </div>
     <div
-      class="ui disabled segment"
+      class="ui segment"
     >
       <div
         class="field"
       >
         <label>
-          Conditions
+          grantApprovalRule.conditions
         </label>
       </div>
       <div
@@ -160,18 +289,18 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
               class="fields"
             >
               <div
-                class="disabled four wide field"
+                class="four wide field"
               >
                 <label>
-                  Context
+                  grantApprovalRule.conditions.field_prefix
                 </label>
                 <div
-                  aria-disabled="true"
+                  aria-disabled="false"
                   aria-expanded="false"
-                  class="ui disabled selection dropdown"
+                  class="ui selection dropdown"
                   name="fieldPrefix"
                   role="listbox"
-                  tabindex="-1"
+                  tabindex="0"
                 >
                   <div
                     aria-atomic="true"
@@ -179,7 +308,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                     class="divider text"
                     role="alert"
                   >
-                    Request metadata
+                    grantApprovalRule.conditions.field_prefix.request
                   </div>
                   <i
                     aria-hidden="true"
@@ -198,7 +327,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                       <span
                         class="text"
                       >
-                        Request metadata
+                        grantApprovalRule.conditions.field_prefix.request
                       </span>
                     </div>
                     <div
@@ -211,7 +340,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                       <span
                         class="text"
                       >
-                        Structure note
+                        grantApprovalRule.conditions.field_prefix.note
                       </span>
                     </div>
                     <div
@@ -224,46 +353,44 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                       <span
                         class="text"
                       >
-                        Structure metadata
+                        grantApprovalRule.conditions.field_prefix.metadata
                       </span>
                     </div>
                   </div>
                 </div>
               </div>
               <div
-                class="disabled four wide field"
+                class="four wide field"
               >
                 <label
                   for="fieldName-0"
                 >
-                  Field
+                  grantApprovalRule.conditions.field_name
                 </label>
                 <div
-                  class="ui disabled input"
+                  class="ui input"
                 >
                   <input
-                    disabled=""
                     id="fieldName-0"
                     name="fieldName"
-                    tabindex="-1"
                     type="text"
                     value="foo"
                   />
                 </div>
               </div>
               <div
-                class="disabled four wide field"
+                class="four wide field"
               >
                 <label>
-                  Operator
+                  grantApprovalRule.conditions.operator
                 </label>
                 <div
-                  aria-disabled="true"
+                  aria-disabled="false"
                   aria-expanded="false"
-                  class="ui disabled selection dropdown"
+                  class="ui selection dropdown"
                   name="operator"
                   role="listbox"
-                  tabindex="-1"
+                  tabindex="0"
                 >
                   <div
                     aria-atomic="true"
@@ -271,7 +398,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                     class="divider text"
                     role="alert"
                   >
-                    Is not equal
+                    neq
                   </div>
                   <i
                     aria-hidden="true"
@@ -290,7 +417,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                       <span
                         class="text"
                       >
-                        Is equal
+                        eq
                       </span>
                     </div>
                     <div
@@ -303,7 +430,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                       <span
                         class="text"
                       >
-                        Is not equal
+                        neq
                       </span>
                     </div>
                     <div
@@ -316,24 +443,24 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                       <span
                         class="text"
                       >
-                        Subset of
+                        subset
                       </span>
                     </div>
                   </div>
                 </div>
               </div>
               <div
-                class="disabled four wide field"
+                class="four wide field"
               >
                 <label
                   for="value-0"
                 >
-                  Values
+                  grantApprovalRule.conditions.values
                 </label>
                 <div
-                  aria-disabled="true"
+                  aria-disabled="false"
                   aria-expanded="false"
-                  class="ui disabled multiple search selection dropdown"
+                  class="ui multiple search selection dropdown"
                   id="value-0"
                   name="values"
                   role="combobox"
@@ -352,7 +479,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                     aria-autocomplete="list"
                     autocomplete="off"
                     class="search"
-                    tabindex="-1"
+                    tabindex="0"
                     type="text"
                     value=""
                   />
@@ -401,18 +528,18 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
               class="fields"
             >
               <div
-                class="disabled four wide field"
+                class="four wide field"
               >
                 <label>
-                  Context
+                  grantApprovalRule.conditions.field_prefix
                 </label>
                 <div
-                  aria-disabled="true"
+                  aria-disabled="false"
                   aria-expanded="false"
-                  class="ui disabled selection dropdown"
+                  class="ui selection dropdown"
                   name="fieldPrefix"
                   role="listbox"
-                  tabindex="-1"
+                  tabindex="0"
                 >
                   <div
                     aria-atomic="true"
@@ -420,7 +547,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                     class="divider default text"
                     role="alert"
                   >
-                    Context
+                    grantApprovalRule.conditions.field_prefix.placeholder
                   </div>
                   <i
                     aria-hidden="true"
@@ -439,7 +566,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                       <span
                         class="text"
                       >
-                        Request metadata
+                        grantApprovalRule.conditions.field_prefix.request
                       </span>
                     </div>
                     <div
@@ -452,7 +579,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                       <span
                         class="text"
                       >
-                        Structure note
+                        grantApprovalRule.conditions.field_prefix.note
                       </span>
                     </div>
                     <div
@@ -465,46 +592,44 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                       <span
                         class="text"
                       >
-                        Structure metadata
+                        grantApprovalRule.conditions.field_prefix.metadata
                       </span>
                     </div>
                   </div>
                 </div>
               </div>
               <div
-                class="disabled four wide field"
+                class="four wide field"
               >
                 <label
                   for="fieldName-1"
                 >
-                  Field
+                  grantApprovalRule.conditions.field_name
                 </label>
                 <div
-                  class="ui disabled input"
+                  class="ui input"
                 >
                   <input
-                    disabled=""
                     id="fieldName-1"
                     name="fieldName"
-                    tabindex="-1"
                     type="text"
                     value="invalid_condition"
                   />
                 </div>
               </div>
               <div
-                class="disabled four wide field"
+                class="four wide field"
               >
                 <label>
-                  Operator
+                  grantApprovalRule.conditions.operator
                 </label>
                 <div
-                  aria-disabled="true"
+                  aria-disabled="false"
                   aria-expanded="false"
-                  class="ui disabled selection dropdown"
+                  class="ui selection dropdown"
                   name="operator"
                   role="listbox"
-                  tabindex="-1"
+                  tabindex="0"
                 >
                   <div
                     aria-atomic="true"
@@ -512,7 +637,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                     class="divider text"
                     role="alert"
                   >
-                    Is not equal
+                    neq
                   </div>
                   <i
                     aria-hidden="true"
@@ -531,7 +656,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                       <span
                         class="text"
                       >
-                        Is equal
+                        eq
                       </span>
                     </div>
                     <div
@@ -544,7 +669,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                       <span
                         class="text"
                       >
-                        Is not equal
+                        neq
                       </span>
                     </div>
                     <div
@@ -557,24 +682,24 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                       <span
                         class="text"
                       >
-                        Subset of
+                        subset
                       </span>
                     </div>
                   </div>
                 </div>
               </div>
               <div
-                class="disabled four wide field"
+                class="four wide field"
               >
                 <label
                   for="value-1"
                 >
-                  Values
+                  grantApprovalRule.conditions.values
                 </label>
                 <div
-                  aria-disabled="true"
+                  aria-disabled="false"
                   aria-expanded="false"
-                  class="ui disabled multiple search selection dropdown"
+                  class="ui multiple search selection dropdown"
                   id="value-1"
                   name="values"
                   role="combobox"
@@ -593,7 +718,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
                     aria-autocomplete="list"
                     autocomplete="off"
                     class="search"
-                    tabindex="-1"
+                    tabindex="0"
                     type="text"
                     value=""
                   />
@@ -639,11 +764,9 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
             class="column"
           >
             <button
-              class="ui disabled button"
-              disabled=""
-              tabindex="-1"
+              class="ui button"
             >
-              Add condition
+              grantApprovalRule.conditions.addCondition
             </button>
           </div>
         </div>
@@ -654,10 +777,11 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
     >
       <a
         class="ui secondary button"
+        data-discover="true"
         href="/"
         role="button"
       >
-        Cancel
+        actions.cancel
       </a>
       <button
         class="ui primary disabled button"
@@ -665,7 +789,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
         tabindex="-1"
         type="submit"
       >
-        Save
+        actions.save
       </button>
     </div>
   </form>
@@ -683,14 +807,14 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
       <label
         for="name"
       >
-        Name
+        grantApprovalRule.name
       </label>
       <div
         class="ui input"
       >
         <input
           id="name"
-          placeholder="Name"
+          placeholder="grantApprovalRule.name.placeholder"
           required=""
           type="text"
           value=""
@@ -701,7 +825,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
       class="required field fix-dropdown-selector "
     >
       <label>
-        Domain
+        domain.selector.label
       </label>
       <div
         aria-disabled="false"
@@ -713,7 +837,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
         tabindex="0"
       >
         <label>
-          Domain
+          domain.selector.placeholder
         </label>
         <i
           aria-hidden="true"
@@ -799,7 +923,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
       class="disabled required field"
     >
       <label>
-        Role
+        grantApprovalRule.role
       </label>
       <div
         aria-disabled="true"
@@ -816,7 +940,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
           class="divider default text"
           role="alert"
         >
-          Role
+          grantApprovalRule.role.placeholder
         </div>
         <i
           aria-hidden="true"
@@ -824,14 +948,41 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
         />
         <div
           class="menu transition"
-        />
+        >
+          <div
+            aria-checked="false"
+            aria-selected="true"
+            class="selected item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              role1
+            </span>
+          </div>
+          <div
+            aria-checked="false"
+            aria-selected="false"
+            class="item"
+            role="option"
+            style="pointer-events: all;"
+          >
+            <span
+              class="text"
+            >
+              role2
+            </span>
+          </div>
+        </div>
       </div>
     </div>
     <div
       class="disabled required field"
     >
       <label>
-        Action
+        grantApprovalRule.action
       </label>
       <div
         aria-disabled="true"
@@ -848,7 +999,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
           class="divider text"
           role="alert"
         >
-          Approve
+          grantApprovalRule.action.approve
         </div>
         <i
           aria-hidden="true"
@@ -867,7 +1018,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
             <span
               class="text"
             >
-              Approve
+              grantApprovalRule.action.approve
             </span>
           </div>
           <div
@@ -880,7 +1031,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
             <span
               class="text"
             >
-              Reject
+              grantApprovalRule.action.reject
             </span>
           </div>
         </div>
@@ -892,7 +1043,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
       <label
         for="comment"
       >
-        Comment
+        grantApprovalRule.comment
       </label>
       <div
         class="ui disabled input"
@@ -900,7 +1051,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
         <input
           disabled=""
           id="comment"
-          placeholder="Comment"
+          placeholder="grantApprovalRule.comment.placeholder"
           tabindex="-1"
           type="text"
           value=""
@@ -914,7 +1065,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
         class="field"
       >
         <label>
-          Conditions
+          grantApprovalRule.conditions
         </label>
       </div>
       <div
@@ -933,7 +1084,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
                 class="disabled four wide field"
               >
                 <label>
-                  Context
+                  grantApprovalRule.conditions.field_prefix
                 </label>
                 <div
                   aria-disabled="true"
@@ -949,7 +1100,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
                     class="divider default text"
                     role="alert"
                   >
-                    Context
+                    grantApprovalRule.conditions.field_prefix.placeholder
                   </div>
                   <i
                     aria-hidden="true"
@@ -968,7 +1119,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
                       <span
                         class="text"
                       >
-                        Request metadata
+                        grantApprovalRule.conditions.field_prefix.request
                       </span>
                     </div>
                     <div
@@ -981,7 +1132,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
                       <span
                         class="text"
                       >
-                        Structure note
+                        grantApprovalRule.conditions.field_prefix.note
                       </span>
                     </div>
                     <div
@@ -994,7 +1145,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
                       <span
                         class="text"
                       >
-                        Structure metadata
+                        grantApprovalRule.conditions.field_prefix.metadata
                       </span>
                     </div>
                   </div>
@@ -1006,7 +1157,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
                 <label
                   for="fieldName-0"
                 >
-                  Field
+                  grantApprovalRule.conditions.field_name
                 </label>
                 <div
                   class="ui disabled input"
@@ -1025,7 +1176,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
                 class="disabled four wide field"
               >
                 <label>
-                  Operator
+                  grantApprovalRule.conditions.operator
                 </label>
                 <div
                   aria-disabled="true"
@@ -1041,7 +1192,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
                     class="divider default text"
                     role="alert"
                   >
-                    Operator
+                    grantApprovalRule.conditions.operator.placeholder
                   </div>
                   <i
                     aria-hidden="true"
@@ -1060,7 +1211,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
                       <span
                         class="text"
                       >
-                        Is equal
+                        eq
                       </span>
                     </div>
                     <div
@@ -1073,7 +1224,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
                       <span
                         class="text"
                       >
-                        Is not equal
+                        neq
                       </span>
                     </div>
                     <div
@@ -1086,7 +1237,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
                       <span
                         class="text"
                       >
-                        Subset of
+                        subset
                       </span>
                     </div>
                   </div>
@@ -1098,7 +1249,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
                 <label
                   for="value-0"
                 >
-                  Values
+                  grantApprovalRule.conditions.values
                 </label>
                 <div
                   aria-disabled="true"
@@ -1153,7 +1304,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
               disabled=""
               tabindex="-1"
             >
-              Add condition
+              grantApprovalRule.conditions.addCondition
             </button>
           </div>
         </div>
@@ -1164,10 +1315,11 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
     >
       <a
         class="ui secondary button"
+        data-discover="true"
         href="/"
         role="button"
       >
-        Cancel
+        actions.cancel
       </a>
       <button
         class="ui primary disabled button"
@@ -1175,7 +1327,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
         tabindex="-1"
         type="submit"
       >
-        Save
+        actions.save
       </button>
     </div>
   </form>