@truedat/dq 7.5.9 → 7.5.10

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@truedat/dq",
-  "version": "7.5.9",
+  "version": "7.5.10",
   "description": "Truedat Web Data Quality Module",
   "sideEffects": false,
-  "jsnext:main": "src/index.js",
   "module": "src/index.js",
   "files": [
-    "src"
+    "src",
+    "index.js"
   ],
   "author": "Bluetab Solutions",
   "license": "GPL-3.0",
@@ -15,59 +15,23 @@
   },
   "scripts": {
     "clean": "rimraf yarn-error.log",
-    "debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
     "test": "TZ=UTC jest --coverage",
-    "test:watch": "TZ=UTC jest --watch",
     "eslint": "eslint src/**",
     "eslint:fix": "eslint --fix src/**"
   },
-  "devDependencies": {
-    "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.20.5",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.20.2",
-    "@babel/plugin-proposal-optional-chaining": "^7.18.9",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-modules-commonjs": "^7.19.6",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^12.0.0",
-    "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "7.5.9",
-    "babel-jest": "^28.1.0",
-    "babel-plugin-dynamic-import-node": "^2.3.3",
-    "babel-plugin-lodash": "^3.3.4",
-    "babel-plugin-react-intl": "^5.1.18",
-    "babel-plugin-transform-semantic-ui-react-imports": "^1.4.1",
-    "enzyme": "^3.11.0",
-    "enzyme-to-json": "^3.6.2",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.0.0",
-    "jest-environment-jsdom": "^29.0.0",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "redux-saga-test-plan": "^4.0.4",
-    "rimraf": "^3.0.2",
-    "semantic-ui-react": "^2.1.4"
-  },
   "jest": {
     "maxWorkers": "50%",
     "testTimeout": 10000,
     "moduleDirectories": [
-      "<rootDir>/src",
-      "../../node_modules"
-    ],
-    "setupFilesAfterEnv": [
-      "@truedat/test/setup"
+      "<rootDir>/src"
     ],
     "moduleNameMapper": {
       "\\.(css|less|png)$": "identity-obj-proxy",
       "^@truedat/([^/]+)$": "<rootDir>/../$1/src/index",
       "^@truedat/([^/]+)/(.*)$": "<rootDir>/../$1/src/$2"
     },
-    "snapshotSerializers": [
-      "enzyme-to-json/serializer"
+    "setupFilesAfterEnv": [
+      "@truedat/test/setup"
     ],
     "testEnvironment": "jsdom",
     "testMatch": [
@@ -75,9 +39,6 @@
       "**/?(*.)+(spec|test).[jt]s?(x)",
       "!**/__fixtures__/**"
     ],
-    "testPathIgnorePatterns": [
-      "<rootDir>/node_modules/"
-    ],
     "transform": {
       "\\.js$": [
         "babel-jest",
@@ -85,38 +46,47 @@
           "rootMode": "upward"
         }
       ]
-    },
-    "transformIgnorePatterns": [
-      "/node_modules/(?!@truedat).*"
-    ]
+    }
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@truedat/test": "7.5.10",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "redux-saga-test-plan": "^4.0.6"
   },
   "dependencies": {
-    "@apollo/client": "^3.7.1",
-    "@truedat/core": "7.5.9",
-    "@truedat/df": "7.5.9",
-    "decode-uri-component": "^0.2.2",
-    "graphql": "^15.5.3",
-    "moment": "^2.29.4",
-    "path-to-regexp": "^1.7.0",
+    "@apollo/client": "^3.13.5",
+    "axios": "^1.8.4",
+    "file-saver": "^2.0.5",
+    "graphql": "^16.10.0",
+    "is-hotkey": "^0.2.0",
+    "is-url": "^1.2.4",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "path-to-regexp": "^8.2.0",
     "prop-types": "^15.8.1",
     "query-string": "^7.1.2",
     "rc-slider": "^8.6.1",
-    "react-intl": "^5.20.10",
-    "react-moment": "^1.1.2",
-    "react-redux": "^7.2.4",
-    "react-router-dom": "^5.2.0",
-    "redux": "^4.1.1",
-    "redux-saga": "^1.2.1",
+    "react": "^19.0.0",
+    "react-csv": "^2.2.2",
+    "react-dom": "^19.0.0",
+    "react-dropzone": "^14.3.8",
+    "react-hook-form": "^7.54.2",
+    "react-intl": "^7.1.10",
+    "react-moment": "^1.1.3",
+    "react-redux": "^9.2.0",
+    "react-router": "^7.4.0",
+    "redux": "^5.0.1",
+    "redux-saga": "^1.3.0",
     "redux-saga-routines": "^3.2.3",
-    "reselect": "^4.1.7",
+    "reselect": "^5.1.1",
     "semantic-ui-calendar-react": "^0.15.3",
-    "semantic-ui-react": "^2.1.4",
-    "swr": "^1.3.0"
-  },
-  "peerDependencies": {
-    "react": ">= 16.8.6 < 17",
-    "react-dom": ">= 16.8.6 < 17",
-    "semantic-ui-react": ">= 2.0.3 < 2.2"
+    "semantic-ui-react": "^3.0.0-beta.2",
+    "swr": "^2.3.3"
   },
