@backstage/core-components 0.18.8-next.0 → 0.18.8-next.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @backstage/core-components
 
+## 0.18.8-next.1
+
+### Patch Changes
+
+- 8b1a847: Fixed Table component layout when both `filters` and `title` props are used together. The filter controls now use a dedicated CSS class (`filterControls`) instead of incorrectly reusing the root container class.
+- 470f72d: The `LogViewer` component from `@backstage/core-components` now supports downloading logs if a callback is passed to `onDownloadLogs`
+- Updated dependencies
+  - @backstage/core-plugin-api@1.12.4-next.1
+
 ## 0.18.8-next.0
 
 ### Patch Changes

package/dist/alpha.d.ts

@@ -14,6 +14,9 @@ declare const coreComponentsTranslationRef: _backstage_frontend_plugin_api.Trans
     readonly "table.pagination.lastTooltip": "Last Page";
     readonly "table.pagination.nextTooltip": "Next Page";
     readonly "table.pagination.previousTooltip": "Previous Page";
+    readonly "emptyState.missingAnnotation.title": "Missing Annotation";
+    readonly "emptyState.missingAnnotation.actionTitle": "Add the annotation to your component YAML as shown in the highlighted example below:";
+    readonly "emptyState.missingAnnotation.readMore": "Read more";
     readonly "signIn.title": "Sign In";
     readonly "signIn.loginFailed": "Login failed";
     readonly "signIn.customProvider.title": "Custom User";
@@ -37,9 +40,6 @@ declare const coreComponentsTranslationRef: _backstage_frontend_plugin_api.Trans
     readonly "errorPage.goBack": "Go back";
     readonly "errorPage.showMoreDetails": "Show more details";
     readonly "errorPage.showLessDetails": "Show less details";
-    readonly "emptyState.missingAnnotation.title": "Missing Annotation";
-    readonly "emptyState.missingAnnotation.actionTitle": "Add the annotation to your component YAML as shown in the highlighted example below:";
-    readonly "emptyState.missingAnnotation.readMore": "Read more";
     readonly "supportConfig.default.title": "Support Not Configured";
     readonly "supportConfig.default.linkTitle": "Add `app.support` config key";
     readonly "errorBoundary.title": "Please contact {{slackChannel}} for help.";
@@ -57,6 +57,7 @@ declare const coreComponentsTranslationRef: _backstage_frontend_plugin_api.Trans
     readonly "dependencyGraph.fullscreenTooltip": "Toggle fullscreen";
     readonly "proxiedSignInPage.title": "You do not appear to be signed in. Please try reloading the browser page.";
     readonly "logViewer.searchField.placeholder": "Search";
+    readonly "logViewer.downloadBtn.tooltip": "Download logs";
 }>;
 
 export { coreComponentsTranslationRef };

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

@@ -1 +1 @@
-{"version":3,"file":"LogViewer.esm.js","sources":["../../../src/components/LogViewer/LogViewer.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 { lazy, Suspense } from 'react';\nimport { useApp } from '@backstage/core-plugin-api';\n\nconst RealLogViewer = lazy(() =>\n  import('./RealLogViewer').then(m => ({ default: m.RealLogViewer })),\n);\n\n/**\n * The properties for the LogViewer component.\n *\n * @public\n */\nexport interface LogViewerProps {\n  /**\n   * The text of the logs to display.\n   *\n   * The LogViewer component is optimized for appending content at the end of the text.\n   */\n  text: string;\n  /**\n   * Determines if the overflow text should be wrapped or shown via a single line in a horizontal scrollbar.\n   */\n  textWrap?: boolean;\n  /**\n   * Styling overrides for classes within the LogViewer component.\n   */\n  classes?: {\n    root?: string;\n  };\n}\n\n/**\n * A component that displays logs in a scrollable text area.\n *\n * @remarks\n * The LogViewer has support for search and filtering, as well as displaying\n * text content with ANSI color escape codes.\n *\n * Since the LogViewer uses windowing to avoid rendering all contents at once, the\n * log is sized automatically to fill the available vertical space. This means\n * it may often be needed to wrap the LogViewer in a container that provides it\n * with a fixed amount of space.\n *\n * @public\n */\nexport function LogViewer(props: LogViewerProps) {\n  const { Progress } = useApp().getComponents();\n  return (\n    <Suspense fallback={<Progress />}>\n      <RealLogViewer {...props} />\n    </Suspense>\n  );\n}\n"],"names":[],"mappings":";;;;AAmBA,MAAM,aAAA,GAAgB,IAAA;AAAA,EAAK,MACzB,OAAO,wBAAiB,CAAA,CAAE,IAAA,CAAK,QAAM,EAAE,OAAA,EAAS,CAAA,CAAE,aAAA,EAAc,CAAE;AACpE,CAAA;AAwCO,SAAS,UAAU,KAAA,EAAuB;AAC/C,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,MAAA,GAAS,aAAA,EAAc;AAC5C,EAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,kBAAU,GAAA,CAAC,QAAA,EAAA,EAAS,GAC5B,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,KAAA,EAAO,CAAA,EAC5B,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LogViewer.esm.js","sources":["../../../src/components/LogViewer/LogViewer.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 { lazy, Suspense } from 'react';\nimport { useApp } from '@backstage/core-plugin-api';\n\nconst RealLogViewer = lazy(() =>\n  import('./RealLogViewer').then(m => ({ default: m.RealLogViewer })),\n);\n\n/**\n * The properties for the LogViewer component.\n *\n * @public\n */\nexport interface LogViewerProps {\n  /**\n   * Callback function to handle the download log action, and show the download button.\n   */\n  onDownloadLog?: () => void;\n  /**\n   * The text of the logs to display.\n   *\n   * The LogViewer component is optimized for appending content at the end of the text.\n   */\n  text: string;\n  /**\n   * Determines if the overflow text should be wrapped or shown via a single line in a horizontal scrollbar.\n   */\n  textWrap?: boolean;\n  /**\n   * Styling overrides for classes within the LogViewer component.\n   */\n  classes?: {\n    root?: string;\n  };\n}\n\n/**\n * A component that displays logs in a scrollable text area.\n *\n * @remarks\n * The LogViewer has support for search and filtering, as well as displaying\n * text content with ANSI color escape codes.\n *\n * Since the LogViewer uses windowing to avoid rendering all contents at once, the\n * log is sized automatically to fill the available vertical space. This means\n * it may often be needed to wrap the LogViewer in a container that provides it\n * with a fixed amount of space.\n *\n * @public\n */\nexport function LogViewer(props: LogViewerProps) {\n  const { Progress } = useApp().getComponents();\n  return (\n    <Suspense fallback={<Progress />}>\n      <RealLogViewer {...props} />\n    </Suspense>\n  );\n}\n"],"names":[],"mappings":";;;;AAmBA,MAAM,aAAA,GAAgB,IAAA;AAAA,EAAK,MACzB,OAAO,wBAAiB,CAAA,CAAE,IAAA,CAAK,QAAM,EAAE,OAAA,EAAS,CAAA,CAAE,aAAA,EAAc,CAAE;AACpE,CAAA;AA4CO,SAAS,UAAU,KAAA,EAAuB;AAC/C,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,MAAA,GAAS,aAAA,EAAc;AAC5C,EAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,kBAAU,GAAA,CAAC,QAAA,EAAA,EAAS,GAC5B,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,KAAA,EAAO,CAAA,EAC5B,CAAA;AAEJ;;;;"}

package/dist/components/LogViewer/LogViewerControls.esm.js

@@ -6,6 +6,8 @@ import Typography from '@material-ui/core/Typography';
 import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
 import ChevronRight from '@material-ui/icons/ChevronRight';
 import FilterList from '@material-ui/icons/FilterList';
+import GetApp from '@material-ui/icons/GetApp';
+import Tooltip from '@material-ui/core/Tooltip';
 import { coreComponentsTranslationRef } from '../../translation.esm.js';
 
 function LogViewerControls(props) {
@@ -42,7 +44,8 @@ function LogViewerControls(props) {
         onChange: (e) => props.setSearchInput(e.target.value)
       }
     ),
-    /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: toggleShouldFilter, children: props.shouldFilter ? /* @__PURE__ */ jsx(FilterList, { color: "primary" }) : /* @__PURE__ */ jsx(FilterList, { color: "disabled" }) })
+    /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: toggleShouldFilter, children: props.shouldFilter ? /* @__PURE__ */ jsx(FilterList, { color: "primary" }) : /* @__PURE__ */ jsx(FilterList, { color: "disabled" }) }),
+    Boolean(props?.onDownloadLog) ? /* @__PURE__ */ jsx(Tooltip, { title: t("logViewer.downloadBtn.tooltip"), children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: props.onDownloadLog, children: /* @__PURE__ */ jsx(GetApp, {}) }) }) : null
   ] });
 }
 

