@truedat/dd 6.1.2 → 6.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/dd",
-  "version": "6.1.2",
+  "version": "6.1.4",
   "description": "Truedat Web Data Dictionary",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -34,7 +34,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "6.1.2",
+    "@truedat/test": "6.1.4",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -88,9 +88,9 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.1",
-    "@truedat/auth": "6.1.2",
-    "@truedat/core": "6.1.2",
-    "@truedat/df": "6.1.2",
+    "@truedat/auth": "6.1.4",
+    "@truedat/core": "6.1.4",
+    "@truedat/df": "6.1.4",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
     "path-to-regexp": "^1.7.0",
@@ -115,5 +115,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 2.0.3 < 2.2"
   },
-  "gitHead": "34f3dad97550142a4a23048fee3214ce04e957bf"
+  "gitHead": "c0ef00d553186b7601e136f3e38fa0d0d7287fd9"
 }

package/src/components/Grant.js

@@ -38,7 +38,23 @@ export const GrantHeader = ({ grant, title, actions, onStatusChange }) => {
         ...structure.data,
         ...structure.data.data_structure,
       };
+
   const { formatMessage } = useIntl();
+
+  const getTodayDate = () => {
+    const today = new Date();
+    const year = today.getFullYear();
+    const month = today.getMonth() + 1;
+    const formatedMonth = month < 10 ? "0" + month : month;
+    const day = today.getDate();
+    const formatedDay = day < 10 ? "0" + day : day;
+
+    return `${year}-${formatedMonth}-${formatedDay}`;
+  };
+
+  const isGrantExpired = () =>
+    !_.isNil(grant.end_date) && _.lte(grant.end_date, getTodayDate());
+
   return (
     <Grid>
       <Grid.Row>
@@ -53,25 +69,29 @@ export const GrantHeader = ({ grant, title, actions, onStatusChange }) => {
           </Header>
         </Grid.Column>
         <Grid.Column width={4} textAlign="right">
-          {actions?.update && !loading ? (
-            <GrantChangeRequest
-              structure={data_structure}
-              grant={grant}
-              key="requestChange"
-            >
-              <Button
-                className="button icon group-actions"
-                content={formatMessage({
-                  id: "structure.grant.request_grant_change",
-                })}
+          {!isGrantExpired() ? (
+            <>
+              {actions?.update && !loading ? (
+                <GrantChangeRequest
+                  structure={data_structure}
+                  grant={grant}
+                  key="requestChange"
+                >
+                  <Button
+                    className="button icon group-actions"
+                    content={formatMessage({
+                      id: "structure.grant.request_grant_change",
+                    })}
+                  />
+                </GrantChangeRequest>
+              ) : null}
+              <GrantRemoval
+                actions={actions}
+                grant={grant}
+                onConfirm={onStatusChange}
               />
-            </GrantChangeRequest>
+            </>
           ) : null}
-          <GrantRemoval
-            actions={actions}
-            grant={grant}
-            onConfirm={onStatusChange}
-          />
         </Grid.Column>
       </Grid.Row>
     </Grid>
@@ -190,11 +210,15 @@ export const Grant = ({ grant, actions, loading, onStatusChange }) => {
                       {formatMessage({ id: "grant.header.end_date" })}
                     </List.Header>
                     <List.Description>
-                      <Moment
-                        locale="es"
-                        date={grant?.end_date}
-                        format="YYYY-MM-DD"
-                      />
+                      {grant?.end_date ? (
+                        <Moment
+                          locale="es"
+                          date={grant.end_date}
+                          format="YYYY-MM-DD"
+                        />
+                      ) : (
+                        formatMessage({ id: "grant.cell.end_date.null" })
+                      )}
                     </List.Description>
                   </List.Item>
                   {_.isEmpty(grant?.detail) ? null : (

package/src/components/GrantRequestRow.js

@@ -46,7 +46,7 @@ export const GrantRequestRow = ({
              * inside an anchor, such as an icon) is clicked
              */
             !ev.target.closest("a") &&
-              history.push(linkTo.GRANT_REQUEST(grantRequest))
+              history.push(linkTo.GRANT_REQUEST(grantRequest));
           }}
           content={columnDecoratorComponent(column)(grantRequest)}
         />

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

@@ -36,7 +36,7 @@ describe("<Grant />", () => {
       bar: "baz",
     },
     start_date: "2018-12-01",
-    end_date: "2019-12-31",
+    end_date: "2029-12-31",
     inserted_at: "2022-12-12T12:49:09.789722Z",
     pending_removal: false,
     external_ref: "foo",
@@ -111,4 +111,20 @@ describe("<Grant />", () => {
       id: 1,
     });
   });
+
+  it("don't show buttons of edit and remove if the grant is expired", async () => {
+    const updatedGrant = {
+      ...defaultProps.grant,
+      end_date: "2024-01-01",
+    };
+
+    const updatedProps = {
+      ...defaultProps,
+      grant: updatedGrant,
+    };
+
+    const { queryByText } = render(<Grant {...updatedProps} />, renderOpts);
+    const buttonText = queryByText("request grant change");
+    expect(buttonText).toBeNull();
+  });
 });

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

@@ -190,9 +190,9 @@ exports[`<Grant /> matches the latest snapshot 1`] = `
                 class="description"
               >
                 <time
-                  datetime="1577750400000"
+                  datetime="1893369600000"
                 >
-                  2019-12-31
+                  2029-12-31
                 </time>
               </div>
             </div>
@@ -411,9 +411,9 @@ exports[`<Grant /> matches the latest snapshot with manage_grant_removal action
                 class="description"
               >
                 <time
-                  datetime="1577750400000"
+                  datetime="1893369600000"
                 >
-                  2019-12-31
+                  2029-12-31
                 </time>
               </div>
             </div>
@@ -685,9 +685,9 @@ exports[`<Grant /> matches the latest snapshot with update action 1`] = `
                 class="description"
               >
                 <time
-                  datetime="1577750400000"
+                  datetime="1893369600000"
                 >
-                  2019-12-31
+                  2029-12-31
                 </time>
               </div>
             </div>

package/src/selectors/getGrantRequestsColumns.js

@@ -55,7 +55,7 @@ export const StructureDecorator = ({
           content={formatMessage({ id: "request.grantRemoval" })}
           trigger={
             <Link to={linkTo.GRANT({ id: grant.id })}>
-              <Icon name="key" />
+              <Icon name="user delete" style={{ color: "black" }} />{" "}
             </Link>
           }
         />

package/src/selectors/getGrantRequestsSearchColumns.js

@@ -45,7 +45,7 @@ export const StructureDecorator = (grantRequest) => {
           content={formatMessage({ id: "request.grantRemoval" })}
           trigger={
             <Link to={linkTo.GRANT({ id: grantRequest.grant.id })}>
-              <Icon name="key" />
+              <Icon name="user delete" style={{ color: "black" }} />{" "}
             </Link>
           }
         />

package/src/selectors/utils/decorators.js

@@ -39,7 +39,7 @@ export const GrantRequestStructureDecorator = (grantRequest) => {
           }
         />
       ) : null}
-      { grantRequest?.data_structure_version?.name ||
+      {grantRequest?.data_structure_version?.name ||
         grantRequest?.grant?.data_structure_version?.name}
     </>
   );
@@ -65,4 +65,4 @@ export const StatusDecorator = ({ status }) => {
 
 StatusDecorator.propTypes = {
   status: PropTypes.string,
-};
+};