@truedat/qx 8.5.7 → 8.5.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/qx",
-  "version": "8.5.7",
+  "version": "8.5.8",
   "description": "Truedat Web Quality Experience package",
   "sideEffects": false,
   "module": "src/index.js",
@@ -56,7 +56,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.5.7",
+    "@truedat/test": "8.5.8",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -89,5 +89,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "871357888d97c203cf009a04878e0277cff6af9b"
+  "gitHead": "61ad9443b3d822d30dcfa977f5fad3494b3ed5b4"
 }

package/src/components/dataViews/DataViewEditor.js

@@ -107,6 +107,7 @@ export function DataViewDetailEditor({ dataView }) {
             <Button
               positive={mode === "guided"}
               disabled={viewMode === "advanced" || mode == "guided"}
+              className="td-icon-text-control"
               icon="compass"
               content={formatMessage({ id: "actions.mode.guided" })}
             />
@@ -124,6 +125,7 @@ export function DataViewDetailEditor({ dataView }) {
             <Button
               positive={mode === "advanced"}
               disabled={mode === "advanced"}
+              className="td-icon-text-control"
               icon="code"
               content={formatMessage({ id: "actions.mode.advanced" })}
             />

package/src/components/dataViews/__tests__/__snapshots__/Queryable.spec.js.snap

@@ -406,7 +406,7 @@ exports[`<Queryable /> matches the latest snapshot with from queryable 2`] = `
                     class="ui medium basic buttons"
                   >
                     <button
-                      class="ui button"
+                      class="ui button td-icon-text-control"
                     >
                       <i
                         aria-hidden="true"
@@ -436,7 +436,7 @@ exports[`<Queryable /> matches the latest snapshot with from queryable 2`] = `
                     class="ui medium basic buttons"
                   >
                     <button
-                      class="ui button"
+                      class="ui button td-icon-text-control"
                     >
                       <i
                         aria-hidden="true"

package/src/components/dataViews/__tests__/__snapshots__/Queryables.spec.js.snap

@@ -211,7 +211,7 @@ exports[`<Queryables /> matches the latest snapshot with from queryable 2`] = `
                         class="ui medium basic buttons"
                       >
                         <button
-                          class="ui button"
+                          class="ui button td-icon-text-control"
                         >
                           <i
                             aria-hidden="true"
@@ -241,7 +241,7 @@ exports[`<Queryables /> matches the latest snapshot with from queryable 2`] = `
                         class="ui medium basic buttons"
                       >
                         <button
-                          class="ui button"
+                          class="ui button td-icon-text-control"
                         >
                           <i
                             aria-hidden="true"

package/src/components/dataViews/queryableProperties/GroupBy.js

@@ -67,6 +67,7 @@ export default function GroupBy() {
           <List.Item>
             <Button.Group basic size="medium">
               <Button
+                className="td-icon-text-control"
                 icon="plus"
                 onClick={() => appendGroupField(newSelectField(nextGroupId))}
                 content={formatMessage({
@@ -102,6 +103,7 @@ export default function GroupBy() {
           <List.Item>
             <Button.Group basic size="medium">
               <Button
+                className="td-icon-text-control"
                 icon="plus"
                 content={formatMessage({
                   id: "queryables.group_by.form.add_aggregate_field",

package/src/components/dataViews/simpleForm/AggregationForm.js

@@ -113,6 +113,7 @@ const AggregationForm = ({
             {_.size(group_bys) == 0 && (
               <Button.Group basic size="medium">
                 <Button
+                  className="td-icon-text-control"
                   icon="plus"
                   content={formatMessage({
                     id: "queryables.form.action.add_groupby",
@@ -156,6 +157,7 @@ const AggregationForm = ({
               {_.size(havings) == 0 && (
                 <Button.Group basic size="medium">
                   <Button
+                    className="td-icon-text-control"
                     content={formatMessage({
                       id: "queryables.form.action.add_having",
                     })}

package/src/components/dataViews/simpleForm/DatasetForm.js

@@ -134,6 +134,7 @@ const DatasetForm = ({
             <Divider hidden />
             <Button.Group basic size="medium">
               <Button
+                className="td-icon-text-control"
                 icon="plus"
                 content={formatMessage({
                   id: "queryables.form.action.add_join",
@@ -177,6 +178,7 @@ const DatasetForm = ({
               {_.size(wheres) == 0 && (
                 <Button.Group basic size="medium">
                   <Button
+                    className="td-icon-text-control"
                     content={formatMessage({
                       id: "queryables.form.action.add_where",
                     })}

package/src/components/qualityControls/QualityControlActions.js

@@ -127,11 +127,11 @@ export default function QualityControlActions() {
       const actionIcon = {
         create_draft: "edit",
         deprecate: "folder open outline",
-        edit: "edit",
-        publish: "bullhorn",
+        edit: "pencil alternate",
+        publish: "share square",
         reject: "window close outline",
         restore: "undo",
-        send_to_approval: "send",
+        send_to_approval: "paper plane outline",
         send_to_draft: "clipboard outline",
       };
       const base = {

package/src/components/qualityControls/QualityControls.js

@@ -6,7 +6,6 @@ import { useNavigate } from "react-router";
 import {
   Button,
   Checkbox,
-  Container,
   Header,
   Icon,
   Segment,
@@ -150,43 +149,41 @@ export const QualityControls = () => {
         <Grid.Column width={8}>
           <SearchWidget />
         </Grid.Column>
-        <Grid.Column width={8}>
-          <Container textAlign="right">
-            <>
-              {status === "published" &&
-              _.size(qualityControls) > 0 &&
-              qualityControlsActions?.execute ? (
-                <>
-                  <Checkbox
-                    id="execute_checkbox"
-                    className="bgOrange"
-                    toggle
-                    onChange={() =>
-                      handleExecuteChange(!executeQualityControlOn)
-                    }
-                    checked={executeQualityControlOn}
-                    style={{ top: "6px", marginRight: "7.5px" }}
-                  />
-                  <ScoreGroupPopup
-                    loading={groupCreating}
-                    disabled={!executeQualityControlOn}
-                    onSubmit={handleSubmit}
-                    count={_.size(selectedQualityControls) || count}
-                  />
-                </>
-              ) : null}
-              {canCreate ? (
-                <Button
-                  primary
-                  as={Link}
-                  to={QUALITY_CONTROL_NEW}
-                  content={formatMessage({
-                    id: "quality_controls.actions.create",
-                  })}
+        <Grid.Column width={8} textAlign="right">
+          <>
+            {status === "published" &&
+            _.size(qualityControls) > 0 &&
+            qualityControlsActions?.execute ? (
+              <>
+                <Checkbox
+                  id="execute_checkbox"
+                  className="bgOrange"
+                  toggle
+                  onChange={() =>
+                    handleExecuteChange(!executeQualityControlOn)
+                  }
+                  checked={executeQualityControlOn}
+                  style={{ top: "6px", marginRight: "7.5px" }}
+                />
+                <ScoreGroupPopup
+                  loading={groupCreating}
+                  disabled={!executeQualityControlOn}
+                  onSubmit={handleSubmit}
+                  count={_.size(selectedQualityControls) || count}
                 />
-              ) : null}
-            </>
-          </Container>
+              </>
+            ) : null}
+            {canCreate ? (
+              <Button
+                primary
+                as={Link}
+                to={QUALITY_CONTROL_NEW}
+                content={formatMessage({
+                  id: "quality_controls.actions.create",
+                })}
+              />
+            ) : null}
+          </>
         </Grid.Column>
       </Grid>
       <QualityControlsLabelResults

package/src/components/qualityControls/SegmentationForm.js

@@ -56,6 +56,7 @@ const SegmentationForm = ({ setStepInformation, stepInformation }) => {
                     <Button
                         onClick={handleAddSegmentation}
                         basic
+                        className="td-icon-text-control"
                         icon="plus"
                         content={formatMessage({
                             id: "quality_control.form.segmentation.add",

package/src/components/qualityControls/__tests__/__snapshots__/EditQualityControl.spec.js.snap

@@ -767,7 +767,7 @@ exports[`<EditQualityControl /> matches the latest snapshot 1`] = `
                 class="ui segment"
               >
                 <button
-                  class="ui basic button"
+                  class="ui basic button td-icon-text-control"
                 >
                   <i
                     aria-hidden="true"

package/src/components/qualityControls/__tests__/__snapshots__/NewDraftQualityControl.spec.js.snap

@@ -767,7 +767,7 @@ exports[`<NewDraftQualityControl /> matches the latest snapshot 1`] = `
                 class="ui segment"
               >
                 <button
-                  class="ui basic button"
+                  class="ui basic button td-icon-text-control"
                 >
                   <i
                     aria-hidden="true"

package/src/components/qualityControls/__tests__/__snapshots__/NewQualityControl.spec.js.snap

@@ -166,9 +166,11 @@ exports[`<NewQualityControl /> matches the latest snapshot 1`] = `
                       role="listbox"
                       tabindex="0"
                     >
-                      <label>
+                      <div
+                        class="default text"
+                      >
                         domain.multiple.placeholder
-                      </label>
+                      </div>
                       <i
                         aria-hidden="true"
                         class="dropdown icon"

package/src/components/qualityControls/__tests__/__snapshots__/QualityControlActions.spec.js.snap

@@ -29,13 +29,17 @@ exports[`<QualityControlActions /> matches the latest snapshot with actions for
         aria-hidden="true"
         class="ellipsis vertical icon"
       />
+      <i
+        aria-hidden="true"
+        class="dropdown icon"
+      />
       <div
         class="left menu transition"
       >
         <div
           aria-checked="false"
           aria-selected="true"
-          class="selected item"
+          class="selected item td-icon-text-control"
           role="option"
           style="pointer-events: all;"
         >
@@ -52,7 +56,7 @@ exports[`<QualityControlActions /> matches the latest snapshot with actions for
         <a
           aria-checked="false"
           aria-selected="false"
-          class="item"
+          class="item td-icon-text-control"
           data-discover="true"
           href="/qualityControls/8/version/1/new_draft"
           role="option"

package/src/components/qualityControls/__tests__/__snapshots__/QualityControlEditor.spec.js.snap

@@ -123,9 +123,11 @@ exports[`<QualityControlEditor /> matches the latest snapshot for creation 1`] =
                     role="listbox"
                     tabindex="0"
                   >
-                    <label>
+                    <div
+                      class="default text"
+                    >
                       Select domains
-                    </label>
+                    </div>
                     <i
                       aria-hidden="true"
                       class="dropdown icon"
@@ -1500,7 +1502,7 @@ exports[`<QualityControlEditor /> matches the latest snapshot for edition 1`] =
               class="ui segment"
             >
               <button
-                class="ui basic button"
+                class="ui basic button td-icon-text-control"
               >
                 <i
                   aria-hidden="true"

package/src/components/qualityControls/__tests__/__snapshots__/QualityControlHeader.spec.js.snap

@@ -89,13 +89,17 @@ exports[`<QualityControlHeader /> matches the latest snapshot with control quali
               aria-hidden="true"
               class="ellipsis vertical icon"
             />
+            <i
+              aria-hidden="true"
+              class="dropdown icon"
+            />
             <div
               class="left menu transition"
             >
               <div
                 aria-checked="false"
                 aria-selected="true"
-                class="selected item"
+                class="selected item td-icon-text-control"
                 role="option"
                 style="pointer-events: all;"
               >
@@ -112,7 +116,7 @@ exports[`<QualityControlHeader /> matches the latest snapshot with control quali
               <a
                 aria-checked="false"
                 aria-selected="false"
-                class="item"
+                class="item td-icon-text-control"
                 data-discover="true"
                 href="/qualityControls/8/version/1/new_draft"
                 role="option"

package/src/components/qualityControls/__tests__/__snapshots__/QualityControls.spec.js.snap

@@ -78,42 +78,38 @@ exports[`<QualityControls /> matches the latest snapshot 1`] = `
         />
       </div>
       <div
-        class="eight wide column"
+        class="right aligned eight wide column"
       >
         <div
-          class="ui right aligned container"
+          class="ui fitted toggle checkbox bgOrange"
+          style="top: 6px; margin-right: 7.5px;"
         >
-          <div
-            class="ui fitted toggle checkbox bgOrange"
-            style="top: 6px; margin-right: 7.5px;"
-          >
-            <input
-              class="hidden"
-              id="execute_checkbox"
-              readonly=""
-              tabindex="0"
-              type="checkbox"
-            />
-            <label
-              for="execute_checkbox"
-            />
-          </div>
-          <button
-            class="ui secondary disabled button"
-            disabled=""
-            tabindex="-1"
-          >
-            quality_control.actions.do_execution
-          </button>
-          <a
-            class="ui primary button"
-            data-discover="true"
-            href="/qualityControls/new"
-            role="button"
-          >
-            quality_controls.actions.create
-          </a>
+          <input
+            class="hidden"
+            id="execute_checkbox"
+            readonly=""
+            tabindex="0"
+            type="checkbox"
+          />
+          <label
+            for="execute_checkbox"
+          />
         </div>
+        <button
+          class="ui secondary disabled button"
+          disabled=""
+          tabindex="-1"
+        >
+          quality_control.actions.do_execution
+        </button>
+        <a
+          class="ui primary button"
+          data-discover="true"
+          href="/qualityControls/new"
+          role="button"
+        >
+          quality_controls.actions.create
+        </a>
       </div>
     </div>
     <div