package/dist/components/LogViewer/LogViewerControls.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogViewerControls.esm.js","sources":["../../../src/components/LogViewer/LogViewerControls.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 { KeyboardEvent } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport IconButton from '@material-ui/core/IconButton';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport FilterListIcon from '@material-ui/icons/FilterList';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { LogViewerSearch } from './useLogViewerSearch';\n\nexport interface LogViewerControlsProps extends LogViewerSearch {}\n\nexport function LogViewerControls(props: LogViewerControlsProps) {\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const { resultCount, resultIndexStep, toggleShouldFilter } = props;\n  const resultIndex = props.resultIndex ?? 0;\n\n  const handleKeyPress = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') {\n      if (event.metaKey || event.ctrlKey || event.altKey) {\n        toggleShouldFilter();\n      } else {\n        resultIndexStep(event.shiftKey);\n      }\n    }\n  };\n\n  return (\n    <>\n      {resultCount !== undefined && (\n        <>\n          <IconButton size=\"small\" onClick={() => resultIndexStep(true)}>\n            <ChevronLeftIcon />\n          </IconButton>\n          <Typography>\n            {Math.min(resultIndex + 1, resultCount)}/{resultCount}\n          </Typography>\n          <IconButton size=\"small\" onClick={() => resultIndexStep()}>\n            <ChevronRightIcon />\n          </IconButton>\n        </>\n      )}\n      <TextField\n        size=\"small\"\n        variant=\"standard\"\n        placeholder={t('logViewer.searchField.placeholder')}\n        value={props.searchInput}\n        onKeyPress={handleKeyPress}\n        onChange={e => props.setSearchInput(e.target.value)}\n      />\n      <IconButton size=\"small\" onClick={toggleShouldFilter}>\n        {props.shouldFilter ? (\n          <FilterListIcon color=\"primary\" />\n        ) : (\n          <FilterListIcon color=\"disabled\" />\n        )}\n      </IconButton>\n    </>\n  );\n}\n"],"names":["ChevronRightIcon","FilterListIcon"],"mappings":";;;;;;;;;;AA6BO,SAAS,kBAAkB,KAAA,EAA+B;AAC/D,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,4BAA4B,CAAA;AAC5D,EAAA,MAAM,EAAE,WAAA,EAAa,eAAA,EAAiB,kBAAA,EAAmB,GAAI,KAAA;AAC7D,EAAA,MAAM,WAAA,GAAc,MAAM,WAAA,IAAe,CAAA;AAEzC,EAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAA2C;AACjE,IAAA,IAAI,KAAA,CAAM,QAAQ,OAAA,EAAS;AACzB,MAAA,IAAI,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,OAAA,IAAW,MAAM,MAAA,EAAQ;AAClD,QAAA,kBAAA,EAAmB;AAAA,MACrB,CAAA,MAAO;AACL,QAAA,eAAA,CAAgB,MAAM,QAAQ,CAAA;AAAA,MAChC;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA,KAAgB,0BACf,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAS,MAAM,gBAAgB,IAAI,CAAA,EAC1D,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA,EACnB,CAAA;AAAA,2BACC,UAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,GAAA,CAAI,WAAA,GAAc,CAAA,EAAG,WAAW,CAAA;AAAA,QAAE,GAAA;AAAA,QAAE;AAAA,OAAA,EAC5C,CAAA;AAAA,sBACA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAS,MAAM,eAAA,EAAgB,EACtD,QAAA,kBAAA,GAAA,CAACA,YAAA,EAAA,EAAiB,CAAA,EACpB;AAAA,KAAA,EACF,CAAA;AAAA,oBAEF,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACL,OAAA,EAAQ,UAAA;AAAA,QACR,WAAA,EAAa,EAAE,mCAAmC,CAAA;AAAA,QAClD,OAAO,KAAA,CAAM,WAAA;AAAA,QACb,UAAA,EAAY,cAAA;AAAA,QACZ,UAAU,CAAA,CAAA,KAAK,KAAA,CAAM,cAAA,CAAe,CAAA,CAAE,OAAO,KAAK;AAAA;AAAA,KACpD;AAAA,wBACC,UAAA,EAAA,EAAW,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAS,oBAC/B,QAAA,EAAA,KAAA,CAAM,YAAA,mBACL,GAAA,CAACC,UAAA,EAAA,EAAe,OAAM,SAAA,EAAU,CAAA,uBAE/BA,UAAA,EAAA,EAAe,KAAA,EAAM,YAAW,CAAA,EAErC;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LogViewerControls.esm.js","sources":["../../../src/components/LogViewer/LogViewerControls.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 { KeyboardEvent } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport IconButton from '@material-ui/core/IconButton';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport FilterListIcon from '@material-ui/icons/FilterList';\nimport GetApp from '@material-ui/icons/GetApp';\nimport ToolTip from '@material-ui/core/Tooltip';\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { LogViewerSearch } from './useLogViewerSearch';\n\nexport interface LogViewerControlsProps extends LogViewerSearch {\n  onDownloadLog?: () => void;\n}\n\nexport function LogViewerControls(props: LogViewerControlsProps) {\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const { resultCount, resultIndexStep, toggleShouldFilter } = props;\n  const resultIndex = props.resultIndex ?? 0;\n\n  const handleKeyPress = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') {\n      if (event.metaKey || event.ctrlKey || event.altKey) {\n        toggleShouldFilter();\n      } else {\n        resultIndexStep(event.shiftKey);\n      }\n    }\n  };\n\n  return (\n    <>\n      {resultCount !== undefined && (\n        <>\n          <IconButton size=\"small\" onClick={() => resultIndexStep(true)}>\n            <ChevronLeftIcon />\n          </IconButton>\n          <Typography>\n            {Math.min(resultIndex + 1, resultCount)}/{resultCount}\n          </Typography>\n          <IconButton size=\"small\" onClick={() => resultIndexStep()}>\n            <ChevronRightIcon />\n          </IconButton>\n        </>\n      )}\n      <TextField\n        size=\"small\"\n        variant=\"standard\"\n        placeholder={t('logViewer.searchField.placeholder')}\n        value={props.searchInput}\n        onKeyPress={handleKeyPress}\n        onChange={e => props.setSearchInput(e.target.value)}\n      />\n      <IconButton size=\"small\" onClick={toggleShouldFilter}>\n        {props.shouldFilter ? (\n          <FilterListIcon color=\"primary\" />\n        ) : (\n          <FilterListIcon color=\"disabled\" />\n        )}\n      </IconButton>\n      {Boolean(props?.onDownloadLog) ? (\n        <ToolTip title={t('logViewer.downloadBtn.tooltip')}>\n          <IconButton size=\"small\" onClick={props.onDownloadLog}>\n            <GetApp />\n          </IconButton>\n        </ToolTip>\n      ) : null}\n    </>\n  );\n}\n"],"names":["ChevronRightIcon","FilterListIcon","ToolTip"],"mappings":";;;;;;;;;;;;AAiCO,SAAS,kBAAkB,KAAA,EAA+B;AAC/D,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,4BAA4B,CAAA;AAC5D,EAAA,MAAM,EAAE,WAAA,EAAa,eAAA,EAAiB,kBAAA,EAAmB,GAAI,KAAA;AAC7D,EAAA,MAAM,WAAA,GAAc,MAAM,WAAA,IAAe,CAAA;AAEzC,EAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAA2C;AACjE,IAAA,IAAI,KAAA,CAAM,QAAQ,OAAA,EAAS;AACzB,MAAA,IAAI,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,OAAA,IAAW,MAAM,MAAA,EAAQ;AAClD,QAAA,kBAAA,EAAmB;AAAA,MACrB,CAAA,MAAO;AACL,QAAA,eAAA,CAAgB,MAAM,QAAQ,CAAA;AAAA,MAChC;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA,KAAgB,0BACf,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAS,MAAM,gBAAgB,IAAI,CAAA,EAC1D,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA,EACnB,CAAA;AAAA,2BACC,UAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,GAAA,CAAI,WAAA,GAAc,CAAA,EAAG,WAAW,CAAA;AAAA,QAAE,GAAA;AAAA,QAAE;AAAA,OAAA,EAC5C,CAAA;AAAA,sBACA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAS,MAAM,eAAA,EAAgB,EACtD,QAAA,kBAAA,GAAA,CAACA,YAAA,EAAA,EAAiB,CAAA,EACpB;AAAA,KAAA,EACF,CAAA;AAAA,oBAEF,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACL,OAAA,EAAQ,UAAA;AAAA,QACR,WAAA,EAAa,EAAE,mCAAmC,CAAA;AAAA,QAClD,OAAO,KAAA,CAAM,WAAA;AAAA,QACb,UAAA,EAAY,cAAA;AAAA,QACZ,UAAU,CAAA,CAAA,KAAK,KAAA,CAAM,cAAA,CAAe,CAAA,CAAE,OAAO,KAAK;AAAA;AAAA,KACpD;AAAA,wBACC,UAAA,EAAA,EAAW,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAS,oBAC/B,QAAA,EAAA,KAAA,CAAM,YAAA,mBACL,GAAA,CAACC,UAAA,EAAA,EAAe,OAAM,SAAA,EAAU,CAAA,uBAE/BA,UAAA,EAAA,EAAe,KAAA,EAAM,YAAW,CAAA,EAErC,CAAA;AAAA,IACC,OAAA,CAAQ,OAAO,aAAa,CAAA,uBAC1BC,OAAA,EAAA,EAAQ,KAAA,EAAO,EAAE,+BAA+B,CAAA,EAC/C,8BAAC,UAAA,EAAA,EAAW,IAAA,EAAK,SAAQ,OAAA,EAAS,KAAA,CAAM,eACtC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,EACV,CAAA,EACF,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ;;;;"}

package/dist/components/LogViewer/RealLogViewer.esm.js

@@ -135,7 +135,13 @@ function RealLogViewer(props) {
         );
       };
       return /* @__PURE__ */ jsxs(Box, { style: { width, height }, className: classes.root, children: [
-        /* @__PURE__ */ jsx(Box, { className: classes.header, children: /* @__PURE__ */ jsx(LogViewerControls, { ...search }) }),
+        /* @__PURE__ */ jsx(Box, { className: classes.header, children: /* @__PURE__ */ jsx(
+          LogViewerControls,
+          {
+            ...search,
+            onDownloadLog: props.onDownloadLog
+          }
+        ) }),
         shouldTextWrap ? /* @__PURE__ */ jsx(
           VariableSizeList,
           {

package/dist/components/LogViewer/RealLogViewer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RealLogViewer.esm.js","sources":["../../../src/components/LogViewer/RealLogViewer.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 Box from '@material-ui/core/Box';\nimport IconButton from '@material-ui/core/IconButton';\nimport CopyIcon from '@material-ui/icons/FileCopy';\nimport classnames from 'classnames';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport AutoSizer from 'react-virtualized-auto-sizer';\nimport { FixedSizeList, VariableSizeList } from 'react-window';\n\nimport { AnsiLine, AnsiProcessor } from './AnsiProcessor';\nimport { LogLine } from './LogLine';\nimport { LogViewerControls } from './LogViewerControls';\nimport { HEADER_SIZE, useStyles } from './styles';\nimport { useLogViewerSearch } from './useLogViewerSearch';\nimport { useLogViewerSelection } from './useLogViewerSelection';\nimport Snackbar from '@material-ui/core/Snackbar';\n\nexport interface RealLogViewerProps {\n  text: string;\n  textWrap?: boolean;\n  classes?: { root?: string };\n}\n\nexport function RealLogViewer(props: RealLogViewerProps) {\n  const classes = useStyles({ classes: props.classes });\n  const [listInstance, setListInstance] = useState<\n    VariableSizeList<AnsiLine[]> | FixedSizeList<AnsiLine[]> | null\n  >(null);\n  const shouldTextWrap = props.textWrap ?? false;\n  const heights = useRef<{ [key: number]: number }>({});\n\n  // The processor keeps state that optimizes appending to the text\n  const processor = useMemo(() => new AnsiProcessor(), []);\n  const lines = processor.process(props.text);\n  const [showCopyInfo, setShowCopyInfo] = useState(false);\n\n  const search = useLogViewerSearch(lines);\n  const selection = useLogViewerSelection(lines);\n  const location = useLocation();\n\n  useEffect(() => {\n    if (listInstance) {\n      listInstance.scrollToItem(lines.length - 1, 'end');\n    }\n  }, [listInstance, lines]);\n\n  useEffect(() => {\n    if (!listInstance) {\n      return;\n    }\n    if (search.resultLine) {\n      listInstance.scrollToItem(search.resultLine - 1, 'center');\n    } else {\n      listInstance.scrollToItem(lines.length - 1, 'end');\n    }\n  }, [listInstance, search.resultLine, lines]);\n\n  useEffect(() => {\n    const hash = selection.getHash();\n    if (hash.length > 0) {\n      history.replaceState(null, '', hash);\n    }\n  }, [selection]);\n\n  useEffect(() => {\n    if (location.hash) {\n      selection.selectAll(location.hash);\n    }\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleSelectLine = (\n    line: number,\n    event: {\n      shiftKey: boolean;\n      metaKey: boolean;\n      ctrlKey: boolean;\n      preventDefault: () => void;\n    },\n  ) => {\n    event.preventDefault();\n    selection.setSelection(\n      line,\n      event.shiftKey,\n      event.metaKey || event.ctrlKey,\n    );\n  };\n\n  const handleCopySelection = (line: number) => {\n    selection.copySelection(line);\n    setShowCopyInfo(true);\n  };\n\n  function setRowHeight(index: number, size: number) {\n    if (shouldTextWrap && listInstance) {\n      (listInstance as VariableSizeList<AnsiLine[]>).resetAfterIndex(0);\n      // lineNumber is 1-based but index is 0-based\n      heights.current[index - 1] = size;\n    }\n  }\n\n  function getRowHeight(index: number) {\n    return heights.current[index] || 20;\n  }\n\n  return (\n    <>\n      <AutoSizer>\n        {({ height, width }: { height?: number; width?: number }) => {\n          const commonProps = {\n            ref: setListInstance,\n            className: classes.log,\n            height: (height || 480) - HEADER_SIZE,\n            width: width || 640,\n            itemData: search.lines,\n            itemCount: search.lines.length,\n          };\n\n          const renderItem = ({\n            index,\n            style,\n            data,\n          }: {\n            index: number;\n            style: React.CSSProperties;\n            data: AnsiLine[];\n          }) => {\n            const line = data[index];\n            const { lineNumber } = line;\n            return (\n              <Box\n                style={{ ...style }}\n                className={classnames(classes.line, {\n                  [classes.lineSelected]: selection.isSelected(lineNumber),\n                })}\n              >\n                {selection.shouldShowCopyButton(lineNumber) && (\n                  <IconButton\n                    data-testid=\"copy-button\"\n                    size=\"small\"\n                    className={classes.lineCopyButton}\n                    onClick={() => handleCopySelection(lineNumber)}\n                  >\n                    <CopyIcon fontSize=\"inherit\" />\n                  </IconButton>\n                )}\n                <a\n                  role=\"row\"\n                  target=\"_self\"\n                  href={`#line-${lineNumber}`}\n                  className={classes.lineNumber}\n                  onClick={event => handleSelectLine(lineNumber, event)}\n                  onKeyPress={event => handleSelectLine(lineNumber, event)}\n                >\n                  {lineNumber}\n                </a>\n                <LogLine\n                  setRowHeight={shouldTextWrap ? setRowHeight : undefined}\n                  line={line}\n                  classes={classes}\n                  searchText={search.searchText}\n                  highlightResultIndex={\n                    search.resultLine === lineNumber\n                      ? search.resultLineIndex\n                      : undefined\n                  }\n                />\n              </Box>\n            );\n          };\n\n          return (\n            <Box style={{ width, height }} className={classes.root}>\n              <Box className={classes.header}>\n                <LogViewerControls {...search} />\n              </Box>\n              {shouldTextWrap ? (\n                <VariableSizeList<AnsiLine[]>\n                  {...commonProps}\n                  itemSize={getRowHeight}\n                >\n                  {renderItem}\n                </VariableSizeList>\n              ) : (\n                <FixedSizeList<AnsiLine[]> {...commonProps} itemSize={20}>\n                  {renderItem}\n                </FixedSizeList>\n              )}\n            </Box>\n          );\n        }}\n      </AutoSizer>\n      <Snackbar\n        open={showCopyInfo}\n        autoHideDuration={3000}\n        onClose={() => setShowCopyInfo(false)}\n        message=\"Lines copied to clipboard\"\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n      />\n    </>\n  );\n}\n"],"names":["classnames"],"mappings":"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"}
+{"version":3,"file":"RealLogViewer.esm.js","sources":["../../../src/components/LogViewer/RealLogViewer.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 Box from '@material-ui/core/Box';\nimport IconButton from '@material-ui/core/IconButton';\nimport CopyIcon from '@material-ui/icons/FileCopy';\nimport classnames from 'classnames';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport AutoSizer from 'react-virtualized-auto-sizer';\nimport { FixedSizeList, VariableSizeList } from 'react-window';\n\nimport { AnsiLine, AnsiProcessor } from './AnsiProcessor';\nimport { LogLine } from './LogLine';\nimport { LogViewerControls } from './LogViewerControls';\nimport { HEADER_SIZE, useStyles } from './styles';\nimport { useLogViewerSearch } from './useLogViewerSearch';\nimport { useLogViewerSelection } from './useLogViewerSelection';\nimport Snackbar from '@material-ui/core/Snackbar';\n\nexport interface RealLogViewerProps {\n  showDownloadButton?: boolean;\n  onDownloadLog?: () => void;\n  text: string;\n  textWrap?: boolean;\n  classes?: { root?: string };\n}\n\nexport function RealLogViewer(props: RealLogViewerProps) {\n  const classes = useStyles({ classes: props.classes });\n  const [listInstance, setListInstance] = useState<\n    VariableSizeList<AnsiLine[]> | FixedSizeList<AnsiLine[]> | null\n  >(null);\n  const shouldTextWrap = props.textWrap ?? false;\n  const heights = useRef<{ [key: number]: number }>({});\n\n  // The processor keeps state that optimizes appending to the text\n  const processor = useMemo(() => new AnsiProcessor(), []);\n  const lines = processor.process(props.text);\n  const [showCopyInfo, setShowCopyInfo] = useState(false);\n\n  const search = useLogViewerSearch(lines);\n  const selection = useLogViewerSelection(lines);\n  const location = useLocation();\n\n  useEffect(() => {\n    if (listInstance) {\n      listInstance.scrollToItem(lines.length - 1, 'end');\n    }\n  }, [listInstance, lines]);\n\n  useEffect(() => {\n    if (!listInstance) {\n      return;\n    }\n    if (search.resultLine) {\n      listInstance.scrollToItem(search.resultLine - 1, 'center');\n    } else {\n      listInstance.scrollToItem(lines.length - 1, 'end');\n    }\n  }, [listInstance, search.resultLine, lines]);\n\n  useEffect(() => {\n    const hash = selection.getHash();\n    if (hash.length > 0) {\n      history.replaceState(null, '', hash);\n    }\n  }, [selection]);\n\n  useEffect(() => {\n    if (location.hash) {\n      selection.selectAll(location.hash);\n    }\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleSelectLine = (\n    line: number,\n    event: {\n      shiftKey: boolean;\n      metaKey: boolean;\n      ctrlKey: boolean;\n      preventDefault: () => void;\n    },\n  ) => {\n    event.preventDefault();\n    selection.setSelection(\n      line,\n      event.shiftKey,\n      event.metaKey || event.ctrlKey,\n    );\n  };\n\n  const handleCopySelection = (line: number) => {\n    selection.copySelection(line);\n    setShowCopyInfo(true);\n  };\n\n  function setRowHeight(index: number, size: number) {\n    if (shouldTextWrap && listInstance) {\n      (listInstance as VariableSizeList<AnsiLine[]>).resetAfterIndex(0);\n      // lineNumber is 1-based but index is 0-based\n      heights.current[index - 1] = size;\n    }\n  }\n\n  function getRowHeight(index: number) {\n    return heights.current[index] || 20;\n  }\n\n  return (\n    <>\n      <AutoSizer>\n        {({ height, width }: { height?: number; width?: number }) => {\n          const commonProps = {\n            ref: setListInstance,\n            className: classes.log,\n            height: (height || 480) - HEADER_SIZE,\n            width: width || 640,\n            itemData: search.lines,\n            itemCount: search.lines.length,\n          };\n\n          const renderItem = ({\n            index,\n            style,\n            data,\n          }: {\n            index: number;\n            style: React.CSSProperties;\n            data: AnsiLine[];\n          }) => {\n            const line = data[index];\n            const { lineNumber } = line;\n            return (\n              <Box\n                style={{ ...style }}\n                className={classnames(classes.line, {\n                  [classes.lineSelected]: selection.isSelected(lineNumber),\n                })}\n              >\n                {selection.shouldShowCopyButton(lineNumber) && (\n                  <IconButton\n                    data-testid=\"copy-button\"\n                    size=\"small\"\n                    className={classes.lineCopyButton}\n                    onClick={() => handleCopySelection(lineNumber)}\n                  >\n                    <CopyIcon fontSize=\"inherit\" />\n                  </IconButton>\n                )}\n                <a\n                  role=\"row\"\n                  target=\"_self\"\n                  href={`#line-${lineNumber}`}\n                  className={classes.lineNumber}\n                  onClick={event => handleSelectLine(lineNumber, event)}\n                  onKeyPress={event => handleSelectLine(lineNumber, event)}\n                >\n                  {lineNumber}\n                </a>\n                <LogLine\n                  setRowHeight={shouldTextWrap ? setRowHeight : undefined}\n                  line={line}\n                  classes={classes}\n                  searchText={search.searchText}\n                  highlightResultIndex={\n                    search.resultLine === lineNumber\n                      ? search.resultLineIndex\n                      : undefined\n                  }\n                />\n              </Box>\n            );\n          };\n\n          return (\n            <Box style={{ width, height }} className={classes.root}>\n              <Box className={classes.header}>\n                <LogViewerControls\n                  {...search}\n                  onDownloadLog={props.onDownloadLog}\n                />\n              </Box>\n              {shouldTextWrap ? (\n                <VariableSizeList<AnsiLine[]>\n                  {...commonProps}\n                  itemSize={getRowHeight}\n                >\n                  {renderItem}\n                </VariableSizeList>\n              ) : (\n                <FixedSizeList<AnsiLine[]> {...commonProps} itemSize={20}>\n                  {renderItem}\n                </FixedSizeList>\n              )}\n            </Box>\n          );\n        }}\n      </AutoSizer>\n      <Snackbar\n        open={showCopyInfo}\n        autoHideDuration={3000}\n        onClose={() => setShowCopyInfo(false)}\n        message=\"Lines copied to clipboard\"\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n      />\n    </>\n  );\n}\n"],"names":["classnames"],"mappings":"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"}

package/dist/components/Table/Table.esm.js

@@ -96,6 +96,10 @@ const useFilterStyles = makeStyles(
       justifyContent: "space-between",
       flexWrap: "wrap"
     },
+    filterControls: {
+      display: "flex",
+      alignItems: "center"
+    },
     title: {
       fontWeight: theme.typography.fontWeightBold,
       fontSize: 18,
@@ -167,7 +171,7 @@ function TableToolbar(toolbarProps) {
   );
   if (hasFilters) {
     return /* @__PURE__ */ jsxs(Box, { className: filtersClasses.root, children: [
-      /* @__PURE__ */ jsxs(Box, { className: filtersClasses.root, children: [
+      /* @__PURE__ */ jsxs(Box, { className: filtersClasses.filterControls, children: [
         /* @__PURE__ */ jsx(IconButton, { onClick: toggleFilters, "aria-label": "filter list", children: /* @__PURE__ */ jsx(FilterList, {}) }),
         /* @__PURE__ */ jsxs(Typography, { className: filtersClasses.title, children: [
           t("table.filter.title"),

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

@@ -1 +1 @@
-{"version":3,"file":"Table.esm.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  TranslationFunction,\n  useTranslationRef,\n} from '@backstage/core-plugin-api/alpha';\nimport MTable, {\n  Column,\n  Icons,\n  MaterialTableProps,\n  MTableBody,\n  MTableHeader,\n  MTableToolbar,\n  Options,\n} from '@material-table/core';\nimport Box from '@material-ui/core/Box';\nimport IconButton from '@material-ui/core/IconButton';\nimport {\n  makeStyles,\n  Theme,\n  useTheme,\n  withStyles,\n} from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport AddBox from '@material-ui/icons/AddBox';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\nimport ChevronRight from '@material-ui/icons/ChevronRight';\nimport Clear from '@material-ui/icons/Clear';\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\nimport Edit from '@material-ui/icons/Edit';\nimport FilterList from '@material-ui/icons/FilterList';\nimport Search from '@material-ui/icons/Search';\nimport FirstPage from '@material-ui/icons/FirstPage';\nimport LastPage from '@material-ui/icons/LastPage';\nimport Remove from '@material-ui/icons/Remove';\nimport SaveAlt from '@material-ui/icons/SaveAlt';\nimport ViewColumn from '@material-ui/icons/ViewColumn';\nimport { isEqual, transform } from 'lodash';\nimport {\n  CSSProperties,\n  forwardRef,\n  MutableRefObject,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { SelectProps } from '../Select/Select';\nimport { Filter, Filters, SelectedFilters, Without } from './Filters';\nimport { TableLoadingBody } from './TableLoadingBody';\n\n// Material-table is not using the standard icons available in in material-ui. https://github.com/mbrn/material-table/issues/51\nconst tableIcons: Icons = {\n  Add: forwardRef<SVGSVGElement>((props, ref) => (\n    <AddBox {...props} ref={ref} />\n  )),\n  Check: forwardRef<SVGSVGElement>((props, ref) => (\n    <Check {...props} ref={ref} />\n  )),\n  Clear: forwardRef<SVGSVGElement>((props, ref) => (\n    <Clear {...props} ref={ref} />\n  )),\n  Delete: forwardRef<SVGSVGElement>((props, ref) => (\n    <DeleteOutline {...props} ref={ref} />\n  )),\n  DetailPanel: forwardRef<SVGSVGElement>((props, ref) => (\n    <ChevronRight {...props} ref={ref} />\n  )),\n  Edit: forwardRef<SVGSVGElement>((props, ref) => (\n    <Edit {...props} ref={ref} />\n  )),\n  Export: forwardRef<SVGSVGElement>((props, ref) => (\n    <SaveAlt {...props} ref={ref} />\n  )),\n  Filter: forwardRef<SVGSVGElement>((props, ref) => (\n    <FilterList {...props} ref={ref} />\n  )),\n  FirstPage: forwardRef<SVGSVGElement>((props, ref) => (\n    <FirstPage {...props} ref={ref} />\n  )),\n  LastPage: forwardRef<SVGSVGElement>((props, ref) => (\n    <LastPage {...props} ref={ref} />\n  )),\n  NextPage: forwardRef<SVGSVGElement>((props, ref) => (\n    <ChevronRight {...props} ref={ref} />\n  )),\n  PreviousPage: forwardRef<SVGSVGElement>((props, ref) => (\n    <ChevronLeft {...props} ref={ref} />\n  )),\n  ResetSearch: forwardRef<SVGSVGElement>((props, ref) => (\n    <Clear {...props} ref={ref} />\n  )),\n  Search: forwardRef<SVGSVGElement>((props, ref) => (\n    <Search {...props} ref={ref} />\n  )),\n  SortArrow: forwardRef<SVGSVGElement>((props, ref) => (\n    <ArrowUpward {...props} ref={ref} />\n  )),\n  ThirdStateCheck: forwardRef<SVGSVGElement>((props, ref) => (\n    <Remove {...props} ref={ref} />\n  )),\n  ViewColumn: forwardRef<SVGSVGElement>((props, ref) => (\n    <ViewColumn {...props} ref={ref} />\n  )),\n};\n\n// TODO: Material table might already have such a function internally that we can use?\nfunction extractValueByField(data: any, field: string): any | undefined {\n  const path = field.split('.');\n  let value = data[path[0]];\n\n  for (let i = 1; i < path.length; ++i) {\n    if (value === undefined) {\n      return value;\n    }\n\n    const f = path[i];\n    value = value[f];\n  }\n\n  return value;\n}\n\nexport type TableHeaderClassKey = 'header';\n\nconst StyledMTableHeader = withStyles(\n  theme => ({\n    header: {\n      padding: theme.spacing(1, 2, 1, 2.5),\n      borderTop: `1px solid ${theme.palette.grey.A100}`,\n      borderBottom: `1px solid ${theme.palette.grey.A100}`,\n      // withStyles hasn't a generic overload for theme\n      fontWeight: theme.typography.fontWeightBold,\n      position: 'static',\n      wordBreak: 'normal',\n      textTransform: 'uppercase',\n    },\n  }),\n  { name: 'BackstageTableHeader' },\n)(MTableHeader);\n\nexport type TableToolbarClassKey = 'root' | 'title' | 'searchField';\n\nconst StyledMTableToolbar = withStyles(\n  theme => ({\n    root: {\n      padding: theme.spacing(3, 0, 2.5, 2.5),\n    },\n    title: {\n      '& > h6': {\n        fontWeight: theme.typography.fontWeightBold,\n      },\n    },\n    searchField: {\n      paddingRight: theme.spacing(2),\n    },\n  }),\n  { name: 'BackstageTableToolbar' },\n)(MTableToolbar);\n\n/** @public */\nexport type FiltersContainerClassKey = 'root' | 'title';\n\nconst useFilterStyles = makeStyles(\n  theme => ({\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      flexWrap: 'wrap',\n    },\n    title: {\n      fontWeight: theme.typography.fontWeightBold,\n      fontSize: 18,\n      whiteSpace: 'nowrap',\n    },\n  }),\n  { name: 'BackstageTableFiltersContainer' },\n);\n\nexport type TableClassKey = 'root';\n\nconst useTableStyles = makeStyles(\n  () => ({\n    root: {\n      display: 'flex',\n      alignItems: 'start',\n    },\n  }),\n  { name: 'BackstageTable' },\n);\n\nfunction convertColumns<T extends object>(\n  columns: TableColumn<T>[],\n  theme: Theme,\n): TableColumn<T>[] {\n  return columns.map(column => {\n    const headerStyle: CSSProperties = column.headerStyle ?? {};\n\n    let cellStyle = column.cellStyle || {};\n\n    if (column.highlight) {\n      headerStyle.color = theme.palette.textContrast;\n\n      if (typeof cellStyle === 'object') {\n        (cellStyle as CSSProperties).fontWeight =\n          theme.typography.fontWeightBold;\n      } else {\n        const cellStyleFn = cellStyle as (\n          data: any,\n          rowData: T,\n          column?: Column<T>,\n        ) => CSSProperties;\n        cellStyle = (data, rowData, rowColumn) => {\n          const style = cellStyleFn(data, rowData, rowColumn);\n          return { ...style, fontWeight: theme.typography.fontWeightBold };\n        };\n      }\n    }\n\n    return {\n      ...column,\n      headerStyle,\n      cellStyle,\n    };\n  });\n}\n\nfunction removeDefaultValues(state: any, defaultState: any): any {\n  return transform(state, (result, value, key) => {\n    if (!isEqual(value, defaultState[key])) {\n      result[key] = value;\n    }\n  });\n}\n\nconst defaultInitialState = {\n  search: '',\n  filtersOpen: false,\n  filters: {},\n};\n\nexport interface TableColumn<T extends object = {}> extends Column<T> {\n  highlight?: boolean;\n  width?: string;\n}\n\nexport type TableFilter = {\n  column: string;\n  type: 'select' | 'multiple-select';\n};\n\nexport type TableState = {\n  search?: string;\n  filtersOpen?: boolean;\n  filters?: SelectedFilters;\n};\n\nexport interface TableProps<T extends object = {}>\n  extends MaterialTableProps<T> {\n  columns: TableColumn<T>[];\n  subtitle?: string;\n  filters?: TableFilter[];\n  initialState?: TableState;\n  emptyContent?: ReactNode;\n  isLoading?: boolean;\n  onStateChange?: (state: TableState) => any;\n}\n\nexport interface TableOptions<T extends object = {}> extends Options<T> {}\n\nexport function TableToolbar(toolbarProps: {\n  toolbarRef: MutableRefObject<any>;\n  setSearch: (value: string) => void;\n  onSearchChanged: (value: string) => void;\n  toggleFilters: () => void;\n  hasFilters: boolean;\n  selectedFiltersLength: number;\n}) {\n  const {\n    toolbarRef,\n    setSearch,\n    hasFilters,\n    selectedFiltersLength,\n    toggleFilters,\n  } = toolbarProps;\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const filtersClasses = useFilterStyles();\n  const onSearchChanged = useCallback(\n    (searchText: string) => {\n      toolbarProps.onSearchChanged(searchText);\n      setSearch(searchText);\n    },\n    [toolbarProps, setSearch],\n  );\n\n  if (hasFilters) {\n    return (\n      <Box className={filtersClasses.root}>\n        <Box className={filtersClasses.root}>\n          <IconButton onClick={toggleFilters} aria-label=\"filter list\">\n            <FilterList />\n          </IconButton>\n          <Typography className={filtersClasses.title}>\n            {t('table.filter.title')} ({selectedFiltersLength})\n          </Typography>\n        </Box>\n        <StyledMTableToolbar\n          {...toolbarProps}\n          ref={toolbarRef}\n          onSearchChanged={onSearchChanged}\n        />\n      </Box>\n    );\n  }\n\n  return (\n    <StyledMTableToolbar\n      {...toolbarProps}\n      ref={toolbarRef}\n      onSearchChanged={onSearchChanged}\n    />\n  );\n}\n\n/**\n * @public\n */\nexport function Table<T extends object = {}>(props: TableProps<T>) {\n  const {\n    data,\n    columns,\n    emptyContent,\n    options,\n    title,\n    subtitle,\n    localization,\n    filters,\n    initialState,\n    onStateChange,\n    components,\n    isLoading: loading,\n    style,\n    ...restProps\n  } = props;\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const tableClasses = useTableStyles();\n\n  const theme = useTheme();\n\n  const calculatedInitialState = { ...defaultInitialState, ...initialState };\n\n  const [filtersOpen, setFiltersOpen] = useState(\n    calculatedInitialState.filtersOpen,\n  );\n  const toggleFilters = useCallback(\n    () => setFiltersOpen(v => !v),\n    [setFiltersOpen],\n  );\n\n  const [selectedFilters, setSelectedFilters] = useState(\n    calculatedInitialState.filters,\n  );\n\n  const [search, setSearch] = useState(calculatedInitialState.search);\n\n  useEffect(() => {\n    if (onStateChange) {\n      const state = removeDefaultValues(\n        {\n          search,\n          filtersOpen,\n          filters: selectedFilters,\n        },\n        defaultInitialState,\n      );\n\n      onStateChange(state);\n    }\n  }, [search, filtersOpen, selectedFilters, onStateChange]);\n\n  const getFieldByTitle = useCallback(\n    (titleValue: string | keyof T) =>\n      columns.find(el => el.title === titleValue)?.field,\n    [columns],\n  );\n\n  const tableData = useMemo(() => {\n    if (typeof data === 'function' || !selectedFilters) {\n      return data;\n    }\n\n    const selectedFiltersArray = Object.values(selectedFilters);\n    if (data && selectedFiltersArray.flat().length) {\n      const newData = (data as any[]).filter(\n        el =>\n          !!Object.entries(selectedFilters)\n            .filter(([, value]) => !!(value as { length?: number }).length)\n            .every(([key, filterValue]) => {\n              const fieldValue = extractValueByField(\n                el,\n                getFieldByTitle(key) as string,\n              );\n\n              if (Array.isArray(fieldValue) && Array.isArray(filterValue)) {\n                return fieldValue.some(v => filterValue.includes(v));\n              } else if (Array.isArray(fieldValue)) {\n                return fieldValue.includes(filterValue);\n              } else if (Array.isArray(filterValue)) {\n                return filterValue.includes(fieldValue);\n              }\n\n              return fieldValue === filterValue;\n            }),\n      );\n      return newData;\n    }\n    return data;\n  }, [data, selectedFilters, getFieldByTitle]);\n\n  const selectedFiltersLength = Object.values(selectedFilters).flat().length;\n\n  const hasFilters = !!filters?.length;\n  const Toolbar = useCallback(\n    (toolbarProps: any /* no type for this in material-table */) => {\n      return (\n        <TableToolbar\n          setSearch={setSearch}\n          hasFilters={hasFilters}\n          selectedFiltersLength={selectedFiltersLength}\n          toggleFilters={toggleFilters}\n          {...toolbarProps}\n        />\n      );\n    },\n    [toggleFilters, hasFilters, selectedFiltersLength, setSearch],\n  );\n\n  const hasNoRows = typeof data !== 'function' && data.length === 0;\n  const columnCount = columns.length;\n  const Body = useMemo(\n    () => makeBody({ hasNoRows, emptyContent, columnCount, loading }),\n    [hasNoRows, emptyContent, columnCount, loading],\n  );\n\n  return (\n    <Box className={tableClasses.root}>\n      {filtersOpen && data && typeof data !== 'function' && filters?.length && (\n        <Filters\n          filters={constructFilters(filters, data as any[], columns, t)}\n          selectedFilters={selectedFilters}\n          onChangeFilters={setSelectedFilters}\n        />\n      )}\n      <MTable<T>\n        components={{\n          Header: StyledMTableHeader,\n          Body,\n          Toolbar,\n          ...components,\n        }}\n        options={options}\n        columns={convertColumns(columns, theme)}\n        icons={tableIcons}\n        title={\n          <>\n            <Typography variant=\"h5\" component=\"h2\">\n              {title}\n            </Typography>\n            {subtitle && (\n              <Typography color=\"textSecondary\" variant=\"body1\">\n                {subtitle}\n              </Typography>\n            )}\n          </>\n        }\n        data={tableData}\n        style={{ width: '100%', ...style }}\n        localization={{\n          ...localization,\n          body: {\n            emptyDataSourceMessage: t('table.body.emptyDataSourceMessage'),\n            ...localization?.body,\n          },\n          pagination: {\n            firstTooltip: t('table.pagination.firstTooltip'),\n            labelDisplayedRows: t('table.pagination.labelDisplayedRows'),\n            labelRowsSelect: t('table.pagination.labelRowsSelect'),\n            lastTooltip: t('table.pagination.lastTooltip'),\n            nextTooltip: t('table.pagination.nextTooltip'),\n            previousTooltip: t('table.pagination.previousTooltip'),\n            ...localization?.pagination,\n          },\n          header: {\n            actions: t('table.header.actions'),\n            ...localization?.header,\n          },\n          toolbar: {\n            searchPlaceholder: t('table.toolbar.search'),\n            searchTooltip: t('table.toolbar.search'),\n            ...localization?.toolbar,\n          },\n        }}\n        {...restProps}\n      />\n    </Box>\n  );\n}\n\nTable.icons = Object.freeze(tableIcons);\n\nfunction makeBody({\n  columnCount,\n  emptyContent,\n  hasNoRows,\n  loading,\n}: {\n  hasNoRows: boolean;\n  emptyContent: ReactNode;\n  columnCount: number;\n  loading?: boolean;\n}) {\n  return (bodyProps: any /* no type for this in material-table */) => {\n    if (loading) {\n      return <TableLoadingBody colSpan={columnCount} />;\n    }\n\n    if (emptyContent && hasNoRows) {\n      return (\n        <tbody>\n          <tr>\n            <td colSpan={columnCount}>{emptyContent}</td>\n          </tr>\n        </tbody>\n      );\n    }\n\n    return <MTableBody {...bodyProps} />;\n  };\n}\n\nfunction constructFilters<T extends object>(\n  filterConfig: TableFilter[],\n  dataValue: any[] | undefined,\n  columns: TableColumn<T>[],\n  t: TranslationFunction<typeof coreComponentsTranslationRef.T>,\n): Filter[] {\n  const extractDistinctValues = (field: string | keyof T): Set<any> => {\n    const distinctValues = new Set<any>();\n    const addValue = (value: any) => {\n      if (value !== undefined && value !== null) {\n        distinctValues.add(value);\n      }\n    };\n\n    if (dataValue) {\n      dataValue.forEach(el => {\n        const value = extractValueByField(\n          el,\n          columns.find(c => c.title === field)?.field as string,\n        );\n\n        if (Array.isArray(value)) {\n          (value as []).forEach(addValue);\n        } else {\n          addValue(value);\n        }\n      });\n    }\n\n    return distinctValues;\n  };\n\n  const constructSelect = (\n    filter: TableFilter,\n  ): Without<SelectProps, 'onChange'> => {\n    return {\n      placeholder: t('table.filter.placeholder'),\n      label: filter.column,\n      multiple: filter.type === 'multiple-select',\n      items: [...extractDistinctValues(filter.column)].sort().map(value => ({\n        label: value,\n        value,\n      })),\n    };\n  };\n\n  return filterConfig.map(filter => ({\n    type: filter.type,\n    element: constructSelect(filter),\n  }));\n}\n"],"names":["ChevronLeft"],"mappings":"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"}
+{"version":3,"file":"Table.esm.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {\n  TranslationFunction,\n  useTranslationRef,\n} from '@backstage/core-plugin-api/alpha';\nimport MTable, {\n  Column,\n  Icons,\n  MaterialTableProps,\n  MTableBody,\n  MTableHeader,\n  MTableToolbar,\n  Options,\n} from '@material-table/core';\nimport Box from '@material-ui/core/Box';\nimport IconButton from '@material-ui/core/IconButton';\nimport {\n  makeStyles,\n  Theme,\n  useTheme,\n  withStyles,\n} from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport AddBox from '@material-ui/icons/AddBox';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\nimport ChevronRight from '@material-ui/icons/ChevronRight';\nimport Clear from '@material-ui/icons/Clear';\nimport DeleteOutline from '@material-ui/icons/DeleteOutline';\nimport Edit from '@material-ui/icons/Edit';\nimport FilterList from '@material-ui/icons/FilterList';\nimport Search from '@material-ui/icons/Search';\nimport FirstPage from '@material-ui/icons/FirstPage';\nimport LastPage from '@material-ui/icons/LastPage';\nimport Remove from '@material-ui/icons/Remove';\nimport SaveAlt from '@material-ui/icons/SaveAlt';\nimport ViewColumn from '@material-ui/icons/ViewColumn';\nimport { isEqual, transform } from 'lodash';\nimport {\n  CSSProperties,\n  forwardRef,\n  MutableRefObject,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { coreComponentsTranslationRef } from '../../translation';\nimport { SelectProps } from '../Select/Select';\nimport { Filter, Filters, SelectedFilters, Without } from './Filters';\nimport { TableLoadingBody } from './TableLoadingBody';\n\n// Material-table is not using the standard icons available in in material-ui. https://github.com/mbrn/material-table/issues/51\nconst tableIcons: Icons = {\n  Add: forwardRef<SVGSVGElement>((props, ref) => (\n    <AddBox {...props} ref={ref} />\n  )),\n  Check: forwardRef<SVGSVGElement>((props, ref) => (\n    <Check {...props} ref={ref} />\n  )),\n  Clear: forwardRef<SVGSVGElement>((props, ref) => (\n    <Clear {...props} ref={ref} />\n  )),\n  Delete: forwardRef<SVGSVGElement>((props, ref) => (\n    <DeleteOutline {...props} ref={ref} />\n  )),\n  DetailPanel: forwardRef<SVGSVGElement>((props, ref) => (\n    <ChevronRight {...props} ref={ref} />\n  )),\n  Edit: forwardRef<SVGSVGElement>((props, ref) => (\n    <Edit {...props} ref={ref} />\n  )),\n  Export: forwardRef<SVGSVGElement>((props, ref) => (\n    <SaveAlt {...props} ref={ref} />\n  )),\n  Filter: forwardRef<SVGSVGElement>((props, ref) => (\n    <FilterList {...props} ref={ref} />\n  )),\n  FirstPage: forwardRef<SVGSVGElement>((props, ref) => (\n    <FirstPage {...props} ref={ref} />\n  )),\n  LastPage: forwardRef<SVGSVGElement>((props, ref) => (\n    <LastPage {...props} ref={ref} />\n  )),\n  NextPage: forwardRef<SVGSVGElement>((props, ref) => (\n    <ChevronRight {...props} ref={ref} />\n  )),\n  PreviousPage: forwardRef<SVGSVGElement>((props, ref) => (\n    <ChevronLeft {...props} ref={ref} />\n  )),\n  ResetSearch: forwardRef<SVGSVGElement>((props, ref) => (\n    <Clear {...props} ref={ref} />\n  )),\n  Search: forwardRef<SVGSVGElement>((props, ref) => (\n    <Search {...props} ref={ref} />\n  )),\n  SortArrow: forwardRef<SVGSVGElement>((props, ref) => (\n    <ArrowUpward {...props} ref={ref} />\n  )),\n  ThirdStateCheck: forwardRef<SVGSVGElement>((props, ref) => (\n    <Remove {...props} ref={ref} />\n  )),\n  ViewColumn: forwardRef<SVGSVGElement>((props, ref) => (\n    <ViewColumn {...props} ref={ref} />\n  )),\n};\n\n// TODO: Material table might already have such a function internally that we can use?\nfunction extractValueByField(data: any, field: string): any | undefined {\n  const path = field.split('.');\n  let value = data[path[0]];\n\n  for (let i = 1; i < path.length; ++i) {\n    if (value === undefined) {\n      return value;\n    }\n\n    const f = path[i];\n    value = value[f];\n  }\n\n  return value;\n}\n\nexport type TableHeaderClassKey = 'header';\n\nconst StyledMTableHeader = withStyles(\n  theme => ({\n    header: {\n      padding: theme.spacing(1, 2, 1, 2.5),\n      borderTop: `1px solid ${theme.palette.grey.A100}`,\n      borderBottom: `1px solid ${theme.palette.grey.A100}`,\n      // withStyles hasn't a generic overload for theme\n      fontWeight: theme.typography.fontWeightBold,\n      position: 'static',\n      wordBreak: 'normal',\n      textTransform: 'uppercase',\n    },\n  }),\n  { name: 'BackstageTableHeader' },\n)(MTableHeader);\n\nexport type TableToolbarClassKey = 'root' | 'title' | 'searchField';\n\nconst StyledMTableToolbar = withStyles(\n  theme => ({\n    root: {\n      padding: theme.spacing(3, 0, 2.5, 2.5),\n    },\n    title: {\n      '& > h6': {\n        fontWeight: theme.typography.fontWeightBold,\n      },\n    },\n    searchField: {\n      paddingRight: theme.spacing(2),\n    },\n  }),\n  { name: 'BackstageTableToolbar' },\n)(MTableToolbar);\n\n/** @public */\nexport type FiltersContainerClassKey = 'root' | 'filterControls' | 'title';\n\nconst useFilterStyles = makeStyles(\n  theme => ({\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      flexWrap: 'wrap',\n    },\n    filterControls: {\n      display: 'flex',\n      alignItems: 'center',\n    },\n    title: {\n      fontWeight: theme.typography.fontWeightBold,\n      fontSize: 18,\n      whiteSpace: 'nowrap',\n    },\n  }),\n  { name: 'BackstageTableFiltersContainer' },\n);\n\nexport type TableClassKey = 'root';\n\nconst useTableStyles = makeStyles(\n  () => ({\n    root: {\n      display: 'flex',\n      alignItems: 'start',\n    },\n  }),\n  { name: 'BackstageTable' },\n);\n\nfunction convertColumns<T extends object>(\n  columns: TableColumn<T>[],\n  theme: Theme,\n): TableColumn<T>[] {\n  return columns.map(column => {\n    const headerStyle: CSSProperties = column.headerStyle ?? {};\n\n    let cellStyle = column.cellStyle || {};\n\n    if (column.highlight) {\n      headerStyle.color = theme.palette.textContrast;\n\n      if (typeof cellStyle === 'object') {\n        (cellStyle as CSSProperties).fontWeight =\n          theme.typography.fontWeightBold;\n      } else {\n        const cellStyleFn = cellStyle as (\n          data: any,\n          rowData: T,\n          column?: Column<T>,\n        ) => CSSProperties;\n        cellStyle = (data, rowData, rowColumn) => {\n          const style = cellStyleFn(data, rowData, rowColumn);\n          return { ...style, fontWeight: theme.typography.fontWeightBold };\n        };\n      }\n    }\n\n    return {\n      ...column,\n      headerStyle,\n      cellStyle,\n    };\n  });\n}\n\nfunction removeDefaultValues(state: any, defaultState: any): any {\n  return transform(state, (result, value, key) => {\n    if (!isEqual(value, defaultState[key])) {\n      result[key] = value;\n    }\n  });\n}\n\nconst defaultInitialState = {\n  search: '',\n  filtersOpen: false,\n  filters: {},\n};\n\nexport interface TableColumn<T extends object = {}> extends Column<T> {\n  highlight?: boolean;\n  width?: string;\n}\n\nexport type TableFilter = {\n  column: string;\n  type: 'select' | 'multiple-select';\n};\n\nexport type TableState = {\n  search?: string;\n  filtersOpen?: boolean;\n  filters?: SelectedFilters;\n};\n\nexport interface TableProps<T extends object = {}>\n  extends MaterialTableProps<T> {\n  columns: TableColumn<T>[];\n  subtitle?: string;\n  filters?: TableFilter[];\n  initialState?: TableState;\n  emptyContent?: ReactNode;\n  isLoading?: boolean;\n  onStateChange?: (state: TableState) => any;\n}\n\nexport interface TableOptions<T extends object = {}> extends Options<T> {}\n\nexport function TableToolbar(toolbarProps: {\n  toolbarRef: MutableRefObject<any>;\n  setSearch: (value: string) => void;\n  onSearchChanged: (value: string) => void;\n  toggleFilters: () => void;\n  hasFilters: boolean;\n  selectedFiltersLength: number;\n}) {\n  const {\n    toolbarRef,\n    setSearch,\n    hasFilters,\n    selectedFiltersLength,\n    toggleFilters,\n  } = toolbarProps;\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const filtersClasses = useFilterStyles();\n  const onSearchChanged = useCallback(\n    (searchText: string) => {\n      toolbarProps.onSearchChanged(searchText);\n      setSearch(searchText);\n    },\n    [toolbarProps, setSearch],\n  );\n\n  if (hasFilters) {\n    return (\n      <Box className={filtersClasses.root}>\n        <Box className={filtersClasses.filterControls}>\n          <IconButton onClick={toggleFilters} aria-label=\"filter list\">\n            <FilterList />\n          </IconButton>\n          <Typography className={filtersClasses.title}>\n            {t('table.filter.title')} ({selectedFiltersLength})\n          </Typography>\n        </Box>\n        <StyledMTableToolbar\n          {...toolbarProps}\n          ref={toolbarRef}\n          onSearchChanged={onSearchChanged}\n        />\n      </Box>\n    );\n  }\n\n  return (\n    <StyledMTableToolbar\n      {...toolbarProps}\n      ref={toolbarRef}\n      onSearchChanged={onSearchChanged}\n    />\n  );\n}\n\n/**\n * @public\n */\nexport function Table<T extends object = {}>(props: TableProps<T>) {\n  const {\n    data,\n    columns,\n    emptyContent,\n    options,\n    title,\n    subtitle,\n    localization,\n    filters,\n    initialState,\n    onStateChange,\n    components,\n    isLoading: loading,\n    style,\n    ...restProps\n  } = props;\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const tableClasses = useTableStyles();\n\n  const theme = useTheme();\n\n  const calculatedInitialState = { ...defaultInitialState, ...initialState };\n\n  const [filtersOpen, setFiltersOpen] = useState(\n    calculatedInitialState.filtersOpen,\n  );\n  const toggleFilters = useCallback(\n    () => setFiltersOpen(v => !v),\n    [setFiltersOpen],\n  );\n\n  const [selectedFilters, setSelectedFilters] = useState(\n    calculatedInitialState.filters,\n  );\n\n  const [search, setSearch] = useState(calculatedInitialState.search);\n\n  useEffect(() => {\n    if (onStateChange) {\n      const state = removeDefaultValues(\n        {\n          search,\n          filtersOpen,\n          filters: selectedFilters,\n        },\n        defaultInitialState,\n      );\n\n      onStateChange(state);\n    }\n  }, [search, filtersOpen, selectedFilters, onStateChange]);\n\n  const getFieldByTitle = useCallback(\n    (titleValue: string | keyof T) =>\n      columns.find(el => el.title === titleValue)?.field,\n    [columns],\n  );\n\n  const tableData = useMemo(() => {\n    if (typeof data === 'function' || !selectedFilters) {\n      return data;\n    }\n\n    const selectedFiltersArray = Object.values(selectedFilters);\n    if (data && selectedFiltersArray.flat().length) {\n      const newData = (data as any[]).filter(\n        el =>\n          !!Object.entries(selectedFilters)\n            .filter(([, value]) => !!(value as { length?: number }).length)\n            .every(([key, filterValue]) => {\n              const fieldValue = extractValueByField(\n                el,\n                getFieldByTitle(key) as string,\n              );\n\n              if (Array.isArray(fieldValue) && Array.isArray(filterValue)) {\n                return fieldValue.some(v => filterValue.includes(v));\n              } else if (Array.isArray(fieldValue)) {\n                return fieldValue.includes(filterValue);\n              } else if (Array.isArray(filterValue)) {\n                return filterValue.includes(fieldValue);\n              }\n\n              return fieldValue === filterValue;\n            }),\n      );\n      return newData;\n    }\n    return data;\n  }, [data, selectedFilters, getFieldByTitle]);\n\n  const selectedFiltersLength = Object.values(selectedFilters).flat().length;\n\n  const hasFilters = !!filters?.length;\n  const Toolbar = useCallback(\n    (toolbarProps: any /* no type for this in material-table */) => {\n      return (\n        <TableToolbar\n          setSearch={setSearch}\n          hasFilters={hasFilters}\n          selectedFiltersLength={selectedFiltersLength}\n          toggleFilters={toggleFilters}\n          {...toolbarProps}\n        />\n      );\n    },\n    [toggleFilters, hasFilters, selectedFiltersLength, setSearch],\n  );\n\n  const hasNoRows = typeof data !== 'function' && data.length === 0;\n  const columnCount = columns.length;\n  const Body = useMemo(\n    () => makeBody({ hasNoRows, emptyContent, columnCount, loading }),\n    [hasNoRows, emptyContent, columnCount, loading],\n  );\n\n  return (\n    <Box className={tableClasses.root}>\n      {filtersOpen && data && typeof data !== 'function' && filters?.length && (\n        <Filters\n          filters={constructFilters(filters, data as any[], columns, t)}\n          selectedFilters={selectedFilters}\n          onChangeFilters={setSelectedFilters}\n        />\n      )}\n      <MTable<T>\n        components={{\n          Header: StyledMTableHeader,\n          Body,\n          Toolbar,\n          ...components,\n        }}\n        options={options}\n        columns={convertColumns(columns, theme)}\n        icons={tableIcons}\n        title={\n          <>\n            <Typography variant=\"h5\" component=\"h2\">\n              {title}\n            </Typography>\n            {subtitle && (\n              <Typography color=\"textSecondary\" variant=\"body1\">\n                {subtitle}\n              </Typography>\n            )}\n          </>\n        }\n        data={tableData}\n        style={{ width: '100%', ...style }}\n        localization={{\n          ...localization,\n          body: {\n            emptyDataSourceMessage: t('table.body.emptyDataSourceMessage'),\n            ...localization?.body,\n          },\n          pagination: {\n            firstTooltip: t('table.pagination.firstTooltip'),\n            labelDisplayedRows: t('table.pagination.labelDisplayedRows'),\n            labelRowsSelect: t('table.pagination.labelRowsSelect'),\n            lastTooltip: t('table.pagination.lastTooltip'),\n            nextTooltip: t('table.pagination.nextTooltip'),\n            previousTooltip: t('table.pagination.previousTooltip'),\n            ...localization?.pagination,\n          },\n          header: {\n            actions: t('table.header.actions'),\n            ...localization?.header,\n          },\n          toolbar: {\n            searchPlaceholder: t('table.toolbar.search'),\n            searchTooltip: t('table.toolbar.search'),\n            ...localization?.toolbar,\n          },\n        }}\n        {...restProps}\n      />\n    </Box>\n  );\n}\n\nTable.icons = Object.freeze(tableIcons);\n\nfunction makeBody({\n  columnCount,\n  emptyContent,\n  hasNoRows,\n  loading,\n}: {\n  hasNoRows: boolean;\n  emptyContent: ReactNode;\n  columnCount: number;\n  loading?: boolean;\n}) {\n  return (bodyProps: any /* no type for this in material-table */) => {\n    if (loading) {\n      return <TableLoadingBody colSpan={columnCount} />;\n    }\n\n    if (emptyContent && hasNoRows) {\n      return (\n        <tbody>\n          <tr>\n            <td colSpan={columnCount}>{emptyContent}</td>\n          </tr>\n        </tbody>\n      );\n    }\n\n    return <MTableBody {...bodyProps} />;\n  };\n}\n\nfunction constructFilters<T extends object>(\n  filterConfig: TableFilter[],\n  dataValue: any[] | undefined,\n  columns: TableColumn<T>[],\n  t: TranslationFunction<typeof coreComponentsTranslationRef.T>,\n): Filter[] {\n  const extractDistinctValues = (field: string | keyof T): Set<any> => {\n    const distinctValues = new Set<any>();\n    const addValue = (value: any) => {\n      if (value !== undefined && value !== null) {\n        distinctValues.add(value);\n      }\n    };\n\n    if (dataValue) {\n      dataValue.forEach(el => {\n        const value = extractValueByField(\n          el,\n          columns.find(c => c.title === field)?.field as string,\n        );\n\n        if (Array.isArray(value)) {\n          (value as []).forEach(addValue);\n        } else {\n          addValue(value);\n        }\n      });\n    }\n\n    return distinctValues;\n  };\n\n  const constructSelect = (\n    filter: TableFilter,\n  ): Without<SelectProps, 'onChange'> => {\n    return {\n      placeholder: t('table.filter.placeholder'),\n      label: filter.column,\n      multiple: filter.type === 'multiple-select',\n      items: [...extractDistinctValues(filter.column)].sort().map(value => ({\n        label: value,\n        value,\n      })),\n    };\n  };\n\n  return filterConfig.map(filter => ({\n    type: filter.type,\n    element: constructSelect(filter),\n  }));\n}\n"],"names":["ChevronLeft"],"mappings":"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"}

package/dist/index.d.ts

@@ -909,6 +909,10 @@ declare function Lifecycle(props: Props$b): react_jsx_runtime.JSX.Element;
  * @public
  */
 interface LogViewerProps {
+    /**
+     * Callback function to handle the download log action, and show the download button.
+     */
+    onDownloadLog?: () => void;
     /**
      * The text of the logs to display.
      *
@@ -1322,7 +1326,7 @@ declare function SubvalueCell(props: SubvalueCellProps): react_jsx_runtime.JSX.E
 type TableHeaderClassKey = 'header';
 type TableToolbarClassKey = 'root' | 'title' | 'searchField';
 /** @public */
-type FiltersContainerClassKey = 'root' | 'title';
+type FiltersContainerClassKey = 'root' | 'filterControls' | 'title';
 type TableClassKey = 'root';
 interface TableColumn<T extends object = {}> extends Column<T> {
     highlight?: boolean;

package/dist/translation.esm.js

@@ -106,6 +106,9 @@ const coreComponentsTranslationRef = createTranslationRef({
       title: "You do not appear to be signed in. Please try reloading the browser page."
     },
     logViewer: {
+      downloadBtn: {
+        tooltip: "Download logs"
+      },
       searchField: {
         placeholder: "Search"
       }

package/dist/translation.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"sourcesContent":["/*\n * Copyright 2023 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 { createTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @alpha */\nexport const coreComponentsTranslationRef = createTranslationRef({\n  id: 'core-components',\n  messages: {\n    signIn: {\n      title: 'Sign In',\n      loginFailed: 'Login failed',\n      customProvider: {\n        title: 'Custom User',\n        subtitle:\n          'Enter your own User ID and credentials.\\n This selection will not be stored.',\n        userId: 'User ID',\n        tokenInvalid: 'Token is not a valid OpenID Connect JWT Token',\n        continue: 'Continue',\n        idToken: 'ID Token (optional)',\n      },\n      guestProvider: {\n        title: 'Guest',\n        subtitle:\n          'Enter as a Guest User.\\n You will not have a verified identity, meaning some features might be unavailable.',\n        enter: 'Enter',\n      },\n    },\n    skipToContent: 'Skip to content',\n    copyTextButton: {\n      tooltipText: 'Text copied to clipboard',\n    },\n    simpleStepper: {\n      reset: 'Reset',\n      finish: 'Finish',\n      next: 'Next',\n      skip: 'Skip',\n      back: 'Back',\n    },\n    errorPage: {\n      subtitle: 'ERROR {{status}}: {{statusMessage}}',\n      title: 'Looks like someone dropped the mic!',\n      goBack: 'Go back',\n      showMoreDetails: 'Show more details',\n      showLessDetails: 'Show less details',\n    },\n    emptyState: {\n      missingAnnotation: {\n        title: 'Missing Annotation',\n        actionTitle:\n          'Add the annotation to your component YAML as shown in the highlighted example below:',\n        readMore: 'Read more',\n      },\n    },\n    supportConfig: {\n      default: {\n        title: 'Support Not Configured',\n        linkTitle: 'Add `app.support` config key',\n      },\n    },\n    errorBoundary: {\n      title: 'Please contact {{slackChannel}} for help.',\n    },\n    oauthRequestDialog: {\n      title: 'Login Required',\n      authRedirectTitle: 'This will trigger a http redirect to OAuth Login.',\n      login: 'Log in',\n      rejectAll: 'Reject All',\n      message:\n        'Sign-in to allow {{appTitle}} access to {{provider}} APIs and identities.',\n    },\n    supportButton: {\n      title: 'Support',\n      close: 'Close',\n    },\n    table: {\n      filter: {\n        title: 'Filters',\n        clearAll: 'Clear all',\n        placeholder: 'All results',\n      },\n      body: {\n        emptyDataSourceMessage: 'No records to display',\n      },\n      pagination: {\n        firstTooltip: 'First Page',\n        labelDisplayedRows: '{from}-{to} of {count}',\n        labelRowsSelect: 'rows',\n        lastTooltip: 'Last Page',\n        nextTooltip: 'Next Page',\n        previousTooltip: 'Previous Page',\n      },\n      toolbar: {\n        search: 'Filter',\n      },\n      header: {\n        actions: 'Actions',\n      },\n    },\n    alertDisplay: {\n      message_one: '({{ count }} newer message)',\n      message_other: '({{ count }} newer messages)',\n    },\n    autoLogout: {\n      stillTherePrompt: {\n        title: 'Logging out due to inactivity',\n        buttonText: \"Yes! Don't log me out\",\n      },\n    },\n    dependencyGraph: {\n      fullscreenTooltip: 'Toggle fullscreen',\n    },\n    proxiedSignInPage: {\n      title:\n        'You do not appear to be signed in. Please try reloading the browser page.',\n    },\n    logViewer: {\n      searchField: {\n        placeholder: 'Search',\n      },\n    },\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"sourcesContent":["/*\n * Copyright 2023 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 { createTranslationRef } from '@backstage/core-plugin-api/alpha';\n\n/** @alpha */\nexport const coreComponentsTranslationRef = createTranslationRef({\n  id: 'core-components',\n  messages: {\n    signIn: {\n      title: 'Sign In',\n      loginFailed: 'Login failed',\n      customProvider: {\n        title: 'Custom User',\n        subtitle:\n          'Enter your own User ID and credentials.\\n This selection will not be stored.',\n        userId: 'User ID',\n        tokenInvalid: 'Token is not a valid OpenID Connect JWT Token',\n        continue: 'Continue',\n        idToken: 'ID Token (optional)',\n      },\n      guestProvider: {\n        title: 'Guest',\n        subtitle:\n          'Enter as a Guest User.\\n You will not have a verified identity, meaning some features might be unavailable.',\n        enter: 'Enter',\n      },\n    },\n    skipToContent: 'Skip to content',\n    copyTextButton: {\n      tooltipText: 'Text copied to clipboard',\n    },\n    simpleStepper: {\n      reset: 'Reset',\n      finish: 'Finish',\n      next: 'Next',\n      skip: 'Skip',\n      back: 'Back',\n    },\n    errorPage: {\n      subtitle: 'ERROR {{status}}: {{statusMessage}}',\n      title: 'Looks like someone dropped the mic!',\n      goBack: 'Go back',\n      showMoreDetails: 'Show more details',\n      showLessDetails: 'Show less details',\n    },\n    emptyState: {\n      missingAnnotation: {\n        title: 'Missing Annotation',\n        actionTitle:\n          'Add the annotation to your component YAML as shown in the highlighted example below:',\n        readMore: 'Read more',\n      },\n    },\n    supportConfig: {\n      default: {\n        title: 'Support Not Configured',\n        linkTitle: 'Add `app.support` config key',\n      },\n    },\n    errorBoundary: {\n      title: 'Please contact {{slackChannel}} for help.',\n    },\n    oauthRequestDialog: {\n      title: 'Login Required',\n      authRedirectTitle: 'This will trigger a http redirect to OAuth Login.',\n      login: 'Log in',\n      rejectAll: 'Reject All',\n      message:\n        'Sign-in to allow {{appTitle}} access to {{provider}} APIs and identities.',\n    },\n    supportButton: {\n      title: 'Support',\n      close: 'Close',\n    },\n    table: {\n      filter: {\n        title: 'Filters',\n        clearAll: 'Clear all',\n        placeholder: 'All results',\n      },\n      body: {\n        emptyDataSourceMessage: 'No records to display',\n      },\n      pagination: {\n        firstTooltip: 'First Page',\n        labelDisplayedRows: '{from}-{to} of {count}',\n        labelRowsSelect: 'rows',\n        lastTooltip: 'Last Page',\n        nextTooltip: 'Next Page',\n        previousTooltip: 'Previous Page',\n      },\n      toolbar: {\n        search: 'Filter',\n      },\n      header: {\n        actions: 'Actions',\n      },\n    },\n    alertDisplay: {\n      message_one: '({{ count }} newer message)',\n      message_other: '({{ count }} newer messages)',\n    },\n    autoLogout: {\n      stillTherePrompt: {\n        title: 'Logging out due to inactivity',\n        buttonText: \"Yes! Don't log me out\",\n      },\n    },\n    dependencyGraph: {\n      fullscreenTooltip: 'Toggle fullscreen',\n    },\n    proxiedSignInPage: {\n      title:\n        'You do not appear to be signed in. Please try reloading the browser page.',\n    },\n    logViewer: {\n      downloadBtn: {\n        tooltip: 'Download logs',\n      },\n      searchField: {\n        placeholder: 'Search',\n      },\n    },\n  },\n});\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/core-components",
-  "version": "0.18.8-next.0",
+  "version": "0.18.8-next.1",
   "description": "Core components used by Backstage plugins and apps",
   "backstage": {
     "role": "web-library"
@@ -67,7 +67,7 @@
   },
   "dependencies": {
     "@backstage/config": "1.3.6",
-    "@backstage/core-plugin-api": "1.12.4-next.0",
+    "@backstage/core-plugin-api": "1.12.4-next.1",
     "@backstage/errors": "1.2.7",
     "@backstage/theme": "0.7.2",
     "@backstage/version-bridge": "1.0.12",
@@ -111,8 +111,8 @@
   },
   "devDependencies": {
     "@backstage/app-defaults": "1.7.6-next.0",
-    "@backstage/cli": "0.35.5-next.0",
-    "@backstage/core-app-api": "1.19.6-next.0",
+    "@backstage/cli": "0.36.0-next.2",
+    "@backstage/core-app-api": "1.19.6-next.1",
     "@backstage/test-utils": "1.7.16-next.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",