@truedat/bg 7.4.1 → 7.4.3

package/src/concepts/relations/components/ConceptLinksActions.js

@@ -1,37 +1,64 @@
 import _ from "lodash/fp";
 import React from "react";
 import PropTypes from "prop-types";
+import { useIntl } from "react-intl";
 import { connect } from "react-redux";
 import { Button } from "semantic-ui-react";
 import { Link } from "react-router-dom";
-import { FormattedMessage } from "react-intl";
 import { linkTo } from "@truedat/core/routes";
+import { Checkbox } from "semantic-ui-react";
 
-export const ConceptLinksActions = ({ createLinkUrl }) =>
-  createLinkUrl ? (
-    <Button
-      primary
-      floated="right"
-      as={Link}
-      to={createLinkUrl}
-      content={<FormattedMessage id="links.actions.create" />}
-    />
+import ConceptLinkstRequestGrantButton from "./ConceptLinkstRequestGrantButton";
+
+export const ConceptLinksActions = ({
+  canManageGrantRequests,
+  createLinkUrl,
+  grantView,
+  onGrantViewChange,
+}) => {
+  const { formatMessage } = useIntl();
+
+  return createLinkUrl ? (
+    <div style={{ float: "right" }}>
+      {canManageGrantRequests ? (
+        <React.Fragment>
+          <Checkbox
+            id="execute_checkbox"
+            className="bgOrange"
+            toggle
+            checked={grantView}
+            onChange={() => onGrantViewChange(!grantView)}
+            style={{ top: "6px", marginRight: "7.5px" }}
+          />
+          <ConceptLinkstRequestGrantButton disabled={!grantView} />
+        </React.Fragment>
+      ) : null}
+      <Button
+        primary
+        as={Link}
+        to={createLinkUrl}
+        content={formatMessage({ id: "links.actions.create" })}
+      />
+    </div>
   ) : null;
+};
 
 ConceptLinksActions.propTypes = {
-  createLinkUrl: PropTypes.string
+  canManageGrantRequests: PropTypes.bool,
+  createLinkUrl: PropTypes.string,
+  grantView: PropTypes.bool,
+  onGrantViewChange: PropTypes.func,
 };
 
-const mapStateToProps = ({
-  conceptActions,
-  conceptActionLoading,
-  concept
-}) => ({
-  createLinkUrl:
-    _.has("create_structure_link")(conceptActions) && _.has("id")(concept)
-      ? linkTo.CONCEPT_LINKS_STRUCTURES_NEW(concept)
-      : null,
-  conceptActionLoading
-});
+const mapStateToProps = ({ conceptActions, conceptActionLoading, concept }) => {
+  return {
+    createLinkUrl:
+      _.has("create_structure_link")(conceptActions) && _.has("id")(concept)
+        ? linkTo.CONCEPT_LINKS_STRUCTURES_NEW(concept)
+        : null,
+    conceptActionLoading,
+    canManageGrantRequests: concept.actions?.manage_grant_requests,
+  };
+};
 
 export default connect(mapStateToProps)(ConceptLinksActions);

package/src/concepts/relations/components/ConceptLinkstRequestGrantButton.js

@@ -0,0 +1,65 @@
+import _ from "lodash/fp";
+import React from "react";
+import PropTypes from "prop-types";
+import { useIntl } from "react-intl";
+import { connect } from "react-redux";
+import { Button } from "semantic-ui-react";
+import { useSearchContext } from "@truedat/core/search/SearchContext";
+import { addGrantRequestToCart } from "@truedat/dd/routines";
+
+export const ConceptLinkstRequestGrantButton = ({
+  disabled,
+  addGrantRequestToCart,
+  requested,
+}) => {
+  const { formatMessage } = useIntl();
+  const { searchData } = useSearchContext();
+  const structures = searchData?.data;
+
+  const requestAllStructures = () => {
+    _.forEach((structure) => {
+      const authorizedRequest = _.pathOr(
+        false,
+        "request_grant"
+      )(structure.user_permissions);
+
+      const isRequested = _.flow(
+        _.find({ id: `${structure.id}` }),
+        _.negate(_.isUndefined)
+      )(requested);
+
+      const granted = _.has("my_grant_request")(structure);
+
+      if (authorizedRequest && !isRequested && !granted)
+        addGrantRequestToCart({
+          ...structure,
+          id: `${structure.id}`,
+        });
+    })(structures);
+  };
+
+  return (
+    <Button
+      secondary
+      icon="shield"
+      title={formatMessage({ id: "links.actions.grant_request.tooltip" })}
+      disabled={disabled}
+      content={formatMessage({ id: "links.actions.grant_request" })}
+      onClick={requestAllStructures}
+    />
+  );
+};
+
+ConceptLinkstRequestGrantButton.propTypes = {
+  disabled: PropTypes.bool,
+  addGrantRequestToCart: PropTypes.func,
+  requested: PropTypes.arrayOf(PropTypes.object),
+};
+
+const mapStateToProps = ({ grantRequestsCart }) => ({
+  requested: _.pathOr([], "structures")(grantRequestsCart),
+});
+
+export default connect(mapStateToProps, { addGrantRequestToCart })(
+  ConceptLinkstRequestGrantButton
+);

package/src/concepts/relations/components/ConceptStructureLinks.js

@@ -2,26 +2,109 @@ import _ from "lodash/fp";
 import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
-import { Segment } from "semantic-ui-react";
+import { Segment, Grid } from "semantic-ui-react";
+import {
+  useDataStructureFilters,
+  useDataStructureSearch,
+} from "@truedat/dd/hooks/useStructures";
+import translations from "@truedat/dd/utils/structureCustomTranslations";
+import StructuresSearchResults from "@truedat/dd/components/StructuresSearchResults";
+import {
+  SearchContextProvider,
+  useSearchContext,
+} from "@truedat/core/search/SearchContext";
 import { getConceptLinks } from "../selectors";
+import { useConceptContext } from "../../components/ConceptContext";
 import ConceptLinksActions from "./ConceptLinksActions";
 
 const LinksPane = React.lazy(() => import("@truedat/lm/components/LinksPane"));
 
-export const ConceptStructureLinksPane = ({ groups, visible }) => {
-  const LinksActions = visible ? <ConceptLinksActions /> : null;
+const ConceptStructureLinksSegment = ({ groups, visible }) => {
+  const { conceptContext, setConceptContextProperty } = useConceptContext();
+  const { searchData, loading } = useSearchContext();
+  const structures = searchData?.data;
+
+  const { grantView } = conceptContext;
+
+  const onGrantViewChange = (grantViewNewState) =>
+    setConceptContextProperty({ grantView: grantViewNewState });
+
+  const LinksActions = visible ? (
+    <ConceptLinksActions
+      grantView={grantView}
+      onGrantViewChange={onGrantViewChange}
+    />
+  ) : null;
+
   return (
     <Segment attached="bottom">
-      <LinksPane
-        groups={groups}
-        sourceType="concept"
-        targetType="structure"
-        linksActions={LinksActions}
-      />
+      {grantView ? (
+        <Grid>
+          <Grid.Row>
+            <Grid.Column>{LinksActions}</Grid.Column>
+          </Grid.Row>
+          <Grid.Row>
+            <Grid.Column>
+              <StructuresSearchResults
+                structures={structures}
+                loading={loading}
+                grantable
+              />
+            </Grid.Column>
+          </Grid.Row>
+        </Grid>
+      ) : (
+        <LinksPane
+          groups={groups}
+          sourceType="concept"
+          targetType="structure"
+          linksActions={LinksActions}
+        />
+      )}
     </Segment>
   );
 };
 
+ConceptStructureLinksSegment.propTypes = {
+  groups: PropTypes.array,
+  visible: PropTypes.bool,
+};
+
+export const ConceptStructureLinksPane = ({ groups, visible }) => {
+  const structures_ids = _.flow(
+    _.flatMap(([_columns, [_tag, links]]) => links),
+    _.map(({ resource_id }) => parseInt(resource_id))
+  )(groups);
+
+  const enrichSearchPayload = {
+    my_grant_requests: true,
+    with_data_fields: false,
+  };
+
+  const searchProps = {
+    initialSortColumn: "name.raw",
+    initialSortDirection: "ascending",
+    useSearch: useDataStructureSearch,
+    useFilters: useDataStructureFilters,
+    pageSize: 20,
+    userFiltersType: "user_search_filters",
+    userFilterScope: "data_structure",
+    translations,
+    filtersGroup: [],
+    defaultFilters: {
+      exists: { field: "classes._grantable" },
+      ids: structures_ids,
+    },
+    enrichSearchPayload,
+  };
+
+  return (
+    <SearchContextProvider {...searchProps}>
+      <ConceptStructureLinksSegment groups={groups} visible={visible} />
+    </SearchContextProvider>
+  );
+};
+
 ConceptStructureLinksPane.propTypes = {
   groups: PropTypes.array,
   visible: PropTypes.bool,

package/src/concepts/relations/components/__tests__/ConceptLinksActions.spec.js

@@ -0,0 +1,65 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import { useSearchContext } from "@truedat/core/search/SearchContext";
+import ConceptLinksActions from "../ConceptLinksActions";
+
+jest.mock("@truedat/core/search/SearchContext", () => {
+  const originalModule = jest.requireActual(
+    "@truedat/core/search/SearchContext"
+  );
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useSearchContext: jest.fn(),
+  };
+});
+
+const renderOpts = {
+  state: {
+    conceptActions: {
+      create_structure_link: true,
+    },
+    concept: {
+      id: 1,
+      business_concept_id: 11,
+    },
+  },
+};
+
+describe("<ConceptLinksActions />", () => {
+  it("matches the latest snapshot with Grant Requests permission", () => {
+    useSearchContext.mockReturnValue({ searchData: [] });
+
+    const grRenderOpts = {
+      ...renderOpts,
+      state: {
+        ...renderOpts.state,
+        concept: {
+          ...renderOpts.state.concept,
+          actions: {
+            manage_grant_requests: {},
+          },
+        },
+      },
+    };
+
+    const { container } = render(
+      <ConceptLinksActions onGrantViewChange={jest.fn()} />,
+      grRenderOpts
+    );
+
+    expect(container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot without Grant Requests permission", () => {
+    useSearchContext.mockReturnValue({ searchData: [] });
+
+    const { container } = render(
+      <ConceptLinksActions onGrantViewChange={jest.fn()} />,
+      renderOpts
+    );
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/concepts/relations/components/__tests__/ConceptLinkstRequestGrantButton.spec.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { render } from "@truedat/test/render";
+import { useSearchContext } from "@truedat/core/search/SearchContext";
+import ConceptLinkstRequestGrantButton from "../ConceptLinkstRequestGrantButton";
+
+jest.mock("@truedat/core/search/SearchContext", () => {
+  const originalModule = jest.requireActual(
+    "@truedat/core/search/SearchContext"
+  );
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useSearchContext: jest.fn(),
+  };
+});
+
+const renderOpts = {
+  state: {
+    grantRequestsCart: {
+      structures: [],
+    },
+  },
+};
+
+describe("<ConceptLinkstRequestGrantButton />", () => {
+  it("matches the latest snapshot", () => {
+    useSearchContext.mockReturnValue({ searchData: [] });
+
+    const { container } = render(
+      <ConceptLinkstRequestGrantButton onGrantViewChange={jest.fn()} />,
+      renderOpts
+    );
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/src/concepts/relations/components/__tests__/ConceptStructureLinks.spec.js

@@ -1,15 +1,91 @@
 import _ from "lodash/fp";
-import React from "react";
-import { shallow } from "enzyme";
+import React, { Suspense } from "react";
+import { render } from "@truedat/test/render";
+import { useSearchContext } from "@truedat/core/search/SearchContext";
 import { ConceptStructureLinksPane } from "../ConceptStructureLinks";
 
+import { useConceptContext } from "../../../components/ConceptContext";
+
+jest.mock("../../../components/ConceptContext", () => {
+  const originalModule = jest.requireActual(
+    "../../../components/ConceptContext"
+  );
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useConceptContext: jest.fn(),
+  };
+});
+
+jest.mock("@truedat/core/search/SearchContext", () => {
+  const originalModule = jest.requireActual(
+    "@truedat/core/search/SearchContext"
+  );
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useSearchContext: jest.fn(),
+  };
+});
+
+beforeAll(() => {
+  jest.useFakeTimers();
+  jest.setSystemTime(new Date("2025-01-01T10:00:00Z"));
+});
+
+afterAll(() => {
+  jest.useRealTimers();
+});
+
 describe("<ConceptStructureLinksPane />", () => {
   const props = {
-    groups: [[[{ name: "name" }], ["group", [{ name: "foo" }]]]]
+    groups: [[[{ name: "name" }], ["group", [{ name: "foo" }]]]],
   };
 
-  it("matches the latest snapshot", () => {
-    const wrapper = shallow(<ConceptStructureLinksPane {...props} />);
-    expect(wrapper).toMatchSnapshot();
+  it("matches the latest snapshot", async () => {
+    useConceptContext.mockReturnValue({
+      conceptContext: { grantView: false },
+    });
+    useSearchContext.mockReturnValue({
+      searchData: [],
+    });
+
+    const { container, findByText } = render(
+      <Suspense fallback={null}>
+        <ConceptStructureLinksPane {...props} />
+      </Suspense>
+    );
+
+    await findByText("Links to Structures");
+
+    expect(container).toMatchSnapshot();
+  });
+
+  it("matches the latest snapshot with grantView", async () => {
+    useConceptContext.mockReturnValue({
+      conceptContext: { grantView: true },
+    });
+    useSearchContext.mockReturnValue({
+      searchData: {
+        data: [
+          {
+            id: 1,
+            name: "test structure",
+            type: "Data Base",
+            group: "test",
+            system: { name: "System_Test" },
+            path: ["path", "to", "structure"],
+            updated_at: "2024-02-26 10:30:29.909476Z",
+          },
+        ],
+      },
+      loading: false,
+    });
+
+    const { container } = render(<ConceptStructureLinksPane {...props} />);
+
+    expect(container).toMatchSnapshot();
   });
 });

package/src/concepts/relations/components/__tests__/__snapshots__/ConceptLinksActions.spec.js.snap

@@ -0,0 +1,61 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ConceptLinksActions /> matches the latest snapshot with Grant Requests permission 1`] = `
+<div>
+  <div
+    style="float: right;"
+  >
+    <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"
+        value=""
+      />
+      <label
+        for="execute_checkbox"
+      />
+    </div>
+    <button
+      class="ui secondary disabled button"
+      disabled=""
+      tabindex="-1"
+      title="links.actions.grant_request.tooltip"
+    >
+      <i
+        aria-hidden="true"
+        class="shield icon"
+      />
+      links.actions.grant_request
+    </button>
+    <a
+      class="ui primary button"
+      href="/concepts/11/versions/1/links/structures/new"
+      role="button"
+    >
+      Add Link
+    </a>
+  </div>
+</div>
+`;
+
+exports[`<ConceptLinksActions /> matches the latest snapshot without Grant Requests permission 1`] = `
+<div>
+  <div
+    style="float: right;"
+  >
+    <a
+      class="ui primary button"
+      href="/concepts/11/versions/1/links/structures/new"
+      role="button"
+    >
+      Add Link
+    </a>
+  </div>
+</div>
+`;

package/src/concepts/relations/components/__tests__/__snapshots__/ConceptLinkstRequestGrantButton.spec.js.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ConceptLinkstRequestGrantButton /> matches the latest snapshot 1`] = `
+<div>
+  <button
+    class="ui secondary button"
+    title="links.actions.grant_request.tooltip"
+  >
+    <i
+      aria-hidden="true"
+      class="shield icon"
+    />
+    links.actions.grant_request
+  </button>
+</div>
+`;