@backstage/plugin-home-react 0.1.29-next.0 → 0.1.30-next.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @backstage/plugin-home-react
 
+## 0.1.30-next.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.11.1-next.0
+  - @backstage/core-components@0.17.6-next.0
+
+## 0.1.29
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.17.5
+  - @backstage/frontend-plugin-api@0.11.0
+
 ## 0.1.29-next.0
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"ContentModal.esm.js","sources":["../../src/components/ContentModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { JSX, useState } from 'react';\nimport { Link } from '@backstage/core-components';\nimport Modal from '@material-ui/core/Modal';\nimport Box from '@material-ui/core/Box';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\n\n/** @public */\nexport type PluginHomeContentModalClassKey = 'contentModal' | 'linkText';\n\nexport const useStyles = makeStyles(\n  (theme: Theme) => ({\n    contentModal: {\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      width: '80%',\n      height: 'auto',\n    },\n    linkText: {\n      marginBottom: theme.spacing(1.5),\n    },\n  }),\n  { name: 'PluginHomeContentModal' },\n);\n\n/**\n * Props customizing the <ContentModal/> component.\n *\n * @public\n */\nexport type ContentModalProps = {\n  modalContent: JSX.Element;\n  linkContent: string | JSX.Element;\n};\n\n/**\n * A component to expand given content into a full screen modal.\n *\n * @public\n */\nexport const ContentModal = (props: ContentModalProps) => {\n  const { modalContent, linkContent } = props;\n  const styles = useStyles();\n  const [open, setOpen] = useState(false);\n\n  return (\n    <div className={styles.linkText} data-testid=\"content-modal-container\">\n      <Link\n        to=\"#\"\n        component=\"button\"\n        variant=\"h6\"\n        underline=\"none\"\n        onClick={() => setOpen(true)}\n      >\n        {linkContent}\n      </Link>\n      <Modal\n        open={open}\n        onClose={() => setOpen(false)}\n        aria-labelledby=\"content-modal\"\n        data-testid=\"content-modal\"\n      >\n        <Box className={styles.contentModal} data-testid=\"content-modal-open\">\n          {modalContent}\n        </Box>\n      </Modal>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAyBO,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,CAAC,KAAkB,MAAA;AAAA,IACjB,YAAc,EAAA;AAAA,MACZ,QAAU,EAAA,UAAA;AAAA,MACV,GAAK,EAAA,KAAA;AAAA,MACL,IAAM,EAAA,KAAA;AAAA,MACN,SAAW,EAAA,uBAAA;AAAA,MACX,KAAO,EAAA,KAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACV;AAAA,IACA,QAAU,EAAA;AAAA,MACR,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA;AACjC,GACF,CAAA;AAAA,EACA,EAAE,MAAM,wBAAyB;AACnC;AAiBa,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAM,MAAA,EAAE,YAAc,EAAA,WAAA,EAAgB,GAAA,KAAA;AACtC,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtC,EAAA,4BACG,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,QAAA,EAAU,eAAY,yBAC3C,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,GAAA;AAAA,QACH,SAAU,EAAA,QAAA;AAAA,QACV,OAAQ,EAAA,IAAA;AAAA,QACR,SAAU,EAAA,MAAA;AAAA,QACV,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,QAE1B,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,QAC5B,iBAAgB,EAAA,eAAA;AAAA,QAChB,aAAY,EAAA,eAAA;AAAA,QAEZ,8BAAC,GAAI,EAAA,EAAA,SAAA,EAAW,OAAO,YAAc,EAAA,aAAA,EAAY,sBAC9C,QACH,EAAA,YAAA,EAAA;AAAA;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ContentModal.esm.js","sources":["../../src/components/ContentModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { JSX, useState } from 'react';\nimport { Link } from '@backstage/core-components';\nimport Modal from '@material-ui/core/Modal';\nimport Box from '@material-ui/core/Box';\nimport { makeStyles, Theme } from '@material-ui/core/styles';\n\n/** @public */\nexport type PluginHomeContentModalClassKey = 'contentModal' | 'linkText';\n\nexport const useStyles = makeStyles(\n  (theme: Theme) => ({\n    contentModal: {\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      width: '80%',\n      height: 'auto',\n    },\n    linkText: {\n      marginBottom: theme.spacing(1.5),\n    },\n  }),\n  { name: 'PluginHomeContentModal' },\n);\n\n/**\n * Props customizing the <ContentModal/> component.\n *\n * @public\n */\nexport type ContentModalProps = {\n  modalContent: JSX.Element;\n  linkContent: string | JSX.Element;\n};\n\n/**\n * A component to expand given content into a full screen modal.\n *\n * @public\n */\nexport const ContentModal = (props: ContentModalProps) => {\n  const { modalContent, linkContent } = props;\n  const styles = useStyles();\n  const [open, setOpen] = useState(false);\n\n  return (\n    <div className={styles.linkText} data-testid=\"content-modal-container\">\n      <Link\n        to=\"#\"\n        component=\"button\"\n        variant=\"h6\"\n        underline=\"none\"\n        onClick={() => setOpen(true)}\n      >\n        {linkContent}\n      </Link>\n      <Modal\n        open={open}\n        onClose={() => setOpen(false)}\n        aria-labelledby=\"content-modal\"\n        data-testid=\"content-modal\"\n      >\n        <Box className={styles.contentModal} data-testid=\"content-modal-open\">\n          {modalContent}\n        </Box>\n      </Modal>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAyBO,MAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,KAAA,MAAkB;AAAA,IACjB,YAAA,EAAc;AAAA,MACZ,QAAA,EAAU,UAAA;AAAA,MACV,GAAA,EAAK,KAAA;AAAA,MACL,IAAA,EAAM,KAAA;AAAA,MACN,SAAA,EAAW,uBAAA;AAAA,MACX,KAAA,EAAO,KAAA;AAAA,MACP,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,QAAA,EAAU;AAAA,MACR,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,GAAG;AAAA;AACjC,GACF,CAAA;AAAA,EACA,EAAE,MAAM,wBAAA;AACV;AAiBO,MAAM,YAAA,GAAe,CAAC,KAAA,KAA6B;AACxD,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAY,GAAI,KAAA;AACtC,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtC,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,QAAA,EAAU,eAAY,yBAAA,EAC3C,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAG,GAAA;AAAA,QACH,SAAA,EAAU,QAAA;AAAA,QACV,OAAA,EAAQ,IAAA;AAAA,QACR,SAAA,EAAU,MAAA;AAAA,QACV,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,QAE1B,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,QAC5B,iBAAA,EAAgB,eAAA;AAAA,QAChB,aAAA,EAAY,eAAA;AAAA,QAEZ,8BAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAO,YAAA,EAAc,aAAA,EAAY,sBAC9C,QAAA,EAAA,YAAA,EACH;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsModal.esm.js","sources":["../../src/components/SettingsModal.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 { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { homeReactTranslationRef } from '../translation';\n\n/** @public */\nexport const SettingsModal = (props: {\n  open: boolean;\n  close: Function;\n  componentName?: string;\n  children: JSX.Element;\n}) => {\n  const { open, close, componentName, children } = props;\n  const { t } = useTranslationRef(homeReactTranslationRef);\n  return (\n    <Dialog open={open} onClose={() => close()}>\n      <DialogTitle>\n        {componentName\n          ? `${t('settingsModal.title')} - ${componentName}`\n          : t('settingsModal.title')}\n      </DialogTitle>\n      <DialogContent>{children}</DialogContent>\n      <DialogActions>\n        <Button onClick={() => close()} color=\"primary\" variant=\"contained\">\n          {t('settingsModal.closeButtonTitle')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAyBa,MAAA,aAAA,GAAgB,CAAC,KAKxB,KAAA;AACJ,EAAA,MAAM,EAAE,IAAA,EAAM,KAAO,EAAA,aAAA,EAAe,UAAa,GAAA,KAAA;AACjD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,uBAAuB,CAAA;AACvD,EAAA,4BACG,MAAO,EAAA,EAAA,IAAA,EAAY,OAAS,EAAA,MAAM,OACjC,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EACE,QACG,EAAA,aAAA,GAAA,CAAA,EAAG,CAAE,CAAA,qBAAqB,CAAC,CAAA,GAAA,EAAM,aAAa,CAAA,CAAA,GAC9C,CAAE,CAAA,qBAAqB,CAC7B,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,iBAAe,QAAS,EAAA,CAAA;AAAA,oBACxB,GAAA,CAAA,aAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAO,SAAS,MAAM,KAAA,EAAS,EAAA,KAAA,EAAM,WAAU,OAAQ,EAAA,WAAA,EACrD,QAAE,EAAA,CAAA,CAAA,gCAAgC,GACrC,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SettingsModal.esm.js","sources":["../../src/components/SettingsModal.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 { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport { homeReactTranslationRef } from '../translation';\n\n/** @public */\nexport const SettingsModal = (props: {\n  open: boolean;\n  close: Function;\n  componentName?: string;\n  children: JSX.Element;\n}) => {\n  const { open, close, componentName, children } = props;\n  const { t } = useTranslationRef(homeReactTranslationRef);\n  return (\n    <Dialog open={open} onClose={() => close()}>\n      <DialogTitle>\n        {componentName\n          ? `${t('settingsModal.title')} - ${componentName}`\n          : t('settingsModal.title')}\n      </DialogTitle>\n      <DialogContent>{children}</DialogContent>\n      <DialogActions>\n        <Button onClick={() => close()} color=\"primary\" variant=\"contained\">\n          {t('settingsModal.closeButtonTitle')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAyBO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAKxB;AACJ,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,aAAA,EAAe,UAAS,GAAI,KAAA;AACjD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,uBAAuB,CAAA;AACvD,EAAA,4BACG,MAAA,EAAA,EAAO,IAAA,EAAY,OAAA,EAAS,MAAM,OAAM,EACvC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EACE,QAAA,EAAA,aAAA,GACG,CAAA,EAAG,CAAA,CAAE,qBAAqB,CAAC,CAAA,GAAA,EAAM,aAAa,CAAA,CAAA,GAC9C,CAAA,CAAE,qBAAqB,CAAA,EAC7B,CAAA;AAAA,oBACA,GAAA,CAAC,iBAAe,QAAA,EAAS,CAAA;AAAA,oBACzB,GAAA,CAAC,aAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAS,MAAM,KAAA,EAAM,EAAG,KAAA,EAAM,WAAU,OAAA,EAAQ,WAAA,EACrD,QAAA,EAAA,CAAA,CAAE,gCAAgC,GACrC,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/extensions.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"extensions.esm.js","sources":["../src/extensions.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 { useState, Suspense } from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { InfoCard } from '@backstage/core-components';\nimport { SettingsModal } from './components';\nimport { createReactExtension, useApp } from '@backstage/core-plugin-api';\nimport { RJSFSchema, UiSchema } from '@rjsf/utils';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { homeReactTranslationRef } from './translation';\n\n/**\n * @public\n */\nexport type ComponentRenderer = {\n  Renderer?: (props: RendererProps) => JSX.Element;\n};\n\n/**\n * @public\n */\nexport type ComponentParts = {\n  Content: (props?: any) => JSX.Element;\n  Actions?: () => JSX.Element;\n  Settings?: () => JSX.Element;\n  ContextProvider?: (props: any) => JSX.Element;\n};\n\n/**\n * @public\n */\nexport type RendererProps = { title?: string } & ComponentParts;\n\n/**\n * @public\n */\nexport type CardExtensionProps<T> = ComponentRenderer & {\n  title?: string;\n} & T;\n\n/**\n * @public\n */\nexport type CardLayout = {\n  width?: { minColumns?: number; maxColumns?: number; defaultColumns?: number };\n  height?: { minRows?: number; maxRows?: number; defaultRows?: number };\n};\n\n/**\n * @public\n */\nexport type CardSettings = {\n  schema?: RJSFSchema;\n  uiSchema?: UiSchema;\n};\n\n/**\n * @public\n */\nexport type CardConfig = {\n  layout?: CardLayout;\n  settings?: CardSettings;\n};\n\n/**\n * An extension creator to create card based components for the homepage\n *\n * @public\n */\nexport function createCardExtension<T>(options: {\n  title?: string;\n  components: () => Promise<ComponentParts>;\n  name?: string;\n  description?: string;\n  layout?: CardLayout;\n  settings?: CardSettings;\n}) {\n  const { title, components, name, description, layout, settings } = options;\n  // If widget settings schema is defined, we don't want to show the Settings icon or dialog\n  const isCustomizable = settings?.schema !== undefined;\n\n  return createReactExtension({\n    name,\n    data: { title, description, 'home.widget.config': { layout, settings } },\n    component: {\n      lazy: () =>\n        components().then(componentParts => {\n          return (props: CardExtensionProps<T>) => {\n            return (\n              <CardExtension\n                {...props}\n                {...componentParts}\n                title={props.title || title}\n                isCustomizable={isCustomizable}\n              />\n            );\n          };\n        }),\n    },\n  });\n}\n\ntype CardExtensionComponentProps<T> = CardExtensionProps<T> &\n  ComponentParts & {\n    isCustomizable?: boolean;\n    overrideTitle?: string;\n  };\n\nfunction CardExtension<T>(props: CardExtensionComponentProps<T>) {\n  const {\n    Renderer,\n    Content,\n    Settings,\n    Actions,\n    ContextProvider,\n    isCustomizable,\n    title,\n    ...childProps\n  } = props;\n  const app = useApp();\n  const { Progress } = app.getComponents();\n  const [settingsOpen, setSettingsOpen] = useState(false);\n  const { t } = useTranslationRef(homeReactTranslationRef);\n\n  if (Renderer) {\n    return (\n      <Suspense fallback={<Progress />}>\n        <Renderer\n          {...(title && { title })}\n          {...{\n            Content,\n            ...(Actions ? { Actions } : {}),\n            ...(Settings && !isCustomizable ? { Settings } : {}),\n            ...(ContextProvider ? { ContextProvider } : {}),\n            ...childProps,\n          }}\n        />\n      </Suspense>\n    );\n  }\n\n  const cardProps = {\n    divider: !!title,\n    ...(title && { title }),\n    ...(Settings && !isCustomizable\n      ? {\n          action: (\n            <IconButton onClick={() => setSettingsOpen(true)}>\n              <SettingsIcon>\n                {t('cardExtension.settingsButtonTitle')}\n              </SettingsIcon>\n            </IconButton>\n          ),\n        }\n      : {}),\n    ...(Actions\n      ? {\n          actions: <Actions />,\n        }\n      : {}),\n  };\n\n  const innerContent = (\n    <InfoCard {...cardProps}>\n      {Settings && !isCustomizable && (\n        <SettingsModal\n          open={settingsOpen}\n          componentName={title}\n          close={() => setSettingsOpen(false)}\n        >\n          <Settings />\n        </SettingsModal>\n      )}\n      <Content {...childProps} />\n    </InfoCard>\n  );\n\n  return (\n    <Suspense fallback={<Progress />}>\n      {ContextProvider ? (\n        <ContextProvider {...childProps}>{innerContent}</ContextProvider>\n      ) : (\n        innerContent\n      )}\n    </Suspense>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"extensions.esm.js","sources":["../src/extensions.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 { useState, Suspense } from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { InfoCard } from '@backstage/core-components';\nimport { SettingsModal } from './components';\nimport { createReactExtension, useApp } from '@backstage/core-plugin-api';\nimport { RJSFSchema, UiSchema } from '@rjsf/utils';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { homeReactTranslationRef } from './translation';\n\n/**\n * @public\n */\nexport type ComponentRenderer = {\n  Renderer?: (props: RendererProps) => JSX.Element;\n};\n\n/**\n * @public\n */\nexport type ComponentParts = {\n  Content: (props?: any) => JSX.Element;\n  Actions?: () => JSX.Element;\n  Settings?: () => JSX.Element;\n  ContextProvider?: (props: any) => JSX.Element;\n};\n\n/**\n * @public\n */\nexport type RendererProps = { title?: string } & ComponentParts;\n\n/**\n * @public\n */\nexport type CardExtensionProps<T> = ComponentRenderer & {\n  title?: string;\n} & T;\n\n/**\n * @public\n */\nexport type CardLayout = {\n  width?: { minColumns?: number; maxColumns?: number; defaultColumns?: number };\n  height?: { minRows?: number; maxRows?: number; defaultRows?: number };\n};\n\n/**\n * @public\n */\nexport type CardSettings = {\n  schema?: RJSFSchema;\n  uiSchema?: UiSchema;\n};\n\n/**\n * @public\n */\nexport type CardConfig = {\n  layout?: CardLayout;\n  settings?: CardSettings;\n};\n\n/**\n * An extension creator to create card based components for the homepage\n *\n * @public\n */\nexport function createCardExtension<T>(options: {\n  title?: string;\n  components: () => Promise<ComponentParts>;\n  name?: string;\n  description?: string;\n  layout?: CardLayout;\n  settings?: CardSettings;\n}) {\n  const { title, components, name, description, layout, settings } = options;\n  // If widget settings schema is defined, we don't want to show the Settings icon or dialog\n  const isCustomizable = settings?.schema !== undefined;\n\n  return createReactExtension({\n    name,\n    data: { title, description, 'home.widget.config': { layout, settings } },\n    component: {\n      lazy: () =>\n        components().then(componentParts => {\n          return (props: CardExtensionProps<T>) => {\n            return (\n              <CardExtension\n                {...props}\n                {...componentParts}\n                title={props.title || title}\n                isCustomizable={isCustomizable}\n              />\n            );\n          };\n        }),\n    },\n  });\n}\n\ntype CardExtensionComponentProps<T> = CardExtensionProps<T> &\n  ComponentParts & {\n    isCustomizable?: boolean;\n    overrideTitle?: string;\n  };\n\nfunction CardExtension<T>(props: CardExtensionComponentProps<T>) {\n  const {\n    Renderer,\n    Content,\n    Settings,\n    Actions,\n    ContextProvider,\n    isCustomizable,\n    title,\n    ...childProps\n  } = props;\n  const app = useApp();\n  const { Progress } = app.getComponents();\n  const [settingsOpen, setSettingsOpen] = useState(false);\n  const { t } = useTranslationRef(homeReactTranslationRef);\n\n  if (Renderer) {\n    return (\n      <Suspense fallback={<Progress />}>\n        <Renderer\n          {...(title && { title })}\n          {...{\n            Content,\n            ...(Actions ? { Actions } : {}),\n            ...(Settings && !isCustomizable ? { Settings } : {}),\n            ...(ContextProvider ? { ContextProvider } : {}),\n            ...childProps,\n          }}\n        />\n      </Suspense>\n    );\n  }\n\n  const cardProps = {\n    divider: !!title,\n    ...(title && { title }),\n    ...(Settings && !isCustomizable\n      ? {\n          action: (\n            <IconButton onClick={() => setSettingsOpen(true)}>\n              <SettingsIcon>\n                {t('cardExtension.settingsButtonTitle')}\n              </SettingsIcon>\n            </IconButton>\n          ),\n        }\n      : {}),\n    ...(Actions\n      ? {\n          actions: <Actions />,\n        }\n      : {}),\n  };\n\n  const innerContent = (\n    <InfoCard {...cardProps}>\n      {Settings && !isCustomizable && (\n        <SettingsModal\n          open={settingsOpen}\n          componentName={title}\n          close={() => setSettingsOpen(false)}\n        >\n          <Settings />\n        </SettingsModal>\n      )}\n      <Content {...childProps} />\n    </InfoCard>\n  );\n\n  return (\n    <Suspense fallback={<Progress />}>\n      {ContextProvider ? (\n        <ContextProvider {...childProps}>{innerContent}</ContextProvider>\n      ) : (\n        innerContent\n      )}\n    </Suspense>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/translation.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createTranslationRef } from '@backstage/frontend-plugin-api';\n\n/**\n * @alpha\n */\nexport const homeReactTranslationRef = createTranslationRef({\n  id: 'home-react',\n  messages: {\n    settingsModal: {\n      title: 'Settings',\n      closeButtonTitle: 'Close',\n    },\n    cardExtension: {\n      settingsButtonTitle: 'Settings',\n    },\n  },\n});\n"],"names":[],"mappings":";;AAoBO,MAAM,0BAA0B,oBAAqB,CAAA;AAAA,EAC1D,EAAI,EAAA,YAAA;AAAA,EACJ,QAAU,EAAA;AAAA,IACR,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,UAAA;AAAA,MACP,gBAAkB,EAAA;AAAA,KACpB;AAAA,IACA,aAAe,EAAA;AAAA,MACb,mBAAqB,EAAA;AAAA;AACvB;AAEJ,CAAC;;;;"}
+{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createTranslationRef } from '@backstage/frontend-plugin-api';\n\n/**\n * @alpha\n */\nexport const homeReactTranslationRef = createTranslationRef({\n  id: 'home-react',\n  messages: {\n    settingsModal: {\n      title: 'Settings',\n      closeButtonTitle: 'Close',\n    },\n    cardExtension: {\n      settingsButtonTitle: 'Settings',\n    },\n  },\n});\n"],"names":[],"mappings":";;AAoBO,MAAM,0BAA0B,oBAAA,CAAqB;AAAA,EAC1D,EAAA,EAAI,YAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,aAAA,EAAe;AAAA,MACb,KAAA,EAAO,UAAA;AAAA,MACP,gBAAA,EAAkB;AAAA,KACpB;AAAA,IACA,aAAA,EAAe;AAAA,MACb,mBAAA,EAAqB;AAAA;AACvB;AAEJ,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-home-react",
-  "version": "0.1.29-next.0",
+  "version": "0.1.30-next.0",
   "description": "A Backstage plugin that contains react components helps you build a home page",
   "backstage": {
     "role": "web-library",
@@ -63,15 +63,15 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/core-components": "0.17.5-next.0",
+    "@backstage/core-components": "0.17.6-next.0",
     "@backstage/core-plugin-api": "1.10.9",
-    "@backstage/frontend-plugin-api": "0.11.0-next.0",
+    "@backstage/frontend-plugin-api": "0.11.1-next.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@rjsf/utils": "5.23.2"
   },
   "devDependencies": {
-    "@backstage/cli": "0.33.2-next.0",
+    "@backstage/cli": "0.34.2-next.1",
     "@types/react": "^18.0.0",
     "@types/react-grid-layout": "^1.3.2",
     "react": "^18.0.2",