@backstage-community/plugin-tech-insights 0.4.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @backstage-community/plugin-tech-insights
 
+## 0.5.0
+
+### Minor Changes
+
+- e919e53: Backstage version bump to v1.35.1
+
+### Patch Changes
+
+- f015469: Introducing a new tech insights react plugin for reusuable frontend utilities. All migrated components and APIs have been marked as deprecated. Please update your imports to come from `@backstage-community/plugin-tech-insights-react`
+
+  Package json files for each plugin have been updated to reflect the new plugin in the Backstage `pluginPackages` metadata.
+
+- f015469: Several symbols have been migrated and marked deprecated. Please update all deprecated symbols to import from `@backstage-community/plugin-tech-insights-react` instead.
+- Updated dependencies [f015469]
+- Updated dependencies [e919e53]
+- Updated dependencies [c107e0f]
+  - @backstage-community/plugin-tech-insights-common@0.5.0
+  - @backstage-community/plugin-tech-insights-react@1.1.0
+
 ## 0.4.0
 
 ### Minor Changes

package/README.md

@@ -5,7 +5,6 @@ This plugin provides the UI for the `@backstage/tech-insights-backend` plugin, i
 Main areas covered by this plugin currently are:
 
 - Providing an overview for default boolean checks in a form of Scorecards.
-
 - Providing an option to render different custom components based on type of the checks running in the backend.
 
 ## Installation
@@ -17,7 +16,7 @@ Main areas covered by this plugin currently are:
 yarn --cwd packages/app add @backstage-community/plugin-tech-insights
 ```
 
-### Add boolean checks overview (Scorecards) page to the EntityPage:
+### Add boolean checks overview (Scorecards) page to the EntityPage
 
 ```tsx
 // packages/app/src/components/catalog/EntityPage.tsx
