@truedat/core 7.6.4 → 7.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/core",
-  "version": "7.6.4",
+  "version": "7.7.1",
   "description": "Truedat Web Core",
   "sideEffects": false,
   "module": "src/index.js",
@@ -48,7 +48,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "7.6.4",
+    "@truedat/test": "7.7.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -85,5 +85,5 @@
     "slate-react": "^0.22.10",
     "swr": "^2.3.3"
   },
-  "gitHead": "994343683c2e0fb3fab85a021e627b1b86a7831f"
+  "gitHead": "b0bbab1ace5acb5a0c670137a51d21456f5eecae"
 }

package/src/components/OriginLabel.js

@@ -0,0 +1,60 @@
+import { useIntl } from "react-intl";
+import PropTypes from "prop-types";
+
+import { Icon } from "semantic-ui-react";
+
+export const OriginIcon = ({ origin }) => {
+  const { formatMessage } = useIntl();
+
+  const icon = formatMessage({
+    id: `origin.icon.${origin}`,
+    defaultMessage: "none",
+  }).replace("none", "");
+
+  const hoverText = formatMessage({
+    id: `origin.hover.${origin}`,
+    defaultMessage: "none",
+  }).replace("none", "");
+
+  return icon ? (
+    <span title={hoverText} className={`originLabel originIcon ${origin}Label`}>
+      {icon && <Icon name={icon} />}
+    </span>
+  ) : null;
+};
+
+OriginIcon.propTypes = {
+  origin: PropTypes.string,
+};
+
+const OriginLabel = ({ origin }) => {
+  const { formatMessage } = useIntl();
+
+  const icon = formatMessage({
+    id: `origin.label.${origin}.icon`,
+    defaultMessage: "none",
+  }).replace("none", "");
+
+  const label = formatMessage({
+    id: `origin.label.${origin}.label`,
+    defaultMessage: "none",
+  }).replace("none", "");
+
+  const hoverText = formatMessage({
+    id: `origin.hover.${origin}`,
+    defaultMessage: "none",
+  }).replace("none", "");
+
+  return icon || label ? (
+    <span title={hoverText} className={`originLabel ${origin}Label`}>
+      {icon && <Icon name={icon} />}
+      {label && <span>{label}</span>}
+    </span>
+  ) : null;
+};
+
+OriginLabel.propTypes = {
+  origin: PropTypes.string,
+};
+
+export default OriginLabel;

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

@@ -0,0 +1,49 @@
+import { render, waitForLoad } from "@truedat/test/render";
+import OriginLabel, { OriginIcon } from "../OriginLabel";
+
+const labelRenderOpts = {
+  messages: {
+    en: {
+      "origin.label.test.icon": "test icon",
+      "origin.label.test.label": "Test Origin",
+      "origin.hover.test": "Generated by Test",
+    },
+  },
+};
+
+const iconRenderOpts = {
+  messages: {
+    en: {
+      "origin.icon.test": "test icon only",
+      "origin.hover.test": "Generated by Test",
+    },
+  },
+};
+
+describe("<OriginLabel />", () => {
+  it("matches the latest snapshot without origin", async () => {
+    const rendered = render(<OriginLabel />, labelRenderOpts);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot with origin", async () => {
+    const rendered = render(<OriginLabel origin="test" />, labelRenderOpts);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+});
+
+describe("<OriginIcon />", () => {
+  it("matches the latest snapshot without origin", async () => {
+    const rendered = render(<OriginIcon />, iconRenderOpts);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot with origin", async () => {
+    const rendered = render(<OriginIcon origin="test" />, iconRenderOpts);
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<OriginIcon /> matches the latest snapshot with origin 1`] = `
+<div>
+  <span
+    class="originLabel originIcon testLabel"
+    title="Generated by Test"
+  >
+    <i
+      aria-hidden="true"
+      class="test icon only icon"
+    />
+  </span>
+</div>
+`;
+
+exports[`<OriginIcon /> matches the latest snapshot without origin 1`] = `<div />`;
+
+exports[`<OriginLabel /> matches the latest snapshot with origin 1`] = `
+<div>
+  <span
+    class="originLabel testLabel"
+    title="Generated by Test"
+  >
+    <i
+      aria-hidden="true"
+      class="test icon icon"
+    />
+    <span>
+      Test Origin
+    </span>
+  </span>
+</div>
+`;
+
+exports[`<OriginLabel /> matches the latest snapshot without origin 1`] = `<div />`;

package/src/components/index.js

@@ -35,6 +35,7 @@ import Loading from "./Loading";
 import MembersMenu from "./MembersMenu";
 import OptionGroup from "./OptionGroup";
 import OptionModal from "./OptionModal";
+import OriginLabel from "./OriginLabel";
 import Pagination from "./Pagination";
 import QualityMenu from "./QualityMenu";
 import Redirector from "./Redirector";
@@ -94,6 +95,7 @@ export {
   MembersMenu,
   OptionGroup,
   OptionModal,
+  OriginLabel,
   Pagination,
   QualityMenu,
   Redirector,