@red-hat-developer-hub/backstage-plugin-dynamic-home-page 1.4.2 → 1.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"Header.esm.js","sources":["../../src/components/Header.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport { Header as BackstageHeader } from '@backstage/core-components';\nimport { ClockConfig, HeaderWorldClock } from '@backstage/plugin-home';\n\nimport useAsync from 'react-use/esm/useAsync';\n\nimport { LocalClock, LocalClockProps } from './LocalClock';\n\nexport interface HeaderProps {\n  title?: string;\n  personalizedTitle?: string;\n  pageTitle?: string;\n  subtitle?: string;\n  localClock?: LocalClockProps;\n  worldClocks?: ClockConfig[];\n}\n\n// I kept this because I hope that we will add this soon or at least in Dynamic Home Page plugin 1.2 ~ RHDH 1.6.\n// const getTimeBasedTitle = (): string => {\n//   const currentHour = new Date(Date.now()).getHours();\n//   if (currentHour < 12) {\n//     return 'Good morning {{firstName}}';\n//   } else if (currentHour < 17) {\n//     return 'Good afternoon {{firstName}}';\n//   }\n//   return 'Good evening {{firstName}}';\n// };\n\nexport const getPersonalizedTitle = (\n  title: string,\n  displayName: string | undefined,\n) => {\n  const firstName = displayName?.split(' ')[0];\n  const replacedTitle = title\n    .replace('{{firstName}}', firstName ?? '')\n    .replace('{{displayName}}', displayName ?? '');\n  return replacedTitle;\n};\n\nexport const Header = (props: HeaderProps) => {\n  const identityApi = useApi(identityApiRef);\n  const { value: profile } = useAsync(() => identityApi.getProfileInfo());\n\n  const title = React.useMemo<string>(() => {\n    if (profile?.displayName && props.personalizedTitle) {\n      return getPersonalizedTitle(props.personalizedTitle, profile.displayName);\n    } else if (props.title) {\n      return getPersonalizedTitle(props.title, profile?.displayName);\n    }\n    // return getPersonalizedTitle(getTimeBasedTitle(), profile?.displayName);\n    return getPersonalizedTitle('Welcome back!', profile?.displayName);\n  }, [profile?.displayName, props.personalizedTitle, props.title]);\n\n  const subtitle = React.useMemo<string | undefined>(() => {\n    return props.subtitle\n      ? getPersonalizedTitle(props.subtitle, profile?.displayName)\n      : undefined;\n  }, [props.subtitle, profile?.displayName]);\n\n  return (\n    <BackstageHeader\n      title={title}\n      subtitle={subtitle}\n      pageTitleOverride={props.pageTitle}\n    >\n      {props.localClock?.format && props.localClock?.format !== 'none' ? (\n        <LocalClock\n          label={\n            props.localClock?.label ??\n            (props.worldClocks && props.worldClocks.length > 0\n              ? 'Local'\n              : undefined)\n          }\n          format={\n            props.localClock?.format ??\n            (props.worldClocks && props.worldClocks.length > 0\n              ? 'time'\n              : undefined)\n          }\n          lang={props.localClock?.lang}\n        />\n      ) : null}\n\n      {props.worldClocks && props.worldClocks.length > 0 ? (\n        <HeaderWorldClock clockConfigs={props.worldClocks} />\n      ) : null}\n    </BackstageHeader>\n  );\n};\n"],"names":["BackstageHeader"],"mappings":";;;;;;;AA8Ca,MAAA,oBAAA,GAAuB,CAClC,KAAA,EACA,WACG,KAAA;AACH,EAAA,MAAM,SAAY,GAAA,WAAA,EAAa,KAAM,CAAA,GAAG,EAAE,CAAC,CAAA;AAC3C,EAAM,MAAA,aAAA,GAAgB,KACnB,CAAA,OAAA,CAAQ,eAAiB,EAAA,SAAA,IAAa,EAAE,CACxC,CAAA,OAAA,CAAQ,iBAAmB,EAAA,WAAA,IAAe,EAAE,CAAA;AAC/C,EAAO,OAAA,aAAA;AACT;AAEa,MAAA,MAAA,GAAS,CAAC,KAAuB,KAAA;AAC5C,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAM,MAAA,EAAE,OAAO,OAAQ,EAAA,GAAI,SAAS,MAAM,WAAA,CAAY,gBAAgB,CAAA;AAEtE,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,OAAA,CAAgB,MAAM;AACxC,IAAI,IAAA,OAAA,EAAS,WAAe,IAAA,KAAA,CAAM,iBAAmB,EAAA;AACnD,MAAA,OAAO,oBAAqB,CAAA,KAAA,CAAM,iBAAmB,EAAA,OAAA,CAAQ,WAAW,CAAA;AAAA,KAC1E,MAAA,IAAW,MAAM,KAAO,EAAA;AACtB,MAAA,OAAO,oBAAqB,CAAA,KAAA,CAAM,KAAO,EAAA,OAAA,EAAS,WAAW,CAAA;AAAA;AAG/D,IAAO,OAAA,oBAAA,CAAqB,eAAiB,EAAA,OAAA,EAAS,WAAW,CAAA;AAAA,GACnE,EAAG,CAAC,OAAS,EAAA,WAAA,EAAa,MAAM,iBAAmB,EAAA,KAAA,CAAM,KAAK,CAAC,CAAA;AAE/D,EAAM,MAAA,QAAA,GAAW,KAAM,CAAA,OAAA,CAA4B,MAAM;AACvD,IAAA,OAAO,MAAM,QACT,GAAA,oBAAA,CAAqB,MAAM,QAAU,EAAA,OAAA,EAAS,WAAW,CACzD,GAAA,SAAA;AAAA,KACH,CAAC,KAAA,CAAM,QAAU,EAAA,OAAA,EAAS,WAAW,CAAC,CAAA;AAEzC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,QAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,mBAAmB,KAAM,CAAA;AAAA,KAAA;AAAA,IAExB,MAAM,UAAY,EAAA,MAAA,IAAU,KAAM,CAAA,UAAA,EAAY,WAAW,MACxD,mBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAA,EACE,KAAM,CAAA,UAAA,EAAY,KACjB,KAAA,KAAA,CAAM,eAAe,KAAM,CAAA,WAAA,CAAY,MAAS,GAAA,CAAA,GAC7C,OACA,GAAA,SAAA,CAAA;AAAA,QAEN,MAAA,EACE,KAAM,CAAA,UAAA,EAAY,MACjB,KAAA,KAAA,CAAM,eAAe,KAAM,CAAA,WAAA,CAAY,MAAS,GAAA,CAAA,GAC7C,MACA,GAAA,SAAA,CAAA;AAAA,QAEN,IAAA,EAAM,MAAM,UAAY,EAAA;AAAA;AAAA,KAExB,GAAA,IAAA;AAAA,IAEH,KAAA,CAAM,WAAe,IAAA,KAAA,CAAM,WAAY,CAAA,MAAA,GAAS,CAC/C,mBAAA,KAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,YAAA,EAAc,KAAM,CAAA,WAAA,EAAa,CACjD,GAAA;AAAA,GACN;AAEJ;;;;"}
+{"version":3,"file":"Header.esm.js","sources":["../../src/components/Header.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useMemo } from 'react';\n\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport { Header as BackstageHeader } from '@backstage/core-components';\nimport { ClockConfig, HeaderWorldClock } from '@backstage/plugin-home';\n\nimport useAsync from 'react-use/esm/useAsync';\n\nimport { LocalClock, LocalClockProps } from './LocalClock';\n\nexport interface HeaderProps {\n  title?: string;\n  personalizedTitle?: string;\n  pageTitle?: string;\n  subtitle?: string;\n  localClock?: LocalClockProps;\n  worldClocks?: ClockConfig[];\n}\n\n// I kept this because I hope that we will add this soon or at least in Dynamic Home Page plugin 1.2 ~ RHDH 1.6.\n// const getTimeBasedTitle = (): string => {\n//   const currentHour = new Date(Date.now()).getHours();\n//   if (currentHour < 12) {\n//     return 'Good morning {{firstName}}';\n//   } else if (currentHour < 17) {\n//     return 'Good afternoon {{firstName}}';\n//   }\n//   return 'Good evening {{firstName}}';\n// };\n\nexport const getPersonalizedTitle = (\n  title: string,\n  displayName: string | undefined,\n) => {\n  const firstName = displayName?.split(' ')[0];\n  const replacedTitle = title\n    .replace('{{firstName}}', firstName ?? '')\n    .replace('{{displayName}}', displayName ?? '');\n  return replacedTitle;\n};\n\nexport const Header = (props: HeaderProps) => {\n  const identityApi = useApi(identityApiRef);\n  const { value: profile } = useAsync(() => identityApi.getProfileInfo());\n\n  const title = useMemo<string>(() => {\n    if (profile?.displayName && props.personalizedTitle) {\n      return getPersonalizedTitle(props.personalizedTitle, profile.displayName);\n    } else if (props.title) {\n      return getPersonalizedTitle(props.title, profile?.displayName);\n    }\n    // return getPersonalizedTitle(getTimeBasedTitle(), profile?.displayName);\n    return getPersonalizedTitle('Welcome back!', profile?.displayName);\n  }, [profile?.displayName, props.personalizedTitle, props.title]);\n\n  const subtitle = useMemo<string | undefined>(() => {\n    return props.subtitle\n      ? getPersonalizedTitle(props.subtitle, profile?.displayName)\n      : undefined;\n  }, [props.subtitle, profile?.displayName]);\n\n  return (\n    <BackstageHeader\n      title={title}\n      subtitle={subtitle}\n      pageTitleOverride={props.pageTitle}\n    >\n      {props.localClock?.format && props.localClock?.format !== 'none' ? (\n        <LocalClock\n          label={\n            props.localClock?.label ??\n            (props.worldClocks && props.worldClocks.length > 0\n              ? 'Local'\n              : undefined)\n          }\n          format={\n            props.localClock?.format ??\n            (props.worldClocks && props.worldClocks.length > 0\n              ? 'time'\n              : undefined)\n          }\n          lang={props.localClock?.lang}\n        />\n      ) : null}\n\n      {props.worldClocks && props.worldClocks.length > 0 ? (\n        <HeaderWorldClock clockConfigs={props.worldClocks} />\n      ) : null}\n    </BackstageHeader>\n  );\n};\n"],"names":["BackstageHeader"],"mappings":";;;;;;;;AA8Ca,MAAA,oBAAA,GAAuB,CAClC,KAAA,EACA,WACG,KAAA;AACH,EAAA,MAAM,SAAY,GAAA,WAAA,EAAa,KAAM,CAAA,GAAG,EAAE,CAAC,CAAA;AAC3C,EAAM,MAAA,aAAA,GAAgB,KACnB,CAAA,OAAA,CAAQ,eAAiB,EAAA,SAAA,IAAa,EAAE,CACxC,CAAA,OAAA,CAAQ,iBAAmB,EAAA,WAAA,IAAe,EAAE,CAAA;AAC/C,EAAO,OAAA,aAAA;AACT;AAEa,MAAA,MAAA,GAAS,CAAC,KAAuB,KAAA;AAC5C,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAM,MAAA,EAAE,OAAO,OAAQ,EAAA,GAAI,SAAS,MAAM,WAAA,CAAY,gBAAgB,CAAA;AAEtE,EAAM,MAAA,KAAA,GAAQ,QAAgB,MAAM;AAClC,IAAI,IAAA,OAAA,EAAS,WAAe,IAAA,KAAA,CAAM,iBAAmB,EAAA;AACnD,MAAA,OAAO,oBAAqB,CAAA,KAAA,CAAM,iBAAmB,EAAA,OAAA,CAAQ,WAAW,CAAA;AAAA,KAC1E,MAAA,IAAW,MAAM,KAAO,EAAA;AACtB,MAAA,OAAO,oBAAqB,CAAA,KAAA,CAAM,KAAO,EAAA,OAAA,EAAS,WAAW,CAAA;AAAA;AAG/D,IAAO,OAAA,oBAAA,CAAqB,eAAiB,EAAA,OAAA,EAAS,WAAW,CAAA;AAAA,GACnE,EAAG,CAAC,OAAS,EAAA,WAAA,EAAa,MAAM,iBAAmB,EAAA,KAAA,CAAM,KAAK,CAAC,CAAA;AAE/D,EAAM,MAAA,QAAA,GAAW,QAA4B,MAAM;AACjD,IAAA,OAAO,MAAM,QACT,GAAA,oBAAA,CAAqB,MAAM,QAAU,EAAA,OAAA,EAAS,WAAW,CACzD,GAAA,SAAA;AAAA,KACH,CAAC,KAAA,CAAM,QAAU,EAAA,OAAA,EAAS,WAAW,CAAC,CAAA;AAEzC,EACE,uBAAA,IAAA;AAAA,IAACA,QAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,mBAAmB,KAAM,CAAA,SAAA;AAAA,MAExB,QAAA,EAAA;AAAA,QAAA,KAAA,CAAM,UAAY,EAAA,MAAA,IAAU,KAAM,CAAA,UAAA,EAAY,WAAW,MACxD,mBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,KAAA,EACE,KAAM,CAAA,UAAA,EAAY,KACjB,KAAA,KAAA,CAAM,eAAe,KAAM,CAAA,WAAA,CAAY,MAAS,GAAA,CAAA,GAC7C,OACA,GAAA,SAAA,CAAA;AAAA,YAEN,MAAA,EACE,KAAM,CAAA,UAAA,EAAY,MACjB,KAAA,KAAA,CAAM,eAAe,KAAM,CAAA,WAAA,CAAY,MAAS,GAAA,CAAA,GAC7C,MACA,GAAA,SAAA,CAAA;AAAA,YAEN,IAAA,EAAM,MAAM,UAAY,EAAA;AAAA;AAAA,SAExB,GAAA,IAAA;AAAA,QAEH,KAAA,CAAM,WAAe,IAAA,KAAA,CAAM,WAAY,CAAA,MAAA,GAAS,CAC/C,mBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,YAAA,EAAc,KAAM,CAAA,WAAA,EAAa,CACjD,GAAA;AAAA;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/components/Headline.esm.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 
 const Headline = (props) => {
-  return /* @__PURE__ */ React.createElement("h1", { style: { textAlign: props.align } }, props.title);
+  return /* @__PURE__ */ jsx("h1", { style: { textAlign: props.align }, children: props.title });
 };
 
 export { Headline };

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

@@ -1 +1 @@
-{"version":3,"file":"Headline.esm.js","sources":["../../src/components/Headline.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\n/**\n * @public\n */\nexport interface HeadlineProps {\n  title?: string;\n  align?: 'left' | 'center' | 'right';\n}\n\n/**\n * @public\n */\nexport const Headline = (props: HeadlineProps) => {\n  return <h1 style={{ textAlign: props.align }}>{props.title}</h1>;\n};\n"],"names":[],"mappings":";;AA6Ba,MAAA,QAAA,GAAW,CAAC,KAAyB,KAAA;AAChD,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAG,KAAO,EAAA,EAAE,WAAW,KAAM,CAAA,KAAA,EAAU,EAAA,EAAA,KAAA,CAAM,KAAM,CAAA;AAC7D;;;;"}
+{"version":3,"file":"Headline.esm.js","sources":["../../src/components/Headline.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\n/**\n * @public\n */\nexport interface HeadlineProps {\n  title?: string;\n  align?: 'left' | 'center' | 'right';\n}\n\n/**\n * @public\n */\nexport const Headline = (props: HeadlineProps) => {\n  return <h1 style={{ textAlign: props.align }}>{props.title}</h1>;\n};\n"],"names":[],"mappings":";;AA2Ba,MAAA,QAAA,GAAW,CAAC,KAAyB,KAAA;AAChD,EAAO,uBAAA,GAAA,CAAC,QAAG,KAAO,EAAA,EAAE,WAAW,KAAM,CAAA,KAAA,EAAU,EAAA,QAAA,EAAA,KAAA,CAAM,KAAM,EAAA,CAAA;AAC7D;;;;"}

package/dist/components/HomePage.esm.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
 import { Page, Content, EmptyState } from '@backstage/core-components';
 import { Header } from './Header.esm.js';
 import { ReadOnlyGrid } from './ReadOnlyGrid.esm.js';
@@ -16,13 +17,16 @@ const HomePage = (props) => {
     );
     return filteredAndSorted;
   }, [props.cards]);
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React.createElement(Header, { ...props, title: "Welcome back!" }), /* @__PURE__ */ React.createElement(Content, null, filteredAndSortedHomePageCards.length === 0 ? /* @__PURE__ */ React.createElement(
-    EmptyState,
-    {
-      title: "No home page cards (mount points) configured or found.",
-      missing: "content"
-    }
-  ) : /* @__PURE__ */ React.createElement(ReadOnlyGrid, { mountPoints: filteredAndSortedHomePageCards })));
+  return /* @__PURE__ */ jsxs(Page, { themeId: "home", children: [
+    /* @__PURE__ */ jsx(Header, { ...props, title: "Welcome back!" }),
+    /* @__PURE__ */ jsx(Content, { children: filteredAndSortedHomePageCards.length === 0 ? /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: "No home page cards (mount points) configured or found.",
+        missing: "content"
+      }
+    ) : /* @__PURE__ */ jsx(ReadOnlyGrid, { mountPoints: filteredAndSortedHomePageCards }) })
+  ] });
 };
 
 export { HomePage };

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

