@backstage/core-components 0.18.4-next.1 → 0.18.4

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @backstage/core-components
 
+## 0.18.4
+
+### Patch Changes
+
+- 9a942a4: Fixed bug in the `LogViewer` component where shift + click always opened a new window instead of just changing the selection.
+
+  In addition, improved the `LogViewer` component by a few usability enhancements:
+
+  - Added support for multiple selections using cmd/ctrl + click
+  - Improved the generated hash that is added to the URL to also support ranges & multiple selections
+  - Added an hover effect & info tooltip to the "Copy to clipboard" button to indicate its functionality
+  - Added some color and a separator to the line numbers to improve readability
+
+- 207c3c8: long words like urls now breaks to new line on warning panels instead of overflowing the container
+- 4c00303: Add `tooltipClasses` prop to `OverflowTooltip` component to allow customisation of the tooltip
+- 5d52dab: Add i18n support for LogViewer search control
+- f6b49ce: added support for wrapLongLines option in CodeSnippet
+- Updated dependencies
+  - @backstage/core-plugin-api@1.12.1
+  - @backstage/theme@0.7.1
+
+## 0.18.4-next.2
+
+### Patch Changes
+
+- 4c00303: Add `tooltipClasses` prop to `OverflowTooltip` component to allow customisation of the tooltip
+- Updated dependencies
+  - @backstage/config@1.3.6
+  - @backstage/core-plugin-api@1.12.1-next.0
+  - @backstage/errors@1.2.7
+  - @backstage/theme@0.7.1-next.0
+  - @backstage/version-bridge@1.0.11
+
 ## 0.18.4-next.1
 
 ### Patch Changes

package/dist/alpha.d.ts

@@ -1,7 +1,7 @@
-import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/alpha';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
 
 /** @alpha */