-  "gitHead": "03770e3241daa955de2e6e40fdaea91e3d147860"
+  "gitHead": "8a8c49e9d5d6bb4e5f2b503b063bfd6dd20a503d"
 }

package/src/components/ConceptRules.js

@@ -1,8 +1,7 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { FormattedMessage, useIntl } from "react-intl";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { Table, Button, Message, Segment, TableCell } from "semantic-ui-react";
 import { connect } from "react-redux";
 import { linkTo } from "@truedat/core/routes";

package/src/components/ConditionCell.js

@@ -1,10 +1,10 @@
 import _ from "lodash/fp";
-import React, { Fragment } from "react";
+import { Fragment } from "react";
 import PropTypes from "prop-types";
 import { Icon, Table } from "semantic-ui-react";
 import { useIntl } from "react-intl";
 import { linkTo } from "@truedat/core/routes";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { FormattedMessage } from "react-intl";
 
 const QualifyAndLinkStructure = ({ value, aliasArray }) =>
@@ -61,7 +61,7 @@ const FormattedLink = ({ value, aliasArray, operator = {} }) => {
             defaultMessage={`"${
               _.isArray(value.raw) ? _.join(", ")(value.raw) : value.raw
             }"`}
-          ></FormattedMessage>
+          />
         </span>
       );
   }
@@ -124,13 +124,13 @@ export const getValues = ({ value = [], operator = {}, value_modifier }) => {
         value_modifier
       )
     : operator?.value_type === "reference_dataset_field"
-    ? valuesFromKeys(
-        defaultOrValue,
-        ["referenceDataset", "name"],
-        [],
-        value_modifier
-      )
-    : valuesFromKeys(defaultOrValue, ["raw"], [], value_modifier);
+      ? valuesFromKeys(
+          defaultOrValue,
+          ["referenceDataset", "name"],
+          [],
+          value_modifier
+        )
+      : valuesFromKeys(defaultOrValue, ["raw"], [], value_modifier);
 };
 
 const OperatorMessage = ({ operator }) =>
@@ -253,12 +253,13 @@ export const ConditionCell = ({
                     _.prop("modifier.params"),
                     _.toPairs,
                     _.map(([paramName, paramValue]) => (
-                      <div key={paramName} className="smaller">
-                        {`${formatMessage({
-                          id: `filtersGrid.field.modifier.${value.modifier.name}.${paramName}`,
-                          defaultMessage: paramName,
-                        })}: ${paramValue}`}
-                      </div>
+                      <div
+                        key={paramName}
+                        className="smaller"
+                      >{`${formatMessage({
+                        id: `filtersGrid.field.modifier.${value.modifier.name}.${paramName}`,
+                        defaultMessage: paramName,
+                      })}: ${paramValue}`}</div>
                     ))
                   )(value)}
                 </>

package/src/components/ConditionSummary.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { Fragment } from "react";
+import { Fragment } from "react";
 import PropTypes from "prop-types";
 import { Divider, Header, Icon, Segment, Table } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";

package/src/components/EditRule.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Container, Header, Icon, Segment } from "semantic-ui-react";

package/src/components/ExecutionForm.js

@@ -1,14 +1,12 @@
 import _ from "lodash/fp";
-import React, { useState } from "react";
+import { lazy, useState } from "react";
 import { Button, Form, Header } from "semantic-ui-react";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
 import { TemplateSelector } from "@truedat/core/components";
 import { validateContent } from "@truedat/df/utils";
 