@@ -1 +1 @@
-{"version":3,"file":"HomePage.esm.js","sources":["../../src/components/HomePage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useMemo } from 'react';\n\nimport { Content, EmptyState, Page } from '@backstage/core-components';\n\nimport { HomePageCardMountPoint } from '../types';\n\nimport { Header, HeaderProps } from './Header';\nimport { ReadOnlyGrid } from './ReadOnlyGrid';\n\nexport interface HomePageProps extends HeaderProps {\n  cards?: HomePageCardMountPoint[];\n}\n\nexport const HomePage = (props: HomePageProps) => {\n  const filteredAndSortedHomePageCards = useMemo(() => {\n    if (!props.cards) {\n      return [];\n    }\n\n    const filteredAndSorted = props.cards.filter(\n      card =>\n        card.enabled !== false &&\n        (!card.config?.priority || card.config.priority >= 0),\n    );\n\n    filteredAndSorted.sort(\n      (a, b) => (b.config?.priority ?? 0) - (a.config?.priority ?? 0),\n    );\n\n    return filteredAndSorted;\n  }, [props.cards]);\n\n  return (\n    <Page themeId=\"home\">\n      <Header {...props} title=\"Welcome back!\" />\n      <Content>\n        {filteredAndSortedHomePageCards.length === 0 ? (\n          <EmptyState\n            title=\"No home page cards (mount points) configured or found.\"\n            missing=\"content\"\n          />\n        ) : (\n          <ReadOnlyGrid mountPoints={filteredAndSortedHomePageCards} />\n        )}\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;AA6Ba,MAAA,QAAA,GAAW,CAAC,KAAyB,KAAA;AAChD,EAAM,MAAA,8BAAA,GAAiC,QAAQ,MAAM;AACnD,IAAI,IAAA,CAAC,MAAM,KAAO,EAAA;AAChB,MAAA,OAAO,EAAC;AAAA;AAGV,IAAM,MAAA,iBAAA,GAAoB,MAAM,KAAM,CAAA,MAAA;AAAA,MACpC,CAAA,IAAA,KACE,IAAK,CAAA,OAAA,KAAY,KAChB,KAAA,CAAC,KAAK,MAAQ,EAAA,QAAA,IAAY,IAAK,CAAA,MAAA,CAAO,QAAY,IAAA,CAAA;AAAA,KACvD;AAEA,IAAkB,iBAAA,CAAA,IAAA;AAAA,MAChB,CAAC,GAAG,CAAO,KAAA,CAAA,CAAA,CAAE,QAAQ,QAAY,IAAA,CAAA,KAAM,CAAE,CAAA,MAAA,EAAQ,QAAY,IAAA,CAAA;AAAA,KAC/D;AAEA,IAAO,OAAA,iBAAA;AAAA,GACN,EAAA,CAAC,KAAM,CAAA,KAAK,CAAC,CAAA;AAEhB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,MAAA,EAAA,sCACX,MAAQ,EAAA,EAAA,GAAG,KAAO,EAAA,KAAA,EAAM,iBAAgB,CACzC,kBAAA,KAAA,CAAA,aAAA,CAAC,OACE,EAAA,IAAA,EAAA,8BAAA,CAA+B,WAAW,CACzC,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,wDAAA;AAAA,MACN,OAAQ,EAAA;AAAA;AAAA,sBAGT,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,WAAa,EAAA,8BAAA,EAAgC,CAE/D,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HomePage.esm.js","sources":["../../src/components/HomePage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useMemo } from 'react';\n\nimport { Content, EmptyState, Page } from '@backstage/core-components';\n\nimport { HomePageCardMountPoint } from '../types';\n\nimport { Header, HeaderProps } from './Header';\nimport { ReadOnlyGrid } from './ReadOnlyGrid';\n\nexport interface HomePageProps extends HeaderProps {\n  cards?: HomePageCardMountPoint[];\n}\n\nexport const HomePage = (props: HomePageProps) => {\n  const filteredAndSortedHomePageCards = useMemo(() => {\n    if (!props.cards) {\n      return [];\n    }\n\n    const filteredAndSorted = props.cards.filter(\n      card =>\n        card.enabled !== false &&\n        (!card.config?.priority || card.config.priority >= 0),\n    );\n\n    filteredAndSorted.sort(\n      (a, b) => (b.config?.priority ?? 0) - (a.config?.priority ?? 0),\n    );\n\n    return filteredAndSorted;\n  }, [props.cards]);\n\n  return (\n    <Page themeId=\"home\">\n      <Header {...props} title=\"Welcome back!\" />\n      <Content>\n        {filteredAndSortedHomePageCards.length === 0 ? (\n          <EmptyState\n            title=\"No home page cards (mount points) configured or found.\"\n            missing=\"content\"\n          />\n        ) : (\n          <ReadOnlyGrid mountPoints={filteredAndSortedHomePageCards} />\n        )}\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA6Ba,MAAA,QAAA,GAAW,CAAC,KAAyB,KAAA;AAChD,EAAM,MAAA,8BAAA,GAAiC,QAAQ,MAAM;AACnD,IAAI,IAAA,CAAC,MAAM,KAAO,EAAA;AAChB,MAAA,OAAO,EAAC;AAAA;AAGV,IAAM,MAAA,iBAAA,GAAoB,MAAM,KAAM,CAAA,MAAA;AAAA,MACpC,CAAA,IAAA,KACE,IAAK,CAAA,OAAA,KAAY,KAChB,KAAA,CAAC,KAAK,MAAQ,EAAA,QAAA,IAAY,IAAK,CAAA,MAAA,CAAO,QAAY,IAAA,CAAA;AAAA,KACvD;AAEA,IAAkB,iBAAA,CAAA,IAAA;AAAA,MAChB,CAAC,GAAG,CAAO,KAAA,CAAA,CAAA,CAAE,QAAQ,QAAY,IAAA,CAAA,KAAM,CAAE,CAAA,MAAA,EAAQ,QAAY,IAAA,CAAA;AAAA,KAC/D;AAEA,IAAO,OAAA,iBAAA;AAAA,GACN,EAAA,CAAC,KAAM,CAAA,KAAK,CAAC,CAAA;AAEhB,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAQ,EAAA,EAAA,GAAG,KAAO,EAAA,KAAA,EAAM,eAAgB,EAAA,CAAA;AAAA,oBACxC,GAAA,CAAA,OAAA,EAAA,EACE,QAA+B,EAAA,8BAAA,CAAA,MAAA,KAAW,CACzC,mBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,wDAAA;AAAA,QACN,OAAQ,EAAA;AAAA;AAAA,KAGV,mBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,WAAA,EAAa,gCAAgC,CAE/D,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/LocalClock.esm.js

@@ -1,11 +1,12 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { HeaderLabel } from '@backstage/core-components';
 
 const LocalClock = (props) => {
   const format = props.format ?? "time";
   const lang = props.lang ?? window.navigator.language;
-  const [time, setTime] = React.useState(() => /* @__PURE__ */ new Date());
-  React.useEffect(() => {
+  const [time, setTime] = useState(() => /* @__PURE__ */ new Date());
+  useEffect(() => {
     if (format === "none") {
       return () => null;
     }
@@ -40,17 +41,17 @@ const LocalClock = (props) => {
       minute: "2-digit",
       hour12: false
     });
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       HeaderLabel,
       {
         label: props.label ?? "",
-        value: /* @__PURE__ */ React.createElement(
+        value: /* @__PURE__ */ jsx(
           "time",
           {
             dateTime,
-            style: props.label ? {} : { fontSize: "20px", fontWeight: "bold" }
-          },
-          value
+            style: props.label ? {} : { fontSize: "20px", fontWeight: "bold" },
+            children: value
+          }
         )
       }
     );

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

@@ -1 +1 @@
-{"version":3,"file":"LocalClock.esm.js","sources":["../../src/components/LocalClock.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { HeaderLabel } from '@backstage/core-components';\n\n/**\n * @public\n */\nexport interface LocalClockProps {\n  label?: string;\n  format?:\n    | 'none'\n    | 'full'\n    | 'date'\n    | 'datewithweekday'\n    | 'time'\n    | 'timewithseconds'\n    | 'both';\n  lang?: string;\n}\n\n/**\n * @public\n */\nexport const LocalClock = (props: LocalClockProps) => {\n  const format = props.format ?? 'time';\n  const lang = props.lang ?? window.navigator.language;\n\n  const [time, setTime] = React.useState(() => new Date());\n\n  // Could be optimized to only update the time when needed, but it's aligned with\n  // https://github.com/backstage/backstage/blob/master/plugins/home/src/homePageComponents/HeaderWorldClock/HeaderWorldClock.tsx for now\n  React.useEffect(() => {\n    if (format === 'none') {\n      return () => null;\n    }\n    const intervalId = setInterval(() => setTime(new Date()), 1000);\n    return () => clearInterval(intervalId);\n  }, [format]);\n\n  if (format === 'none') {\n    return null;\n  }\n\n  try {\n    const includeDate =\n      format === 'full' ||\n      format === 'date' ||\n      format === 'datewithweekday' ||\n      format === 'both';\n    const includeTime =\n      format === 'full' ||\n      format === 'time' ||\n      format === 'timewithseconds' ||\n      format === 'both';\n\n    const value =\n      format === 'date' || format === 'datewithweekday'\n        ? time.toLocaleDateString(lang, {\n            weekday: format === 'datewithweekday' ? 'long' : undefined,\n            day: '2-digit',\n            month: '2-digit',\n            year: 'numeric',\n          })\n        : time.toLocaleTimeString(lang, {\n            weekday: format === 'full' ? 'long' : undefined,\n            day: includeDate ? '2-digit' : undefined,\n            month: includeDate ? '2-digit' : undefined,\n            year: includeDate ? 'numeric' : undefined,\n            hour: includeTime ? '2-digit' : undefined,\n            minute: includeTime ? '2-digit' : undefined,\n            second: format === 'timewithseconds' ? '2-digit' : undefined,\n          });\n    const dateTime = time.toLocaleTimeString(lang, {\n      day: '2-digit',\n      month: '2-digit',\n      year: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit',\n      hour12: false,\n    });\n\n    return (\n      <HeaderLabel\n        label={props.label ?? ''}\n        value={\n          <time\n            dateTime={dateTime}\n            style={props.label ? {} : { fontSize: '20px', fontWeight: 'bold' }}\n          >\n            {value}\n          </time>\n        }\n      />\n    );\n  } catch (e) {\n    // eslint-disable-next-line no-console\n    console.warn('Failed to render clock', e);\n    return null;\n  }\n};\n"],"names":[],"mappings":";;;AAuCa,MAAA,UAAA,GAAa,CAAC,KAA2B,KAAA;AACpD,EAAM,MAAA,MAAA,GAAS,MAAM,MAAU,IAAA,MAAA;AAC/B,EAAA,MAAM,IAAO,GAAA,KAAA,CAAM,IAAQ,IAAA,MAAA,CAAO,SAAU,CAAA,QAAA;AAE5C,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAI,MAAM,QAAS,CAAA,sBAAU,IAAA,IAAA,EAAM,CAAA;AAIvD,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,WAAW,MAAQ,EAAA;AACrB,MAAA,OAAO,MAAM,IAAA;AAAA;AAEf,IAAM,MAAA,UAAA,GAAa,YAAY,MAAM,OAAA,qBAAY,IAAK,EAAC,GAAG,GAAI,CAAA;AAC9D,IAAO,OAAA,MAAM,cAAc,UAAU,CAAA;AAAA,GACvC,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,IAAI,WAAW,MAAQ,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAI,IAAA;AACF,IAAA,MAAM,cACJ,MAAW,KAAA,MAAA,IACX,WAAW,MACX,IAAA,MAAA,KAAW,qBACX,MAAW,KAAA,MAAA;AACb,IAAA,MAAM,cACJ,MAAW,KAAA,MAAA,IACX,WAAW,MACX,IAAA,MAAA,KAAW,qBACX,MAAW,KAAA,MAAA;AAEb,IAAA,MAAM,QACJ,MAAW,KAAA,MAAA,IAAU,WAAW,iBAC5B,GAAA,IAAA,CAAK,mBAAmB,IAAM,EAAA;AAAA,MAC5B,OAAA,EAAS,MAAW,KAAA,iBAAA,GAAoB,MAAS,GAAA,KAAA,CAAA;AAAA,MACjD,GAAK,EAAA,SAAA;AAAA,MACL,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACP,CAAA,GACD,IAAK,CAAA,kBAAA,CAAmB,IAAM,EAAA;AAAA,MAC5B,OAAA,EAAS,MAAW,KAAA,MAAA,GAAS,MAAS,GAAA,KAAA,CAAA;AAAA,MACtC,GAAA,EAAK,cAAc,SAAY,GAAA,KAAA,CAAA;AAAA,MAC/B,KAAA,EAAO,cAAc,SAAY,GAAA,KAAA,CAAA;AAAA,MACjC,IAAA,EAAM,cAAc,SAAY,GAAA,KAAA,CAAA;AAAA,MAChC,IAAA,EAAM,cAAc,SAAY,GAAA,KAAA,CAAA;AAAA,MAChC,MAAA,EAAQ,cAAc,SAAY,GAAA,KAAA,CAAA;AAAA,MAClC,MAAA,EAAQ,MAAW,KAAA,iBAAA,GAAoB,SAAY,GAAA,KAAA;AAAA,KACpD,CAAA;AACP,IAAM,MAAA,QAAA,GAAW,IAAK,CAAA,kBAAA,CAAmB,IAAM,EAAA;AAAA,MAC7C,GAAK,EAAA,SAAA;AAAA,MACL,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,IAAM,EAAA,SAAA;AAAA,MACN,MAAQ,EAAA,SAAA;AAAA,MACR,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,MAAM,KAAS,IAAA,EAAA;AAAA,QACtB,KACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAA;AAAA,YACA,KAAA,EAAO,MAAM,KAAQ,GAAA,KAAK,EAAE,QAAA,EAAU,MAAQ,EAAA,UAAA,EAAY,MAAO;AAAA,WAAA;AAAA,UAEhE;AAAA;AACH;AAAA,KAEJ;AAAA,WAEK,CAAG,EAAA;AAEV,IAAQ,OAAA,CAAA,IAAA,CAAK,0BAA0B,CAAC,CAAA;AACxC,IAAO,OAAA,IAAA;AAAA;AAEX;;;;"}
+{"version":3,"file":"LocalClock.esm.js","sources":["../../src/components/LocalClock.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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, useEffect } from 'react';\n\nimport { HeaderLabel } from '@backstage/core-components';\n\n/**\n * @public\n */\nexport interface LocalClockProps {\n  label?: string;\n  format?:\n    | 'none'\n    | 'full'\n    | 'date'\n    | 'datewithweekday'\n    | 'time'\n    | 'timewithseconds'\n    | 'both';\n  lang?: string;\n}\n\n/**\n * @public\n */\nexport const LocalClock = (props: LocalClockProps) => {\n  const format = props.format ?? 'time';\n  const lang = props.lang ?? window.navigator.language;\n\n  const [time, setTime] = useState(() => new Date());\n\n  // Could be optimized to only update the time when needed, but it's aligned with\n  // https://github.com/backstage/backstage/blob/master/plugins/home/src/homePageComponents/HeaderWorldClock/HeaderWorldClock.tsx for now\n  useEffect(() => {\n    if (format === 'none') {\n      return () => null;\n    }\n    const intervalId = setInterval(() => setTime(new Date()), 1000);\n    return () => clearInterval(intervalId);\n  }, [format]);\n\n  if (format === 'none') {\n    return null;\n  }\n\n  try {\n    const includeDate =\n      format === 'full' ||\n      format === 'date' ||\n      format === 'datewithweekday' ||\n      format === 'both';\n    const includeTime =\n      format === 'full' ||\n      format === 'time' ||\n      format === 'timewithseconds' ||\n      format === 'both';\n\n    const value =\n      format === 'date' || format === 'datewithweekday'\n        ? time.toLocaleDateString(lang, {\n            weekday: format === 'datewithweekday' ? 'long' : undefined,\n            day: '2-digit',\n            month: '2-digit',\n            year: 'numeric',\n          })\n        : time.toLocaleTimeString(lang, {\n            weekday: format === 'full' ? 'long' : undefined,\n            day: includeDate ? '2-digit' : undefined,\n            month: includeDate ? '2-digit' : undefined,\n            year: includeDate ? 'numeric' : undefined,\n            hour: includeTime ? '2-digit' : undefined,\n            minute: includeTime ? '2-digit' : undefined,\n            second: format === 'timewithseconds' ? '2-digit' : undefined,\n          });\n    const dateTime = time.toLocaleTimeString(lang, {\n      day: '2-digit',\n      month: '2-digit',\n      year: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit',\n      hour12: false,\n    });\n\n    return (\n      <HeaderLabel\n        label={props.label ?? ''}\n        value={\n          <time\n            dateTime={dateTime}\n            style={props.label ? {} : { fontSize: '20px', fontWeight: 'bold' }}\n          >\n            {value}\n          </time>\n        }\n      />\n    );\n  } catch (e) {\n    // eslint-disable-next-line no-console\n    console.warn('Failed to render clock', e);\n    return null;\n  }\n};\n"],"names":[],"mappings":";;;;AAuCa,MAAA,UAAA,GAAa,CAAC,KAA2B,KAAA;AACpD,EAAM,MAAA,MAAA,GAAS,MAAM,MAAU,IAAA,MAAA;AAC/B,EAAA,MAAM,IAAO,GAAA,KAAA,CAAM,IAAQ,IAAA,MAAA,CAAO,SAAU,CAAA,QAAA;AAE5C,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAI,SAAS,sBAAM,IAAI,MAAM,CAAA;AAIjD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,MAAQ,EAAA;AACrB,MAAA,OAAO,MAAM,IAAA;AAAA;AAEf,IAAM,MAAA,UAAA,GAAa,YAAY,MAAM,OAAA,qBAAY,IAAK,EAAC,GAAG,GAAI,CAAA;AAC9D,IAAO,OAAA,MAAM,cAAc,UAAU,CAAA;AAAA,GACvC,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,IAAI,WAAW,MAAQ,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAI,IAAA;AACF,IAAA,MAAM,cACJ,MAAW,KAAA,MAAA,IACX,WAAW,MACX,IAAA,MAAA,KAAW,qBACX,MAAW,KAAA,MAAA;AACb,IAAA,MAAM,cACJ,MAAW,KAAA,MAAA,IACX,WAAW,MACX,IAAA,MAAA,KAAW,qBACX,MAAW,KAAA,MAAA;AAEb,IAAA,MAAM,QACJ,MAAW,KAAA,MAAA,IAAU,WAAW,iBAC5B,GAAA,IAAA,CAAK,mBAAmB,IAAM,EAAA;AAAA,MAC5B,OAAA,EAAS,MAAW,KAAA,iBAAA,GAAoB,MAAS,GAAA,KAAA,CAAA;AAAA,MACjD,GAAK,EAAA,SAAA;AAAA,MACL,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACP,CAAA,GACD,IAAK,CAAA,kBAAA,CAAmB,IAAM,EAAA;AAAA,MAC5B,OAAA,EAAS,MAAW,KAAA,MAAA,GAAS,MAAS,GAAA,KAAA,CAAA;AAAA,MACtC,GAAA,EAAK,cAAc,SAAY,GAAA,KAAA,CAAA;AAAA,MAC/B,KAAA,EAAO,cAAc,SAAY,GAAA,KAAA,CAAA;AAAA,MACjC,IAAA,EAAM,cAAc,SAAY,GAAA,KAAA,CAAA;AAAA,MAChC,IAAA,EAAM,cAAc,SAAY,GAAA,KAAA,CAAA;AAAA,MAChC,MAAA,EAAQ,cAAc,SAAY,GAAA,KAAA,CAAA;AAAA,MAClC,MAAA,EAAQ,MAAW,KAAA,iBAAA,GAAoB,SAAY,GAAA,KAAA;AAAA,KACpD,CAAA;AACP,IAAM,MAAA,QAAA,GAAW,IAAK,CAAA,kBAAA,CAAmB,IAAM,EAAA;AAAA,MAC7C,GAAK,EAAA,SAAA;AAAA,MACL,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,IAAM,EAAA,SAAA;AAAA,MACN,MAAQ,EAAA,SAAA;AAAA,MACR,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IACE,uBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,MAAM,KAAS,IAAA,EAAA;AAAA,QACtB,KACE,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAA;AAAA,YACA,KAAA,EAAO,MAAM,KAAQ,GAAA,KAAK,EAAE,QAAA,EAAU,MAAQ,EAAA,UAAA,EAAY,MAAO,EAAA;AAAA,YAEhE,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,KAEJ;AAAA,WAEK,CAAG,EAAA;AAEV,IAAQ,OAAA,CAAA,IAAA,CAAK,0BAA0B,CAAC,CAAA;AACxC,IAAO,OAAA,IAAA;AAAA;AAEX;;;;"}

package/dist/components/Markdown.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { MarkdownContent } from '@backstage/core-components';
 import { makeStyles } from 'tss-react/mui';
 
@@ -16,14 +16,17 @@ const useStyles = makeStyles()({
 });
 const Markdown = (props) => {
   const { classes } = useStyles();
-  return /* @__PURE__ */ React.createElement("div", { className: classes.card }, props.title ? /* @__PURE__ */ React.createElement("h1", null, props.title) : null, /* @__PURE__ */ React.createElement(
-    MarkdownContent,
-    {
-      dialect: "gfm",
-      content: props.content ?? "",
-      className: classes.content
-    }
-  ));
+  return /* @__PURE__ */ jsxs("div", { className: classes.card, children: [
+    props.title ? /* @__PURE__ */ jsx("h1", { children: props.title }) : null,
+    /* @__PURE__ */ jsx(
+      MarkdownContent,
+      {
+        dialect: "gfm",
+        content: props.content ?? "",
+        className: classes.content
+      }
+    )
+  ] });
 };
 
 export { Markdown };

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

@@ -1 +1 @@
-{"version":3,"file":"Markdown.esm.js","sources":["../../src/components/Markdown.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { MarkdownContent } from '@backstage/core-components';\n\nimport { makeStyles } from 'tss-react/mui';\n\n/**\n * @public\n */\nexport interface MarkdownProps {\n  title?: string;\n  content?: string;\n}\n\nconst useStyles = makeStyles()({\n  // Make card content scrollable (so that cards don't overlap)\n  card: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    height: '100%',\n  },\n  content: {\n    overflow: 'auto',\n  },\n});\n\n/**\n * @public\n */\nexport const Markdown = (props: MarkdownProps) => {\n  const { classes } = useStyles();\n  return (\n    <div className={classes.card}>\n      {props.title ? <h1>{props.title}</h1> : null}\n      <MarkdownContent\n        dialect=\"gfm\"\n        content={props.content ?? ''}\n        className={classes.content}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AA8BA,MAAM,SAAA,GAAY,YAAa,CAAA;AAAA;AAAA,EAE7B,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACP,QAAU,EAAA;AAAA;AAEd,CAAC,CAAA;AAKY,MAAA,QAAA,GAAW,CAAC,KAAyB,KAAA;AAChD,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,SAAU,EAAA;AAC9B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACrB,EAAA,EAAA,KAAA,CAAM,KAAQ,mBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAA,KAAA,CAAM,KAAM,CAAA,GAAQ,IACxC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,KAAA;AAAA,MACR,OAAA,EAAS,MAAM,OAAW,IAAA,EAAA;AAAA,MAC1B,WAAW,OAAQ,CAAA;AAAA;AAAA,GAEvB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Markdown.esm.js","sources":["../../src/components/Markdown.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { MarkdownContent } from '@backstage/core-components';\n\nimport { makeStyles } from 'tss-react/mui';\n\n/**\n * @public\n */\nexport interface MarkdownProps {\n  title?: string;\n  content?: string;\n}\n\nconst useStyles = makeStyles()({\n  // Make card content scrollable (so that cards don't overlap)\n  card: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    height: '100%',\n  },\n  content: {\n    overflow: 'auto',\n  },\n});\n\n/**\n * @public\n */\nexport const Markdown = (props: MarkdownProps) => {\n  const { classes } = useStyles();\n  return (\n    <div className={classes.card}>\n      {props.title ? <h1>{props.title}</h1> : null}\n      <MarkdownContent\n        dialect=\"gfm\"\n        content={props.content ?? ''}\n        className={classes.content}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AA4BA,MAAM,SAAA,GAAY,YAAa,CAAA;AAAA;AAAA,EAE7B,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACP,QAAU,EAAA;AAAA;AAEd,CAAC,CAAA;AAKY,MAAA,QAAA,GAAW,CAAC,KAAyB,KAAA;AAChD,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,SAAU,EAAA;AAC9B,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACrB,EAAA,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,KAAQ,mBAAA,GAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,KAAA,CAAM,OAAM,CAAQ,GAAA,IAAA;AAAA,oBACxC,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,KAAA;AAAA,QACR,OAAA,EAAS,MAAM,OAAW,IAAA,EAAA;AAAA,QAC1B,WAAW,OAAQ,CAAA;AAAA;AAAA;AACrB,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/MarkdownCard.esm.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { InfoCard, MarkdownContent } from '@backstage/core-components';
 
 const MarkdownCard = (props) => {
-  return /* @__PURE__ */ React.createElement(InfoCard, { title: props.title }, /* @__PURE__ */ React.createElement(MarkdownContent, { dialect: "gfm", content: props.content ?? "" }));
+  return /* @__PURE__ */ jsx(InfoCard, { title: props.title, children: /* @__PURE__ */ jsx(MarkdownContent, { dialect: "gfm", content: props.content ?? "" }) });
 };
 
 export { MarkdownCard };

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownCard.esm.js","sources":["../../src/components/MarkdownCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { InfoCard, MarkdownContent } from '@backstage/core-components';\n\n/**\n * @public\n */\nexport interface MarkdownCardProps {\n  title?: string;\n  content?: string;\n}\n\n/**\n * @public\n */\nexport const MarkdownCard = (props: MarkdownCardProps) => {\n  return (\n    <InfoCard title={props.title}>\n      <MarkdownContent dialect=\"gfm\" content={props.content ?? ''} />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;AA+Ba,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,KAAA,CAAM,KACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,OAAA,EAAQ,KAAM,EAAA,OAAA,EAAS,KAAM,CAAA,OAAA,IAAW,IAAI,CAC/D,CAAA;AAEJ;;;;"}
+{"version":3,"file":"MarkdownCard.esm.js","sources":["../../src/components/MarkdownCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { InfoCard, MarkdownContent } from '@backstage/core-components';\n\n/**\n * @public\n */\nexport interface MarkdownCardProps {\n  title?: string;\n  content?: string;\n}\n\n/**\n * @public\n */\nexport const MarkdownCard = (props: MarkdownCardProps) => {\n  return (\n    <InfoCard title={props.title}>\n      <MarkdownContent dialect=\"gfm\" content={props.content ?? ''} />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;AA6Ba,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,uBACG,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,KAAA,CAAM,KACrB,EAAA,QAAA,kBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,OAAA,EAAQ,KAAM,EAAA,OAAA,EAAS,KAAM,CAAA,OAAA,IAAW,IAAI,CAC/D,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/OnboardingSection/OnboardingCard.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Link } from 'react-router-dom';
 import Box from '@mui/material/Box';
 import CardContent from '@mui/material/CardContent';
@@ -14,52 +14,58 @@ const OnboardingCard = ({
   target,
   ariaLabel
 }) => {
-  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(CardContent, { sx: { backgroundColor: "transparent" } }, /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      sx: {
-        fontSize: "1.75rem",
-        fontWeight: 500,
-        m: 0
+  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(CardContent, { sx: { backgroundColor: "transparent" }, children: [
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        sx: {
+          fontSize: "1.75rem",
+          fontWeight: 500,
+          m: 0
+        },
+        children: title
       }
-    },
-    title
-  ), /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      sx: {
-        fontSize: "1rem",
-        fontWeight: 500,
-        p: "16px",
-        pt: "8px",
-        pl: "0px",
-        display: "-webkit-box",
-        webkitBoxOrient: "vertical",
-        width: "240px",
-        webkitLineClamp: 2,
-        overflow: "hidden",
-        textOverflow: "ellipsis"
+    ),
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        sx: {
+          fontSize: "1rem",
+          fontWeight: 500,
+          p: "16px",
+          pt: "8px",
+          pl: "0px",
+          display: "-webkit-box",
+          webkitBoxOrient: "vertical",
+          width: "240px",
+          webkitLineClamp: 2,
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        },
+        children: description
       }
-    },
-    description
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      component: Link,
-      variant: "outlined",
-      color: "primary",
-      to: buttonLink,
-      target,
-      "aria-label": ariaLabel,
-      sx: {
-        padding: (theme) => theme.spacing(1, 1.5),
-        fontSize: "16px"
+    ),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        component: Link,
+        variant: "outlined",
+        color: "primary",
+        to: buttonLink,
+        target,
+        "aria-label": ariaLabel,
+        sx: {
+          padding: (theme) => theme.spacing(1, 1.5),
+          fontSize: "16px"
+        },
+        children: [
+          buttonText,
+          " ",
+          /* @__PURE__ */ jsx(ArrowForwardIcon, { style: { paddingLeft: "0.5rem" } })
+        ]
       }
-    },
-    buttonText,
-    " ",
-    /* @__PURE__ */ React.createElement(ArrowForwardIcon, { style: { paddingLeft: "0.5rem" } })
-  )));
+    )
+  ] }) });
 };
 
 export { OnboardingCard as default };

package/dist/components/OnboardingSection/OnboardingCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingCard.esm.js","sources":["../../../src/components/OnboardingSection/OnboardingCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 React from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\n\nimport Box from '@mui/material/Box';\nimport CardContent from '@mui/material/CardContent';\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward';\nimport Button from '@mui/material/Button';\nimport Typography from '@mui/material/Typography';\n\ninterface OnboardingCardProps {\n  title: string;\n  description: string;\n  buttonText: string;\n  buttonLink: string;\n  target?: string;\n  ariaLabel?: string;\n}\n\nconst OnboardingCard: React.FC<OnboardingCardProps> = ({\n  title,\n  description,\n  buttonText,\n  buttonLink,\n  target,\n  ariaLabel,\n}) => {\n  return (\n    <Box>\n      <CardContent sx={{ backgroundColor: 'transparent' }}>\n        <Typography\n          sx={{\n            fontSize: '1.75rem',\n            fontWeight: 500,\n            m: 0,\n          }}\n        >\n          {title}\n        </Typography>\n        <Typography\n          sx={{\n            fontSize: '1rem',\n            fontWeight: 500,\n            p: '16px',\n            pt: '8px',\n            pl: '0px',\n            display: '-webkit-box',\n            webkitBoxOrient: 'vertical',\n            width: '240px',\n            webkitLineClamp: 2,\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n          }}\n        >\n          {description}\n        </Typography>\n        <Button\n          component={RouterLink}\n          variant=\"outlined\"\n          color=\"primary\"\n          to={buttonLink}\n          target={target}\n          aria-label={ariaLabel}\n          sx={{\n            padding: theme => theme.spacing(1, 1.5),\n            fontSize: '16px',\n          }}\n        >\n          {buttonText} <ArrowForwardIcon style={{ paddingLeft: '0.5rem' }} />\n        </Button>\n      </CardContent>\n    </Box>\n  );\n};\n\nexport default OnboardingCard;\n"],"names":["RouterLink"],"mappings":";;;;;;;;AAiCA,MAAM,iBAAgD,CAAC;AAAA,EACrD,KAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,2BACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,IAAI,EAAE,eAAA,EAAiB,eAClC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,QAAU,EAAA,SAAA;AAAA,QACV,UAAY,EAAA,GAAA;AAAA,QACZ,CAAG,EAAA;AAAA;AACL,KAAA;AAAA,IAEC;AAAA,GAEH,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,QAAU,EAAA,MAAA;AAAA,QACV,UAAY,EAAA,GAAA;AAAA,QACZ,CAAG,EAAA,MAAA;AAAA,QACH,EAAI,EAAA,KAAA;AAAA,QACJ,EAAI,EAAA,KAAA;AAAA,QACJ,OAAS,EAAA,aAAA;AAAA,QACT,eAAiB,EAAA,UAAA;AAAA,QACjB,KAAO,EAAA,OAAA;AAAA,QACP,eAAiB,EAAA,CAAA;AAAA,QACjB,QAAU,EAAA,QAAA;AAAA,QACV,YAAc,EAAA;AAAA;AAChB,KAAA;AAAA,IAEC;AAAA,GAEH,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAAA,IAAA;AAAA,MACX,OAAQ,EAAA,UAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,EAAI,EAAA,UAAA;AAAA,MACJ,MAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,GAAG,GAAG,CAAA;AAAA,QACtC,QAAU,EAAA;AAAA;AACZ,KAAA;AAAA,IAEC,UAAA;AAAA,IAAW,GAAA;AAAA,wCAAE,gBAAiB,EAAA,EAAA,KAAA,EAAO,EAAE,WAAA,EAAa,UAAY,EAAA;AAAA,GAErE,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"OnboardingCard.esm.js","sources":["../../../src/components/OnboardingSection/OnboardingCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { FC } from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\n\nimport Box from '@mui/material/Box';\nimport CardContent from '@mui/material/CardContent';\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward';\nimport Button from '@mui/material/Button';\nimport Typography from '@mui/material/Typography';\n\ninterface OnboardingCardProps {\n  title: string;\n  description: string;\n  buttonText: string;\n  buttonLink: string;\n  target?: string;\n  ariaLabel?: string;\n}\n\nconst OnboardingCard: FC<OnboardingCardProps> = ({\n  title,\n  description,\n  buttonText,\n  buttonLink,\n  target,\n  ariaLabel,\n}) => {\n  return (\n    <Box>\n      <CardContent sx={{ backgroundColor: 'transparent' }}>\n        <Typography\n          sx={{\n            fontSize: '1.75rem',\n            fontWeight: 500,\n            m: 0,\n          }}\n        >\n          {title}\n        </Typography>\n        <Typography\n          sx={{\n            fontSize: '1rem',\n            fontWeight: 500,\n            p: '16px',\n            pt: '8px',\n            pl: '0px',\n            display: '-webkit-box',\n            webkitBoxOrient: 'vertical',\n            width: '240px',\n            webkitLineClamp: 2,\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n          }}\n        >\n          {description}\n        </Typography>\n        <Button\n          component={RouterLink}\n          variant=\"outlined\"\n          color=\"primary\"\n          to={buttonLink}\n          target={target}\n          aria-label={ariaLabel}\n          sx={{\n            padding: theme => theme.spacing(1, 1.5),\n            fontSize: '16px',\n          }}\n        >\n          {buttonText} <ArrowForwardIcon style={{ paddingLeft: '0.5rem' }} />\n        </Button>\n      </CardContent>\n    </Box>\n  );\n};\n\nexport default OnboardingCard;\n"],"names":["RouterLink"],"mappings":";;;;;;;;AAiCA,MAAM,iBAA0C,CAAC;AAAA,EAC/C,KAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EACE,uBAAA,GAAA,CAAC,OACC,QAAC,kBAAA,IAAA,CAAA,WAAA,EAAA,EAAY,IAAI,EAAE,eAAA,EAAiB,eAClC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,QAAU,EAAA,SAAA;AAAA,UACV,UAAY,EAAA,GAAA;AAAA,UACZ,CAAG,EAAA;AAAA,SACL;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,oBACA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,QAAU,EAAA,MAAA;AAAA,UACV,UAAY,EAAA,GAAA;AAAA,UACZ,CAAG,EAAA,MAAA;AAAA,UACH,EAAI,EAAA,KAAA;AAAA,UACJ,EAAI,EAAA,KAAA;AAAA,UACJ,OAAS,EAAA,aAAA;AAAA,UACT,eAAiB,EAAA,UAAA;AAAA,UACjB,KAAO,EAAA,OAAA;AAAA,UACP,eAAiB,EAAA,CAAA;AAAA,UACjB,QAAU,EAAA,QAAA;AAAA,UACV,YAAc,EAAA;AAAA,SAChB;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,oBACA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAAA,IAAA;AAAA,QACX,OAAQ,EAAA,UAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,EAAI,EAAA,UAAA;AAAA,QACJ,MAAA;AAAA,QACA,YAAY,EAAA,SAAA;AAAA,QACZ,EAAI,EAAA;AAAA,UACF,OAAS,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,GAAG,GAAG,CAAA;AAAA,UACtC,QAAU,EAAA;AAAA,SACZ;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,UAAA;AAAA,UAAW,GAAA;AAAA,8BAAE,gBAAiB,EAAA,EAAA,KAAA,EAAO,EAAE,WAAA,EAAa,UAAY,EAAA;AAAA;AAAA;AAAA;AACnE,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/OnboardingSection/OnboardingSection.esm.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { useUserProfile } from '@backstage/plugin-user-settings';
 import { useApi } from '@backstage/core-plugin-api';
 import { catalogApiRef } from '@backstage/plugin-catalog-react';
@@ -14,7 +15,7 @@ import { LEARNING_SECTION_ITEMS } from '../../utils/constants.esm.js';
 import useGreeting from '../../hooks/useGreeting.esm.js';
 
 const OnboardingSection = () => {
-  const [user, setUser] = React.useState();
+  const [user, setUser] = useState();
   const theme = useTheme();
   const isDarkMode = theme.palette.mode === "dark";
   const greeting = useGreeting();
@@ -24,7 +25,7 @@ const OnboardingSection = () => {
     loading: profileLoading
   } = useUserProfile();
   const catalogApi = useApi(catalogApiRef);
-  React.useEffect(() => {
+  useEffect(() => {
     const fetchUserEntity = async () => {
       if (!backstageIdentity?.userEntityRef) {
         return;
@@ -50,53 +51,56 @@ const OnboardingSection = () => {
     }
     return name;
   };
-  const content = /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Grid, { container: true, margin: "auto" }, /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      item: true,
-      xs: 12,
-      md: 6,
-      lg: 3,
-      display: "flex",
-      justifyContent: "left",
-      alignItems: "center"
-    },
-    /* @__PURE__ */ React.createElement(
-      Box,
+  const content = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Grid, { container: true, margin: "auto", children: [
+    /* @__PURE__ */ jsx(
+      Grid,
       {
-        component: "img",
-        src: isDarkMode ? HomePageIllustrationDark : HomePageIllustrationLight,
-        alt: "",
-        sx: {
-          width: "clamp(200px, 20vw, 264px)"
-        }
+        item: true,
+        xs: 12,
+        md: 6,
+        lg: 3,
+        display: "flex",
+        justifyContent: "left",
+        alignItems: "center",
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "img",
+            src: isDarkMode ? HomePageIllustrationDark : HomePageIllustrationLight,
+            alt: "",
+            sx: {
+              width: "clamp(200px, 20vw, 264px)"
+            }
+          }
+        )
       }
-    )
-  ), LEARNING_SECTION_ITEMS.map((item) => /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      item: true,
-      xs: 12,
-      md: 6,
-      lg: 3,
-      key: item.title,
-      display: "flex",
-      justifyContent: "left",
-      alignItems: "center"
-    },
-    /* @__PURE__ */ React.createElement(
-      OnboardingCard,
+    ),
+    LEARNING_SECTION_ITEMS.map((item) => /* @__PURE__ */ jsx(
+      Grid,
       {
-        title: item.title,
-        description: item.description,
-        buttonText: item.buttonText,
-        buttonLink: item.buttonLink,
-        target: item.target,
-        ariaLabel: item.ariaLabel
-      }
-    )
-  ))));
-  return /* @__PURE__ */ React.createElement(
+        item: true,
+        xs: 12,
+        md: 6,
+        lg: 3,
+        display: "flex",
+        justifyContent: "left",
+        alignItems: "center",
+        children: /* @__PURE__ */ jsx(
+          OnboardingCard,
+          {
+            title: item.title,
+            description: item.description,
+            buttonText: item.buttonText,
+            buttonLink: item.buttonLink,
+            target: item.target,
+            ariaLabel: item.ariaLabel
+          }
+        )
+      },
+      item.title
+    ))
+  ] }) });
+  return /* @__PURE__ */ jsxs(
     Card,
     {
       elevation: 0,
@@ -108,22 +112,24 @@ const OnboardingSection = () => {
           display: "none"
         },
         scrollbarWidth: "none"
-      }
-    },
-    !profileLoading && /* @__PURE__ */ React.createElement(
-      Typography,
-      {
-        variant: "h3",
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          fontWeight: "500",
-          fontSize: "1.5rem"
-        }
       },