@@ -59,7 +58,7 @@ You can pass an array `checksId` as a prop with the [Fact Retrievers ids](../tec
 
 You can also pass a `filter` function to both `EntityTechInsightsScorecardContent` and `EntityTechInsightsScorecardCard` which filters in/out check result after they have been fetched. This can be useful to filter by more logical conditions on fields like `id` or `name`, e.g. the first characters in a name.
 
-To only show failed checks, you can pass the boolan `onlyFailed` to these components.
+To only show failed checks, you can pass the boolean `onlyFailed` to these components.
 
 If you want to show checks in the overview of an entity use `EntityTechInsightsScorecardCard`.
 
@@ -95,67 +94,7 @@ If you follow the [Backend Example](../tech-insights-backend#backend-example), o
 
 ![Boolean Scorecard Example](./docs/boolean-scorecard-example.png)
 
-## Adding custom rendering components
-
-Default scorecard implementation displays only `json-rules-engine` check results. If you would like to support different types, you need to inject custom rendering components to the `TechInsightsClient` constructor.
-
-```ts
-// packages/app/src/apis.ts
-
-export const apis: AnyApiFactory[] = [
-...
-  createApiFactory({
-    api: techInsightsApiRef,
-    deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },
-    factory: ({ discoveryApi, identityApi }) =>
-      new TechInsightsClient({
-        discoveryApi,
-        identityApi,
-        renderers: [
-          jsonRulesEngineCheckResultRenderer, // default json-rules-engine renderer
-          myCustomBooleanRenderer, // custom renderer
-        ],
-      }),
-  }),
-...
-];
-```
-
-```tsx
-// packages/app/src/components/myCustomBooleanRenderer.tsx
-
-export const myCustomBooleanRenderer: CheckResultRenderer = {
-  type: 'boolean',
-  component: (checkResult: CheckResult) => (
-    <BooleanCheck checkResult={checkResult} />
-  ),
-};
-```
-
-It's also possible to customize the description. Both strings and React components are accepted. As an example, you would like
-to display another information if the check has failed. In such cases, you could do something like the following:
-
-```tsx
-// packages/app/src/components/myCustomBooleanRenderer.tsx
-
-export const myCustomBooleanRenderer: CheckResultRenderer = {
-  type: 'boolean',
-  component: (checkResult: CheckResult) => (
-    <BooleanCheck checkResult={checkResult} />
-  ),
-  description: (checkResult: CheckResult) => (
-    <>
-      {
-        checkResult.result
-          ? checkResult.check.description // In case of success, return the same description
-          : `The check has failed! ${checkResult.check.description}` // Add a prefix text if the check failed
-      }
-    </>
-  ),
-};
-```
-
-### Add overview (Scorecards) page:
+### Add overview (Scorecards) page
 
 ![Scorecard Overview](./docs/scorecard-overview.png)
 
@@ -190,54 +129,4 @@ export const Root = ({ children }: PropsWithChildren<{}>) => (
 
 ## Custom views rendering tech-insights results
 
-If you create a custom view which renders tech-insights results, you can use the `TechInsightsCheckIcon`, which also (by default) is clickable and opens a popup menu with links for this particular check and entity.
-
-You can also render the icon using the tech-insights renderer or pass the `disableLinksMenu` prop to `TechInsightsCheckIcon` to disable the menu, and render it elsewhere, by importing `TechInsightsLinksMenu`.
-
-### Render the check icon with a popup menu for links
-
-```tsx
-import { TechInsightsCheckIcon } from '@backstage-community/plugin-tech-insights';
-
-export const MyComponent = () => {
-  const entity = getEntitySomehow();
-  const result = getCheckResultSomehow();
-
-  return <TechInsightsCheckIcon result={result} entity={entity} />;
-};
-```
-
-### Render the popup menu for links
-
-You can render a custom component (like a button) which opens the popup menu with links.
-
-The menu will be anchored to an element, likely the button being pressed, or icon being clicked. The `setMenu` prop is used to get a function to open the menu.
-
-```tsx
-import {
-  TechInsightsLinksMenu,
-  ResultLinksMenuInfo,
-} from '@backstage-community/plugin-tech-insights';
-
-export const MyComponent = () => {
-  const entity = getEntitySomehow();
-  const result = getCheckResultSomehow();
-
-  const [menu, setMenu] = useState<ResultLinksMenuInfo | undefined>();
-
-  return (
-    <>
-      <Button
-        title="Show links"
-        disabled={!menu}
-        onClick={event => menu?.open(event.currentTarget)}
-      />
-      <TechInsightsLinksMenu
-        result={result}
-        entity={entity}
-        setMenu={setMenu}
-      />
-    </>
-  );
-};
-```
+The `@backstage-community/plugin-tech-insights-react` package contains reusable frontend components for rendering tech-insights results, along with a reference implementation (techInsightsApiRef) for the tech-insights api. See the [README](../tech-insights-react/README.md) for more information.

package/dist/components/ScorecardsCard/ScorecardsCard.esm.js

@@ -3,10 +3,7 @@ import useAsync from 'react-use/esm/useAsync';
 import { Progress, ErrorPanel } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 import { ScorecardInfo } from '../ScorecardsInfo/ScorecardInfo.esm.js';
-import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
-import '@backstage-community/plugin-tech-insights-common/client';
-import '@material-ui/icons/CheckCircleOutline';
-import '@material-ui/icons/ErrorOutline';
+import { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { getCompoundEntityRef } from '@backstage/catalog-model';
 

package/dist/components/ScorecardsCard/ScorecardsCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScorecardsCard.esm.js","sources":["../../../src/components/ScorecardsCard/ScorecardsCard.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useMemo } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { ErrorPanel, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport { techInsightsApiRef } from '../../api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\nimport { Check } from '@backstage-community/plugin-tech-insights-common/client';\n\nexport const ScorecardsCard = (props: {\n  title: string;\n  description?: string;\n  checksId?: string[];\n  filter?: (check: Check) => boolean;\n  onlyFailed?: boolean;\n  expanded?: boolean;\n}) => {\n  const {\n    title,\n    description,\n    checksId,\n    filter,\n    onlyFailed,\n    expanded = true,\n  } = props;\n  const api = useApi(techInsightsApiRef);\n  const { entity } = useEntity();\n  const { value, loading, error } = useAsync(\n    async () => await api.runChecks(getCompoundEntityRef(entity), checksId),\n    [api, entity, JSON.stringify(checksId)],\n  );\n\n  const filteredValues =\n    !filter || !value ? value : value.filter(val => filter(val.check));\n\n  const checkResultRenderers = useMemo(() => {\n    if (!onlyFailed || !filteredValues) return {};\n\n    const types = [...new Set(filteredValues.map(({ check }) => check.type))];\n    const renderers = api.getCheckResultRenderers(types);\n    return Object.fromEntries(\n      renderers.map(renderer => [renderer.type, renderer]),\n    );\n  }, [api, filteredValues, onlyFailed]);\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const filteredValue = !onlyFailed\n    ? filteredValues || []\n    : (filteredValues || []).filter(val =>\n        checkResultRenderers[val.check.type]?.isFailed?.(val),\n      );\n\n  return (\n    <ScorecardInfo\n      title={title}\n      description={description}\n      entity={entity}\n      checkResults={filteredValue}\n      noWarning={onlyFailed}\n      expanded={expanded}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AA0Ba,MAAA,cAAA,GAAiB,CAAC,KAOzB,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAW,GAAA;AAAA,GACT,GAAA,KAAA;AACJ,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YAAY,MAAM,GAAA,CAAI,UAAU,oBAAqB,CAAA,MAAM,GAAG,QAAQ,CAAA;AAAA,IACtE,CAAC,GAAK,EAAA,MAAA,EAAQ,IAAK,CAAA,SAAA,CAAU,QAAQ,CAAC;AAAA,GACxC;AAEA,EAAA,MAAM,cACJ,GAAA,CAAC,MAAU,IAAA,CAAC,KAAQ,GAAA,KAAA,GAAQ,KAAM,CAAA,MAAA,CAAO,CAAO,GAAA,KAAA,MAAA,CAAO,GAAI,CAAA,KAAK,CAAC,CAAA;AAEnE,EAAM,MAAA,oBAAA,GAAuB,QAAQ,MAAM;AACzC,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,cAAA,SAAuB,EAAC;AAE5C,IAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,IAAI,IAAI,cAAe,CAAA,GAAA,CAAI,CAAC,EAAE,KAAM,EAAA,KAAM,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA;AACxE,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA;AACnD,IAAA,OAAO,MAAO,CAAA,WAAA;AAAA,MACZ,UAAU,GAAI,CAAA,CAAA,QAAA,KAAY,CAAC,QAAS,CAAA,IAAA,EAAM,QAAQ,CAAC;AAAA,KACrD;AAAA,GACC,EAAA,CAAC,GAAK,EAAA,cAAA,EAAgB,UAAU,CAAC,CAAA;AAEpC,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAc,EAAA,CAAA;AAAA;AAGnC,EAAM,MAAA,aAAA,GAAgB,CAAC,UACnB,GAAA,cAAA,IAAkB,EACjB,GAAA,CAAA,cAAA,IAAkB,EAAI,EAAA,MAAA;AAAA,IAAO,SAC5B,oBAAqB,CAAA,GAAA,CAAI,MAAM,IAAI,CAAA,EAAG,WAAW,GAAG;AAAA,GACtD;AAEJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAc,EAAA,aAAA;AAAA,MACd,SAAW,EAAA,UAAA;AAAA,MACX;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"ScorecardsCard.esm.js","sources":["../../../src/components/ScorecardsCard/ScorecardsCard.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useMemo } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { ErrorPanel, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\nimport { Check } from '@backstage-community/plugin-tech-insights-common';\n\nexport const ScorecardsCard = (props: {\n  title: string;\n  description?: string;\n  checksId?: string[];\n  filter?: (check: Check) => boolean;\n  onlyFailed?: boolean;\n  expanded?: boolean;\n}) => {\n  const {\n    title,\n    description,\n    checksId,\n    filter,\n    onlyFailed,\n    expanded = true,\n  } = props;\n  const api = useApi(techInsightsApiRef);\n  const { entity } = useEntity();\n  const { value, loading, error } = useAsync(\n    async () => await api.runChecks(getCompoundEntityRef(entity), checksId),\n    [api, entity, JSON.stringify(checksId)],\n  );\n\n  const filteredValues =\n    !filter || !value ? value : value.filter(val => filter(val.check));\n\n  const checkResultRenderers = useMemo(() => {\n    if (!onlyFailed || !filteredValues) return {};\n\n    const types = [...new Set(filteredValues.map(({ check }) => check.type))];\n    const renderers = api.getCheckResultRenderers(types);\n    return Object.fromEntries(\n      renderers.map(renderer => [renderer.type, renderer]),\n    );\n  }, [api, filteredValues, onlyFailed]);\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const filteredValue = !onlyFailed\n    ? filteredValues || []\n    : (filteredValues || []).filter(val =>\n        checkResultRenderers[val.check.type]?.isFailed?.(val),\n      );\n\n  return (\n    <ScorecardInfo\n      title={title}\n      description={description}\n      entity={entity}\n      checkResults={filteredValue}\n      noWarning={onlyFailed}\n      expanded={expanded}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA0Ba,MAAA,cAAA,GAAiB,CAAC,KAOzB,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAW,GAAA;AAAA,GACT,GAAA,KAAA;AACJ,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YAAY,MAAM,GAAA,CAAI,UAAU,oBAAqB,CAAA,MAAM,GAAG,QAAQ,CAAA;AAAA,IACtE,CAAC,GAAK,EAAA,MAAA,EAAQ,IAAK,CAAA,SAAA,CAAU,QAAQ,CAAC;AAAA,GACxC;AAEA,EAAA,MAAM,cACJ,GAAA,CAAC,MAAU,IAAA,CAAC,KAAQ,GAAA,KAAA,GAAQ,KAAM,CAAA,MAAA,CAAO,CAAO,GAAA,KAAA,MAAA,CAAO,GAAI,CAAA,KAAK,CAAC,CAAA;AAEnE,EAAM,MAAA,oBAAA,GAAuB,QAAQ,MAAM;AACzC,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,cAAA,SAAuB,EAAC;AAE5C,IAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,IAAI,IAAI,cAAe,CAAA,GAAA,CAAI,CAAC,EAAE,KAAM,EAAA,KAAM,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA;AACxE,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA;AACnD,IAAA,OAAO,MAAO,CAAA,WAAA;AAAA,MACZ,UAAU,GAAI,CAAA,CAAA,QAAA,KAAY,CAAC,QAAS,CAAA,IAAA,EAAM,QAAQ,CAAC;AAAA,KACrD;AAAA,GACC,EAAA,CAAC,GAAK,EAAA,cAAA,EAAgB,UAAU,CAAC,CAAA;AAEpC,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAc,EAAA,CAAA;AAAA;AAGnC,EAAM,MAAA,aAAA,GAAgB,CAAC,UACnB,GAAA,cAAA,IAAkB,EACjB,GAAA,CAAA,cAAA,IAAkB,EAAI,EAAA,MAAA;AAAA,IAAO,SAC5B,oBAAqB,CAAA,GAAA,CAAI,MAAM,IAAI,CAAA,EAAG,WAAW,GAAG;AAAA,GACtD;AAEJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAc,EAAA,aAAA;AAAA,MACd,SAAW,EAAA,UAAA;AAAA,MACX;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/ScorecardsContent/ScorecardContent.esm.js

@@ -4,7 +4,7 @@ import { Progress, Page, Content } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
 import { ScorecardInfo } from '../ScorecardsInfo/ScorecardInfo.esm.js';
 import Alert from '@material-ui/lab/Alert';
-import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
+import { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';
 import { makeStyles } from '@material-ui/core/styles';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { getCompoundEntityRef } from '@backstage/catalog-model';

package/dist/components/ScorecardsContent/ScorecardContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScorecardContent.esm.js","sources":["../../../src/components/ScorecardsContent/ScorecardContent.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { Content, Page, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport Alert from '@material-ui/lab/Alert';\nimport { techInsightsApiRef } from '../../api/TechInsightsApi';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\nimport { Check } from '@backstage-community/plugin-tech-insights-common/client';\n\nconst useStyles = makeStyles(() => ({\n  contentScorecards: {\n    paddingLeft: 0,\n    paddingRight: 0,\n  },\n}));\n\nexport const ScorecardsContent = (props: {\n  title: string;\n  description?: string;\n  checksId?: string[];\n  filter?: (check: Check) => boolean;\n}) => {\n  const { title, description, checksId, filter } = props;\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n  const { entity } = useEntity();\n  const { namespace, kind, name } = getCompoundEntityRef(entity);\n  const { value, loading, error } = useAsync(\n    async () => await api.runChecks({ namespace, kind, name }, checksId),\n  );\n\n  const filteredValues =\n    !filter || !value ? value : value.filter(val => filter(val.check));\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  return (\n    <Page themeId=\"home\">\n      <Content className={classes.contentScorecards}>\n        <ScorecardInfo\n          title={title}\n          description={description}\n          entity={entity}\n          checkResults={filteredValues || []}\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA4BA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,iBAAmB,EAAA;AAAA,IACjB,WAAa,EAAA,CAAA;AAAA,IACb,YAAc,EAAA;AAAA;AAElB,CAAE,CAAA,CAAA;AAEW,MAAA,iBAAA,GAAoB,CAAC,KAK5B,KAAA;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,WAAa,EAAA,QAAA,EAAU,QAAW,GAAA,KAAA;AACjD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,GAAI,qBAAqB,MAAM,CAAA;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YAAY,MAAM,GAAI,CAAA,SAAA,CAAU,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,EAAG,QAAQ;AAAA,GACrE;AAEA,EAAA,MAAM,cACJ,GAAA,CAAC,MAAU,IAAA,CAAC,KAAQ,GAAA,KAAA,GAAQ,KAAM,CAAA,MAAA,CAAO,CAAO,GAAA,KAAA,MAAA,CAAO,GAAI,CAAA,KAAK,CAAC,CAAA;AAEnE,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA;AAAA;AAGhD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,OAAQ,EAAA,MAAA,EAAA,sCACX,OAAQ,EAAA,EAAA,SAAA,EAAW,QAAQ,iBAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA,EAAc,kBAAkB;AAAC;AAAA,GAErC,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ScorecardContent.esm.js","sources":["../../../src/components/ScorecardsContent/ScorecardContent.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { Content, Page, Progress } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ScorecardInfo } from '../ScorecardsInfo';\nimport Alert from '@material-ui/lab/Alert';\nimport { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getCompoundEntityRef } from '@backstage/catalog-model';\nimport { Check } from '@backstage-community/plugin-tech-insights-common';\n\nconst useStyles = makeStyles(() => ({\n  contentScorecards: {\n    paddingLeft: 0,\n    paddingRight: 0,\n  },\n}));\n\nexport const ScorecardsContent = (props: {\n  title: string;\n  description?: string;\n  checksId?: string[];\n  filter?: (check: Check) => boolean;\n}) => {\n  const { title, description, checksId, filter } = props;\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n  const { entity } = useEntity();\n  const { namespace, kind, name } = getCompoundEntityRef(entity);\n  const { value, loading, error } = useAsync(\n    async () => await api.runChecks({ namespace, kind, name }, checksId),\n  );\n\n  const filteredValues =\n    !filter || !value ? value : value.filter(val => filter(val.check));\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  return (\n    <Page themeId=\"home\">\n      <Content className={classes.contentScorecards}>\n        <ScorecardInfo\n          title={title}\n          description={description}\n          entity={entity}\n          checkResults={filteredValues || []}\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA4BA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,iBAAmB,EAAA;AAAA,IACjB,WAAa,EAAA,CAAA;AAAA,IACb,YAAc,EAAA;AAAA;AAElB,CAAE,CAAA,CAAA;AAEW,MAAA,iBAAA,GAAoB,CAAC,KAK5B,KAAA;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,WAAa,EAAA,QAAA,EAAU,QAAW,GAAA,KAAA;AACjD,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,GAAI,qBAAqB,MAAM,CAAA;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YAAY,MAAM,GAAI,CAAA,SAAA,CAAU,EAAE,SAAW,EAAA,IAAA,EAAM,IAAK,EAAA,EAAG,QAAQ;AAAA,GACrE;AAEA,EAAA,MAAM,cACJ,GAAA,CAAC,MAAU,IAAA,CAAC,KAAQ,GAAA,KAAA,GAAQ,KAAM,CAAA,MAAA,CAAO,CAAO,GAAA,KAAA,MAAA,CAAO,GAAI,CAAA,KAAK,CAAC,CAAA;AAEnE,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA;AAAA;AAGhD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,OAAQ,EAAA,MAAA,EAAA,sCACX,OAAQ,EAAA,EAAA,SAAA,EAAW,QAAQ,iBAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA,EAAc,kBAAkB;AAAC;AAAA,GAErC,CACF,CAAA;AAEJ;;;;"}

package/dist/components/ScorecardsInfo/ScorecardInfo.esm.js

@@ -9,11 +9,8 @@ import Accordion from '@material-ui/core/Accordion';
 import AccordionDetails from '@material-ui/core/AccordionDetails';
 import AccordionSummary from '@material-ui/core/AccordionSummary';
 import { useApi } from '@backstage/core-plugin-api';
-import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
-import '@backstage-community/plugin-tech-insights-common/client';
-import '@material-ui/icons/CheckCircleOutline';
-import '@material-ui/icons/ErrorOutline';
 import { MarkdownContent } from '@backstage/core-components';
+import { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';
 
 const useStyles = makeStyles((theme) => ({
   subheader: {

package/dist/components/ScorecardsInfo/ScorecardInfo.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScorecardInfo.esm.js","sources":["../../../src/components/ScorecardsInfo/ScorecardInfo.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ReactNode } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport Alert from '@material-ui/lab/Alert';\nimport { ScorecardsList } from '../ScorecardsList';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Entity } from '@backstage/catalog-model';\nimport { techInsightsApiRef } from '../../api';\nimport { MarkdownContent } from '@backstage/core-components';\n\nconst useStyles = makeStyles(theme => ({\n  subheader: {\n    paddingLeft: theme.spacing(0.5),\n  },\n  accordionHeader: {\n    borderBottom: `1px solid ${theme.palette.border}`,\n  },\n  accordionHeaderContent: {\n    margin: `${theme.spacing(2)}px 0 !important`,\n  },\n}));\n\nconst infoCard = (\n  title: React.ReactNode,\n  description: string | undefined,\n  classes: ReturnType<typeof useStyles>,\n  element: React.ReactElement,\n  expanded: boolean,\n  summary?: string,\n) => (\n  <Grid item xs={12}>\n    <Accordion defaultExpanded={expanded}>\n      <AccordionSummary\n        expandIcon={<ExpandMoreIcon />}\n        className={classes.accordionHeader}\n        classes={{\n          content: classes.accordionHeaderContent,\n        }}\n      >\n        <Grid container justifyContent=\"space-between\" alignItems=\"center\">\n          <Grid item>\n            <Typography variant=\"h5\">{title}</Typography>\n          </Grid>\n          <Grid item>\n            <Typography>{summary}</Typography>\n          </Grid>\n        </Grid>\n      </AccordionSummary>\n      <AccordionDetails>\n        <Grid container>\n          {description && (\n            <Grid item xs={12}>\n              <Typography\n                className={classes.subheader}\n                variant=\"body1\"\n                gutterBottom\n              >\n                <MarkdownContent content={description} />\n              </Typography>\n            </Grid>\n          )}\n          <Grid item xs={12}>\n            {element}\n          </Grid>\n        </Grid>\n      </AccordionDetails>\n    </Accordion>\n  </Grid>\n);\n\nexport const ScorecardInfo = (props: {\n  checkResults: CheckResult[];\n  title: ReactNode;\n  entity: Entity;\n  description?: string;\n  noWarning?: boolean;\n  expanded?: boolean;\n}) => {\n  const {\n    checkResults,\n    title,\n    entity,\n    description,\n    noWarning,\n    expanded = true,\n  } = props;\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n\n  if (!checkResults.length) {\n    if (noWarning) {\n      return infoCard(\n        title,\n        description,\n        classes,\n        <Alert severity=\"info\">\n          All checks passed, or no checks have been performed yet\n        </Alert>,\n        expanded,\n      );\n    }\n    return infoCard(\n      title,\n      description,\n      classes,\n      <Alert severity=\"warning\">No checks have any data yet.</Alert>,\n      expanded,\n    );\n  }\n\n  return infoCard(\n    title,\n    description,\n    classes,\n    <ScorecardsList checkResults={checkResults} entity={entity} />,\n    expanded,\n    `${\n      checkResults.filter(checkResult => !api.isCheckResultFailed(checkResult))\n        .length\n    }/${checkResults.length}`,\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAgCA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,SAAW,EAAA;AAAA,IACT,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GAChC;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,MAAM,CAAA;AAAA,GACjD;AAAA,EACA,sBAAwB,EAAA;AAAA,IACtB,MAAQ,EAAA,CAAA,EAAG,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAC,CAAA,eAAA;AAAA;AAE/B,CAAE,CAAA,CAAA;AAEF,MAAM,WAAW,CACf,KAAA,EACA,WACA,EAAA,OAAA,EACA,SACA,QACA,EAAA,OAAA,qBAEC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,iBAAiB,QAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,gBAAA;AAAA,EAAA;AAAA,IACC,UAAA,sCAAa,cAAe,EAAA,IAAA,CAAA;AAAA,IAC5B,WAAW,OAAQ,CAAA,eAAA;AAAA,IACnB,OAAS,EAAA;AAAA,MACP,SAAS,OAAQ,CAAA;AAAA;AACnB,GAAA;AAAA,kBAEA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,cAAA,EAAe,eAAgB,EAAA,UAAA,EAAW,QACxD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,KAAM,CAClC,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,kBACP,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EAAY,OAAQ,CACvB,CACF;AACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAA,EACZ,WACC,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,UAAA;AAAA,EAAA;AAAA,IACC,WAAW,OAAQ,CAAA,SAAA;AAAA,IACnB,OAAQ,EAAA,OAAA;AAAA,IACR,YAAY,EAAA;AAAA,GAAA;AAAA,kBAEZ,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,OAAA,EAAS,WAAa,EAAA;AACzC,CACF,CAAA,kBAED,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,EACZ,OACH,CACF,CACF,CACF,CACF,CAAA;AAGW,MAAA,aAAA,GAAgB,CAAC,KAOxB,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAW,GAAA;AAAA,GACT,GAAA,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AAErC,EAAI,IAAA,CAAC,aAAa,MAAQ,EAAA;AACxB,IAAA,IAAI,SAAW,EAAA;AACb,MAAO,OAAA,QAAA;AAAA,QACL,KAAA;AAAA,QACA,WAAA;AAAA,QACA,OAAA;AAAA,wBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,MAAA,EAAA,EAAO,yDAEvB,CAAA;AAAA,QACA;AAAA,OACF;AAAA;AAEF,IAAO,OAAA,QAAA;AAAA,MACL,KAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA;AAAA,sBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,SAAA,EAAA,EAAU,8BAA4B,CAAA;AAAA,MACtD;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,QAAA;AAAA,IACL,KAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,oBACA,KAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,YAAA,EAA4B,MAAgB,EAAA,CAAA;AAAA,IAC5D,QAAA;AAAA,IACA,CACE,EAAA,YAAA,CAAa,MAAO,CAAA,CAAA,WAAA,KAAe,CAAC,GAAA,CAAI,mBAAoB,CAAA,WAAW,CAAC,CAAA,CACrE,MACL,CAAA,CAAA,EAAI,aAAa,MAAM,CAAA;AAAA,GACzB;AACF;;;;"}
+{"version":3,"file":"ScorecardInfo.esm.js","sources":["../../../src/components/ScorecardsInfo/ScorecardInfo.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ReactNode } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport Alert from '@material-ui/lab/Alert';\nimport { ScorecardsList } from '../ScorecardsList';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Entity } from '@backstage/catalog-model';\nimport { MarkdownContent } from '@backstage/core-components';\nimport { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';\n\nconst useStyles = makeStyles(theme => ({\n  subheader: {\n    paddingLeft: theme.spacing(0.5),\n  },\n  accordionHeader: {\n    borderBottom: `1px solid ${theme.palette.border}`,\n  },\n  accordionHeaderContent: {\n    margin: `${theme.spacing(2)}px 0 !important`,\n  },\n}));\n\nconst infoCard = (\n  title: React.ReactNode,\n  description: string | undefined,\n  classes: ReturnType<typeof useStyles>,\n  element: React.ReactElement,\n  expanded: boolean,\n  summary?: string,\n) => (\n  <Grid item xs={12}>\n    <Accordion defaultExpanded={expanded}>\n      <AccordionSummary\n        expandIcon={<ExpandMoreIcon />}\n        className={classes.accordionHeader}\n        classes={{\n          content: classes.accordionHeaderContent,\n        }}\n      >\n        <Grid container justifyContent=\"space-between\" alignItems=\"center\">\n          <Grid item>\n            <Typography variant=\"h5\">{title}</Typography>\n          </Grid>\n          <Grid item>\n            <Typography>{summary}</Typography>\n          </Grid>\n        </Grid>\n      </AccordionSummary>\n      <AccordionDetails>\n        <Grid container>\n          {description && (\n            <Grid item xs={12}>\n              <Typography\n                className={classes.subheader}\n                variant=\"body1\"\n                gutterBottom\n              >\n                <MarkdownContent content={description} />\n              </Typography>\n            </Grid>\n          )}\n          <Grid item xs={12}>\n            {element}\n          </Grid>\n        </Grid>\n      </AccordionDetails>\n    </Accordion>\n  </Grid>\n);\n\nexport const ScorecardInfo = (props: {\n  checkResults: CheckResult[];\n  title: ReactNode;\n  entity: Entity;\n  description?: string;\n  noWarning?: boolean;\n  expanded?: boolean;\n}) => {\n  const {\n    checkResults,\n    title,\n    entity,\n    description,\n    noWarning,\n    expanded = true,\n  } = props;\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n\n  if (!checkResults.length) {\n    if (noWarning) {\n      return infoCard(\n        title,\n        description,\n        classes,\n        <Alert severity=\"info\">\n          All checks passed, or no checks have been performed yet\n        </Alert>,\n        expanded,\n      );\n    }\n    return infoCard(\n      title,\n      description,\n      classes,\n      <Alert severity=\"warning\">No checks have any data yet.</Alert>,\n      expanded,\n    );\n  }\n\n  return infoCard(\n    title,\n    description,\n    classes,\n    <ScorecardsList checkResults={checkResults} entity={entity} />,\n    expanded,\n    `${\n      checkResults.filter(checkResult => !api.isCheckResultFailed(checkResult))\n        .length\n    }/${checkResults.length}`,\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ScorecardsList/ScorecardsList.esm.js

@@ -5,12 +5,8 @@ import ListItem from '@material-ui/core/ListItem';
 import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
 import ListItemText from '@material-ui/core/ListItemText';
 import { makeStyles } from '@material-ui/core/styles';
-import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
-import '@backstage-community/plugin-tech-insights-common/client';
-import '@material-ui/icons/CheckCircleOutline';
-import '@material-ui/icons/ErrorOutline';
 import { MarkdownContent } from '@backstage/core-components';
-import { ResultCheckIcon } from '../ResultCheckIcon/ResultCheckIcon.esm.js';
+import { techInsightsApiRef, ResultCheckIcon } from '@backstage-community/plugin-tech-insights-react';
 
 const useStyles = makeStyles((theme) => ({
   listItemText: {

package/dist/components/ScorecardsList/ScorecardsList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScorecardsList.esm.js","sources":["../../../src/components/ScorecardsList/ScorecardsList.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { techInsightsApiRef } from '../../api';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport { MarkdownContent } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\nimport { ResultCheckIcon } from '../ResultCheckIcon';\n\nconst useStyles = makeStyles(theme => ({\n  listItemText: {\n    paddingRight: theme.spacing(0.5),\n  },\n}));\n\nexport const ScorecardsList = (props: {\n  checkResults: CheckResult[];\n  entity?: Entity;\n}) => {\n  const { checkResults, entity } = props;\n\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n\n  const types = [...new Set(checkResults.map(({ check }) => check.type))];\n  const checkResultRenderers = api.getCheckResultRenderers(types);\n\n  return (\n    <List>\n      {checkResults.map((result, index) => {\n        const checkResultRenderer = checkResultRenderers.find(\n          renderer => renderer.type === result.check.type,\n        );\n\n        const description = checkResultRenderer?.description;\n\n        return (\n          <ListItem key={result.check.id}>\n            <ListItemText\n              key={index}\n              primary={result.check.name}\n              secondary={\n                description ? (\n                  description(result)\n                ) : (\n                  <MarkdownContent content={result.check.description} />\n                )\n              }\n              className={classes.listItemText}\n            />\n            <ResultCheckIcon\n              result={result}\n              entity={entity}\n              component={ListItemSecondaryAction}\n              checkResultRenderer={checkResultRenderer}\n            />\n          </ListItem>\n        );\n      })}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA6BA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,YAAc,EAAA;AAAA,IACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA;AAEnC,CAAE,CAAA,CAAA;AAEW,MAAA,cAAA,GAAiB,CAAC,KAGzB,KAAA;AACJ,EAAM,MAAA,EAAE,YAAc,EAAA,MAAA,EAAW,GAAA,KAAA;AAEjC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AAErC,EAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,IAAI,IAAI,YAAa,CAAA,GAAA,CAAI,CAAC,EAAE,KAAM,EAAA,KAAM,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA;AACtE,EAAM,MAAA,oBAAA,GAAuB,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA;AAE9D,EAAA,2CACG,IACE,EAAA,IAAA,EAAA,YAAA,CAAa,GAAI,CAAA,CAAC,QAAQ,KAAU,KAAA;AACnC,IAAA,MAAM,sBAAsB,oBAAqB,CAAA,IAAA;AAAA,MAC/C,CAAY,QAAA,KAAA,QAAA,CAAS,IAAS,KAAA,MAAA,CAAO,KAAM,CAAA;AAAA,KAC7C;AAEA,IAAA,MAAM,cAAc,mBAAqB,EAAA,WAAA;AAEzC,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,GAAK,EAAA,MAAA,CAAO,MAAM,EAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,OAAA,EAAS,OAAO,KAAM,CAAA,IAAA;AAAA,QACtB,SAAA,EACE,WACE,GAAA,WAAA,CAAY,MAAM,CAAA,uCAEjB,eAAgB,EAAA,EAAA,OAAA,EAAS,MAAO,CAAA,KAAA,CAAM,WAAa,EAAA,CAAA;AAAA,QAGxD,WAAW,OAAQ,CAAA;AAAA;AAAA,KAErB,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAW,EAAA,uBAAA;AAAA,QACX;AAAA;AAAA,KAEJ,CAAA;AAAA,GAEH,CACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ScorecardsList.esm.js","sources":["../../../src/components/ScorecardsList/ScorecardsList.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport { MarkdownContent } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  ResultCheckIcon,\n  techInsightsApiRef,\n} from '@backstage-community/plugin-tech-insights-react';\n\nconst useStyles = makeStyles(theme => ({\n  listItemText: {\n    paddingRight: theme.spacing(0.5),\n  },\n}));\n\nexport const ScorecardsList = (props: {\n  checkResults: CheckResult[];\n  entity?: Entity;\n}) => {\n  const { checkResults, entity } = props;\n\n  const classes = useStyles();\n  const api = useApi(techInsightsApiRef);\n\n  const types = [...new Set(checkResults.map(({ check }) => check.type))];\n  const checkResultRenderers = api.getCheckResultRenderers(types);\n\n  return (\n    <List>\n      {checkResults.map((result, index) => {\n        const checkResultRenderer = checkResultRenderers.find(\n          renderer => renderer.type === result.check.type,\n        );\n\n        const description = checkResultRenderer?.description;\n\n        return (\n          <ListItem key={result.check.id}>\n            <ListItemText\n              key={index}\n              primary={result.check.name}\n              secondary={\n                description ? (\n                  description(result)\n                ) : (\n                  <MarkdownContent content={result.check.description} />\n                )\n              }\n              className={classes.listItemText}\n            />\n            <ResultCheckIcon\n              result={result}\n              entity={entity}\n              component={ListItemSecondaryAction}\n              checkResultRenderer={checkResultRenderer}\n            />\n          </ListItem>\n        );\n      })}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA+BA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,YAAc,EAAA;AAAA,IACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA;AAEnC,CAAE,CAAA,CAAA;AAEW,MAAA,cAAA,GAAiB,CAAC,KAGzB,KAAA;AACJ,EAAM,MAAA,EAAE,YAAc,EAAA,MAAA,EAAW,GAAA,KAAA;AAEjC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AAErC,EAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,IAAI,IAAI,YAAa,CAAA,GAAA,CAAI,CAAC,EAAE,KAAM,EAAA,KAAM,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA;AACtE,EAAM,MAAA,oBAAA,GAAuB,GAAI,CAAA,uBAAA,CAAwB,KAAK,CAAA;AAE9D,EAAA,2CACG,IACE,EAAA,IAAA,EAAA,YAAA,CAAa,GAAI,CAAA,CAAC,QAAQ,KAAU,KAAA;AACnC,IAAA,MAAM,sBAAsB,oBAAqB,CAAA,IAAA;AAAA,MAC/C,CAAY,QAAA,KAAA,QAAA,CAAS,IAAS,KAAA,MAAA,CAAO,KAAM,CAAA;AAAA,KAC7C;AAEA,IAAA,MAAM,cAAc,mBAAqB,EAAA,WAAA;AAEzC,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,GAAK,EAAA,MAAA,CAAO,MAAM,EAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,OAAA,EAAS,OAAO,KAAM,CAAA,IAAA;AAAA,QACtB,SAAA,EACE,WACE,GAAA,WAAA,CAAY,MAAM,CAAA,uCAEjB,eAAgB,EAAA,EAAA,OAAA,EAAS,MAAO,CAAA,KAAA,CAAM,WAAa,EAAA,CAAA;AAAA,QAGxD,WAAW,OAAQ,CAAA;AAAA;AAAA,KAErB,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,MAAA;AAAA,QACA,SAAW,EAAA,uBAAA;AAAA,QACX;AAAA;AAAA,KAEJ,CAAA;AAAA,GAEH,CACH,CAAA;AAEJ;;;;"}

package/dist/components/ScorecardsPage/Filters.esm.js

@@ -1,8 +1,4 @@
 import React from 'react';
-import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
-import '@backstage-community/plugin-tech-insights-common/client';
-import '@material-ui/icons/CheckCircleOutline';
-import '@material-ui/icons/ErrorOutline';
 import Typography from '@material-ui/core/Typography';
 import Autocomplete from '@material-ui/lab/Autocomplete';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
@@ -17,6 +13,7 @@ import Tooltip from '@material-ui/core/Tooltip';
 import { useApi } from '@backstage/core-plugin-api';
 import useAsync from 'react-use/lib/useAsync';
 import { ErrorPanel } from '@backstage/core-components';
+import { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';
 
 const useStyles = makeStyles({
   fullWidth: { width: "100%" },

package/dist/components/ScorecardsPage/Filters.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filters.esm.js","sources":["../../../src/components/ScorecardsPage/Filters.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { techInsightsApiRef } from '../../api';\nimport { Check } from '@backstage-community/plugin-tech-insights-common/client';\nimport Typography from '@material-ui/core/Typography';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport TextField from '@material-ui/core/TextField';\nimport Box from '@material-ui/core/Box';\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/lib/useAsync';\nimport { ErrorPanel } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  fullWidth: { width: '100%' },\n  boxLabel: {\n    width: '100%',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n  },\n});\n\nconst FixedWidthFormControlLabel = withStyles(_theme => ({\n  label: {\n    width: '100%',\n  },\n  root: {\n    width: '90%',\n  },\n}))(FormControlLabel);\n\nconst icon = <CheckBoxOutlineBlankIcon fontSize=\"small\" />;\nconst checkedIcon = <CheckBoxIcon fontSize=\"small\" />;\n\nfunction RenderOptionLabel(props: { check: Check; isSelected: boolean }) {\n  const classes = useStyles();\n  const { check, isSelected } = props;\n  return (\n    <Box className={classes.fullWidth}>\n      <FixedWidthFormControlLabel\n        className={classes.fullWidth}\n        control={\n          <Checkbox\n            icon={icon}\n            checkedIcon={checkedIcon}\n            checked={isSelected}\n          />\n        }\n        onClick={event => event.preventDefault()}\n        label={\n          <Tooltip title={check.id}>\n            <Box display=\"flex\" alignItems=\"center\">\n              <Box className={classes.boxLabel}>\n                <Typography noWrap>{check.name}</Typography>\n              </Box>\n            </Box>\n          </Tooltip>\n        }\n      />\n    </Box>\n  );\n}\n\nconst withResultsOptions = [\n  { label: 'Yes', value: true },\n  { label: 'No', value: false },\n];\n\n/** public **/\nexport type FiltersProps = {\n  checksChanged: (checks: Check[]) => void;\n  withResultsChanged: (withResults: boolean) => void;\n};\n\nexport const Filters = (props: FiltersProps) => {\n  const { checksChanged, withResultsChanged } = props;\n  const api = useApi(techInsightsApiRef);\n\n  const { value, loading, error } = useAsync(async () => {\n    return api.getAllChecks();\n  }, [api]);\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  return (\n    <>\n      <Box pb={1} pt={1}>\n        <Typography variant=\"button\" component=\"label\">\n          Checks\n          <Autocomplete\n            multiple\n            disableCloseOnSelect\n            options={value ?? []}\n            loading={loading}\n            getOptionLabel={o => o.name}\n            onChange={(_: object, changedChecks) => {\n              checksChanged(changedChecks);\n            }}\n            filterOptions={x => x}\n            renderOption={(check, { selected }) => {\n              return <RenderOptionLabel check={check} isSelected={selected} />;\n            }}\n            size=\"small\"\n            popupIcon={<ExpandMoreIcon />}\n            renderInput={params => <TextField {...params} variant=\"outlined\" />}\n          />\n        </Typography>\n      </Box>\n      <Box pb={1} pt={1}>\n        <Typography variant=\"button\" component=\"label\">\n          Only with results\n          <Autocomplete\n            defaultValue={withResultsOptions[0]}\n            options={withResultsOptions}\n            getOptionLabel={o => o.label}\n            onChange={(_: object, selectedItem) => {\n              if (selectedItem) {\n                withResultsChanged(selectedItem.value);\n              }\n            }}\n            disableClearable\n            size=\"small\"\n            popupIcon={<ExpandMoreIcon />}\n            renderInput={params => <TextField {...params} variant=\"outlined\" />}\n          />\n        </Typography>\n      </Box>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Filters.esm.js","sources":["../../../src/components/ScorecardsPage/Filters.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Check } from '@backstage-community/plugin-tech-insights-common';\nimport Typography from '@material-ui/core/Typography';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport TextField from '@material-ui/core/TextField';\nimport Box from '@material-ui/core/Box';\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/lib/useAsync';\nimport { ErrorPanel } from '@backstage/core-components';\nimport { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';\n\nconst useStyles = makeStyles({\n  fullWidth: { width: '100%' },\n  boxLabel: {\n    width: '100%',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n  },\n});\n\nconst FixedWidthFormControlLabel = withStyles(_theme => ({\n  label: {\n    width: '100%',\n  },\n  root: {\n    width: '90%',\n  },\n}))(FormControlLabel);\n\nconst icon = <CheckBoxOutlineBlankIcon fontSize=\"small\" />;\nconst checkedIcon = <CheckBoxIcon fontSize=\"small\" />;\n\nfunction RenderOptionLabel(props: { check: Check; isSelected: boolean }) {\n  const classes = useStyles();\n  const { check, isSelected } = props;\n  return (\n    <Box className={classes.fullWidth}>\n      <FixedWidthFormControlLabel\n        className={classes.fullWidth}\n        control={\n          <Checkbox\n            icon={icon}\n            checkedIcon={checkedIcon}\n            checked={isSelected}\n          />\n        }\n        onClick={event => event.preventDefault()}\n        label={\n          <Tooltip title={check.id}>\n            <Box display=\"flex\" alignItems=\"center\">\n              <Box className={classes.boxLabel}>\n                <Typography noWrap>{check.name}</Typography>\n              </Box>\n            </Box>\n          </Tooltip>\n        }\n      />\n    </Box>\n  );\n}\n\nconst withResultsOptions = [\n  { label: 'Yes', value: true },\n  { label: 'No', value: false },\n];\n\n/** public **/\nexport type FiltersProps = {\n  checksChanged: (checks: Check[]) => void;\n  withResultsChanged: (withResults: boolean) => void;\n};\n\nexport const Filters = (props: FiltersProps) => {\n  const { checksChanged, withResultsChanged } = props;\n  const api = useApi(techInsightsApiRef);\n\n  const { value, loading, error } = useAsync(async () => {\n    return api.getAllChecks();\n  }, [api]);\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  return (\n    <>\n      <Box pb={1} pt={1}>\n        <Typography variant=\"button\" component=\"label\">\n          Checks\n          <Autocomplete\n            multiple\n            disableCloseOnSelect\n            options={value ?? []}\n            loading={loading}\n            getOptionLabel={o => o.name}\n            onChange={(_: object, changedChecks) => {\n              checksChanged(changedChecks);\n            }}\n            filterOptions={x => x}\n            renderOption={(check, { selected }) => {\n              return <RenderOptionLabel check={check} isSelected={selected} />;\n            }}\n            size=\"small\"\n            popupIcon={<ExpandMoreIcon />}\n            renderInput={params => <TextField {...params} variant=\"outlined\" />}\n          />\n        </Typography>\n      </Box>\n      <Box pb={1} pt={1}>\n        <Typography variant=\"button\" component=\"label\">\n          Only with results\n          <Autocomplete\n            defaultValue={withResultsOptions[0]}\n            options={withResultsOptions}\n            getOptionLabel={o => o.label}\n            onChange={(_: object, selectedItem) => {\n              if (selectedItem) {\n                withResultsChanged(selectedItem.value);\n              }\n            }}\n            disableClearable\n            size=\"small\"\n            popupIcon={<ExpandMoreIcon />}\n            renderInput={params => <TextField {...params} variant=\"outlined\" />}\n          />\n        </Typography>\n      </Box>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ScorecardsPage/ScorecardsPage.esm.js

@@ -1,16 +1,13 @@
 import React, { useState, useMemo } from 'react';
 import { ErrorPanel, Page, Header, HeaderLabel, Content, Table } from '@backstage/core-components';
 import { useApi } from '@backstage/core-plugin-api';
-import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
-import '@backstage-community/plugin-tech-insights-common/client';
-import '@material-ui/icons/CheckCircleOutline';
-import '@material-ui/icons/ErrorOutline';
 import useAsync from 'react-use/lib/useAsync';
 import { EntityRefLink } from '@backstage/plugin-catalog-react';
 import { ScorecardsList } from '../ScorecardsList/ScorecardsList.esm.js';
 import Grid from '@material-ui/core/Grid';
 import { Filters } from './Filters.esm.js';
 import { ExportCsv } from '@material-table/exporters';
+import { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';
 
 const ScorecardsPage = () => {
   const api = useApi(techInsightsApiRef);

package/dist/components/ScorecardsPage/ScorecardsPage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScorecardsPage.esm.js","sources":["../../../src/components/ScorecardsPage/ScorecardsPage.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useMemo, useState } from 'react';\nimport {\n  Content,\n  ErrorPanel,\n  Header,\n  HeaderLabel,\n  Page,\n  TableColumn,\n  Table,\n  TableOptions,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { techInsightsApiRef } from '../../api';\nimport { Check } from '@backstage-community/plugin-tech-insights-common/client';\nimport useAsync from 'react-use/lib/useAsync';\nimport { BulkCheckResponse } from '@backstage-community/plugin-tech-insights-common';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { ScorecardsList } from '../ScorecardsList';\nimport Grid from '@material-ui/core/Grid';\nimport { Filters } from './Filters';\nimport { ExportCsv as exportCsv } from '@material-table/exporters';\n\nexport const ScorecardsPage = () => {\n  const api = useApi(techInsightsApiRef);\n  const [filterSelectedChecks, setFilterSelectedChecks] = useState<Check[]>([]);\n  const [filterWithResults, setFilterWithResults] = useState<boolean>(true);\n  const tableOptions: TableOptions = {\n    exportAllData: true,\n    exportMenu: [\n      {\n        label: 'Export CSV',\n        exportFunc: (cols, datas) => exportCsv(cols, datas, 'tech-insights'),\n      },\n    ],\n  };\n\n  const { value, loading, error } = useAsync(async () => {\n    const checks = await api.getAllChecks();\n    const result = await api.runBulkChecks([], filterSelectedChecks);\n\n    return {\n      checks,\n      result: filterWithResults\n        ? result.filter(response => response.results.length > 0)\n        : result,\n    };\n  }, [api, filterSelectedChecks, filterWithResults]);\n\n  const tableColumns = useMemo(() => {\n    const columns: TableColumn<BulkCheckResponse[0]>[] = [\n      {\n        field: 'entity',\n        title: 'Entity',\n        render: row => <EntityRefLink entityRef={row.entity} />,\n      },\n      {\n        field: 'results',\n        title: 'Results',\n        render: row => <ScorecardsList checkResults={row.results} />,\n        export: false,\n      },\n    ];\n\n    (filterSelectedChecks.length === 0\n      ? value?.checks || []\n      : filterSelectedChecks\n    ).forEach(check => {\n      columns.push({\n        field: check.id,\n        title: check.name,\n        customExport: row =>\n          `${\n            row.results.filter(\n              result => result && result.check && result.check.id === check.id,\n            )[0]?.result\n          }`,\n        hidden: true,\n        export: true,\n      });\n    });\n\n    return columns;\n  }, [value, filterSelectedChecks]);\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"Tech insights\">\n        <HeaderLabel label=\"Entities\" value={value?.result.length ?? 0} />\n        <HeaderLabel label=\"Checks\" value={value?.checks.length ?? 0} />\n      </Header>\n      <Content>\n        <Grid container>\n          <Grid item style={{ width: '300px' }}>\n            <Filters\n              checksChanged={checks => setFilterSelectedChecks(checks)}\n              withResultsChanged={withResults =>\n                setFilterWithResults(withResults)\n              }\n            />\n          </Grid>\n          <Grid item xs>\n            <Table\n              columns={tableColumns}\n              data={value?.result ?? []}\n              isLoading={loading}\n              options={tableOptions}\n            />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":["exportCsv"],"mappings":"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"}
+{"version":3,"file":"ScorecardsPage.esm.js","sources":["../../../src/components/ScorecardsPage/ScorecardsPage.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useMemo, useState } from 'react';\nimport {\n  Content,\n  ErrorPanel,\n  Header,\n  HeaderLabel,\n  Page,\n  TableColumn,\n  Table,\n  TableOptions,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  Check,\n  BulkCheckResponse,\n} from '@backstage-community/plugin-tech-insights-common';\nimport useAsync from 'react-use/lib/useAsync';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { ScorecardsList } from '../ScorecardsList';\nimport Grid from '@material-ui/core/Grid';\nimport { Filters } from './Filters';\nimport { ExportCsv as exportCsv } from '@material-table/exporters';\nimport { techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';\n\nexport const ScorecardsPage = () => {\n  const api = useApi(techInsightsApiRef);\n  const [filterSelectedChecks, setFilterSelectedChecks] = useState<Check[]>([]);\n  const [filterWithResults, setFilterWithResults] = useState<boolean>(true);\n  const tableOptions: TableOptions = {\n    exportAllData: true,\n    exportMenu: [\n      {\n        label: 'Export CSV',\n        exportFunc: (cols, datas) => exportCsv(cols, datas, 'tech-insights'),\n      },\n    ],\n  };\n\n  const { value, loading, error } = useAsync(async () => {\n    const checks = await api.getAllChecks();\n    const result = await api.runBulkChecks([], filterSelectedChecks);\n\n    return {\n      checks,\n      result: filterWithResults\n        ? result.filter(response => response.results.length > 0)\n        : result,\n    };\n  }, [api, filterSelectedChecks, filterWithResults]);\n\n  const tableColumns = useMemo(() => {\n    const columns: TableColumn<BulkCheckResponse[0]>[] = [\n      {\n        field: 'entity',\n        title: 'Entity',\n        render: row => <EntityRefLink entityRef={row.entity} />,\n      },\n      {\n        field: 'results',\n        title: 'Results',\n        render: row => <ScorecardsList checkResults={row.results} />,\n        export: false,\n      },\n    ];\n\n    (filterSelectedChecks.length === 0\n      ? value?.checks || []\n      : filterSelectedChecks\n    ).forEach(check => {\n      columns.push({\n        field: check.id,\n        title: check.name,\n        customExport: row =>\n          `${\n            row.results.filter(\n              result => result && result.check && result.check.id === check.id,\n            )[0]?.result\n          }`,\n        hidden: true,\n        export: true,\n      });\n    });\n\n    return columns;\n  }, [value, filterSelectedChecks]);\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"Tech insights\">\n        <HeaderLabel label=\"Entities\" value={value?.result.length ?? 0} />\n        <HeaderLabel label=\"Checks\" value={value?.checks.length ?? 0} />\n      </Header>\n      <Content>\n        <Grid container>\n          <Grid item style={{ width: '300px' }}>\n            <Filters\n              checksChanged={checks => setFilterSelectedChecks(checks)}\n              withResultsChanged={withResults =>\n                setFilterWithResults(withResults)\n              }\n            />\n          </Grid>\n          <Grid item xs>\n            <Table\n              columns={tableColumns}\n              data={value?.result ?? []}\n              isLoading={loading}\n              options={tableOptions}\n            />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":["exportCsv"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,104 +1,11 @@
 /// <reference types="react" />
+import * as _backstage_community_plugin_tech_insights_react from '@backstage-community/plugin-tech-insights-react';
+export { BooleanCheck, CheckResultRenderer, ResultCheckIconBaseComponentProps, ResultCheckIconProps, ResultLinksMenuInfo, TechInsightsApi, TechInsightsClient, jsonRulesEngineCheckResultRenderer, techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';
+import * as _backstage_catalog_model_index from '@backstage/catalog-model/index';
 import * as react from 'react';
-import react__default, { PropsWithChildren, MouseEventHandler, ElementType, ReactNode } from 'react';
 import * as _backstage_community_plugin_tech_insights_common from '@backstage-community/plugin-tech-insights-common';
-import { CheckResult, BulkCheckResponse, FactSchema, CheckLink } from '@backstage-community/plugin-tech-insights-common';
-import { Entity, CompoundEntityRef } from '@backstage/catalog-model';
-import * as _backstage_community_plugin_tech_insights_common_client from '@backstage-community/plugin-tech-insights-common/client';
-import { Check as Check$1, InsightFacts as InsightFacts$1, TechInsightsClient as TechInsightsClient$1 } from '@backstage-community/plugin-tech-insights-common/client';
-import * as _backstage_catalog_model_index from '@backstage/catalog-model/index';
+export { Check, InsightFacts } from '@backstage-community/plugin-tech-insights-common';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
-import { DiscoveryApi, IdentityApi } from '@backstage/core-plugin-api';
-import { JsonValue } from '@backstage/types';
-
-/**
- * TechInsightsLinksMenu setMenu receiver.
- *
- * This object contains an {@link ResultLinksMenuInfo.open | open} function,
- * which can be used to open the popup menu. It closes automatically on
- * click-away.
- *
- * @public
- */
-type ResultLinksMenuInfo = {
-    /**
-     * Call this function to open the popup menu. The element argument should be
-     * an element which is used as an anchor for the menu - where to display it.
-     */
-    open: (element: Element) => void;
-};
-
-/**
- * Defines a react component that is responsible for rendering a result of a given type.
- *
- * @public
- */
-type CheckResultRenderer = {
-    type: string;
-    component: (check: CheckResult) => react__default.ReactElement;
-    description?: (check: CheckResult) => string | react__default.ReactElement;
-    isFailed?: (check: CheckResult) => boolean;
-};
-/**
- * Default renderer for json-rules-engine check results.
- *
- * @public
- */
-declare const jsonRulesEngineCheckResultRenderer: CheckResultRenderer;
-
-/** @public */
-type ResultCheckIconBaseComponentProps = PropsWithChildren<{
-    onClick?: MouseEventHandler;
-}>;
-/**
- * ResultCheckIcon props
- *
- * The only necessary prop is {@link ResultCheckIconProps.result}, but if
- * {@link ResultCheckIconProps.entity} is provided, the popup menu with links
- * will also include links specifically for this entity.
- *
- * @public
- */
-interface ResultCheckIconProps<P extends ResultCheckIconBaseComponentProps> {
-    /**
-     * The CheckResult object to create an icon for
-     */
-    result: CheckResult;
-    /**
-     * The entity for which this check result is created. This is optional, but if
-     * provided, entity-specific links will be added to the popup menu, if any.
-     */
-    entity?: Entity;
-    /**
-     * This can optionally be provided, with a small performance improvement, if
-     * it is already cashed upstream.
-     */
-    checkResultRenderer?: CheckResultRenderer;
-    /**
-     * Will disable the popup menu
-     */
-    disableLinksMenu?: boolean;
-    /**
-     * The icon is rendered with an `IconButton` which handles the onClick.
-     * To wrap this in another component, handling the onClick, pass a component,
-     * such as `ListItemSecondaryAction` which handles the `onClick` to open the
-     * popup menu.
-     *
-     * The {@link ResultCheckIconProps.componentProps} prop can be specified to
-     * add props to the wrapping component.
-     */
-    component?: ElementType<P>;
-    /**
-     * Props to provide to the wrapping component
-     * {@link ResultCheckIconProps.component}.
-     */
-    componentProps?: Omit<P, 'onClick' | 'children'>;
-    /**
-     * Override the component used to display instead of a result icon, when no
-     * renderer was found for this check type.
-     */
-    missingRendererComponent?: ReactNode;
-}
 
 /**
  * @public
@@ -131,7 +38,7 @@ declare const EntityTechInsightsScorecardContent: (props: {
     title: string;
     description?: string | undefined;
     checksId?: string[] | undefined;
-    filter?: ((check: _backstage_community_plugin_tech_insights_common_client.Check) => boolean) | undefined;
+    filter?: ((check: _backstage_community_plugin_tech_insights_common.Check) => boolean) | undefined;
 }) => react.JSX.Element;
 /**
  * @public
@@ -140,7 +47,7 @@ declare const EntityTechInsightsScorecardCard: (props: {
     title: string;
     description?: string | undefined;
     checksId?: string[] | undefined;
-    filter?: ((check: _backstage_community_plugin_tech_insights_common_client.Check) => boolean) | undefined;
+    filter?: ((check: _backstage_community_plugin_tech_insights_common.Check) => boolean) | undefined;
     onlyFailed?: boolean | undefined;
     expanded?: boolean | undefined;
 }) => react.JSX.Element;
@@ -150,84 +57,17 @@ declare const EntityTechInsightsScorecardCard: (props: {
 declare const TechInsightsScorecardPage: () => react.JSX.Element;
 /**
  * @public
+ * @deprecated Use `ResultCheckIcon` from `@backstage-community/plugin-tech-insights-react` instead
  */
-declare const TechInsightsCheckIcon: <P extends ResultCheckIconBaseComponentProps>(props: ResultCheckIconProps<P>) => react.JSX.Element;
+declare const TechInsightsCheckIcon: <P extends _backstage_community_plugin_tech_insights_react.ResultCheckIconBaseComponentProps>(props: _backstage_community_plugin_tech_insights_react.ResultCheckIconProps<P>) => react.JSX.Element;
 /**
  * @public
+ * @deprecated Use `ResultLinksMenu` from `@backstage-community/plugin-tech-insights-react` instead
  */
 declare const TechInsightsLinksMenu: (props: react.PropsWithChildren<{
     result: _backstage_community_plugin_tech_insights_common.CheckResult;
     entity?: _backstage_catalog_model_index.Entity | undefined;
-    setMenu(opener: ResultLinksMenuInfo | undefined): void;
+    setMenu(opener: _backstage_community_plugin_tech_insights_react.ResultLinksMenuInfo | undefined): void;
 }>) => react.JSX.Element | null;
 
-/**
- * {@link @backstage/core-plugin-api#ApiRef} for the {@link TechInsightsApi}
- *
- * @public
- */
-declare const techInsightsApiRef: _backstage_core_plugin_api.ApiRef<TechInsightsApi>;
-/**
- * API client interface for the Tech Insights plugin
- *
- * @public
- */
-interface TechInsightsApi {
-    getCheckResultRenderers: (types: string[]) => CheckResultRenderer[];
-    isCheckResultFailed: (check: CheckResult) => boolean;
-    getAllChecks(): Promise<Check$1[]>;
-    runChecks(entityParams: CompoundEntityRef, checks?: string[]): Promise<CheckResult[]>;
-    runBulkChecks(entities: CompoundEntityRef[], checks?: Check$1[]): Promise<BulkCheckResponse>;
-    getFacts(entity: CompoundEntityRef, facts: string[]): Promise<InsightFacts$1>;
-    getFactSchemas(): Promise<FactSchema[]>;
-    getLinksForEntity(result: CheckResult, entity: Entity, options?: {
-        includeStaticLinks?: boolean;
-    }): CheckLink[];
-}
-
-/** @public */
-declare class TechInsightsClient extends TechInsightsClient$1 implements TechInsightsApi {
-    private readonly renderers?;
-    private readonly customGetEntityLinks;
-    constructor(options: {
-        discoveryApi: DiscoveryApi;
-        identityApi: IdentityApi;
-        renderers?: CheckResultRenderer[];
-        getEntityLinks?: (result: CheckResult, entity: Entity) => CheckLink[];
-    });
-    getCheckResultRenderers(types: string[]): CheckResultRenderer[];
-    isCheckResultFailed(check: CheckResult): boolean;
-    getLinksForEntity(result: CheckResult, entity: Entity, options?: {
-        includeStaticLinks?: boolean;
-    }): CheckLink[];
-}
-
-/**
- * Represents a single check defined on the TechInsights backend.
- *
- * @public
- * @deprecated Import from \@backstage-community/plugin-tech-insights-common/client
- */
-type Check = Check$1;
-/**
- * Represents a Fact defined on the TechInsights backend.
- *
- * @public
- * @deprecated Import from \@backstage-community/plugin-tech-insights-common/client
- */
-interface InsightFacts {
-    [factId: string]: {
-        timestamp: string;
-        version: string;
-        facts: Record<string, JsonValue>;
-    };
-}
-
-/**
- * @public
- */
-declare const BooleanCheck: (props: {
-    checkResult: CheckResult;
-}) => react__default.JSX.Element;
-
-export { BooleanCheck, type Check, type CheckResultRenderer, EntityTechInsightsScorecardCard, EntityTechInsightsScorecardContent, type InsightFacts, type ResultCheckIconBaseComponentProps, type ResultCheckIconProps, type ResultLinksMenuInfo, ScorecardInfo, ScorecardsList, type TechInsightsApi, TechInsightsCheckIcon, TechInsightsClient, TechInsightsLinksMenu, TechInsightsScorecardPage, jsonRulesEngineCheckResultRenderer, techInsightsApiRef, techInsightsPlugin };
+export { EntityTechInsightsScorecardCard, EntityTechInsightsScorecardContent, ScorecardInfo, ScorecardsList, TechInsightsCheckIcon, TechInsightsLinksMenu, TechInsightsScorecardPage, techInsightsPlugin };

package/dist/index.esm.js

@@ -1,6 +1,3 @@
 export { EntityTechInsightsScorecardCard, EntityTechInsightsScorecardContent, ScorecardInfo, ScorecardsList, TechInsightsCheckIcon, TechInsightsLinksMenu, TechInsightsScorecardPage, techInsightsPlugin } from './plugin.esm.js';
-export { techInsightsApiRef } from './api/TechInsightsApi.esm.js';
-export { TechInsightsClient } from './api/TechInsightsClient.esm.js';
-export { BooleanCheck } from './components/BooleanCheck/BooleanCheck.esm.js';
-export { jsonRulesEngineCheckResultRenderer } from './components/CheckResultRenderer.esm.js';
+export { BooleanCheck, TechInsightsClient, jsonRulesEngineCheckResultRenderer, techInsightsApiRef } from '@backstage-community/plugin-tech-insights-react';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/plugin.esm.js

@@ -1,7 +1,6 @@
 import { createPlugin, createApiFactory, discoveryApiRef, identityApiRef, createComponentExtension, createRoutableExtension } from '@backstage/core-plugin-api';
+import { techInsightsApiRef, TechInsightsClient } from '@backstage-community/plugin-tech-insights-react';
 import { rootRouteRef } from './routes.esm.js';
-import { techInsightsApiRef } from './api/TechInsightsApi.esm.js';
-import { TechInsightsClient } from './api/TechInsightsClient.esm.js';
 
 const techInsightsPlugin = createPlugin({
   id: "tech-insights",
@@ -57,7 +56,9 @@ const TechInsightsCheckIcon = techInsightsPlugin.provide(
   createComponentExtension({
     name: "TechInsightsCheckIcon",
     component: {
-      lazy: () => import('./components/ResultCheckIcon/index.esm.js').then((m) => m.ResultCheckIcon)
+      lazy: () => import('@backstage-community/plugin-tech-insights-react').then(
+        (m) => m.ResultCheckIcon
+      )
     }
   })
 );
@@ -65,7 +66,9 @@ const TechInsightsLinksMenu = techInsightsPlugin.provide(
   createComponentExtension({
     name: "TechInsightsLinksMenu",
     component: {
-      lazy: () => import('./components/ResultLinksMenu/index.esm.js').then((m) => m.ResultLinksMenu)
+      lazy: () => import('@backstage-community/plugin-tech-insights-react').then(
+        (m) => m.ResultLinksMenu
+      )
     }
   })
 );

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  createPlugin,\n  createComponentExtension,\n  createRoutableExtension,\n  createApiFactory,\n  discoveryApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport { rootRouteRef } from './routes';\nimport { techInsightsApiRef } from './api/TechInsightsApi';\nimport { TechInsightsClient } from './api/TechInsightsClient';\n\n/**\n * @public\n */\nexport const techInsightsPlugin = createPlugin({\n  id: 'tech-insights',\n  apis: [\n    createApiFactory({\n      api: techInsightsApiRef,\n      deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },\n      factory: ({ discoveryApi, identityApi }) =>\n        new TechInsightsClient({ discoveryApi, identityApi }),\n    }),\n  ],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/**\n * @public\n */\nexport const ScorecardInfo = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'ScorecardInfo',\n    component: {\n      lazy: () =>\n        import('./components/ScorecardsInfo').then(m => m.ScorecardInfo),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const ScorecardsList = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'ScorecardsList',\n    component: {\n      lazy: () =>\n        import('./components/ScorecardsList').then(m => m.ScorecardsList),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityTechInsightsScorecardContent = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityTechInsightsScorecardContent',\n    component: () =>\n      import('./components/ScorecardsContent').then(m => m.ScorecardsContent),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityTechInsightsScorecardCard = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityTechInsightsScorecardCard',\n    component: () =>\n      import('./components/ScorecardsCard').then(m => m.ScorecardsCard),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const TechInsightsScorecardPage = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'TechInsightsScorecardPage',\n    component: () =>\n      import('./components/ScorecardsPage').then(m => m.ScorecardsPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const TechInsightsCheckIcon = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'TechInsightsCheckIcon',\n    component: {\n      lazy: () =>\n        import('./components/ResultCheckIcon').then(m => m.ResultCheckIcon),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const TechInsightsLinksMenu = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'TechInsightsLinksMenu',\n    component: {\n      lazy: () =>\n        import('./components/ResultLinksMenu').then(m => m.ResultLinksMenu),\n    },\n  }),\n);\n"],"names":[],"mappings":";;;;;AA8BO,MAAM,qBAAqB,YAAa,CAAA;AAAA,EAC7C,EAAI,EAAA,eAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,kBAAA;AAAA,MACL,IAAM,EAAA,EAAE,YAAc,EAAA,eAAA,EAAiB,aAAa,cAAe,EAAA;AAAA,MACnE,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,WAAA,EACxB,KAAA,IAAI,kBAAmB,CAAA,EAAE,YAAc,EAAA,WAAA,EAAa;AAAA,KACvD;AAAA,GACH;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA;AAEV,CAAC;AAKM,MAAM,gBAAgB,kBAAmB,CAAA,OAAA;AAAA,EAC9C,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,eAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,aAAa;AAAA;AACnE,GACD;AACH;AAKO,MAAM,iBAAiB,kBAAmB,CAAA,OAAA;AAAA,EAC/C,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,gBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc;AAAA;AACpE,GACD;AACH;AAKO,MAAM,qCAAqC,kBAAmB,CAAA,OAAA;AAAA,EACnE,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,oCAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB,CAAA;AAAA,IACxE,UAAY,EAAA;AAAA,GACb;AACH;AAKO,MAAM,kCAAkC,kBAAmB,CAAA,OAAA;AAAA,EAChE,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,iCAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,IAClE,UAAY,EAAA;AAAA,GACb;AACH;AAKO,MAAM,4BAA4B,kBAAmB,CAAA,OAAA;AAAA,EAC1D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,2BAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,IAClE,UAAY,EAAA;AAAA,GACb;AACH;AAKO,MAAM,wBAAwB,kBAAmB,CAAA,OAAA;AAAA,EACtD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,2CAA8B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,eAAe;AAAA;AACtE,GACD;AACH;AAKO,MAAM,wBAAwB,kBAAmB,CAAA,OAAA;AAAA,EACtD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,2CAA8B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,eAAe;AAAA;AACtE,GACD;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  createPlugin,\n  createComponentExtension,\n  createRoutableExtension,\n  createApiFactory,\n  discoveryApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  techInsightsApiRef,\n  TechInsightsClient,\n} from '@backstage-community/plugin-tech-insights-react';\nimport { rootRouteRef } from './routes';\n\n/**\n * @public\n */\nexport const techInsightsPlugin = createPlugin({\n  id: 'tech-insights',\n  apis: [\n    createApiFactory({\n      api: techInsightsApiRef,\n      deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },\n      factory: ({ discoveryApi, identityApi }) =>\n        new TechInsightsClient({ discoveryApi, identityApi }),\n    }),\n  ],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/**\n * @public\n */\nexport const ScorecardInfo = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'ScorecardInfo',\n    component: {\n      lazy: () =>\n        import('./components/ScorecardsInfo').then(m => m.ScorecardInfo),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const ScorecardsList = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'ScorecardsList',\n    component: {\n      lazy: () =>\n        import('./components/ScorecardsList').then(m => m.ScorecardsList),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityTechInsightsScorecardContent = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityTechInsightsScorecardContent',\n    component: () =>\n      import('./components/ScorecardsContent').then(m => m.ScorecardsContent),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const EntityTechInsightsScorecardCard = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'EntityTechInsightsScorecardCard',\n    component: () =>\n      import('./components/ScorecardsCard').then(m => m.ScorecardsCard),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const TechInsightsScorecardPage = techInsightsPlugin.provide(\n  createRoutableExtension({\n    name: 'TechInsightsScorecardPage',\n    component: () =>\n      import('./components/ScorecardsPage').then(m => m.ScorecardsPage),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n * @deprecated Use `ResultCheckIcon` from `@backstage-community/plugin-tech-insights-react` instead\n */\nexport const TechInsightsCheckIcon = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'TechInsightsCheckIcon',\n    component: {\n      lazy: () =>\n        import('@backstage-community/plugin-tech-insights-react').then(\n          m => m.ResultCheckIcon,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n * @deprecated Use `ResultLinksMenu` from `@backstage-community/plugin-tech-insights-react` instead\n */\nexport const TechInsightsLinksMenu = techInsightsPlugin.provide(\n  createComponentExtension({\n    name: 'TechInsightsLinksMenu',\n    component: {\n      lazy: () =>\n        import('@backstage-community/plugin-tech-insights-react').then(\n          m => m.ResultLinksMenu,\n        ),\n    },\n  }),\n);\n"],"names":[],"mappings":";;;;AAgCO,MAAM,qBAAqB,YAAa,CAAA;AAAA,EAC7C,EAAI,EAAA,eAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,kBAAA;AAAA,MACL,IAAM,EAAA,EAAE,YAAc,EAAA,eAAA,EAAiB,aAAa,cAAe,EAAA;AAAA,MACnE,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,WAAA,EACxB,KAAA,IAAI,kBAAmB,CAAA,EAAE,YAAc,EAAA,WAAA,EAAa;AAAA,KACvD;AAAA,GACH;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA;AAEV,CAAC;AAKM,MAAM,gBAAgB,kBAAmB,CAAA,OAAA;AAAA,EAC9C,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,eAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,aAAa;AAAA;AACnE,GACD;AACH;AAKO,MAAM,iBAAiB,kBAAmB,CAAA,OAAA;AAAA,EAC/C,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,gBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc;AAAA;AACpE,GACD;AACH;AAKO,MAAM,qCAAqC,kBAAmB,CAAA,OAAA;AAAA,EACnE,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,oCAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB,CAAA;AAAA,IACxE,UAAY,EAAA;AAAA,GACb;AACH;AAKO,MAAM,kCAAkC,kBAAmB,CAAA,OAAA;AAAA,EAChE,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,iCAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,IAClE,UAAY,EAAA;AAAA,GACb;AACH;AAKO,MAAM,4BAA4B,kBAAmB,CAAA,OAAA;AAAA,EAC1D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,2BAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,IAClE,UAAY,EAAA;AAAA,GACb;AACH;AAMO,MAAM,wBAAwB,kBAAmB,CAAA,OAAA;AAAA,EACtD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,iDAAiD,CAAE,CAAA,IAAA;AAAA,QACxD,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;AAMO,MAAM,wBAAwB,kBAAmB,CAAA,OAAA;AAAA,EACtD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,iDAAiD,CAAE,CAAA,IAAA;AAAA,QACxD,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-tech-insights",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "tech-insights",
@@ -8,7 +8,10 @@
       "@backstage-community/plugin-tech-insights",
       "@backstage-community/plugin-tech-insights-backend",
       "@backstage-community/plugin-tech-insights-common",
-      "@backstage-community/plugin-tech-insights-node"
+      "@backstage-community/plugin-tech-insights-maturity",
+      "@backstage-community/plugin-tech-insights-maturity-common",
+      "@backstage-community/plugin-tech-insights-node",
+      "@backstage-community/plugin-tech-insights-react"
     ]
   },
   "publishConfig": {
@@ -39,13 +42,14 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage-community/plugin-tech-insights-common": "^0.4.0",
-    "@backstage/catalog-model": "^1.7.2",
-    "@backstage/core-components": "^0.16.2",
-    "@backstage/core-plugin-api": "^1.10.2",
-    "@backstage/errors": "^1.2.6",
-    "@backstage/plugin-catalog-react": "^1.15.0",
-    "@backstage/types": "^1.2.0",
+    "@backstage-community/plugin-tech-insights-common": "^0.5.0",
+    "@backstage-community/plugin-tech-insights-react": "^1.1.0",
+    "@backstage/catalog-model": "^1.7.3",
+    "@backstage/core-components": "^0.16.3",
+    "@backstage/core-plugin-api": "^1.10.3",
+    "@backstage/errors": "^1.2.7",
+    "@backstage/plugin-catalog-react": "^1.15.1",
+    "@backstage/types": "^1.2.1",
     "@material-table/exporters": "^1.2.19",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
@@ -54,8 +58,8 @@
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.29.4",
-    "@backstage/dev-utils": "^1.1.5",
+    "@backstage/cli": "^0.29.6",
+    "@backstage/dev-utils": "^1.1.6",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",

package/dist/api/TechInsightsApi.esm.js

@@ -1,8 +0,0 @@
-import { createApiRef } from '@backstage/core-plugin-api';
-
-const techInsightsApiRef = createApiRef({
-  id: "plugin.techinsights.service"
-});
-
-export { techInsightsApiRef };
-//# sourceMappingURL=TechInsightsApi.esm.js.map

package/dist/api/TechInsightsApi.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TechInsightsApi.esm.js","sources":["../../src/api/TechInsightsApi.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createApiRef } from '@backstage/core-plugin-api';\nimport {\n  CheckResult,\n  BulkCheckResponse,\n  FactSchema,\n  CheckLink,\n} from '@backstage-community/plugin-tech-insights-common';\nimport {\n  Check,\n  InsightFacts,\n} from '@backstage-community/plugin-tech-insights-common/client';\nimport { CheckResultRenderer } from '../components/CheckResultRenderer';\nimport { CompoundEntityRef, Entity } from '@backstage/catalog-model';\n\n/**\n * {@link @backstage/core-plugin-api#ApiRef} for the {@link TechInsightsApi}\n *\n * @public\n */\nexport const techInsightsApiRef = createApiRef<TechInsightsApi>({\n  id: 'plugin.techinsights.service',\n});\n\n/**\n * API client interface for the Tech Insights plugin\n *\n * @public\n */\nexport interface TechInsightsApi {\n  getCheckResultRenderers: (types: string[]) => CheckResultRenderer[];\n  isCheckResultFailed: (check: CheckResult) => boolean;\n  getAllChecks(): Promise<Check[]>;\n  runChecks(\n    entityParams: CompoundEntityRef,\n    checks?: string[],\n  ): Promise<CheckResult[]>;\n  runBulkChecks(\n    entities: CompoundEntityRef[],\n    checks?: Check[],\n  ): Promise<BulkCheckResponse>;\n  getFacts(entity: CompoundEntityRef, facts: string[]): Promise<InsightFacts>;\n  getFactSchemas(): Promise<FactSchema[]>;\n  getLinksForEntity(\n    result: CheckResult,\n    entity: Entity,\n    options?: { includeStaticLinks?: boolean },\n  ): CheckLink[];\n}\n"],"names":[],"mappings":";;AAmCO,MAAM,qBAAqB,YAA8B,CAAA;AAAA,EAC9D,EAAI,EAAA;AACN,CAAC;;;;"}

package/dist/api/TechInsightsClient.esm.js

@@ -1,35 +0,0 @@
-import { TechInsightsClient as TechInsightsClient$1 } from '@backstage-community/plugin-tech-insights-common/client';
-import { jsonRulesEngineCheckResultRenderer } from '../components/CheckResultRenderer.esm.js';
-
-class TechInsightsClient extends TechInsightsClient$1 {
-  renderers;
-  customGetEntityLinks;
-  constructor(options) {
-    super(options);
-    this.renderers = options.renderers;
-    this.customGetEntityLinks = options.getEntityLinks ?? (() => []);
-  }
-  getCheckResultRenderers(types) {
-    const renderers = this.renderers ?? [jsonRulesEngineCheckResultRenderer];
-    return renderers.filter((d) => types.includes(d.type));
-  }
-  isCheckResultFailed(check) {
-    const checkResultRenderers = this.getCheckResultRenderers([
-      check.check.type
-    ]);
-    if (checkResultRenderers[0] && checkResultRenderers[0].isFailed) {
-      return checkResultRenderers[0].isFailed(check);
-    }
-    return true;
-  }
-  getLinksForEntity(result, entity, options = {}) {
-    const links = this.customGetEntityLinks(result, entity);
-    if (options.includeStaticLinks) {
-      links.push(...result.check.links ?? []);
-    }
-    return links;
-  }
-}
-
-export { TechInsightsClient };
-//# sourceMappingURL=TechInsightsClient.esm.js.map

package/dist/api/TechInsightsClient.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TechInsightsClient.esm.js","sources":["../../src/api/TechInsightsClient.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { TechInsightsApi } from './TechInsightsApi';\nimport { DiscoveryApi, IdentityApi } from '@backstage/core-plugin-api';\nimport { TechInsightsClient as TechInsightsClientBase } from '@backstage-community/plugin-tech-insights-common/client';\nimport {\n  CheckLink,\n  CheckResult,\n} from '@backstage-community/plugin-tech-insights-common';\n\nimport {\n  CheckResultRenderer,\n  jsonRulesEngineCheckResultRenderer,\n} from '../components/CheckResultRenderer';\nimport { Entity } from '@backstage/catalog-model';\n\n/** @public */\nexport class TechInsightsClient\n  extends TechInsightsClientBase\n  implements TechInsightsApi\n{\n  private readonly renderers?: CheckResultRenderer[];\n  private readonly customGetEntityLinks: (\n    result: CheckResult,\n    entity: Entity,\n  ) => CheckLink[];\n\n  constructor(options: {\n    discoveryApi: DiscoveryApi;\n    identityApi: IdentityApi;\n    renderers?: CheckResultRenderer[];\n    getEntityLinks?: (result: CheckResult, entity: Entity) => CheckLink[];\n  }) {\n    super(options);\n    this.renderers = options.renderers;\n    this.customGetEntityLinks = options.getEntityLinks ?? (() => []);\n  }\n\n  getCheckResultRenderers(types: string[]): CheckResultRenderer[] {\n    const renderers = this.renderers ?? [jsonRulesEngineCheckResultRenderer];\n    return renderers.filter(d => types.includes(d.type));\n  }\n\n  isCheckResultFailed(check: CheckResult) {\n    const checkResultRenderers = this.getCheckResultRenderers([\n      check.check.type,\n    ]);\n    if (checkResultRenderers[0] && checkResultRenderers[0].isFailed) {\n      return checkResultRenderers[0].isFailed(check);\n    }\n    return true;\n  }\n\n  getLinksForEntity(\n    result: CheckResult,\n    entity: Entity,\n    options: { includeStaticLinks?: boolean } = {},\n  ): CheckLink[] {\n    const links = this.customGetEntityLinks(result, entity);\n    if (options.includeStaticLinks) {\n      links.push(...(result.check.links ?? []));\n    }\n    return links;\n  }\n}\n"],"names":["TechInsightsClientBase"],"mappings":";;;AA+BO,MAAM,2BACHA,oBAEV,CAAA;AAAA,EACmB,SAAA;AAAA,EACA,oBAAA;AAAA,EAKjB,YAAY,OAKT,EAAA;AACD,IAAA,KAAA,CAAM,OAAO,CAAA;AACb,IAAA,IAAA,CAAK,YAAY,OAAQ,CAAA,SAAA;AACzB,IAAA,IAAA,CAAK,oBAAuB,GAAA,OAAA,CAAQ,cAAmB,KAAA,MAAM,EAAC,CAAA;AAAA;AAChE,EAEA,wBAAwB,KAAwC,EAAA;AAC9D,IAAA,MAAM,SAAY,GAAA,IAAA,CAAK,SAAa,IAAA,CAAC,kCAAkC,CAAA;AACvE,IAAA,OAAO,UAAU,MAAO,CAAA,CAAA,CAAA,KAAK,MAAM,QAAS,CAAA,CAAA,CAAE,IAAI,CAAC,CAAA;AAAA;AACrD,EAEA,oBAAoB,KAAoB,EAAA;AACtC,IAAM,MAAA,oBAAA,GAAuB,KAAK,uBAAwB,CAAA;AAAA,MACxD,MAAM,KAAM,CAAA;AAAA,KACb,CAAA;AACD,IAAA,IAAI,qBAAqB,CAAC,CAAA,IAAK,oBAAqB,CAAA,CAAC,EAAE,QAAU,EAAA;AAC/D,MAAA,OAAO,oBAAqB,CAAA,CAAC,CAAE,CAAA,QAAA,CAAS,KAAK,CAAA;AAAA;AAE/C,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,iBACE,CAAA,MAAA,EACA,MACA,EAAA,OAAA,GAA4C,EAC/B,EAAA;AACb,IAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,oBAAqB,CAAA,MAAA,EAAQ,MAAM,CAAA;AACtD,IAAA,IAAI,QAAQ,kBAAoB,EAAA;AAC9B,MAAA,KAAA,CAAM,KAAK,GAAI,MAAA,CAAO,KAAM,CAAA,KAAA,IAAS,EAAG,CAAA;AAAA;AAE1C,IAAO,OAAA,KAAA;AAAA;AAEX;;;;"}

package/dist/components/BooleanCheck/BooleanCheck.esm.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';
-import ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';
-
-const BooleanCheck = (props) => {
-  return !!props.checkResult.result ? /* @__PURE__ */ React.createElement(CheckCircleOutline, { color: "primary" }) : /* @__PURE__ */ React.createElement(ErrorOutlineIcon, { color: "error" });
-};
-const isBooleanCheckFailed = (checkResult) => !checkResult.result;
-
-export { BooleanCheck, isBooleanCheckFailed };
-//# sourceMappingURL=BooleanCheck.esm.js.map

package/dist/components/BooleanCheck/BooleanCheck.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BooleanCheck.esm.js","sources":["../../../src/components/BooleanCheck/BooleanCheck.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\n\n/**\n * @public\n */\nexport const BooleanCheck = (props: { checkResult: CheckResult }) => {\n  return !!props.checkResult.result ? (\n    <CheckCircleOutline color=\"primary\" />\n  ) : (\n    <ErrorOutlineIcon color=\"error\" />\n  );\n};\n\n/**\n * @public\n */\nexport const isBooleanCheckFailed = (checkResult: CheckResult) =>\n  !checkResult.result;\n"],"names":[],"mappings":";;;;AAwBa,MAAA,YAAA,GAAe,CAAC,KAAwC,KAAA;AACnE,EAAA,OAAO,CAAC,CAAC,KAAM,CAAA,WAAA,CAAY,MACzB,mBAAA,KAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,EAAA,KAAA,EAAM,SAAU,EAAA,CAAA,mBAEnC,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,OAAM,OAAQ,EAAA,CAAA;AAEpC;AAKO,MAAM,oBAAuB,GAAA,CAAC,WACnC,KAAA,CAAC,WAAY,CAAA;;;;"}

package/dist/components/CheckResultRenderer.esm.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BooleanCheck, isBooleanCheckFailed } from './BooleanCheck/BooleanCheck.esm.js';
-
-const jsonRulesEngineCheckResultRenderer = {
-  type: "json-rules-engine",
-  component: (checkResult) => /* @__PURE__ */ React.createElement(BooleanCheck, { checkResult }),
-  isFailed: isBooleanCheckFailed
-};
-
-export { jsonRulesEngineCheckResultRenderer };
-//# sourceMappingURL=CheckResultRenderer.esm.js.map

package/dist/components/CheckResultRenderer.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckResultRenderer.esm.js","sources":["../../src/components/CheckResultRenderer.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport React from 'react';\nimport { BooleanCheck, isBooleanCheckFailed } from './BooleanCheck';\n\n/**\n * Defines a react component that is responsible for rendering a result of a given type.\n *\n * @public\n */\nexport type CheckResultRenderer = {\n  type: string;\n  component: (check: CheckResult) => React.ReactElement;\n  description?: (check: CheckResult) => string | React.ReactElement;\n  isFailed?: (check: CheckResult) => boolean;\n};\n\n/**\n * Default renderer for json-rules-engine check results.\n *\n * @public\n */\nexport const jsonRulesEngineCheckResultRenderer: CheckResultRenderer = {\n  type: 'json-rules-engine',\n  component: (checkResult: CheckResult) => (\n    <BooleanCheck checkResult={checkResult} />\n  ),\n  isFailed: isBooleanCheckFailed,\n};\n"],"names":[],"mappings":";;;AAqCO,MAAM,kCAA0D,GAAA;AAAA,EACrE,IAAM,EAAA,mBAAA;AAAA,EACN,SAAW,EAAA,CAAC,WACV,qBAAA,KAAA,CAAA,aAAA,CAAC,gBAAa,WAA0B,EAAA,CAAA;AAAA,EAE1C,QAAU,EAAA;AACZ;;;;"}

package/dist/components/ResultCheckIcon/ResultCheckIcon.esm.js

@@ -1,45 +0,0 @@
-import React, { useState } from 'react';
-import { useApi } from '@backstage/core-plugin-api';
-import IconButton from '@material-ui/core/IconButton';
-import Alert from '@material-ui/lab/Alert';
-import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
-import '@backstage-community/plugin-tech-insights-common/client';
-import '@material-ui/icons/CheckCircleOutline';
-import '@material-ui/icons/ErrorOutline';
-import { ResultLinksMenu } from '../ResultLinksMenu/ResultLinksMenu.esm.js';
-
-const ResultCheckIcon = (props) => {
-  const {
-    result,
-    entity,
-    disableLinksMenu,
-    component,
-    componentProps,
-    missingRendererComponent = /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Unknown type.")
-  } = props;
-  const api = useApi(techInsightsApiRef);
-  const checkResultRenderer = props.checkResultRenderer ?? api.getCheckResultRenderers([result.check.type])[0];
-  const [menu, setMenu] = useState();
-  const iconComponent = checkResultRenderer?.component(result);
-  const onClick = (event) => {
-    menu?.open(event.currentTarget);
-  };
-  const wrapActions = (inner) => {
-    if (!menu) {
-      if (component) {
-        const Component = component;
-        return /* @__PURE__ */ React.createElement(Component, { ...componentProps }, inner);
-      }
-      return inner;
-    }
-    if (component) {
-      const Component = component;
-      return /* @__PURE__ */ React.createElement(Component, { ...componentProps, onClick }, /* @__PURE__ */ React.createElement(IconButton, { edge: "end", "aria-label": "icon" }, inner));
-    }
-    return /* @__PURE__ */ React.createElement(IconButton, { edge: "end", "aria-label": "icon", onClick }, inner);
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, !disableLinksMenu && /* @__PURE__ */ React.createElement(ResultLinksMenu, { result, entity, setMenu }), wrapActions(iconComponent ?? missingRendererComponent));
-};
-
-export { ResultCheckIcon };
-//# sourceMappingURL=ResultCheckIcon.esm.js.map

package/dist/components/ResultCheckIcon/ResultCheckIcon.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResultCheckIcon.esm.js","sources":["../../../src/components/ResultCheckIcon/ResultCheckIcon.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n  ElementType,\n  MouseEventHandler,\n  PropsWithChildren,\n  ReactNode,\n  useState,\n} from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport { Entity } from '@backstage/catalog-model';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport Alert from '@material-ui/lab/Alert';\n\nimport { techInsightsApiRef } from '../../api';\nimport { CheckResultRenderer } from '../CheckResultRenderer';\nimport { ResultLinksMenu, ResultLinksMenuInfo } from '../ResultLinksMenu';\n\n/** @public */\nexport type ResultCheckIconBaseComponentProps = PropsWithChildren<{\n  onClick?: MouseEventHandler;\n}>;\n\n/**\n * ResultCheckIcon props\n *\n * The only necessary prop is {@link ResultCheckIconProps.result}, but if\n * {@link ResultCheckIconProps.entity} is provided, the popup menu with links\n * will also include links specifically for this entity.\n *\n * @public\n */\nexport interface ResultCheckIconProps<\n  P extends ResultCheckIconBaseComponentProps,\n> {\n  /**\n   * The CheckResult object to create an icon for\n   */\n  result: CheckResult;\n  /**\n   * The entity for which this check result is created. This is optional, but if\n   * provided, entity-specific links will be added to the popup menu, if any.\n   */\n  entity?: Entity;\n  /**\n   * This can optionally be provided, with a small performance improvement, if\n   * it is already cashed upstream.\n   */\n  checkResultRenderer?: CheckResultRenderer;\n  /**\n   * Will disable the popup menu\n   */\n  disableLinksMenu?: boolean;\n  /**\n   * The icon is rendered with an `IconButton` which handles the onClick.\n   * To wrap this in another component, handling the onClick, pass a component,\n   * such as `ListItemSecondaryAction` which handles the `onClick` to open the\n   * popup menu.\n   *\n   * The {@link ResultCheckIconProps.componentProps} prop can be specified to\n   * add props to the wrapping component.\n   */\n  component?: ElementType<P>;\n  /**\n   * Props to provide to the wrapping component\n   * {@link ResultCheckIconProps.component}.\n   */\n  componentProps?: Omit<P, 'onClick' | 'children'>;\n  /**\n   * Override the component used to display instead of a result icon, when no\n   * renderer was found for this check type.\n   */\n  missingRendererComponent?: ReactNode;\n}\n\nexport const ResultCheckIcon = <P extends ResultCheckIconBaseComponentProps>(\n  props: ResultCheckIconProps<P>,\n) => {\n  const {\n    result,\n    entity,\n    disableLinksMenu,\n    component,\n    componentProps,\n    missingRendererComponent = <Alert severity=\"error\">Unknown type.</Alert>,\n  } = props;\n\n  const api = useApi(techInsightsApiRef);\n\n  const checkResultRenderer =\n    props.checkResultRenderer ??\n    api.getCheckResultRenderers([result.check.type])[0];\n\n  const [menu, setMenu] = useState<ResultLinksMenuInfo | undefined>();\n\n  const iconComponent = checkResultRenderer?.component(result);\n\n  const onClick: MouseEventHandler = event => {\n    menu?.open(event.currentTarget);\n  };\n\n  const wrapActions = (inner: React.ReactElement): ReactNode => {\n    if (!menu) {\n      if (component) {\n        const Component =\n          component as ElementType<ResultCheckIconBaseComponentProps>;\n        return <Component {...componentProps}>{inner}</Component>;\n      }\n      return inner;\n    }\n\n    if (component) {\n      const Component =\n        component as ElementType<ResultCheckIconBaseComponentProps>;\n      return (\n        <Component {...componentProps} onClick={onClick}>\n          <IconButton edge=\"end\" aria-label=\"icon\">\n            {inner}\n          </IconButton>\n        </Component>\n      );\n    }\n    return (\n      <IconButton edge=\"end\" aria-label=\"icon\" onClick={onClick}>\n        {inner}\n      </IconButton>\n    );\n  };\n\n  return (\n    <>\n      {!disableLinksMenu && (\n        <ResultLinksMenu result={result} entity={entity} setMenu={setMenu} />\n      )}\n      {wrapActions(iconComponent ?? missingRendererComponent)}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA4Fa,MAAA,eAAA,GAAkB,CAC7B,KACG,KAAA;AACH,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,MAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,wBAA2B,mBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,QAAA,EAAS,WAAQ,eAAa;AAAA,GAC9D,GAAA,KAAA;AAEJ,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AAErC,EAAM,MAAA,mBAAA,GACJ,KAAM,CAAA,mBAAA,IACN,GAAI,CAAA,uBAAA,CAAwB,CAAC,MAAA,CAAO,KAAM,CAAA,IAAI,CAAC,CAAA,CAAE,CAAC,CAAA;AAEpD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAA0C,EAAA;AAElE,EAAM,MAAA,aAAA,GAAgB,mBAAqB,EAAA,SAAA,CAAU,MAAM,CAAA;AAE3D,EAAA,MAAM,UAA6B,CAAS,KAAA,KAAA;AAC1C,IAAM,IAAA,EAAA,IAAA,CAAK,MAAM,aAAa,CAAA;AAAA,GAChC;AAEA,EAAM,MAAA,WAAA,GAAc,CAAC,KAAyC,KAAA;AAC5D,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,MAAM,SACJ,GAAA,SAAA;AACF,QAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,cAAA,EAAA,EAAiB,KAAM,CAAA;AAAA;AAE/C,MAAO,OAAA,KAAA;AAAA;AAGT,IAAA,IAAI,SAAW,EAAA;AACb,MAAA,MAAM,SACJ,GAAA,SAAA;AACF,MAAA,uBACG,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,cAAA,EAAgB,OAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,IAAA,EAAK,KAAM,EAAA,YAAA,EAAW,MAC/B,EAAA,EAAA,KACH,CACF,CAAA;AAAA;AAGJ,IAAA,2CACG,UAAW,EAAA,EAAA,IAAA,EAAK,OAAM,YAAW,EAAA,MAAA,EAAO,WACtC,KACH,CAAA;AAAA,GAEJ;AAEA,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,CAAC,gBACA,oBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,MAAA,EAAgB,MAAgB,EAAA,OAAA,EAAkB,CAEpE,EAAA,WAAA,CAAY,aAAiB,IAAA,wBAAwB,CACxD,CAAA;AAEJ;;;;"}

package/dist/components/ResultCheckIcon/index.esm.js

@@ -1,2 +0,0 @@
-export { ResultCheckIcon } from './ResultCheckIcon.esm.js';
-//# sourceMappingURL=index.esm.js.map

package/dist/components/ResultCheckIcon/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/ResultLinksMenu/ResultLinksMenu.esm.js

@@ -1,66 +0,0 @@
-import React, { useMemo, useEffect, useCallback } from 'react';
-import { useApi } from '@backstage/core-plugin-api';
-import Menu from '@material-ui/core/Menu';
-import MenuItem from '@material-ui/core/MenuItem';
-import { techInsightsApiRef } from '../../api/TechInsightsApi.esm.js';
-import '@backstage-community/plugin-tech-insights-common/client';
-import '@material-ui/icons/CheckCircleOutline';
-import '@material-ui/icons/ErrorOutline';
-import { stringifyEntityRef } from '@backstage/catalog-model';
-
-const ResultLinksMenu = (props) => {
-  const { result, entity, setMenu } = props;
-  const api = useApi(techInsightsApiRef);
-  const links = useMemo(
-    () => entity ? api.getLinksForEntity(result, entity, {
-      includeStaticLinks: true
-    }) : result.check.links ?? [],
-    [api, result, entity]
-  );
-  const menuId = `menu-${result.check.id}-${entity ? stringifyEntityRef(entity) : "unknown"}`;
-  const [anchorEl, setAnchorEl] = React.useState(
-    void 0
-  );
-  useEffect(() => {
-    if (links.length === 0) {
-      setMenu(void 0);
-      return;
-    }
-    setMenu({
-      open: (elem) => {
-        setAnchorEl(elem);
-      }
-    });
-  }, [setMenu, links]);
-  const handleClose = useCallback(() => {
-    setAnchorEl(void 0);
-  }, [setAnchorEl]);
-  if (links.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(
-    Menu,
-    {
-      id: menuId,
-      anchorEl: anchorEl ?? null,
-      keepMounted: true,
-      open: Boolean(anchorEl),
-      onClose: handleClose
-    },
-    links.map((link, i) => /* @__PURE__ */ React.createElement(
-      MenuItem,
-      {
-        key: `${i}-${link.url}`,
-        button: true,
-        component: "a",
-        href: link.url,
-        target: link.url.startsWith("/") ? void 0 : "_blank",
-        onClick: handleClose
-      },
-      link.title
-    ))
-  );
-};
-
-export { ResultLinksMenu };
-//# sourceMappingURL=ResultLinksMenu.esm.js.map

package/dist/components/ResultLinksMenu/ResultLinksMenu.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResultLinksMenu.esm.js","sources":["../../../src/components/ResultLinksMenu/ResultLinksMenu.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { techInsightsApiRef } from '../../api';\nimport { CheckResult } from '@backstage-community/plugin-tech-insights-common';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\n\n/**\n * TechInsightsLinksMenu setMenu receiver.\n *\n * This object contains an {@link ResultLinksMenuInfo.open | open} function,\n * which can be used to open the popup menu. It closes automatically on\n * click-away.\n *\n * @public\n */\nexport type ResultLinksMenuInfo = {\n  /**\n   * Call this function to open the popup menu. The element argument should be\n   * an element which is used as an anchor for the menu - where to display it.\n   */\n  open: (element: Element) => void;\n};\n\nexport const ResultLinksMenu = (\n  props: PropsWithChildren<{\n    result: CheckResult;\n    entity?: Entity;\n    setMenu(opener: ResultLinksMenuInfo | undefined): void;\n  }>,\n) => {\n  const { result, entity, setMenu } = props;\n\n  const api = useApi(techInsightsApiRef);\n\n  const links = useMemo(\n    () =>\n      entity\n        ? api.getLinksForEntity(result, entity, {\n            includeStaticLinks: true,\n          })\n        : result.check.links ?? [],\n    [api, result, entity],\n  );\n\n  const menuId = `menu-${result.check.id}-${\n    entity ? stringifyEntityRef(entity) : 'unknown'\n  }`;\n\n  const [anchorEl, setAnchorEl] = React.useState<Element | undefined>(\n    undefined,\n  );\n\n  useEffect(() => {\n    if (links.length === 0) {\n      setMenu(undefined);\n      return;\n    }\n    setMenu({\n      open: (elem: Element) => {\n        setAnchorEl(elem);\n      },\n    });\n  }, [setMenu, links]);\n\n  const handleClose = useCallback(() => {\n    setAnchorEl(undefined);\n  }, [setAnchorEl]);\n\n  if (links.length === 0) {\n    return null;\n  }\n\n  return (\n    <Menu\n      id={menuId}\n      anchorEl={anchorEl ?? null}\n      keepMounted\n      open={Boolean(anchorEl)}\n      onClose={handleClose}\n    >\n      {links.map((link, i) => (\n        <MenuItem\n          key={`${i}-${link.url}`}\n          button\n          component=\"a\"\n          href={link.url}\n          target={link.url.startsWith('/') ? undefined : '_blank'}\n          onClick={handleClose}\n        >\n          {link.title}\n        </MenuItem>\n      ))}\n    </Menu>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA8Ca,MAAA,eAAA,GAAkB,CAC7B,KAKG,KAAA;AACH,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAQ,EAAA,OAAA,EAAY,GAAA,KAAA;AAEpC,EAAM,MAAA,GAAA,GAAM,OAAO,kBAAkB,CAAA;AAErC,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACZ,MACE,MAAA,GACI,GAAI,CAAA,iBAAA,CAAkB,QAAQ,MAAQ,EAAA;AAAA,MACpC,kBAAoB,EAAA;AAAA,KACrB,CAAA,GACD,MAAO,CAAA,KAAA,CAAM,SAAS,EAAC;AAAA,IAC7B,CAAC,GAAK,EAAA,MAAA,EAAQ,MAAM;AAAA,GACtB;AAEA,EAAM,MAAA,MAAA,GAAS,CAAQ,KAAA,EAAA,MAAA,CAAO,KAAM,CAAA,EAAE,IACpC,MAAS,GAAA,kBAAA,CAAmB,MAAM,CAAA,GAAI,SACxC,CAAA,CAAA;AAEA,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACpC,KAAA;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA;AACjB,MAAA;AAAA;AAEF,IAAQ,OAAA,CAAA;AAAA,MACN,IAAA,EAAM,CAAC,IAAkB,KAAA;AACvB,QAAA,WAAA,CAAY,IAAI,CAAA;AAAA;AAClB,KACD,CAAA;AAAA,GACA,EAAA,CAAC,OAAS,EAAA,KAAK,CAAC,CAAA;AAEnB,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,WAAA,CAAY,KAAS,CAAA,CAAA;AAAA,GACvB,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA,MAAA;AAAA,MACJ,UAAU,QAAY,IAAA,IAAA;AAAA,MACtB,WAAW,EAAA,IAAA;AAAA,MACX,IAAA,EAAM,QAAQ,QAAQ,CAAA;AAAA,MACtB,OAAS,EAAA;AAAA,KAAA;AAAA,IAER,KAAM,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,CAChB,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,KAAK,GAAG,CAAA,CAAA;AAAA,QACrB,MAAM,EAAA,IAAA;AAAA,QACN,SAAU,EAAA,GAAA;AAAA,QACV,MAAM,IAAK,CAAA,GAAA;AAAA,QACX,QAAQ,IAAK,CAAA,GAAA,CAAI,UAAW,CAAA,GAAG,IAAI,KAAY,CAAA,GAAA,QAAA;AAAA,QAC/C,OAAS,EAAA;AAAA,OAAA;AAAA,MAER,IAAK,CAAA;AAAA,KAET;AAAA,GACH;AAEJ;;;;"}

package/dist/components/ResultLinksMenu/index.esm.js

@@ -1,2 +0,0 @@
-export { ResultLinksMenu } from './ResultLinksMenu.esm.js';
-//# sourceMappingURL=index.esm.js.map

package/dist/components/ResultLinksMenu/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}