@truedat/dd 8.5.7 → 8.5.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dd",
-  "version": "8.5.7",
+  "version": "8.5.8",
   "description": "Truedat Web Data Dictionary",
   "sideEffects": false,
   "module": "src/index.js",
@@ -51,7 +51,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"
@@ -86,5 +86,5 @@
     "svg-pan-zoom": "^3.6.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "871357888d97c203cf009a04878e0277cff6af9b"
+  "gitHead": "61ad9443b3d822d30dcfa977f5fad3494b3ed5b4"
 }

package/src/components/StructureGrantDropdown.js

@@ -135,7 +135,7 @@ export const StructureGrantDropdown = ({
         default:
           return <div key={field}>{_.get(field)(grant)}</div>;
       }
-    })
+    }),
   )(structureGrantPopup);
 
   const grantRequestDetails = grantRequestStatus ? (
@@ -177,7 +177,7 @@ export const StructureGrantDropdown = ({
         <Button
           size={size || "medium"}
           color={stateProps.color}
-          className="button basic icon group-actions"
+          className={`button basic icon group-actions${hasText ? " td-icon-text-control" : ""}`}
           icon={iconName || null}
           content={hasText ? buttonContent : null}
         />

package/src/components/StructureGrantRequestButton.js

@@ -44,7 +44,7 @@ export const StructureGrantRequestButton = ({
       size={size || "medium"}
       icon={iconName || null}
       content={hasText ? buttonContent : null}
-      className="button basic icon group-actions"
+      className={`button basic icon group-actions${hasText ? " td-icon-text-control" : ""}`}
       color={requested ? "blue" : "orange"}
       onClick={requested ? removeRequest : addRequest}
     />

package/src/components/StructureNoteActions.js

@@ -2,43 +2,65 @@ import _ from "lodash/fp";
 import { Link } from "react-router";
 import { connect } from "react-redux";
 import PropTypes from "prop-types";
-import { Button, Icon } from "semantic-ui-react";
+import { Icon } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";
 import { ConfirmModal, GroupActions } from "@truedat/core/components";
 import { linkTo } from "@truedat/core/routes";
 import { doStructureNoteAction } from "../routines";
 
-export const ModalDelete = ({ modalOnConfirm, modalAction, modalIcon }) => (
-  <ConfirmModal
-    icon="trash"
-    trigger={
-      <Button icon={modalIcon}>
-        <Icon name={modalIcon} color={"red"} />
+const ModalDelete = ({
+  className,
+  closeDropdown,
+  modalOnConfirm,
+  modalAction,
+  modalIcon,
+  onClick,
+  ...triggerProps
+}) => {
+  const handleClose = (event) => {
+    event?.stopPropagation?.();
+    closeDropdown?.();
+  };
+
+  return (
+    <ConfirmModal
+      icon="trash"
+      trigger={
+        <span {...triggerProps} className={className} onClick={onClick}>
+          <Icon name={modalIcon} color={"red"} />
+          <span className="text">
+            <FormattedMessage
+              id={`structure.notes.actions.${modalAction}`}
+              defaultMessage={modalAction}
+            />
+          </span>
+        </span>
+      }
+      header={
         <FormattedMessage
-          id={`structure.notes.actions.${modalAction}`}
-          defaultMessage={modalAction}
+          id={`structure.notes.actions.${modalAction}.confirmation.header`}
         />
-      </Button>
-    }
-    header={
-      <FormattedMessage
-        id={`structure.notes.actions.${modalAction}.confirmation.header`}
-      />
-    }
-    size="small"
-    content={
-      <FormattedMessage
-        id={`structure.notes.actions.${modalAction}.confirmation.content`}
-      />
-    }
-    onConfirm={modalOnConfirm}
-  />
-);
+      }
+      size="small"
+      content={
+        <FormattedMessage
+          id={`structure.notes.actions.${modalAction}.confirmation.content`}
+        />
+      }
+      onClose={handleClose}
+      onConfirm={modalOnConfirm}
+    />
+  );
+};
 
 ModalDelete.propTypes = {
+  className: PropTypes.string,
+  closeDropdown: PropTypes.func,
   modalOnConfirm: PropTypes.func,
   modalText: PropTypes.object,
   modalAction: PropTypes.string,
+  modalIcon: PropTypes.string,
+  onClick: PropTypes.func,
 };
 
 export const StructureNoteActions = ({
@@ -48,11 +70,11 @@ export const StructureNoteActions = ({
 }) => {
   const actionToIcon = {
     deleted: "trash alternate outline",
-    edited: "edit",
+    edited: "pencil alternate",
     rejected: "thumbs down outline",
-    published: "paper plane",
+    published: "share square",
     draft: "undo",
-    pending_approval: "jenkins",
+    pending_approval: "clipboard check",
     deprecated: "archive",
   };
 
@@ -78,16 +100,19 @@ export const StructureNoteActions = ({
         ),
         as: actionToAs(action),
         to: actionToTo(action),
-        onClick: () =>
-          action !== "edited" &&
-          doStructureNoteAction({
-            action: data,
-            dataStructureId: structure?.id,
-          }),
+        onClick:
+          action === "edited" || withModal(action)
+            ? undefined
+            : () =>
+                doStructureNoteAction({
+                  action: data,
+                  dataStructureId: structure?.id,
+                }),
       };
       return withModal(action)
         ? {
             ...baseAction,
+            closeDropdownOnClose: true,
             modalOnConfirm: () =>
               doStructureNoteAction({
                 action: data,

package/src/components/StructuresDomainsUploadOption.js

@@ -16,6 +16,7 @@ export const StructuresDomainsUploadOption = ({
       icon="upload"
       trigger={
         <Dropdown.Item
+          className="td-icon-text-control"
           icon="upload"
           text={formatMessage({
             id: "structures.actions.uploadDomains.tooltip",

package/src/components/StructuresDownloadOption.js

@@ -49,6 +49,7 @@ export const StructuresDownloadOption = ({ setDownloading }) => {
 
   return !structuresLoading ? (
     <Dropdown.Item
+      className="td-icon-text-control"
       icon="download"
       content={
         <>

package/src/components/StructuresEditableDownloadOption.js

@@ -33,6 +33,7 @@ export const StructuresEditableDownloadOption = ({
   return (
     !structuresLoading && (
       <Dropdown.Item
+        className="td-icon-text-control"
         icon="download"
         content={
           <>

package/src/components/StructuresUpdateOption.js

@@ -79,6 +79,7 @@ export const StructuresUpdateOption = ({
   return (
     authorized && (
       <Dropdown.Item
+        className="td-icon-text-control"
         icon="refresh"
         onClick={navigateToBulkUpdate}
         disabled={disabled}

package/src/components/StructuresUploadOption.js

@@ -45,6 +45,7 @@ export const StructuresUploadOption = ({ canAutoPublish }) => {
       icon="upload"
       trigger={
         <Dropdown.Item
+          className="td-icon-text-control"
           icon="upload"
           text={formatMessage({ id: "structures.actions.upload.tooltip" })}
           disabled={structuresUploading}

package/src/components/SystemCreateOption.js

@@ -10,6 +10,7 @@ export const SystemCreateOption = () => {
   return (
     authorized && (
       <Dropdown.Item
+        className="td-icon-text-control"
         icon="plus square outline"
         as={Link}
         to={SYSTEM_NEW}

package/src/components/__tests__/StructureNoteActions.spec.js

@@ -23,6 +23,7 @@ describe("<StructureNoteActions />", () => {
 
   it("invokes opens modal when clicking a delete or deprecate action", async () => {
     const doStructureNoteAction = jest.fn();
+    const user = userEvent.setup({ delay: null });
     const props = {
       doStructureNoteAction,
       actions: {
@@ -38,8 +39,33 @@ describe("<StructureNoteActions />", () => {
     const rendered = render(<StructureNoteActions {...props} />);
     await waitForLoad(rendered);
 
-    userEvent.click(await rendered.findByText(/deleted/i));
-    userEvent.click(await rendered.findByText(/yes/i));
+    expect(
+      (await rendered.findByText(/deleted/i)).closest(".item.td-icon-text-control")
+    ).toBeInTheDocument();
+    expect(
+      rendered.container.querySelector(
+        ".item.td-icon-text-control .red.trash.alternate.outline.icon"
+      )
+    ).toBeInTheDocument();
+
+    await user.click(await rendered.findByRole("listbox"));
+    expect(await rendered.findByRole("listbox")).toHaveAttribute(
+      "aria-expanded",
+      "true"
+    );
+
+    const deleteOption = rendered.container.querySelector(
+      ".item.td-icon-text-control"
+    );
+    expect(deleteOption).toBeInTheDocument();
+    await user.click(deleteOption);
+    expect(doStructureNoteAction).not.toHaveBeenCalled();
+    expect(await rendered.findByRole("listbox")).toHaveAttribute(
+      "aria-expanded",
+      "false"
+    );
+
+    await user.click(await rendered.findByText(/yes/i));
 
     await waitFor(() => {
       expect(doStructureNoteAction.mock.calls.length).toBe(1);
@@ -56,6 +82,49 @@ describe("<StructureNoteActions />", () => {
     );
   });
 
+  it("keeps the dropdown closed when delete confirmation is cancelled", async () => {
+    const doStructureNoteAction = jest.fn();
+    const user = userEvent.setup({ delay: null });
+    const props = {
+      doStructureNoteAction,
+      actions: {
+        deleted: {
+          href: "url",
+          input: { foo: "bar" },
+          method: "method",
+        },
+      },
+      structure: { id: 1 },
+    };
+
+    const rendered = render(<StructureNoteActions {...props} />);
+    await waitForLoad(rendered);
+
+    await user.click(await rendered.findByRole("listbox"));
+    expect(await rendered.findByRole("listbox")).toHaveAttribute(
+      "aria-expanded",
+      "true"
+    );
+
+    const deleteOption = rendered.container.querySelector(
+      ".item.td-icon-text-control"
+    );
+    expect(deleteOption).toBeInTheDocument();
+    await user.click(deleteOption);
+    expect(await rendered.findByRole("listbox")).toHaveAttribute(
+      "aria-expanded",
+      "false"
+    );
+
+    await user.click(await rendered.findByLabelText("modal-negative-action"));
+
+    expect(doStructureNoteAction).not.toHaveBeenCalled();
+    expect(await rendered.findByRole("listbox")).toHaveAttribute(
+      "aria-expanded",
+      "false"
+    );
+  });
+
   it("calls doStructureNoteAction when action is pending_approval", async () => {
     const doStructureNoteAction = jest.fn();
     const props = {
@@ -89,4 +158,46 @@ describe("<StructureNoteActions />", () => {
       })
     );
   });
+
+  it("renders the expected icons for edited, published and pending_approval", async () => {
+    const props = {
+      doStructureNoteAction: () => {},
+      actions: {
+        edited: {
+          href: "edit-url",
+          method: "GET",
+        },
+        published: {
+          href: "publish-url",
+          input: { status: "published" },
+          method: "PATCH",
+        },
+        pending_approval: {
+          href: "approval-url",
+          input: { status: "pending_approval" },
+          method: "PATCH",
+        },
+      },
+      structure: { id: 1 },
+    };
+
+    const rendered = render(<StructureNoteActions {...props} />);
+    await waitForLoad(rendered);
+
+    expect(
+      (await rendered.findByText(/edited/i))
+        .closest(".item")
+        .querySelector(".pencil.alternate.icon")
+    ).toBeInTheDocument();
+    expect(
+      (await rendered.findByText(/published/i))
+        .closest(".item")
+        .querySelector(".share.square.icon")
+    ).toBeInTheDocument();
+    expect(
+      (await rendered.findByText(/pending_approval/i))
+        .closest(".item")
+        .querySelector(".clipboard.check.icon")
+    ).toBeInTheDocument();
+  });
 });

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

@@ -147,7 +147,7 @@ exports[`<AddStructureMember /> matches the latest snapshot 1`] = `
           domain.actions.add_member
         </button>
         <a
-          class="ui secondary button"
+          class="ui secondary button td-icon-text-control"
           data-discover="true"
           href="/"
           role="button"

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

@@ -31,9 +31,11 @@ exports[`<EditDomainForm /> 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/__tests__/__snapshots__/GrantApprovalRuleEdit.spec.js.snap

@@ -41,13 +41,9 @@ exports[`<GrantApprovalRuleEdit /> matches the last snapshot 1`] = `
         tabindex="0"
       >
         <div
-          class="ui label"
+          class="text"
         >
           fooDomain
-          <i
-            aria-hidden="true"
-            class="delete icon"
-          />
         </div>
         <i
           aria-hidden="true"
@@ -528,7 +524,7 @@ exports[`<GrantApprovalRuleEdit /> matches the last snapshot 1`] = `
       class="actions"
     >
       <a
-        class="ui secondary button"
+        class="ui secondary button td-icon-text-control"
         data-discover="true"
         href="/"
         role="button"

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

@@ -41,13 +41,9 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
         tabindex="0"
       >
         <div
-          class="ui label"
+          class="text"
         >
           fooDomain
-          <i
-            aria-hidden="true"
-            class="delete icon"
-          />
         </div>
         <i
           aria-hidden="true"
@@ -776,7 +772,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot 1`] = `
       class="actions"
     >
       <a
-        class="ui secondary button"
+        class="ui secondary button td-icon-text-control"
         data-discover="true"
         href="/"
         role="button"
@@ -836,9 +832,11 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
         role="listbox"
         tabindex="0"
       >
-        <label>
+        <div
+          class="default text"
+        >
           domain.selector.placeholder
-        </label>
+        </div>
         <i
           aria-hidden="true"
           class="dropdown icon"
@@ -1314,7 +1312,7 @@ exports[`<GrantApprovalRuleForm /> matches the last snapshot for new rule 1`] =
       class="actions"
     >
       <a
-        class="ui secondary button"
+        class="ui secondary button td-icon-text-control"
         data-discover="true"
         href="/"
         role="button"

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

@@ -40,9 +40,11 @@ exports[`<GrantApprovalRuleNew /> matches the last snapshot 1`] = `
         role="listbox"
         tabindex="0"
       >
-        <label>
+        <div
+          class="default text"
+        >
           domain.selector.placeholder
-        </label>
+        </div>
         <i
           aria-hidden="true"
           class="dropdown icon"
@@ -491,7 +493,7 @@ exports[`<GrantApprovalRuleNew /> matches the last snapshot 1`] = `
       class="actions"
     >
       <a
-        class="ui secondary button"
+        class="ui secondary button td-icon-text-control"
         data-discover="true"
         href="/"
         role="button"

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

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

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

@@ -40,7 +40,7 @@ exports[`<PendingStructureNotes /> matches the latest snapshot 1`] = `
       >
         <div
           aria-disabled="false"
-          class="item"
+          class="item td-icon-text-control"
           role="option"
         >
           <i

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

@@ -72,13 +72,17 @@ exports[`<ReferenceDataset /> edit dataset view matches the latest snapshot 1`]
               aria-hidden="true"
               class="ellipsis vertical icon"
             />
+            <i
+              aria-hidden="true"
+              class="dropdown icon"
+            />
             <div
               class="left menu transition"
             >
               <a
                 aria-checked="false"
                 aria-selected="true"
-                class="selected item"
+                class="selected item td-icon-text-control"
                 role="option"
                 style="pointer-events: all;"
               >
@@ -95,7 +99,7 @@ exports[`<ReferenceDataset /> edit dataset view matches the latest snapshot 1`]
               <a
                 aria-checked="false"
                 aria-selected="false"
-                class="item"
+                class="item td-icon-text-control"
                 data-discover="true"
                 href="/referenceDatasets/123/edit"
                 role="option"
@@ -278,7 +282,7 @@ exports[`<ReferenceDataset /> edit dataset view matches the latest snapshot 1`]
           actions.save
         </button>
         <a
-          class="ui secondary button"
+          class="ui secondary button td-icon-text-control"
           data-discover="true"
           href="/edit"
           role="button"
@@ -363,13 +367,17 @@ exports[`<ReferenceDataset /> show dataset view matches the latest snapshot 1`]
               aria-hidden="true"
               class="ellipsis vertical icon"
             />
+            <i
+              aria-hidden="true"
+              class="dropdown icon"
+            />
             <div
               class="left menu transition"
             >
               <a
                 aria-checked="false"
                 aria-selected="true"
-                class="selected item"
+                class="selected item td-icon-text-control"
                 role="option"
                 style="pointer-events: all;"
               >
@@ -386,7 +394,7 @@ exports[`<ReferenceDataset /> show dataset view matches the latest snapshot 1`]
               <a
                 aria-checked="false"
                 aria-selected="false"
-                class="item"
+                class="item td-icon-text-control"
                 data-discover="true"
                 href="/referenceDatasets/123/edit"
                 role="option"

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

@@ -12,13 +12,17 @@ exports[`<ReferenceDatasetActions /> matches the latest snapshot 1`] = `
       aria-hidden="true"
       class="ellipsis vertical icon"
     />
+    <i
+      aria-hidden="true"
+      class="dropdown icon"
+    />
     <div
       class="left menu transition"
     >
       <a
         aria-checked="false"
         aria-selected="true"
-        class="selected item"
+        class="selected item td-icon-text-control"
         role="option"
         style="pointer-events: all;"
       >
@@ -35,7 +39,7 @@ exports[`<ReferenceDatasetActions /> matches the latest snapshot 1`] = `
       <a
         aria-checked="false"
         aria-selected="false"
-        class="item"
+        class="item td-icon-text-control"
         data-discover="true"
         href="/referenceDatasets/123/edit"
         role="option"

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

@@ -55,9 +55,11 @@ exports[`<ReferenceDatasetCreate /> 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"
@@ -183,7 +185,7 @@ exports[`<ReferenceDatasetCreate /> matches the latest snapshot 1`] = `
           actions.save
         </button>
         <a
-          class="ui secondary button"
+          class="ui secondary button td-icon-text-control"
           data-discover="true"
           href="/"
           role="button"

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

@@ -152,7 +152,7 @@ exports[`<ReferenceDatasetForm /> matches the latest snapshot 1`] = `
         actions.save
       </button>
       <a
-        class="ui secondary button"
+        class="ui secondary button td-icon-text-control"
         data-discover="true"
         href="/"
         role="button"

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

@@ -49,13 +49,17 @@ exports[`<ReferenceDatasetHeader /> matches the latest snapshot 1`] = `
             aria-hidden="true"
             class="ellipsis vertical icon"
           />
+          <i
+            aria-hidden="true"
+            class="dropdown icon"
+          />
           <div
             class="left menu transition"
           >
             <a
               aria-checked="false"
               aria-selected="true"
-              class="selected item"
+              class="selected item td-icon-text-control"
               role="option"
               style="pointer-events: all;"
             >
@@ -72,7 +76,7 @@ exports[`<ReferenceDatasetHeader /> matches the latest snapshot 1`] = `
             <a
               aria-checked="false"
               aria-selected="false"
-              class="item"
+              class="item td-icon-text-control"
               data-discover="true"
               href="/referenceDatasets/123/edit"
               role="option"

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

@@ -28,7 +28,7 @@ exports[`StructureGrantCartCheckout matches snapshot when modification grant (si
           class="right aligned eight wide column"
         >
           <a
-            class="ui secondary button"
+            class="ui secondary button td-icon-text-control"
             data-discover="true"
             href="/"
             role="button"
@@ -102,7 +102,7 @@ exports[`StructureGrantCartCheckout matches snapshot when multi-system (gr scope
           class="right aligned eight wide column"
         >
           <a
-            class="ui secondary button"
+            class="ui secondary button td-icon-text-control"
             data-discover="true"
             href="/"
             role="button"
@@ -261,7 +261,7 @@ exports[`StructureGrantCartCheckout matches snapshot when single flow without mo
           class="right aligned eight wide column"
         >
           <a
-            class="ui secondary button"
+            class="ui secondary button td-icon-text-control"
             data-discover="true"
             href="/"
             role="button"
@@ -333,7 +333,7 @@ exports[`StructureGrantCartCheckout matches snapshot with gr scope - shows syste
           class="right aligned eight wide column"
         >
           <a
-            class="ui secondary button"
+            class="ui secondary button td-icon-text-control"
             data-discover="true"
             href="/"
             role="button"
@@ -546,7 +546,7 @@ exports[`StructureGrantCartCheckout matches snapshot with group_by_domain enable
           class="right aligned eight wide column"
         >
           <a
-            class="ui secondary button"
+            class="ui secondary button td-icon-text-control"
             data-discover="true"
             href="/"
             role="button"
@@ -834,7 +834,7 @@ exports[`StructureGrantCartCheckout matches snapshot with single domain - shows
           class="right aligned eight wide column"
         >
           <a
-            class="ui secondary button"
+            class="ui secondary button td-icon-text-control"
             data-discover="true"
             href="/"
             role="button"
@@ -993,7 +993,7 @@ exports[`StructureGrantCartCheckout matches snapshot without gr scope - does not
           class="right aligned eight wide column"
         >
           <a
-            class="ui secondary button"
+            class="ui secondary button td-icon-text-control"
             data-discover="true"
             href="/"
             role="button"

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

@@ -12,13 +12,17 @@ exports[`<StructureNoteActions /> matches the latest snapshot 1`] = `
       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;"
       >

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

@@ -14,7 +14,7 @@ exports[`<StructureNotesEdit /> matches the latest snapshot 1`] = `
         actions.save
       </button>
       <a
-        class="ui secondary button"
+        class="ui secondary button td-icon-text-control"
         data-discover="true"
         href="/"
         role="button"
@@ -64,7 +64,7 @@ exports[`<StructureNotesEdit /> matches the latest snapshot with ai suggestion a
         actions.save
       </button>
       <a
-        class="ui secondary button"
+        class="ui secondary button td-icon-text-control"
         data-discover="true"
         href="/"
         role="button"

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

@@ -45,6 +45,7 @@ exports[`<StructureSummary /> matches the latest snapshot 1`] = `
         />
         <button
           class="ui basic icon button button icon group-actions"
+          data-position="top center"
           data-tooltip="Sharing"
         >
           <i
@@ -202,6 +203,7 @@ exports[`<StructureSummary /> matches the latest snapshot with alias 1`] = `
         />
         <button
           class="ui basic icon button button icon group-actions"
+          data-position="top center"
           data-tooltip="Sharing"
         >
           <i

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

@@ -77,7 +77,7 @@ exports[`<StructureType /> matches the latest snapshot 1`] = `
           Save
         </button>
         <a
-          class="ui secondary button"
+          class="ui secondary button td-icon-text-control"
           data-discover="true"
           href="/"
           role="button"

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

@@ -344,7 +344,7 @@ exports[`<StructureTypeForm /> matches the latest snapshot 1`] = `
         add metadata view
       </a>
       <a
-        class="ui secondary button"
+        class="ui secondary button td-icon-text-control"
         data-discover="true"
         href="/"
         role="button"

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

@@ -76,7 +76,7 @@ exports[`<StructuresBulkUpdate /> Publish button is available with autoPublish a
         actions.save
       </button>
       <a
-        class="ui secondary button"
+        class="ui secondary button td-icon-text-control"
         data-discover="true"
         href="/"
         role="button"
@@ -164,7 +164,7 @@ exports[`<StructuresBulkUpdate /> Publish button is not available without autoPu
         actions.save
       </button>
       <a
-        class="ui secondary button"
+        class="ui secondary button td-icon-text-control"
         data-discover="true"
         href="/"
         role="button"
@@ -252,7 +252,7 @@ exports[`<StructuresBulkUpdate /> matches the latest snapshot 1`] = `
         actions.save
       </button>
       <a
-        class="ui secondary button"
+        class="ui secondary button td-icon-text-control"
         data-discover="true"
         href="/"
         role="button"

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

@@ -4,7 +4,7 @@ exports[`<StructuresDownloadOption /> has type filter applied 1`] = `
 <div>
   <div
     aria-disabled="false"
-    class="item"
+    class="item td-icon-text-control"
     role="option"
   >
     <i
@@ -22,7 +22,7 @@ exports[`<StructuresDownloadOption /> matches the latest snapshot 1`] = `
 <div>
   <div
     aria-disabled="false"
-    class="item"
+    class="item td-icon-text-control"
     role="option"
   >
     <i

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

@@ -4,7 +4,7 @@ exports[`<StructuresEditableDownloadOption /> matches the latest snapshot 1`] =
 <div>
   <div
     aria-disabled="false"
-    class="item"
+    class="item td-icon-text-control"
     role="option"
   >
     <i

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

@@ -22,7 +22,7 @@ exports[`<StructuresOptions /> matches the latest snapshot 1`] = `
       />
       <div
         aria-disabled="true"
-        class="disabled item"
+        class="disabled item td-icon-text-control"
         role="option"
       >
         <i
@@ -40,7 +40,7 @@ exports[`<StructuresOptions /> matches the latest snapshot 1`] = `
       </div>
       <div
         aria-disabled="true"
-        class="disabled item"
+        class="disabled item td-icon-text-control"
         role="option"
       >
         <i
@@ -58,7 +58,7 @@ exports[`<StructuresOptions /> matches the latest snapshot 1`] = `
       </div>
       <div
         aria-disabled="false"
-        class="item"
+        class="item td-icon-text-control"
         role="option"
       >
         <i
@@ -72,7 +72,7 @@ exports[`<StructuresOptions /> matches the latest snapshot 1`] = `
         </span>
       </div>
       <div
-        class="item"
+        class="item td-icon-text-control"
         role="option"
       >
         <i

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

@@ -4,7 +4,7 @@ exports[`<StructuresUpdateOption /> matches the latest snapshot 1`] = `
 <div>
   <div
     aria-disabled="false"
-    class="item"
+    class="item td-icon-text-control"
     role="option"
   >
     <i

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

@@ -4,7 +4,7 @@ exports[`<StructuresUploadOption /> matches the latest snapshot 1`] = `
 <div>
   <div
     aria-disabled="false"
-    class="item"
+    class="item td-icon-text-control"
     role="option"
   >
     <i
@@ -24,7 +24,7 @@ exports[`<StructuresUploadOption /> matches the latest snapshot with auto publis
 <div>
   <div
     aria-disabled="false"
-    class="item"
+    class="item td-icon-text-control"
     role="option"
   >
     <i

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

@@ -3,7 +3,7 @@
 exports[`<SystemCreateOption /> matches the latest snapshot 1`] = `
 <div>
   <a
-    class="item"
+    class="item td-icon-text-control"
     data-discover="true"
     href="/systems/new"
     role="option"

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

@@ -75,7 +75,7 @@ exports[`<SystemForm /> matches the latest snapshot 1`] = `
         class="actions"
       >
         <a
-          class="ui secondary button"
+          class="ui secondary button td-icon-text-control"
           data-discover="true"
           href="/"
           role="button"

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

@@ -96,7 +96,7 @@ exports[`<Tag /> matches the latest snapshot 1`] = `
           actions.save
         </button>
         <a
-          class="ui secondary button"
+          class="ui secondary button td-icon-text-control"
           data-discover="true"
           href="/"
           role="button"

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

@@ -60,9 +60,11 @@ exports[`<TagForm /> 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"
@@ -117,7 +119,7 @@ exports[`<TagForm /> matches the latest snapshot 1`] = `
         actions.save
       </button>
       <a
-        class="ui secondary button"
+        class="ui secondary button td-icon-text-control"
         data-discover="true"
         href="/"
         role="button"