-const DynamicForm = React.lazy(() =>
-  import("@truedat/df/components/DynamicForm")
-);
+const DynamicForm = lazy(() => import("@truedat/df/components/DynamicForm"));
 
 export const ExecutionForm = ({ count, onSubmit, onCancel }) => {
   const { formatMessage } = useIntl();

package/src/components/ExecutionGroup.js

@@ -1,5 +1,4 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { useIntl } from "react-intl";

package/src/components/ExecutionGroupBreadcrumbs.js

@@ -1,7 +1,6 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { Breadcrumb } from "semantic-ui-react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { FormattedMessage } from "react-intl";
 import { DateTime } from "@truedat/core/components";
 import { EXECUTION_GROUPS } from "@truedat/core/routes";

package/src/components/ExecutionGroupContent.js

@@ -1,11 +1,11 @@
 import _ from "lodash/fp";
-import React from "react";
+import { lazy } from "react";
 import PropTypes from "prop-types";
 import { useQuery } from "@apollo/client";
 import { TEMPLATES_QUERY } from "@truedat/core/api/queries";
 
-const DynamicFormViewer = React.lazy(() =>
-  import("@truedat/df/components/DynamicFormViewer")
+const DynamicFormViewer = lazy(
+  () => import("@truedat/df/components/DynamicFormViewer")
 );
 
 const templateFieldNames = _.flow(

package/src/components/ExecutionGroupLink.js

@@ -1,6 +1,5 @@
-import React from "react";
 import PropTypes from "prop-types";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { DateTime } from "@truedat/core/components";
 import { linkTo } from "@truedat/core/routes";
 

package/src/components/ExecutionGroupLoader.js

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { useParams } from "react-router-dom";
+import { useParams } from "react-router";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { fetchExecutionGroup, clearExecutionGroup } from "../routines";

package/src/components/ExecutionGroupMessage.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { useIntl } from "react-intl";
 import { Message } from "semantic-ui-react";

package/src/components/ExecutionGroups.js

@@ -1,8 +1,7 @@
-import React from "react";
 import { useQuery } from "@apollo/client";
 import queryString from "query-string";
 import { useIntl } from "react-intl";
-import { useLocation } from "react-router-dom";
+import { useLocation } from "react-router";
 import { Header, Segment } from "semantic-ui-react";
 import { CursorPagination } from "@truedat/core/components";
 import { MY_EXECUTION_GROUPS_QUERY } from "../api/queries";

package/src/components/ExecutionGroupsTable.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { FormattedMessage } from "react-intl";
 import { connect } from "react-redux";

package/src/components/ExecutionPopup.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { useIntl } from "react-intl";

package/src/components/FieldSummary.js

@@ -1,8 +1,7 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { Header, Icon, Segment, Table } from "semantic-ui-react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { FormattedMessage } from "react-intl";
 import { linkTo } from "@truedat/core/routes";
 import ConditionCell from "./ConditionCell";

package/src/components/ImplementationActions.js

@@ -1,7 +1,6 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { useIntl } from "react-intl";
 import { connect } from "react-redux";
 import { Button } from "semantic-ui-react";

package/src/components/ImplementationCrumbs.js

@@ -1,9 +1,9 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { Breadcrumb } from "semantic-ui-react";
 import { connect } from "react-redux";
-import { Link, useParams } from "react-router-dom";
+import { Link } from "react-router";
+import { useParams } from "react-router";
 import { FormattedMessage } from "react-intl";
 import { RULES, IMPLEMENTATIONS, linkTo } from "@truedat/core/routes";
 import { DateTime } from "@truedat/core/components";
@@ -43,7 +43,6 @@ export const ImplementationCrumbs = ({ ruleImplementation, ruleResult }) => {
           <FormattedMessage id="implementations.crumbs.top" />
         </Breadcrumb.Section>
       )}
-
       {ruleImplementation.id && (
         <>
           <Breadcrumb.Divider icon="right angle" />

package/src/components/ImplementationExecutionFilters.js

@@ -1,10 +1,10 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { useQuery } from "@apollo/client";
 import queryString from "query-string";
 import { useIntl } from "react-intl";
-import { useLocation, useParams, Link } from "react-router-dom";
+import { useLocation, Link } from "react-router";
+import { useParams } from "react-router";
 import { Menu } from "semantic-ui-react";
 import { Loading } from "@truedat/core/components";
 import { IMPLEMENTATION_EXECUTION_FILTERS_QUERY } from "../api/queries";

package/src/components/ImplementationExecutions.js

@@ -1,10 +1,10 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { useQuery } from "@apollo/client";
 import queryString from "query-string";
 import { FormattedMessage } from "react-intl";
-import { useLocation, useParams } from "react-router-dom";
+import { useLocation } from "react-router";
+import { useParams } from "react-router";
 import { Grid, Segment, Table } from "semantic-ui-react";
 import { CursorPagination, DateTime, Loading } from "@truedat/core/components";
 import { IMPLEMENTATION_EXECUTIONS_QUERY } from "../api/queries";

package/src/components/ImplementationResultBar.js

@@ -1,9 +1,8 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { DateTime } from "@truedat/core/components/DateTime";
 import { Popup } from "semantic-ui-react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { FormattedMessage, useIntl } from "react-intl";
 import { linkTo } from "@truedat/core/routes";
 import { calculateResultDecoration } from "./RuleResultDecorator";
@@ -19,19 +18,19 @@ export default function ImplementationResultBar({ implementation }) {
           resultText: intl.formatMessage({ id: "quality.error" }),
         }
       : ruleResult?.records === 0
-      ? {
-          color: "empyDataset",
-          resultText: intl.formatMessage(
-            { id: `quality.result.empty_dataset.date` },
-            { date: <DateTime value={ruleResult.date} /> }
-          ),
-        }
-      : calculateResultDecoration({
-          ruleResult,
-          ruleImplementation: implementation,
-          date: ruleResult?.date,
-          intl,
-        });
+        ? {
+            color: "empyDataset",
+            resultText: intl.formatMessage(
+              { id: `quality.result.empty_dataset.date` },
+              { date: <DateTime value={ruleResult.date} /> }
+            ),
+          }
+        : calculateResultDecoration({
+            ruleResult,
+            ruleImplementation: implementation,
+            date: ruleResult?.date,
+            intl,
+          });
 
   const propsByColor = {
     red: {

package/src/components/ImplementationSearchResults.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Dimmer, Loader, Segment } from "semantic-ui-react";
@@ -99,9 +99,11 @@ export const ImplementationSearchResults = ({
       <RuleImplementationsSearch />
       <RuleImplementationSelectedFilters />
       <Dimmer.Dimmable dimmed={loading}>
-        <Dimmer active={loading} inverted>
-          <Loader />
-        </Dimmer>
+        {loading ? (
+          <Dimmer active inverted>
+            <Loader />
+          </Dimmer>
+        ) : null}
         <RuleImplementationsLabelResults
           executeImplementationsOn={executeImplementationsOn}
           implementationsToExecute={_.size(selectedImplementations)}

package/src/components/ImplementationStructureDelete.js

@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Button, Icon } from "semantic-ui-react";

package/src/components/ImplementationStructureLink.js

@@ -1,5 +1,4 @@
-import React from "react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import PropTypes from "prop-types";
 import { linkTo } from "@truedat/core/routes";
 

package/src/components/ImplementationStructureLinksActions.js

@@ -1,9 +1,8 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Button } from "semantic-ui-react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { FormattedMessage } from "react-intl";
 import { linkTo } from "@truedat/core/routes";
 

package/src/components/ImplementationStructures.js

@@ -1,11 +1,11 @@
-import React from "react";
+import { lazy } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { Segment } from "semantic-ui-react";
 import { getImplementationStructureLinksColumns } from "../selectors";
 import ImplementationStructureLinksActions from "./ImplementationStructureLinksActions";
 
-const LinksPane = React.lazy(() => import("@truedat/lm/components/LinksPane"));
+const LinksPane = lazy(() => import("@truedat/lm/components/LinksPane"));
 
 export const ImplementationStructures = ({ groups }) => (
   <Segment attached="bottom">

package/src/components/ImplementationStructuresNew.js

@@ -1,5 +1,5 @@
 import _ from "lodash/fp";
-import React, { useState } from "react";
+import { lazy, useState } from "react";
 import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import { useIntl } from "react-intl";
@@ -8,8 +8,8 @@ import { HistoryBackButton } from "@truedat/core/components";
 import { linkTo } from "@truedat/core/routes";
 import { createImplementationStructure } from "../routines";
 
-const StructureSelector = React.lazy(() =>
-  import("@truedat/dd/components/StructureSelector")
+const StructureSelector = lazy(
+  () => import("@truedat/dd/components/StructureSelector")
 );
 
 export const ImplementationStructuresNew = ({
@@ -94,7 +94,6 @@ export const ImplementationStructuresNew = ({
               content={formatMessage({ id: "actions.cancel" })}
               disabled={creatingImplementationStructure}
             />
-
             <Button
               primary
               content={formatMessage({ id: "actions.create" })}

package/src/components/ImplementationSummary.js

@@ -1,8 +1,7 @@
 import _ from "lodash/fp";
-import React from "react";
 import PropTypes from "prop-types";
 import { Header, Icon, List, Table, Segment } from "semantic-ui-react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
 import { FormattedMessage } from "react-intl";
 import { linkTo } from "@truedat/core/routes";
 import ConditionSummary, { empty, path } from "./ConditionSummary";
@@ -39,7 +38,7 @@ const FormattedLink = ({ value, operator = {} }) =>
         defaultMessage={`"${
           _.isArray(value.raw) ? _.join(", ")(value.raw) : value.raw
         }"`}
-      ></FormattedMessage>
+      />
     </span>
   );
 
@@ -80,7 +79,7 @@ const UnionSummary = ({ alias, row }) => {
       {row.clauses.map((clause, k) =>
         _.size(clause) > 0 ? (
           <List.Item key={k}>
-            {clause.left && <AliasText alias={alias} clause={clause.left} />} ={" "}
+            {clause.left && <AliasText alias={alias} clause={clause.left} />}={" "}
             {clause.right && <AliasText alias={alias} clause={clause.right} />}
           </List.Item>
         ) : null
@@ -140,7 +139,6 @@ const DatasetSummary = ({ rows, alias }) =>
                         {_.path("structure.name")(row)}
                       </span>
                     )}
-
                     {row.alias?.text && <span>({row.alias.text})</span>}
                     <UnionSummary alias={alias} row={row} />
                   </Table.Cell>
@@ -169,12 +167,10 @@ export const ImplementationSummary = ({ ruleImplementation, activeSteps }) => {
       _.includes("executable")(steps) ? (
         <InformationSummary ruleImplementation={ruleImplementation} />
       ) : null}
-
       {_.includes("dataset")(steps) &&
       !_.isEmpty(ruleImplementation?.data_structures) ? (
         <TaxonomySummary ruleImplementation={ruleImplementation} />
       ) : null}
-
       {dataset && _.includes("dataset")(steps) && (
         <DatasetSummary rows={dataset} alias={alias} />
       )}

package/src/components/Implementations.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { lazy } from "react";
 import PropTypes from "prop-types";
 import { Segment } from "semantic-ui-react";
 import ImplementationsHeader from "./ImplementationsHeader";
@@ -6,8 +6,8 @@ import ImplementationFiltersLoader from "./ImplementationFiltersLoader";
 import ImplementationSearchResults from "./ImplementationSearchResults";
 import RuleImplementationsLoader from "./RuleImplementationsLoader";
 
-const UserSearchFiltersLoader = React.lazy(() =>
-  import("@truedat/dd/components/UserSearchFiltersLoader")
+const UserSearchFiltersLoader = lazy(
+  () => import("@truedat/dd/components/UserSearchFiltersLoader")
 );
 
 export const Implementations = ({ defaultFilters }) => (

package/src/components/ImplementationsHeader.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { Header, Icon } from "semantic-ui-react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { useActiveRoute } from "@truedat/core/hooks";
@@ -14,13 +13,13 @@ export const ImplementationSearchResultsHeader = () => {
   const header = pending
     ? "implementations.header.manage"
     : deprecated
-    ? "implementations.header.deprecated"
-    : "implementations.header";
+      ? "implementations.header.deprecated"
+      : "implementations.header";
   const subheader = pending
     ? "implementations.subheader.manage"
     : deprecated
-    ? "implementations.subheader.deprecated"
-    : "implementations.subheader";
+      ? "implementations.subheader.deprecated"
+      : "implementations.subheader";
   return (
     <Header as="h2">
       <Icon