-declare const coreComponentsTranslationRef: _backstage_core_plugin_api_alpha.TranslationRef<"core-components", {
+declare const coreComponentsTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"core-components", {
     readonly "table.filter.title": "Filters";
     readonly "table.filter.placeholder": "All results";
     readonly "table.filter.clearAll": "Clear all";

package/dist/components/CodeSnippet/CodeSnippet.esm.js

@@ -12,6 +12,7 @@ function CodeSnippet(props) {
     language,
     showLineNumbers = false,
     highlightedNumbers,
+    wrapLongLines,
     customStyle,
     showCopyCodeButton = false
   } = props;
@@ -27,6 +28,7 @@ function CodeSnippet(props) {
         style: mode,
         showLineNumbers,
         wrapLines: true,
+        wrapLongLines,
         lineNumberStyle: { color: theme.palette.textVerySubtle },
         lineProps: (lineNumber) => highlightedNumbers?.includes(lineNumber) ? {
           style: {

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

@@ -1 +1 @@
-{"version":3,"file":"CodeSnippet.esm.js","sources":["../../../src/components/CodeSnippet/CodeSnippet.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 Box from '@material-ui/core/Box';\nimport { useTheme } from '@material-ui/core/styles';\nimport type {} from 'react-syntax-highlighter';\nimport LightAsync from 'react-syntax-highlighter/dist/esm/light-async';\nimport dark from 'react-syntax-highlighter/dist/esm/styles/hljs/dark';\nimport docco from 'react-syntax-highlighter/dist/esm/styles/hljs/docco';\n\nimport { CopyTextButton } from '../CopyTextButton';\n\n/**\n * Properties for {@link CodeSnippet}\n *\n * @public\n */\nexport interface CodeSnippetProps {\n  /**\n   * Code Snippet text\n   */\n  text: string;\n  /**\n   * Language used by {@link CodeSnippetProps.text}\n   */\n  language: string;\n  /**\n   * Whether to show line number\n   *\n   * @remarks\n   *\n   * Default: false\n   */\n  showLineNumbers?: boolean;\n  /**\n   * Whether to show button to copy code snippet\n   *\n   * @remarks\n   *\n   * Default: false\n   */\n  showCopyCodeButton?: boolean;\n  /**\n   * Array of line numbers to highlight\n   */\n  highlightedNumbers?: number[];\n  /**\n   * Custom styles applied to code\n   *\n   * @remarks\n   *\n   * Passed to {@link https://react-syntax-highlighter.github.io/react-syntax-highlighter/ | react-syntax-highlighter}\n   */\n  customStyle?: any;\n}\n\n/**\n * Thin wrapper on top of {@link https://react-syntax-highlighter.github.io/react-syntax-highlighter/ | react-syntax-highlighter}\n * providing consistent theming and copy code button\n *\n * @public\n */\nexport function CodeSnippet(props: CodeSnippetProps) {\n  const {\n    text,\n    language,\n    showLineNumbers = false,\n    highlightedNumbers,\n    customStyle,\n    showCopyCodeButton = false,\n  } = props;\n  const theme = useTheme();\n  const mode = theme.palette.type === 'dark' ? dark : docco;\n  const highlightColor = theme.palette.type === 'dark' ? '#256bf3' : '#e6ffed';\n\n  return (\n    <Box position=\"relative\">\n      <LightAsync\n        customStyle={customStyle}\n        language={language}\n        style={mode}\n        showLineNumbers={showLineNumbers}\n        wrapLines\n        lineNumberStyle={{ color: theme.palette.textVerySubtle }}\n        lineProps={(lineNumber: number) =>\n          highlightedNumbers?.includes(lineNumber)\n            ? {\n                style: {\n                  backgroundColor: highlightColor,\n                },\n              }\n            : {}\n        }\n      >\n        {text}\n      </LightAsync>\n      {showCopyCodeButton && (\n        <Box position=\"absolute\" top={0} right={0}>\n          <CopyTextButton text={text} />\n        </Box>\n      )}\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AA2EO,SAAS,YAAY,KAAA,EAAyB;AACnD,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA,GAAkB,KAAA;AAAA,IAClB,kBAAA;AAAA,IACA,WAAA;AAAA,IACA,kBAAA,GAAqB;AAAA,GACvB,GAAI,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SAAS,IAAA,GAAO,KAAA;AACpD,EAAA,MAAM,cAAA,GAAiB,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SAAS,SAAA,GAAY,SAAA;AAEnE,EAAA,uBACE,IAAA,CAAC,GAAA,EAAA,EAAI,QAAA,EAAS,UAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA,EAAO,IAAA;AAAA,QACP,eAAA;AAAA,QACA,SAAA,EAAS,IAAA;AAAA,QACT,eAAA,EAAiB,EAAE,KAAA,EAAO,KAAA,CAAM,QAAQ,cAAA,EAAe;AAAA,QACvD,WAAW,CAAC,UAAA,KACV,kBAAA,EAAoB,QAAA,CAAS,UAAU,CAAA,GACnC;AAAA,UACE,KAAA,EAAO;AAAA,YACL,eAAA,EAAiB;AAAA;AACnB,YAEF,EAAC;AAAA,QAGN,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,IACC,kBAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAI,QAAA,EAAS,UAAA,EAAW,GAAA,EAAK,CAAA,EAAG,KAAA,EAAO,CAAA,EACtC,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAY,CAAA,EAC9B;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CodeSnippet.esm.js","sources":["../../../src/components/CodeSnippet/CodeSnippet.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 Box from '@material-ui/core/Box';\nimport { useTheme } from '@material-ui/core/styles';\nimport type {} from 'react-syntax-highlighter';\nimport LightAsync from 'react-syntax-highlighter/dist/esm/light-async';\nimport dark from 'react-syntax-highlighter/dist/esm/styles/hljs/dark';\nimport docco from 'react-syntax-highlighter/dist/esm/styles/hljs/docco';\n\nimport { CopyTextButton } from '../CopyTextButton';\n\n/**\n * Properties for {@link CodeSnippet}\n *\n * @public\n */\nexport interface CodeSnippetProps {\n  /**\n   * Code Snippet text\n   */\n  text: string;\n  /**\n   * Language used by {@link CodeSnippetProps.text}\n   */\n  language: string;\n  /**\n   * Whether to show line number\n   *\n   * @remarks\n   *\n   * Default: false\n   */\n  showLineNumbers?: boolean;\n  /**\n   * Whether to show button to copy code snippet\n   *\n   * @remarks\n   *\n   * Default: false\n   */\n  showCopyCodeButton?: boolean;\n  /**\n   * Array of line numbers to highlight\n   */\n  highlightedNumbers?: number[];\n  /**\n   * Whether to style the `<code>` block with `white-space: pre-wrap` or `white-space: pre`\n   *\n   * @remarks\n   *\n   * Default: false (`white-space: pre`)\n   */\n  wrapLongLines?: boolean;\n  /**\n   * Custom styles applied to code\n   *\n   * @remarks\n   *\n   * Passed to {@link https://react-syntax-highlighter.github.io/react-syntax-highlighter/ | react-syntax-highlighter}\n   */\n  customStyle?: any;\n}\n\n/**\n * Thin wrapper on top of {@link https://react-syntax-highlighter.github.io/react-syntax-highlighter/ | react-syntax-highlighter}\n * providing consistent theming and copy code button\n *\n * @public\n */\nexport function CodeSnippet(props: CodeSnippetProps) {\n  const {\n    text,\n    language,\n    showLineNumbers = false,\n    highlightedNumbers,\n    wrapLongLines,\n    customStyle,\n    showCopyCodeButton = false,\n  } = props;\n  const theme = useTheme();\n  const mode = theme.palette.type === 'dark' ? dark : docco;\n  const highlightColor = theme.palette.type === 'dark' ? '#256bf3' : '#e6ffed';\n\n  return (\n    <Box position=\"relative\">\n      <LightAsync\n        customStyle={customStyle}\n        language={language}\n        style={mode}\n        showLineNumbers={showLineNumbers}\n        wrapLines\n        wrapLongLines={wrapLongLines}\n        lineNumberStyle={{ color: theme.palette.textVerySubtle }}\n        lineProps={(lineNumber: number) =>\n          highlightedNumbers?.includes(lineNumber)\n            ? {\n                style: {\n                  backgroundColor: highlightColor,\n                },\n              }\n            : {}\n        }\n      >\n        {text}\n      </LightAsync>\n      {showCopyCodeButton && (\n        <Box position=\"absolute\" top={0} right={0}>\n          <CopyTextButton text={text} />\n        </Box>\n      )}\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAmFO,SAAS,YAAY,KAAA,EAAyB;AACnD,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA,GAAkB,KAAA;AAAA,IAClB,kBAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,kBAAA,GAAqB;AAAA,GACvB,GAAI,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SAAS,IAAA,GAAO,KAAA;AACpD,EAAA,MAAM,cAAA,GAAiB,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SAAS,SAAA,GAAY,SAAA;AAEnE,EAAA,uBACE,IAAA,CAAC,GAAA,EAAA,EAAI,QAAA,EAAS,UAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA,EAAO,IAAA;AAAA,QACP,eAAA;AAAA,QACA,SAAA,EAAS,IAAA;AAAA,QACT,aAAA;AAAA,QACA,eAAA,EAAiB,EAAE,KAAA,EAAO,KAAA,CAAM,QAAQ,cAAA,EAAe;AAAA,QACvD,WAAW,CAAC,UAAA,KACV,kBAAA,EAAoB,QAAA,CAAS,UAAU,CAAA,GACnC;AAAA,UACE,KAAA,EAAO;AAAA,YACL,eAAA,EAAiB;AAAA;AACnB,YAEF,EAAC;AAAA,QAGN,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,IACC,kBAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAI,QAAA,EAAS,UAAA,EAAW,GAAA,EAAK,CAAA,EAAG,KAAA,EAAO,CAAA,EACtC,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAY,CAAA,EAC9B;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/OverflowTooltip/OverflowTooltip.esm.js

@@ -26,6 +26,7 @@ function OverflowTooltip(props) {
     {
       title: props.title ?? (props.text || ""),
       placement: props.placement,
+      classes: props.tooltipClasses,
       children: /* @__PURE__ */ jsx(Typography, { className: classes.typo, variant: "inherit", children: props.text })
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"OverflowTooltip.esm.js","sources":["../../../src/components/OverflowTooltip/OverflowTooltip.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 { makeStyles } from '@material-ui/core/styles';\nimport Tooltip, { TooltipProps } from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\n\ntype Props = {\n  text?: string | undefined;\n  title?: TooltipProps['title'];\n  line?: number | undefined;\n  placement?: TooltipProps['placement'];\n};\n\nexport type OverflowTooltipClassKey = 'container';\n\nconst useStyles = makeStyles(\n  {\n    container: {\n      overflow: 'visible !important',\n    },\n    typo: {\n      fontSize: 'inherit',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      '-webkit-line-clamp': ({ line }: Props) => line || 1,\n      '-webkit-box-orient': 'vertical',\n    },\n  },\n  { name: 'BackstageOverflowTooltip' },\n);\n\nexport function OverflowTooltip(props: Props) {\n  const classes = useStyles(props);\n\n  return (\n    <Tooltip\n      title={props.title ?? (props.text || '')}\n      placement={props.placement}\n    >\n      <Typography className={classes.typo} variant=\"inherit\">\n        {props.text}\n      </Typography>\n    </Tooltip>\n  );\n}\n"],"names":[],"mappings":";;;;;AA6BA,MAAM,SAAA,GAAY,UAAA;AAAA,EAChB;AAAA,IACE,SAAA,EAAW;AAAA,MACT,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU,SAAA;AAAA,MACV,QAAA,EAAU,QAAA;AAAA,MACV,YAAA,EAAc,UAAA;AAAA,MACd,OAAA,EAAS,aAAA;AAAA,MACT,oBAAA,EAAsB,CAAC,EAAE,IAAA,OAAkB,IAAA,IAAQ,CAAA;AAAA,MACnD,oBAAA,EAAsB;AAAA;AACxB,GACF;AAAA,EACA,EAAE,MAAM,0BAAA;AACV,CAAA;AAEO,SAAS,gBAAgB,KAAA,EAAc;AAC5C,EAAA,MAAM,OAAA,GAAU,UAAU,KAAK,CAAA;AAE/B,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,KAAA,CAAM,KAAA,KAAU,KAAA,CAAM,IAAA,IAAQ,EAAA,CAAA;AAAA,MACrC,WAAW,KAAA,CAAM,SAAA;AAAA,MAEjB,QAAA,kBAAA,GAAA,CAAC,cAAW,SAAA,EAAW,OAAA,CAAQ,MAAM,OAAA,EAAQ,SAAA,EAC1C,gBAAM,IAAA,EACT;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"OverflowTooltip.esm.js","sources":["../../../src/components/OverflowTooltip/OverflowTooltip.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 { makeStyles } from '@material-ui/core/styles';\nimport Tooltip, { TooltipProps } from '@material-ui/core/Tooltip';\nimport Typography from '@material-ui/core/Typography';\n\ntype Props = {\n  text?: string | undefined;\n  title?: TooltipProps['title'];\n  line?: number | undefined;\n  placement?: TooltipProps['placement'];\n  tooltipClasses?: TooltipProps['classes'];\n};\n\nexport type OverflowTooltipClassKey = 'container';\n\nconst useStyles = makeStyles(\n  {\n    container: {\n      overflow: 'visible !important',\n    },\n    typo: {\n      fontSize: 'inherit',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      '-webkit-line-clamp': ({ line }: Props) => line || 1,\n      '-webkit-box-orient': 'vertical',\n    },\n  },\n  { name: 'BackstageOverflowTooltip' },\n);\n\nexport function OverflowTooltip(props: Props) {\n  const classes = useStyles(props);\n\n  return (\n    <Tooltip\n      title={props.title ?? (props.text || '')}\n      placement={props.placement}\n      classes={props.tooltipClasses}\n    >\n      <Typography className={classes.typo} variant=\"inherit\">\n        {props.text}\n      </Typography>\n    </Tooltip>\n  );\n}\n"],"names":[],"mappings":";;;;;AA8BA,MAAM,SAAA,GAAY,UAAA;AAAA,EAChB;AAAA,IACE,SAAA,EAAW;AAAA,MACT,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU,SAAA;AAAA,MACV,QAAA,EAAU,QAAA;AAAA,MACV,YAAA,EAAc,UAAA;AAAA,MACd,OAAA,EAAS,aAAA;AAAA,MACT,oBAAA,EAAsB,CAAC,EAAE,IAAA,OAAkB,IAAA,IAAQ,CAAA;AAAA,MACnD,oBAAA,EAAsB;AAAA;AACxB,GACF;AAAA,EACA,EAAE,MAAM,0BAAA;AACV,CAAA;AAEO,SAAS,gBAAgB,KAAA,EAAc;AAC5C,EAAA,MAAM,OAAA,GAAU,UAAU,KAAK,CAAA;AAE/B,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,KAAA,CAAM,KAAA,KAAU,KAAA,CAAM,IAAA,IAAQ,EAAA,CAAA;AAAA,MACrC,WAAW,KAAA,CAAM,SAAA;AAAA,MACjB,SAAS,KAAA,CAAM,cAAA;AAAA,MAEf,QAAA,kBAAA,GAAA,CAAC,cAAW,SAAA,EAAW,OAAA,CAAQ,MAAM,OAAA,EAAQ,SAAA,EAC1C,gBAAM,IAAA,EACT;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/index.d.ts

@@ -220,6 +220,14 @@ interface CodeSnippetProps {
      * Array of line numbers to highlight
      */
     highlightedNumbers?: number[];
+    /**
+     * Whether to style the `<code>` block with `white-space: pre-wrap` or `white-space: pre`
+     *
+     * @remarks
+     *
+     * Default: false (`white-space: pre`)
+     */
+    wrapLongLines?: boolean;
     /**
      * Custom styles applied to code
      *
@@ -966,6 +974,7 @@ type Props$9 = {
     title?: TooltipProps['title'];
     line?: number | undefined;
     placement?: TooltipProps['placement'];
+    tooltipClasses?: TooltipProps['classes'];
 };
 type OverflowTooltipClassKey = 'container';
 declare function OverflowTooltip(props: Props$9): react_jsx_runtime.JSX.Element;
@@ -2340,4 +2349,5 @@ declare module '@backstage/theme' {
     }
 }
 
-export { AlertDisplay, type AlertDisplayProps, AppIcon, type AppIconProps, AutoLogout, type AutoLogoutProps, Avatar, type AvatarClassKey, type AvatarProps, type BackstageContentClassKey, type BackstageOverrides, type BoldHeaderClassKey, BottomLink, type BottomLinkClassKey, type BottomLinkProps, Breadcrumbs, type BreadcrumbsClickableTextClassKey, type BreadcrumbsCurrentPageClassKey, type BreadcrumbsStyledBoxClassKey, BrokenImageIcon, Button, type ButtonProps, type CardActionsTopRightClassKey, CardTab, type CardTabClassKey, CatalogIcon, ChatIcon, type ClosedDropdownClassKey, CodeSnippet, type CodeSnippetProps, Content, ContentHeader, type ContentHeaderClassKey, CopyTextButton, type CopyTextButtonProps, CreateButton, type CreateButtonProps, type CustomProviderClassKey, DashboardIcon, DependencyGraph, type DependencyGraphDefaultLabelClassKey, type DependencyGraphDefaultNodeClassKey, type DependencyGraphEdgeClassKey, type DependencyGraphNodeClassKey, type DependencyGraphProps, DependencyGraphTypes, DismissableBanner, type DismissableBannerClassKey, type DismissbleBannerClassKey, DocsIcon, EmailIcon, EmptyState, type EmptyStateClassKey, type EmptyStateImageClassKey, ErrorBoundary, type ErrorBoundaryProps, ErrorPage, type ErrorPageClassKey, ErrorPanel, type ErrorPanelClassKey, type ErrorPanelProps, FavoriteToggle, FavoriteToggleIcon, type FavoriteToggleIconClassKey, type FavoriteToggleProps, type FeatureCalloutCircleClassKey, FeatureCalloutCircular, type FiltersContainerClassKey, Gauge, GaugeCard, type GaugeCardClassKey, type GaugeClassKey, type GaugeProps, type GaugePropsGetColor, type GaugePropsGetColorOptions, GitHubIcon, GroupIcon, Header, HeaderActionMenu, type HeaderActionMenuItem, type HeaderActionMenuProps, type HeaderClassKey, HeaderIconLinkRow, type HeaderIconLinkRowClassKey, HeaderLabel, type HeaderLabelClassKey, HeaderTabs, type HeaderTabsClassKey, HelpIcon, HorizontalScrollGrid, type HorizontalScrollGridClassKey, type IconComponentProps, IconLinkVertical, type IconLinkVerticalClassKey, type IconLinkVerticalProps, type IdentityProviders, InfoCard, type InfoCardClassKey, type InfoCardVariants, ItemCard, ItemCardGrid, type ItemCardGridClassKey, type ItemCardGridProps, ItemCardHeader, type ItemCardHeaderClassKey, type ItemCardHeaderProps, Lifecycle, type LifecycleClassKey, LinearGauge, Link, LinkButton, type LinkButtonProps, type LinkClassKey, type LinkProps, LogViewer, type LogViewerClassKey, type LogViewerProps, type LoginRequestListItemClassKey, MarkdownContent, type MarkdownContentClassKey, type MetadataTableCellClassKey, type MetadataTableListClassKey, type MetadataTableListItemClassKey, type MetadataTableTitleCellClassKey, type MicDropClassKey, MissingAnnotationEmptyState, MobileSidebar, type MobileSidebarProps, OAuthRequestDialog, type OAuthRequestDialogClassKey, type OpenedDropdownClassKey, OverflowTooltip, type OverflowTooltipClassKey, Page, type PageClassKey, PageWithHeader, Progress, ProxiedSignInPage, type ProxiedSignInPageProps, ResponseErrorPanel, type ResponseErrorPanelClassKey, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, type SelectClassKey, type SelectInputBaseClassKey, type SelectItem, type SelectedItems, Sidebar, type SidebarClassKey, LegacySidebarContext as SidebarContext, type SidebarContextType, SidebarDivider, type SidebarDividerClassKey, SidebarExpandButton, SidebarGroup, type SidebarGroupProps, SidebarItem, type SidebarItemClassKey, type SidebarOpenState, SidebarOpenStateProvider, type SidebarOptions, SidebarPage, type SidebarPageClassKey, type SidebarPageProps, type SidebarPinState, LegacySidebarPinStateContext as SidebarPinStateContext, type SidebarPinStateContextType, SidebarPinStateProvider, type SidebarProps, SidebarScrollWrapper, SidebarSearchField, SidebarSpace, type SidebarSpaceClassKey, SidebarSpacer, type SidebarSpacerClassKey, SidebarSubmenu, type SidebarSubmenuClassKey, SidebarSubmenuItem, type SidebarSubmenuItemClassKey, type SidebarSubmenuItemDropdownItem, type SidebarSubmenuItemProps, type SidebarSubmenuProps, SignInPage, type SignInPageClassKey, type SignInProviderConfig, SimpleStepper, type SimpleStepperFooterClassKey, SimpleStepperStep, type SimpleStepperStepClassKey, type StackDetailsClassKey, StarIcon, StatusAborted, type StatusClassKey, StatusError, StatusOK, StatusPending, StatusRunning, StatusWarning, StructuredMetadataTable, type StructuredMetadataTableListClassKey, type StructuredMetadataTableNestedListClassKey, type StructuredMetadataTableProps, type SubmenuOptions, SubvalueCell, type SubvalueCellClassKey, SupportButton, type SupportButtonClassKey, type SupportConfig, type SupportItem, type SupportItemLink, type Tab, TabbedCard, type TabbedCardClassKey, TabbedLayout, Table, type TableClassKey, type TableColumn, type TableFilter, type TableFiltersClassKey, type TableHeaderClassKey, type TableOptions, type TableProps, type TableState, type TableToolbarClassKey, TrendLine, UnstarredIcon, UserIcon, UserIdentity, WarningIcon, WarningPanel, type WarningPanelClassKey, sidebarConfig, useContent, useQueryParamState, useSidebarOpenState, useSidebarPinState, useSupportConfig };
+export { AlertDisplay, AppIcon, AutoLogout, Avatar, BottomLink, Breadcrumbs, BrokenImageIcon, Button, CardTab, CatalogIcon, ChatIcon, CodeSnippet, Content, ContentHeader, CopyTextButton, CreateButton, DashboardIcon, DependencyGraph, DependencyGraphTypes, DismissableBanner, DocsIcon, EmailIcon, EmptyState, ErrorBoundary, ErrorPage, ErrorPanel, FavoriteToggle, FavoriteToggleIcon, FeatureCalloutCircular, Gauge, GaugeCard, GitHubIcon, GroupIcon, Header, HeaderActionMenu, HeaderIconLinkRow, HeaderLabel, HeaderTabs, HelpIcon, HorizontalScrollGrid, IconLinkVertical, InfoCard, ItemCard, ItemCardGrid, ItemCardHeader, Lifecycle, LinearGauge, Link, LinkButton, LogViewer, MarkdownContent, MissingAnnotationEmptyState, MobileSidebar, OAuthRequestDialog, OverflowTooltip, Page, PageWithHeader, Progress, ProxiedSignInPage, ResponseErrorPanel, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, Sidebar, LegacySidebarContext as SidebarContext, SidebarDivider, SidebarExpandButton, SidebarGroup, SidebarItem, SidebarOpenStateProvider, SidebarPage, LegacySidebarPinStateContext as SidebarPinStateContext, SidebarPinStateProvider, SidebarScrollWrapper, SidebarSearchField, SidebarSpace, SidebarSpacer, SidebarSubmenu, SidebarSubmenuItem, SignInPage, SimpleStepper, SimpleStepperStep, StarIcon, StatusAborted, StatusError, StatusOK, StatusPending, StatusRunning, StatusWarning, StructuredMetadataTable, SubvalueCell, SupportButton, TabbedCard, TabbedLayout, Table, TrendLine, UnstarredIcon, UserIcon, UserIdentity, WarningIcon, WarningPanel, sidebarConfig, useContent, useQueryParamState, useSidebarOpenState, useSidebarPinState, useSupportConfig };
+export type { AlertDisplayProps, AppIconProps, AutoLogoutProps, AvatarClassKey, AvatarProps, BackstageContentClassKey, BackstageOverrides, BoldHeaderClassKey, BottomLinkClassKey, BottomLinkProps, BreadcrumbsClickableTextClassKey, BreadcrumbsCurrentPageClassKey, BreadcrumbsStyledBoxClassKey, ButtonProps, CardActionsTopRightClassKey, CardTabClassKey, ClosedDropdownClassKey, CodeSnippetProps, ContentHeaderClassKey, CopyTextButtonProps, CreateButtonProps, CustomProviderClassKey, DependencyGraphDefaultLabelClassKey, DependencyGraphDefaultNodeClassKey, DependencyGraphEdgeClassKey, DependencyGraphNodeClassKey, DependencyGraphProps, DismissableBannerClassKey, DismissbleBannerClassKey, EmptyStateClassKey, EmptyStateImageClassKey, ErrorBoundaryProps, ErrorPageClassKey, ErrorPanelClassKey, ErrorPanelProps, FavoriteToggleIconClassKey, FavoriteToggleProps, FeatureCalloutCircleClassKey, FiltersContainerClassKey, GaugeCardClassKey, GaugeClassKey, GaugeProps, GaugePropsGetColor, GaugePropsGetColorOptions, HeaderActionMenuItem, HeaderActionMenuProps, HeaderClassKey, HeaderIconLinkRowClassKey, HeaderLabelClassKey, HeaderTabsClassKey, HorizontalScrollGridClassKey, IconComponentProps, IconLinkVerticalClassKey, IconLinkVerticalProps, IdentityProviders, InfoCardClassKey, InfoCardVariants, ItemCardGridClassKey, ItemCardGridProps, ItemCardHeaderClassKey, ItemCardHeaderProps, LifecycleClassKey, LinkButtonProps, LinkClassKey, LinkProps, LogViewerClassKey, LogViewerProps, LoginRequestListItemClassKey, MarkdownContentClassKey, MetadataTableCellClassKey, MetadataTableListClassKey, MetadataTableListItemClassKey, MetadataTableTitleCellClassKey, MicDropClassKey, MobileSidebarProps, OAuthRequestDialogClassKey, OpenedDropdownClassKey, OverflowTooltipClassKey, PageClassKey, ProxiedSignInPageProps, ResponseErrorPanelClassKey, SelectClassKey, SelectInputBaseClassKey, SelectItem, SelectedItems, SidebarClassKey, SidebarContextType, SidebarDividerClassKey, SidebarGroupProps, SidebarItemClassKey, SidebarOpenState, SidebarOptions, SidebarPageClassKey, SidebarPageProps, SidebarPinState, SidebarPinStateContextType, SidebarProps, SidebarSpaceClassKey, SidebarSpacerClassKey, SidebarSubmenuClassKey, SidebarSubmenuItemClassKey, SidebarSubmenuItemDropdownItem, SidebarSubmenuItemProps, SidebarSubmenuProps, SignInPageClassKey, SignInProviderConfig, SimpleStepperFooterClassKey, SimpleStepperStepClassKey, StackDetailsClassKey, StatusClassKey, StructuredMetadataTableListClassKey, StructuredMetadataTableNestedListClassKey, StructuredMetadataTableProps, SubmenuOptions, SubvalueCellClassKey, SupportButtonClassKey, SupportConfig, SupportItem, SupportItemLink, Tab, TabbedCardClassKey, TableClassKey, TableColumn, TableFilter, TableFiltersClassKey, TableHeaderClassKey, TableOptions, TableProps, TableState, TableToolbarClassKey, WarningPanelClassKey };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/core-components",
-  "version": "0.18.4-next.1",
+  "version": "0.18.4",
   "description": "Core components used by Backstage plugins and apps",
   "backstage": {
     "role": "web-library"
@@ -66,11 +66,11 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/config": "1.3.6",
-    "@backstage/core-plugin-api": "1.12.1-next.0",
-    "@backstage/errors": "1.2.7",
-    "@backstage/theme": "0.7.1-next.0",
-    "@backstage/version-bridge": "1.0.11",
+    "@backstage/config": "^1.3.6",
+    "@backstage/core-plugin-api": "^1.12.1",
+    "@backstage/errors": "^1.2.7",
+    "@backstage/theme": "^0.7.1",
+    "@backstage/version-bridge": "^1.0.11",
     "@dagrejs/dagre": "^1.1.4",
     "@date-io/core": "^1.3.13",
     "@material-table/core": "^3.1.0",
@@ -107,10 +107,10 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@backstage/app-defaults": "1.7.3-next.0",
-    "@backstage/cli": "0.34.6-next.1",
-    "@backstage/core-app-api": "1.19.3-next.0",
-    "@backstage/test-utils": "1.7.14-next.0",
+    "@backstage/app-defaults": "^1.7.3",
+    "@backstage/cli": "^0.35.0",
+    "@backstage/core-app-api": "^1.19.3",
+    "@backstage/test-utils": "^1.7.14",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/user-event": "^14.0.0",