-      `${greeting} ${profileDisplayName() || "Guest"}!`
-    ),
-    content
+      children: [
+        !profileLoading && /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "h3",
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              fontWeight: "500",
+              fontSize: "1.5rem"
+            },
+            children: `${greeting} ${profileDisplayName() || "Guest"}!`
+          }
+        ),
+        content
+      ]
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"OnboardingSection.esm.js","sources":["../../../src/components/OnboardingSection/OnboardingSection.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 React from 'react';\n\nimport { useUserProfile } from '@backstage/plugin-user-settings';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { UserEntity } from '@backstage/catalog-model';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\n\nimport Grid from '@mui/material/Grid';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport Card from '@mui/material/Card';\nimport { useTheme } from '@mui/material/styles';\n\nimport OnboardingCard from './OnboardingCard';\nimport HomePageIllustrationDark from '../../images/homepage-illustration-dark.svg';\nimport HomePageIllustrationLight from '../../images/homepage-illustration-light.svg';\nimport { LEARNING_SECTION_ITEMS } from '../../utils/constants';\nimport useGreeting from '../../hooks/useGreeting';\n\nexport const OnboardingSection = () => {\n  const [user, setUser] = React.useState<string | null>();\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n  const greeting = useGreeting();\n  const {\n    displayName,\n    backstageIdentity,\n    loading: profileLoading,\n  } = useUserProfile();\n  const catalogApi = useApi(catalogApiRef);\n\n  React.useEffect(() => {\n    const fetchUserEntity = async () => {\n      if (!backstageIdentity?.userEntityRef) {\n        return;\n      }\n      try {\n        const userEntity = (await catalogApi.getEntityByRef(\n          backstageIdentity.userEntityRef,\n        )) as unknown as UserEntity;\n        setUser(\n          userEntity?.spec?.profile?.displayName ?? userEntity?.metadata?.title,\n        );\n      } catch (_err) {\n        setUser(null);\n      }\n    };\n\n    fetchUserEntity();\n  }, [backstageIdentity, catalogApi]);\n\n  const profileDisplayName = () => {\n    const name = user ?? displayName;\n    const regex = /^[^:/]+:[^/]+\\/[^/]+$/;\n    if (regex.test(name)) {\n      return name\n        .charAt(name.indexOf('/') + 1)\n        .toLocaleUpperCase('en-US')\n        .concat(name.substring(name.indexOf('/') + 2));\n    }\n    return name;\n  };\n\n  const content = (\n    <Box>\n      <Grid container margin=\"auto\">\n        <Grid\n          item\n          xs={12}\n          md={6}\n          lg={3}\n          display=\"flex\"\n          justifyContent=\"left\"\n          alignItems=\"center\"\n        >\n          <Box\n            component=\"img\"\n            src={\n              isDarkMode ? HomePageIllustrationDark : HomePageIllustrationLight\n            }\n            alt=\"\"\n            sx={{\n              width: 'clamp(200px, 20vw, 264px)',\n            }}\n          />\n        </Grid>\n        {LEARNING_SECTION_ITEMS.map(item => (\n          <Grid\n            item\n            xs={12}\n            md={6}\n            lg={3}\n            key={item.title}\n            display=\"flex\"\n            justifyContent=\"left\"\n            alignItems=\"center\"\n          >\n            <OnboardingCard\n              title={item.title}\n              description={item.description}\n              buttonText={item.buttonText}\n              buttonLink={item.buttonLink}\n              target={item.target}\n              ariaLabel={item.ariaLabel}\n            />\n          </Grid>\n        ))}\n      </Grid>\n    </Box>\n  );\n\n  return (\n    <Card\n      elevation={0}\n      sx={{\n        padding: '24px',\n        border: muiTheme => `1px solid ${muiTheme.palette.grey[300]}`,\n        overflow: 'auto',\n        '$::-webkit-scrollbar': {\n          display: 'none',\n        },\n        scrollbarWidth: 'none',\n      }}\n    >\n      {!profileLoading && (\n        <Typography\n          variant=\"h3\"\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            fontWeight: '500',\n            fontSize: '1.5rem',\n          }}\n        >\n          {`${greeting} ${profileDisplayName() || 'Guest'}!`}\n        </Typography>\n      )}\n      {content}\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OnboardingSection.esm.js","sources":["../../../src/components/OnboardingSection/OnboardingSection.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useState, useEffect } from 'react';\n\nimport { useUserProfile } from '@backstage/plugin-user-settings';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { UserEntity } from '@backstage/catalog-model';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\n\nimport Grid from '@mui/material/Grid';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport Card from '@mui/material/Card';\nimport { useTheme } from '@mui/material/styles';\n\nimport OnboardingCard from './OnboardingCard';\nimport HomePageIllustrationDark from '../../images/homepage-illustration-dark.svg';\nimport HomePageIllustrationLight from '../../images/homepage-illustration-light.svg';\nimport { LEARNING_SECTION_ITEMS } from '../../utils/constants';\nimport useGreeting from '../../hooks/useGreeting';\n\nexport const OnboardingSection = () => {\n  const [user, setUser] = useState<string | null>();\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n  const greeting = useGreeting();\n  const {\n    displayName,\n    backstageIdentity,\n    loading: profileLoading,\n  } = useUserProfile();\n  const catalogApi = useApi(catalogApiRef);\n\n  useEffect(() => {\n    const fetchUserEntity = async () => {\n      if (!backstageIdentity?.userEntityRef) {\n        return;\n      }\n      try {\n        const userEntity = (await catalogApi.getEntityByRef(\n          backstageIdentity.userEntityRef,\n        )) as unknown as UserEntity;\n        setUser(\n          userEntity?.spec?.profile?.displayName ?? userEntity?.metadata?.title,\n        );\n      } catch (_err) {\n        setUser(null);\n      }\n    };\n\n    fetchUserEntity();\n  }, [backstageIdentity, catalogApi]);\n\n  const profileDisplayName = () => {\n    const name = user ?? displayName;\n    const regex = /^[^:/]+:[^/]+\\/[^/]+$/;\n    if (regex.test(name)) {\n      return name\n        .charAt(name.indexOf('/') + 1)\n        .toLocaleUpperCase('en-US')\n        .concat(name.substring(name.indexOf('/') + 2));\n    }\n    return name;\n  };\n\n  const content = (\n    <Box>\n      <Grid container margin=\"auto\">\n        <Grid\n          item\n          xs={12}\n          md={6}\n          lg={3}\n          display=\"flex\"\n          justifyContent=\"left\"\n          alignItems=\"center\"\n        >\n          <Box\n            component=\"img\"\n            src={\n              isDarkMode ? HomePageIllustrationDark : HomePageIllustrationLight\n            }\n            alt=\"\"\n            sx={{\n              width: 'clamp(200px, 20vw, 264px)',\n            }}\n          />\n        </Grid>\n        {LEARNING_SECTION_ITEMS.map(item => (\n          <Grid\n            item\n            xs={12}\n            md={6}\n            lg={3}\n            key={item.title}\n            display=\"flex\"\n            justifyContent=\"left\"\n            alignItems=\"center\"\n          >\n            <OnboardingCard\n              title={item.title}\n              description={item.description}\n              buttonText={item.buttonText}\n              buttonLink={item.buttonLink}\n              target={item.target}\n              ariaLabel={item.ariaLabel}\n            />\n          </Grid>\n        ))}\n      </Grid>\n    </Box>\n  );\n\n  return (\n    <Card\n      elevation={0}\n      sx={{\n        padding: '24px',\n        border: muiTheme => `1px solid ${muiTheme.palette.grey[300]}`,\n        overflow: 'auto',\n        '$::-webkit-scrollbar': {\n          display: 'none',\n        },\n        scrollbarWidth: 'none',\n      }}\n    >\n      {!profileLoading && (\n        <Typography\n          variant=\"h3\"\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            fontWeight: '500',\n            fontSize: '1.5rem',\n          }}\n        >\n          {`${greeting} ${profileDisplayName() || 'Guest'}!`}\n        </Typography>\n      )}\n      {content}\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Placeholder.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { makeStyles } from 'tss-react/mui';
 
 const useStyles = makeStyles()({
@@ -21,7 +21,7 @@ const Placeholder = (props) => {
     props.debugContent ? classes.centerDebugContent : undefined,
     props.showBorder ? classes.showBorder : undefined
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React.createElement("div", { "data-testid": "placeholder", className }, props.debugContent);
+  return /* @__PURE__ */ jsx("div", { "data-testid": "placeholder", className, children: props.debugContent });
 };
 
 export { Placeholder };

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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.esm.js","sources":["../../src/components/Placeholder.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { makeStyles } from 'tss-react/mui';\n\n/**\n * @public\n */\nexport interface PlaceholderProps {\n  showBorder?: boolean;\n  debugContent?: string;\n}\n\nconst useStyles = makeStyles()({\n  centerDebugContent: {\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  // Make card content scrollable (so that cards don't overlap)\n  showBorder: {\n    border: '1px solid gray',\n    width: '100%',\n    height: '100%',\n  },\n});\n\n/**\n * @public\n */\nexport const Placeholder = (props: PlaceholderProps) => {\n  const { classes } = useStyles();\n  const className = [\n    props.debugContent ? classes.centerDebugContent : undefined,\n    props.showBorder ? classes.showBorder : undefined,\n  ]\n    .filter(Boolean)\n    .join(' ');\n  return (\n    <div data-testid=\"placeholder\" className={className}>\n      {props.debugContent}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AA4BA,MAAM,SAAA,GAAY,YAAa,CAAA;AAAA,EAC7B,kBAAoB,EAAA;AAAA,IAClB,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA;AAAA,GAClB;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,MAAQ,EAAA,gBAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA;AAAA;AAEZ,CAAC,CAAA;AAKY,MAAA,WAAA,GAAc,CAAC,KAA4B,KAAA;AACtD,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,SAAU,EAAA;AAC9B,EAAA,MAAM,SAAY,GAAA;AAAA,IAChB,KAAA,CAAM,YAAe,GAAA,OAAA,CAAQ,kBAAqB,GAAA,SAAA;AAAA,IAClD,KAAA,CAAM,UAAa,GAAA,OAAA,CAAQ,UAAa,GAAA;AAAA,GAEvC,CAAA,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,EAAA,2CACG,KAAI,EAAA,EAAA,aAAA,EAAY,aAAc,EAAA,SAAA,EAAA,EAC5B,MAAM,YACT,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Placeholder.esm.js","sources":["../../src/components/Placeholder.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 'tss-react/mui';\n\n/**\n * @public\n */\nexport interface PlaceholderProps {\n  showBorder?: boolean;\n  debugContent?: string;\n}\n\nconst useStyles = makeStyles()({\n  centerDebugContent: {\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  // Make card content scrollable (so that cards don't overlap)\n  showBorder: {\n    border: '1px solid gray',\n    width: '100%',\n    height: '100%',\n  },\n});\n\n/**\n * @public\n */\nexport const Placeholder = (props: PlaceholderProps) => {\n  const { classes } = useStyles();\n  const className = [\n    props.debugContent ? classes.centerDebugContent : undefined,\n    props.showBorder ? classes.showBorder : undefined,\n  ]\n    .filter(Boolean)\n    .join(' ');\n  return (\n    <div data-testid=\"placeholder\" className={className}>\n      {props.debugContent}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AA0BA,MAAM,SAAA,GAAY,YAAa,CAAA;AAAA,EAC7B,kBAAoB,EAAA;AAAA,IAClB,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA;AAAA,GAClB;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,MAAQ,EAAA,gBAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA;AAAA;AAEZ,CAAC,CAAA;AAKY,MAAA,WAAA,GAAc,CAAC,KAA4B,KAAA;AACtD,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,SAAU,EAAA;AAC9B,EAAA,MAAM,SAAY,GAAA;AAAA,IAChB,KAAA,CAAM,YAAe,GAAA,OAAA,CAAQ,kBAAqB,GAAA,SAAA;AAAA,IAClD,KAAA,CAAM,UAAa,GAAA,OAAA,CAAQ,UAAa,GAAA;AAAA,GAEvC,CAAA,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,EAAA,2BACG,KAAI,EAAA,EAAA,aAAA,EAAY,aAAc,EAAA,SAAA,EAC5B,gBAAM,YACT,EAAA,CAAA;AAEJ;;;;"}