@backstage/plugin-home 0.9.10-next.2 → 0.9.10

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @backstage/plugin-home
 
+## 0.9.10
+
+### Patch Changes
+
+- 736d84e: Use locale-insensitive Unicode casing for consistent string handling across environments.
+- d421187: Reduced the initial app bundle size by loading page and optional UI implementations only when their extensions render.
+- bca8281: Fix clock configuration handling and use lazy initialization for the clocks state.
+- Updated dependencies
+  - @backstage/core-components@0.18.14
+  - @backstage/catalog-client@1.16.2
+  - @backstage/catalog-model@1.10.1
+  - @backstage/core-app-api@1.20.5
+  - @backstage/plugin-catalog-react@3.2.3
+  - @backstage/config@1.3.9
+  - @backstage/frontend-plugin-api@0.18.1
+  - @backstage/plugin-home-react@0.1.42
+  - @backstage/core-compat-api@0.5.15
+  - @backstage/core-plugin-api@1.12.10
+
 ## 0.9.10-next.2
 
 ### Patch Changes

package/dist/components/StarredEntityListItem/StarredEntityListItem.esm.js

@@ -29,15 +29,13 @@ const StarredEntityListItem = ({
   const { t } = useTranslationRef(homeTranslationRef);
   let secondaryText = "";
   if (showKind) {
-    secondaryText += entity.kind.toLocaleLowerCase("en-US");
+    secondaryText += entity.kind.toLowerCase();
   }
   if (entity.spec && "type" in entity.spec) {
     if (showKind) {
       secondaryText += " \u2014 ";
     }
-    secondaryText += entity.spec.type.toLocaleLowerCase(
-      "en-US"
-    );
+    secondaryText += entity.spec.type.toLowerCase();
   }
   return /* @__PURE__ */ jsxs(
     ListItem,

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

@@ -1 +1 @@
-{"version":3,"file":"StarredEntityListItem.esm.js","sources":["../../../src/components/StarredEntityListItem/StarredEntityListItem.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  EntityDisplayName,\n  entityRouteParams,\n} from '@backstage/plugin-catalog-react';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { Link } from 'react-router-dom';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { FavoriteToggle } from '@backstage/core-components';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { homeTranslationRef } from '../../translation';\n\ntype EntityListItemProps = {\n  entity: Entity;\n  onToggleStarredEntity: (entity: Entity) => void;\n  showKind?: boolean;\n};\n\nconst useStyles = makeStyles(theme => ({\n  listItem: {\n    paddingBottom: theme.spacing(0),\n    paddingTop: theme.spacing(0),\n  },\n  secondary: {\n    textTransform: 'uppercase',\n  },\n}));\n\nexport const StarredEntityListItem = ({\n  entity,\n  onToggleStarredEntity,\n  showKind,\n}: EntityListItemProps) => {\n  const classes = useStyles();\n  const catalogEntityRoute = useRouteRef(entityRouteRef);\n  const { t } = useTranslationRef(homeTranslationRef);\n\n  let secondaryText = '';\n  if (showKind) {\n    secondaryText += entity.kind.toLocaleLowerCase('en-US');\n  }\n  if (entity.spec && 'type' in entity.spec) {\n    if (showKind) {\n      secondaryText += ' — ';\n    }\n    secondaryText += (entity.spec as { type: string }).type.toLocaleLowerCase(\n      'en-US',\n    );\n  }\n\n  return (\n    <ListItem\n      dense\n      className={classes.listItem}\n      component={Link}\n      button\n      to={catalogEntityRoute(entityRouteParams(entity))}\n    >\n      <ListItemIcon\n        // Prevent following the link when clicking on the icon\n        onClick={e => {\n          e.preventDefault();\n        }}\n      >\n        <FavoriteToggle\n          id={`remove-favorite-${entity.metadata.uid}`}\n          title={t('starredEntityListItem.removeFavoriteEntityTitle')}\n          isFavorite\n          onToggle={() => onToggleStarredEntity(entity)}\n        />\n      </ListItemIcon>\n      <ListItemText\n        primary={<EntityDisplayName hideIcon entityRef={entity} />}\n        secondary={secondaryText}\n      />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAqCA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,QAAA,EAAU;AAAA,IACR,aAAA,EAAe,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC9B,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,GAC7B;AAAA,EACA,SAAA,EAAW;AAAA,IACT,aAAA,EAAe;AAAA;AAEnB,CAAA,CAAE,CAAA;AAEK,MAAM,wBAAwB,CAAC;AAAA,EACpC,MAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,kBAAA,GAAqB,YAAY,cAAc,CAAA;AACrD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,aAAA,GAAgB,EAAA;AACpB,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,aAAA,IAAiB,MAAA,CAAO,IAAA,CAAK,iBAAA,CAAkB,OAAO,CAAA;AAAA,EACxD;AACA,EAAA,IAAI,MAAA,CAAO,IAAA,IAAQ,MAAA,IAAU,MAAA,CAAO,IAAA,EAAM;AACxC,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,aAAA,IAAiB,UAAA;AAAA,IACnB;AACA,IAAA,aAAA,IAAkB,MAAA,CAAO,KAA0B,IAAA,CAAK,iBAAA;AAAA,MACtD;AAAA,KACF;AAAA,EACF;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAK,IAAA;AAAA,MACL,WAAW,OAAA,CAAQ,QAAA;AAAA,MACnB,SAAA,EAAW,IAAA;AAAA,MACX,MAAA,EAAM,IAAA;AAAA,MACN,EAAA,EAAI,kBAAA,CAAmB,iBAAA,CAAkB,MAAM,CAAC,CAAA;AAAA,MAEhD,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YAEC,SAAS,CAAA,CAAA,KAAK;AACZ,cAAA,CAAA,CAAE,cAAA,EAAe;AAAA,YACnB,CAAA;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,cAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,CAAA,gBAAA,EAAmB,MAAA,CAAO,QAAA,CAAS,GAAG,CAAA,CAAA;AAAA,gBAC1C,KAAA,EAAO,EAAE,iDAAiD,CAAA;AAAA,gBAC1D,UAAA,EAAU,IAAA;AAAA,gBACV,QAAA,EAAU,MAAM,qBAAA,CAAsB,MAAM;AAAA;AAAA;AAC9C;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,yBAAS,GAAA,CAAC,iBAAA,EAAA,EAAkB,QAAA,EAAQ,IAAA,EAAC,WAAW,MAAA,EAAQ,CAAA;AAAA,YACxD,SAAA,EAAW;AAAA;AAAA;AACb;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"StarredEntityListItem.esm.js","sources":["../../../src/components/StarredEntityListItem/StarredEntityListItem.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  EntityDisplayName,\n  entityRouteParams,\n} from '@backstage/plugin-catalog-react';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { Link } from 'react-router-dom';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { FavoriteToggle } from '@backstage/core-components';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { homeTranslationRef } from '../../translation';\n\ntype EntityListItemProps = {\n  entity: Entity;\n  onToggleStarredEntity: (entity: Entity) => void;\n  showKind?: boolean;\n};\n\nconst useStyles = makeStyles(theme => ({\n  listItem: {\n    paddingBottom: theme.spacing(0),\n    paddingTop: theme.spacing(0),\n  },\n  secondary: {\n    textTransform: 'uppercase',\n  },\n}));\n\nexport const StarredEntityListItem = ({\n  entity,\n  onToggleStarredEntity,\n  showKind,\n}: EntityListItemProps) => {\n  const classes = useStyles();\n  const catalogEntityRoute = useRouteRef(entityRouteRef);\n  const { t } = useTranslationRef(homeTranslationRef);\n\n  let secondaryText = '';\n  if (showKind) {\n    secondaryText += entity.kind.toLowerCase();\n  }\n  if (entity.spec && 'type' in entity.spec) {\n    if (showKind) {\n      secondaryText += ' — ';\n    }\n    secondaryText += (entity.spec as { type: string }).type.toLowerCase();\n  }\n\n  return (\n    <ListItem\n      dense\n      className={classes.listItem}\n      component={Link}\n      button\n      to={catalogEntityRoute(entityRouteParams(entity))}\n    >\n      <ListItemIcon\n        // Prevent following the link when clicking on the icon\n        onClick={e => {\n          e.preventDefault();\n        }}\n      >\n        <FavoriteToggle\n          id={`remove-favorite-${entity.metadata.uid}`}\n          title={t('starredEntityListItem.removeFavoriteEntityTitle')}\n          isFavorite\n          onToggle={() => onToggleStarredEntity(entity)}\n        />\n      </ListItemIcon>\n      <ListItemText\n        primary={<EntityDisplayName hideIcon entityRef={entity} />}\n        secondary={secondaryText}\n      />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAqCA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,QAAA,EAAU;AAAA,IACR,aAAA,EAAe,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC9B,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,GAC7B;AAAA,EACA,SAAA,EAAW;AAAA,IACT,aAAA,EAAe;AAAA;AAEnB,CAAA,CAAE,CAAA;AAEK,MAAM,wBAAwB,CAAC;AAAA,EACpC,MAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,kBAAA,GAAqB,YAAY,cAAc,CAAA;AACrD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,aAAA,GAAgB,EAAA;AACpB,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,aAAA,IAAiB,MAAA,CAAO,KAAK,WAAA,EAAY;AAAA,EAC3C;AACA,EAAA,IAAI,MAAA,CAAO,IAAA,IAAQ,MAAA,IAAU,MAAA,CAAO,IAAA,EAAM;AACxC,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,aAAA,IAAiB,UAAA;AAAA,IACnB;AACA,IAAA,aAAA,IAAkB,MAAA,CAAO,IAAA,CAA0B,IAAA,CAAK,WAAA,EAAY;AAAA,EACtE;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAK,IAAA;AAAA,MACL,WAAW,OAAA,CAAQ,QAAA;AAAA,MACnB,SAAA,EAAW,IAAA;AAAA,MACX,MAAA,EAAM,IAAA;AAAA,MACN,EAAA,EAAI,kBAAA,CAAmB,iBAAA,CAAkB,MAAM,CAAC,CAAA;AAAA,MAEhD,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YAEC,SAAS,CAAA,CAAA,KAAK;AACZ,cAAA,CAAA,CAAE,cAAA,EAAe;AAAA,YACnB,CAAA;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,cAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,CAAA,gBAAA,EAAmB,MAAA,CAAO,QAAA,CAAS,GAAG,CAAA,CAAA;AAAA,gBAC1C,KAAA,EAAO,EAAE,iDAAiD,CAAA;AAAA,gBAC1D,UAAA,EAAU,IAAA;AAAA,gBACV,QAAA,EAAU,MAAM,qBAAA,CAAsB,MAAM;AAAA;AAAA;AAC9C;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,yBAAS,GAAA,CAAC,iBAAA,EAAA,EAAkB,QAAA,EAAQ,IAAA,EAAC,WAAW,MAAA,EAAQ,CAAA;AAAA,YACxD,SAAA,EAAW;AAAA;AAAA;AACb;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/VisitList/Context.esm.js

@@ -30,14 +30,12 @@ const defaultGetChipColor = (visit) => {
     "domain",
     "location"
   ];
-  const foundIndex = entityKinds.indexOf(
-    entity.kind.toLocaleLowerCase("en-US")
-  );
+  const foundIndex = entityKinds.indexOf(entity.kind.toLowerCase());
   return foundIndex === -1 ? defaultColor : getColorByIndex(foundIndex + 1);
 };
 const defaultGetLabel = (visit) => {
   const entity = maybeEntity(visit);
-  return (entity?.kind ?? "Other").toLocaleLowerCase("en-US");
+  return (entity?.kind ?? "Other").toLowerCase();
 };
 const VisitDisplayContext = createContext({
   getChipColor: defaultGetChipColor,

package/dist/components/VisitList/Context.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.esm.js","sources":["../../../src/components/VisitList/Context.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createContext, useContext, ReactNode } from 'react';\nimport { CompoundEntityRef, parseEntityRef } from '@backstage/catalog-model';\nimport { colorVariants } from '@backstage/theme';\nimport { Visit } from '../../api/VisitsApi';\n\n/**\n * Type definition for the chip color function\n * @public\n */\nexport type GetChipColorFunction = (visit: Visit) => string;\n\n/**\n * Type definition for the label function\n * @public\n */\nexport type GetLabelFunction = (visit: Visit) => string;\n\n/**\n * Context value interface\n * @public\n */\nexport interface VisitDisplayContextValue {\n  getChipColor: GetChipColorFunction;\n  getLabel: GetLabelFunction;\n}\n\n/**\n * Props for the VisitDisplayProvider\n * @public\n */\nexport interface VisitDisplayProviderProps {\n  children: ReactNode;\n  getChipColor?: GetChipColorFunction;\n  getLabel?: GetLabelFunction;\n}\n\n// Default implementations\nconst getColorByIndex = (index: number) => {\n  const variants = Object.keys(colorVariants);\n  const variantIndex = index % variants.length;\n  return colorVariants[variants[variantIndex]][0];\n};\n\nconst maybeEntity = (visit: Visit): CompoundEntityRef | undefined => {\n  try {\n    return parseEntityRef(visit?.entityRef ?? '');\n  } catch (e) {\n    return undefined;\n  }\n};\n\nconst defaultGetChipColor: GetChipColorFunction = (visit: Visit): string => {\n  const defaultColor = getColorByIndex(0);\n  const entity = maybeEntity(visit);\n  if (!entity) return defaultColor;\n\n  // IDEA: Use or replicate useAllKinds hook thus supporting all software catalog\n  //       registered kinds. See:\n  //       plugins/catalog-react/src/components/EntityKindPicker/kindFilterUtils.ts\n  //       Provide extension point to register your own color code.\n  const entityKinds = [\n    'component',\n    'template',\n    'api',\n    'group',\n    'user',\n    'resource',\n    'system',\n    'domain',\n    'location',\n  ];\n  const foundIndex = entityKinds.indexOf(\n    entity.kind.toLocaleLowerCase('en-US'),\n  );\n  return foundIndex === -1 ? defaultColor : getColorByIndex(foundIndex + 1);\n};\n\nconst defaultGetLabel: GetLabelFunction = (visit: Visit): string => {\n  const entity = maybeEntity(visit);\n  return (entity?.kind ?? 'Other').toLocaleLowerCase('en-US');\n};\n\n// Create the context\nconst VisitDisplayContext = createContext<VisitDisplayContextValue>({\n  getChipColor: defaultGetChipColor,\n  getLabel: defaultGetLabel,\n});\n\n/**\n * Provider component for VisitDisplay customization\n * @public\n */\nexport const VisitDisplayProvider = ({\n  children,\n  getChipColor = defaultGetChipColor,\n  getLabel = defaultGetLabel,\n}: VisitDisplayProviderProps) => {\n  const value: VisitDisplayContextValue = {\n    getChipColor,\n    getLabel,\n  };\n\n  return (\n    <VisitDisplayContext.Provider value={value}>\n      {children}\n    </VisitDisplayContext.Provider>\n  );\n};\n\n/**\n * Hook to use the VisitDisplay context\n * @public\n */\nexport const useVisitDisplay = (): VisitDisplayContextValue => {\n  const context = useContext(VisitDisplayContext);\n  if (!context) {\n    throw new Error(\n      'useVisitDisplay must be used within a VisitDisplayProvider',\n    );\n  }\n  return context;\n};\n"],"names":[],"mappings":";;;;;AAqDA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAkB;AACzC,EAAA,MAAM,QAAA,GAAW,MAAA,CAAO,IAAA,CAAK,aAAa,CAAA;AAC1C,EAAA,MAAM,YAAA,GAAe,QAAQ,QAAA,CAAS,MAAA;AACtC,EAAA,OAAO,aAAA,CAAc,QAAA,CAAS,YAAY,CAAC,EAAE,CAAC,CAAA;AAChD,CAAA;AAEA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAgD;AACnE,EAAA,IAAI;AACF,IAAA,OAAO,cAAA,CAAe,KAAA,EAAO,SAAA,IAAa,EAAE,CAAA;AAAA,EAC9C,SAAS,CAAA,EAAG;AACV,IAAA,OAAO,MAAA;AAAA,EACT;AACF,CAAA;AAEA,MAAM,mBAAA,GAA4C,CAAC,KAAA,KAAyB;AAC1E,EAAA,MAAM,YAAA,GAAe,gBAAgB,CAAC,CAAA;AACtC,EAAA,MAAM,MAAA,GAAS,YAAY,KAAK,CAAA;AAChC,EAAA,IAAI,CAAC,QAAQ,OAAO,YAAA;AAMpB,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,WAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,aAAa,WAAA,CAAY,OAAA;AAAA,IAC7B,MAAA,CAAO,IAAA,CAAK,iBAAA,CAAkB,OAAO;AAAA,GACvC;AACA,EAAA,OAAO,UAAA,KAAe,EAAA,GAAK,YAAA,GAAe,eAAA,CAAgB,aAAa,CAAC,CAAA;AAC1E,CAAA;AAEA,MAAM,eAAA,GAAoC,CAAC,KAAA,KAAyB;AAClE,EAAA,MAAM,MAAA,GAAS,YAAY,KAAK,CAAA;AAChC,EAAA,OAAA,CAAQ,MAAA,EAAQ,IAAA,IAAQ,OAAA,EAAS,iBAAA,CAAkB,OAAO,CAAA;AAC5D,CAAA;AAGA,MAAM,sBAAsB,aAAA,CAAwC;AAAA,EAClE,YAAA,EAAc,mBAAA;AAAA,EACd,QAAA,EAAU;AACZ,CAAC,CAAA;AAMM,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,YAAA,GAAe,mBAAA;AAAA,EACf,QAAA,GAAW;AACb,CAAA,KAAiC;AAC/B,EAAA,MAAM,KAAA,GAAkC;AAAA,IACtC,YAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,mBAAA,CAAoB,QAAA,EAApB,EAA6B,OAC3B,QAAA,EACH,CAAA;AAEJ;AAMO,MAAM,kBAAkB,MAAgC;AAC7D,EAAA,MAAM,OAAA,GAAU,WAAW,mBAAmB,CAAA;AAC9C,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;;;;"}
+{"version":3,"file":"Context.esm.js","sources":["../../../src/components/VisitList/Context.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createContext, useContext, ReactNode } from 'react';\nimport { CompoundEntityRef, parseEntityRef } from '@backstage/catalog-model';\nimport { colorVariants } from '@backstage/theme';\nimport { Visit } from '../../api/VisitsApi';\n\n/**\n * Type definition for the chip color function\n * @public\n */\nexport type GetChipColorFunction = (visit: Visit) => string;\n\n/**\n * Type definition for the label function\n * @public\n */\nexport type GetLabelFunction = (visit: Visit) => string;\n\n/**\n * Context value interface\n * @public\n */\nexport interface VisitDisplayContextValue {\n  getChipColor: GetChipColorFunction;\n  getLabel: GetLabelFunction;\n}\n\n/**\n * Props for the VisitDisplayProvider\n * @public\n */\nexport interface VisitDisplayProviderProps {\n  children: ReactNode;\n  getChipColor?: GetChipColorFunction;\n  getLabel?: GetLabelFunction;\n}\n\n// Default implementations\nconst getColorByIndex = (index: number) => {\n  const variants = Object.keys(colorVariants);\n  const variantIndex = index % variants.length;\n  return colorVariants[variants[variantIndex]][0];\n};\n\nconst maybeEntity = (visit: Visit): CompoundEntityRef | undefined => {\n  try {\n    return parseEntityRef(visit?.entityRef ?? '');\n  } catch (e) {\n    return undefined;\n  }\n};\n\nconst defaultGetChipColor: GetChipColorFunction = (visit: Visit): string => {\n  const defaultColor = getColorByIndex(0);\n  const entity = maybeEntity(visit);\n  if (!entity) return defaultColor;\n\n  // IDEA: Use or replicate useAllKinds hook thus supporting all software catalog\n  //       registered kinds. See:\n  //       plugins/catalog-react/src/components/EntityKindPicker/kindFilterUtils.ts\n  //       Provide extension point to register your own color code.\n  const entityKinds = [\n    'component',\n    'template',\n    'api',\n    'group',\n    'user',\n    'resource',\n    'system',\n    'domain',\n    'location',\n  ];\n  const foundIndex = entityKinds.indexOf(entity.kind.toLowerCase());\n  return foundIndex === -1 ? defaultColor : getColorByIndex(foundIndex + 1);\n};\n\nconst defaultGetLabel: GetLabelFunction = (visit: Visit): string => {\n  const entity = maybeEntity(visit);\n  return (entity?.kind ?? 'Other').toLowerCase();\n};\n\n// Create the context\nconst VisitDisplayContext = createContext<VisitDisplayContextValue>({\n  getChipColor: defaultGetChipColor,\n  getLabel: defaultGetLabel,\n});\n\n/**\n * Provider component for VisitDisplay customization\n * @public\n */\nexport const VisitDisplayProvider = ({\n  children,\n  getChipColor = defaultGetChipColor,\n  getLabel = defaultGetLabel,\n}: VisitDisplayProviderProps) => {\n  const value: VisitDisplayContextValue = {\n    getChipColor,\n    getLabel,\n  };\n\n  return (\n    <VisitDisplayContext.Provider value={value}>\n      {children}\n    </VisitDisplayContext.Provider>\n  );\n};\n\n/**\n * Hook to use the VisitDisplay context\n * @public\n */\nexport const useVisitDisplay = (): VisitDisplayContextValue => {\n  const context = useContext(VisitDisplayContext);\n  if (!context) {\n    throw new Error(\n      'useVisitDisplay must be used within a VisitDisplayProvider',\n    );\n  }\n  return context;\n};\n"],"names":[],"mappings":";;;;;AAqDA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAkB;AACzC,EAAA,MAAM,QAAA,GAAW,MAAA,CAAO,IAAA,CAAK,aAAa,CAAA;AAC1C,EAAA,MAAM,YAAA,GAAe,QAAQ,QAAA,CAAS,MAAA;AACtC,EAAA,OAAO,aAAA,CAAc,QAAA,CAAS,YAAY,CAAC,EAAE,CAAC,CAAA;AAChD,CAAA;AAEA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAgD;AACnE,EAAA,IAAI;AACF,IAAA,OAAO,cAAA,CAAe,KAAA,EAAO,SAAA,IAAa,EAAE,CAAA;AAAA,EAC9C,SAAS,CAAA,EAAG;AACV,IAAA,OAAO,MAAA;AAAA,EACT;AACF,CAAA;AAEA,MAAM,mBAAA,GAA4C,CAAC,KAAA,KAAyB;AAC1E,EAAA,MAAM,YAAA,GAAe,gBAAgB,CAAC,CAAA;AACtC,EAAA,MAAM,MAAA,GAAS,YAAY,KAAK,CAAA;AAChC,EAAA,IAAI,CAAC,QAAQ,OAAO,YAAA;AAMpB,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,WAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,aAAa,WAAA,CAAY,OAAA,CAAQ,MAAA,CAAO,IAAA,CAAK,aAAa,CAAA;AAChE,EAAA,OAAO,UAAA,KAAe,EAAA,GAAK,YAAA,GAAe,eAAA,CAAgB,aAAa,CAAC,CAAA;AAC1E,CAAA;AAEA,MAAM,eAAA,GAAoC,CAAC,KAAA,KAAyB;AAClE,EAAA,MAAM,MAAA,GAAS,YAAY,KAAK,CAAA;AAChC,EAAA,OAAA,CAAQ,MAAA,EAAQ,IAAA,IAAQ,OAAA,EAAS,WAAA,EAAY;AAC/C,CAAA;AAGA,MAAM,sBAAsB,aAAA,CAAwC;AAAA,EAClE,YAAA,EAAc,mBAAA;AAAA,EACd,QAAA,EAAU;AACZ,CAAC,CAAA;AAMM,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,YAAA,GAAe,mBAAA;AAAA,EACf,QAAA,GAAW;AACb,CAAA,KAAiC;AAC/B,EAAA,MAAM,KAAA,GAAkC;AAAA,IACtC,YAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,mBAAA,CAAoB,QAAA,EAApB,EAA6B,OAC3B,QAAA,EACH,CAAA;AAEJ;AAMO,MAAM,kBAAkB,MAAgC;AAC7D,EAAA,MAAM,OAAA,GAAU,WAAW,mBAAmB,CAAA;AAC9C,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;;;;"}

package/dist/homePageComponents/WorldClock/WorldClock.esm.js

@@ -22,7 +22,7 @@ const WorldClock = (props) => {
   const { clockConfigs, customTimeFormat } = props;
   const classes = useStyles();
   const [clocks, setClocks] = useState(
-    getTimes(clockConfigs ?? [], customTimeFormat)
+    () => getTimes(clockConfigs, customTimeFormat)
   );
   useEffect(() => {
     if (!clockConfigs?.length) {

package/dist/homePageComponents/WorldClock/WorldClock.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorldClock.esm.js","sources":["../../../src/homePageComponents/WorldClock/WorldClock.tsx"],"sourcesContent":["/*\n * Copyright 2026 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, useEffect } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { getTimes, type ClockConfig } from './clocks';\n\nconst useStyles = makeStyles(theme => ({\n  label: {\n    fontWeight: theme.typography.fontWeightBold,\n    fontSize: theme.typography.fontSize * 1.5,\n    marginBottom: theme.spacing(0.5),\n    lineHeight: 1,\n  },\n  value: {\n    fontSize: theme.typography.fontSize * 1.5,\n    lineHeight: 1,\n    color: theme.palette.text.secondary,\n  },\n}));\n\nexport const WorldClock = (props: {\n  clockConfigs?: ClockConfig[];\n  customTimeFormat?: Intl.DateTimeFormatOptions;\n}) => {\n  const { clockConfigs, customTimeFormat } = props;\n  const classes = useStyles();\n  const [clocks, setClocks] = useState(\n    getTimes(clockConfigs ?? [], customTimeFormat),\n  );\n\n  useEffect(() => {\n    if (!clockConfigs?.length) {\n      return undefined;\n    }\n    setClocks(getTimes(clockConfigs, customTimeFormat));\n    const id = setInterval(() => {\n      setClocks(getTimes(clockConfigs, customTimeFormat));\n    }, 1000);\n    return () => clearInterval(id);\n  }, [clockConfigs, customTimeFormat]);\n\n  if (!clockConfigs?.length) {\n    return (\n      <Typography color=\"textSecondary\">\n        No clocks configured. Add clock configurations in your app-config.yaml\n        to display world clocks.\n      </Typography>\n    );\n  }\n\n  return (\n    <Grid container spacing={4}>\n      {clocks.map(clock => (\n        <Grid\n          item\n          key={clock.label}\n          aria-label={`${clock.label}: ${clock.value}`}\n        >\n          <Typography className={classes.label}>{clock.label}</Typography>\n          <Typography className={classes.value}>\n            <time dateTime={clock.dateTime}>{clock.value}</time>\n          </Typography>\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAsBA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,MAAM,UAAA,CAAW,cAAA;AAAA,IAC7B,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,QAAA,GAAW,GAAA;AAAA,IACtC,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC/B,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,QAAA,GAAW,GAAA;AAAA,IACtC,UAAA,EAAY,CAAA;AAAA,IACZ,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA;AAE9B,CAAA,CAAE,CAAA;AAEK,MAAM,UAAA,GAAa,CAAC,KAAA,KAGrB;AACJ,EAAA,MAAM,EAAE,YAAA,EAAc,gBAAA,EAAiB,GAAI,KAAA;AAC3C,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,QAAA;AAAA,IAC1B,QAAA,CAAS,YAAA,IAAgB,EAAC,EAAG,gBAAgB;AAAA,GAC/C;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,cAAc,MAAA,EAAQ;AACzB,MAAA,OAAO,MAAA;AAAA,IACT;AACA,IAAA,SAAA,CAAU,QAAA,CAAS,YAAA,EAAc,gBAAgB,CAAC,CAAA;AAClD,IAAA,MAAM,EAAA,GAAK,YAAY,MAAM;AAC3B,MAAA,SAAA,CAAU,QAAA,CAAS,YAAA,EAAc,gBAAgB,CAAC,CAAA;AAAA,IACpD,GAAG,GAAI,CAAA;AACP,IAAA,OAAO,MAAM,cAAc,EAAE,CAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,YAAA,EAAc,gBAAgB,CAAC,CAAA;AAEnC,EAAA,IAAI,CAAC,cAAc,MAAA,EAAQ;AACzB,IAAA,uBACE,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,eAAA,EAAgB,QAAA,EAAA,iGAAA,EAGlC,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA,CAAC,QAAK,SAAA,EAAS,IAAA,EAAC,SAAS,CAAA,EACtB,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,KAAA,qBACV,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAI,IAAA;AAAA,MAEJ,cAAY,CAAA,EAAG,KAAA,CAAM,KAAK,CAAA,EAAA,EAAK,MAAM,KAAK,CAAA,CAAA;AAAA,MAE1C,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,OAAA,CAAQ,KAAA,EAAQ,gBAAM,KAAA,EAAM,CAAA;AAAA,wBACnD,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,OAAA,CAAQ,KAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,KAAA,CAAM,QAAA,EAAW,QAAA,EAAA,KAAA,CAAM,KAAA,EAAM,CAAA,EAC/C;AAAA;AAAA,KAAA;AAAA,IANK,KAAA,CAAM;AAAA,GAQd,CAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"WorldClock.esm.js","sources":["../../../src/homePageComponents/WorldClock/WorldClock.tsx"],"sourcesContent":["/*\n * Copyright 2026 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, useEffect } from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { getTimes, type ClockConfig } from './clocks';\n\nconst useStyles = makeStyles(theme => ({\n  label: {\n    fontWeight: theme.typography.fontWeightBold,\n    fontSize: theme.typography.fontSize * 1.5,\n    marginBottom: theme.spacing(0.5),\n    lineHeight: 1,\n  },\n  value: {\n    fontSize: theme.typography.fontSize * 1.5,\n    lineHeight: 1,\n    color: theme.palette.text.secondary,\n  },\n}));\n\nexport const WorldClock = (props: {\n  clockConfigs?: ClockConfig[];\n  customTimeFormat?: Intl.DateTimeFormatOptions;\n}) => {\n  const { clockConfigs, customTimeFormat } = props;\n  const classes = useStyles();\n  const [clocks, setClocks] = useState(() =>\n    getTimes(clockConfigs, customTimeFormat),\n  );\n\n  useEffect(() => {\n    if (!clockConfigs?.length) {\n      return undefined;\n    }\n    setClocks(getTimes(clockConfigs, customTimeFormat));\n    const id = setInterval(() => {\n      setClocks(getTimes(clockConfigs, customTimeFormat));\n    }, 1000);\n    return () => clearInterval(id);\n  }, [clockConfigs, customTimeFormat]);\n\n  if (!clockConfigs?.length) {\n    return (\n      <Typography color=\"textSecondary\">\n        No clocks configured. Add clock configurations in your app-config.yaml\n        to display world clocks.\n      </Typography>\n    );\n  }\n\n  return (\n    <Grid container spacing={4}>\n      {clocks.map(clock => (\n        <Grid\n          item\n          key={clock.label}\n          aria-label={`${clock.label}: ${clock.value}`}\n        >\n          <Typography className={classes.label}>{clock.label}</Typography>\n          <Typography className={classes.value}>\n            <time dateTime={clock.dateTime}>{clock.value}</time>\n          </Typography>\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAsBA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,MAAM,UAAA,CAAW,cAAA;AAAA,IAC7B,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,QAAA,GAAW,GAAA;AAAA,IACtC,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC/B,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,QAAA,GAAW,GAAA;AAAA,IACtC,UAAA,EAAY,CAAA;AAAA,IACZ,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA;AAE9B,CAAA,CAAE,CAAA;AAEK,MAAM,UAAA,GAAa,CAAC,KAAA,KAGrB;AACJ,EAAA,MAAM,EAAE,YAAA,EAAc,gBAAA,EAAiB,GAAI,KAAA;AAC3C,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,QAAA;AAAA,IAAS,MACnC,QAAA,CAAS,YAAA,EAAc,gBAAgB;AAAA,GACzC;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,cAAc,MAAA,EAAQ;AACzB,MAAA,OAAO,MAAA;AAAA,IACT;AACA,IAAA,SAAA,CAAU,QAAA,CAAS,YAAA,EAAc,gBAAgB,CAAC,CAAA;AAClD,IAAA,MAAM,EAAA,GAAK,YAAY,MAAM;AAC3B,MAAA,SAAA,CAAU,QAAA,CAAS,YAAA,EAAc,gBAAgB,CAAC,CAAA;AAAA,IACpD,GAAG,GAAI,CAAA;AACP,IAAA,OAAO,MAAM,cAAc,EAAE,CAAA;AAAA,EAC/B,CAAA,EAAG,CAAC,YAAA,EAAc,gBAAgB,CAAC,CAAA;AAEnC,EAAA,IAAI,CAAC,cAAc,MAAA,EAAQ;AACzB,IAAA,uBACE,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,eAAA,EAAgB,QAAA,EAAA,iGAAA,EAGlC,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA,CAAC,QAAK,SAAA,EAAS,IAAA,EAAC,SAAS,CAAA,EACtB,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,KAAA,qBACV,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAI,IAAA;AAAA,MAEJ,cAAY,CAAA,EAAG,KAAA,CAAM,KAAK,CAAA,EAAA,EAAK,MAAM,KAAK,CAAA,CAAA;AAAA,MAE1C,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,OAAA,CAAQ,KAAA,EAAQ,gBAAM,KAAA,EAAM,CAAA;AAAA,wBACnD,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,OAAA,CAAQ,KAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,KAAA,CAAM,QAAA,EAAW,QAAA,EAAA,KAAA,CAAM,KAAA,EAAM,CAAA,EAC/C;AAAA;AAAA,KAAA;AAAA,IANK,KAAA,CAAM;AAAA,GAQd,CAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/homePageComponents/WorldClock/clocks.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"clocks.esm.js","sources":["../../../src/homePageComponents/WorldClock/clocks.ts"],"sourcesContent":["/*\n * Copyright 2026 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\n/** @public */\nexport type ClockConfig = {\n  label: string;\n  timeZone: string;\n};\n\nexport type TimeObj = {\n  label: string;\n  value: string;\n  dateTime: string;\n};\n\nconst defaultTimeFormat: Intl.DateTimeFormatOptions = {\n  hour: '2-digit',\n  minute: '2-digit',\n};\n\nexport function getTimes(\n  clockConfigs: ClockConfig[],\n  customTimeFormat?: Intl.DateTimeFormatOptions,\n): TimeObj[] {\n  const d = new Date();\n  const lang = window.navigator.language;\n  const clocks: TimeObj[] = [];\n\n  if (!clockConfigs) {\n    return clocks;\n  }\n\n  for (const clockConfig of clockConfigs) {\n    let label = clockConfig.label;\n\n    const options: Intl.DateTimeFormatOptions = {\n      timeZone: clockConfig.timeZone,\n      ...(customTimeFormat ?? defaultTimeFormat),\n    };\n\n    try {\n      new Date().toLocaleString(lang, options);\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `The timezone ${options.timeZone} is invalid. Defaulting to GMT`,\n      );\n      options.timeZone = 'GMT';\n      label = 'GMT';\n    }\n\n    const value = d.toLocaleTimeString(lang, options);\n    const dateTime = d.toLocaleTimeString(lang, {\n      timeZone: options.timeZone,\n      hour: '2-digit',\n      minute: '2-digit',\n      hour12: false,\n    });\n    clocks.push({ label, value, dateTime });\n  }\n\n  return clocks;\n}\n"],"names":[],"mappings":"AA4BA,MAAM,iBAAA,GAAgD;AAAA,EACpD,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEO,SAAS,QAAA,CACd,cACA,gBAAA,EACW;AACX,EAAA,MAAM,CAAA,uBAAQ,IAAA,EAAK;AACnB,EAAA,MAAM,IAAA,GAAO,OAAO,SAAA,CAAU,QAAA;AAC9B,EAAA,MAAM,SAAoB,EAAC;AAE3B,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,KAAA,MAAW,eAAe,YAAA,EAAc;AACtC,IAAA,IAAI,QAAQ,WAAA,CAAY,KAAA;AAExB,IAAA,MAAM,OAAA,GAAsC;AAAA,MAC1C,UAAU,WAAA,CAAY,QAAA;AAAA,MACtB,GAAI,gBAAA,IAAoB;AAAA,KAC1B;AAEA,IAAA,IAAI;AACF,MAAA,iBAAA,IAAI,IAAA,EAAK,EAAE,cAAA,CAAe,IAAA,EAAM,OAAO,CAAA;AAAA,IACzC,SAAS,CAAA,EAAG;AAEV,MAAA,OAAA,CAAQ,IAAA;AAAA,QACN,CAAA,aAAA,EAAgB,QAAQ,QAAQ,CAAA,8BAAA;AAAA,OAClC;AACA,MAAA,OAAA,CAAQ,QAAA,GAAW,KAAA;AACnB,MAAA,KAAA,GAAQ,KAAA;AAAA,IACV;AAEA,IAAA,MAAM,KAAA,GAAQ,CAAA,CAAE,kBAAA,CAAmB,IAAA,EAAM,OAAO,CAAA;AAChD,IAAA,MAAM,QAAA,GAAW,CAAA,CAAE,kBAAA,CAAmB,IAAA,EAAM;AAAA,MAC1C,UAAU,OAAA,CAAQ,QAAA;AAAA,MAClB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,SAAA;AAAA,MACR,MAAA,EAAQ;AAAA,KACT,CAAA;AACD,IAAA,MAAA,CAAO,IAAA,CAAK,EAAE,KAAA,EAAO,KAAA,EAAO,UAAU,CAAA;AAAA,EACxC;AAEA,EAAA,OAAO,MAAA;AACT;;;;"}
+{"version":3,"file":"clocks.esm.js","sources":["../../../src/homePageComponents/WorldClock/clocks.ts"],"sourcesContent":["/*\n * Copyright 2026 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\n/** @public */\nexport type ClockConfig = {\n  label: string;\n  timeZone: string;\n};\n\nexport type TimeObj = {\n  label: string;\n  value: string;\n  dateTime: string;\n};\n\nconst defaultTimeFormat: Intl.DateTimeFormatOptions = {\n  hour: '2-digit',\n  minute: '2-digit',\n};\n\nexport function getTimes(\n  clockConfigs?: ClockConfig[],\n  customTimeFormat?: Intl.DateTimeFormatOptions,\n): TimeObj[] {\n  const d = new Date();\n  const lang = window.navigator.language;\n  const clocks: TimeObj[] = [];\n\n  if (!clockConfigs) {\n    return clocks;\n  }\n\n  for (const clockConfig of clockConfigs) {\n    let label = clockConfig.label;\n\n    const options: Intl.DateTimeFormatOptions = {\n      timeZone: clockConfig.timeZone,\n      ...(customTimeFormat ?? defaultTimeFormat),\n    };\n\n    try {\n      new Date().toLocaleString(lang, options);\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `The timezone ${options.timeZone} is invalid. Defaulting to GMT`,\n      );\n      options.timeZone = 'GMT';\n      label = 'GMT';\n    }\n\n    const value = d.toLocaleTimeString(lang, options);\n    const dateTime = d.toLocaleTimeString(lang, {\n      timeZone: options.timeZone,\n      hour: '2-digit',\n      minute: '2-digit',\n      hour12: false,\n    });\n    clocks.push({ label, value, dateTime });\n  }\n\n  return clocks;\n}\n"],"names":[],"mappings":"AA4BA,MAAM,iBAAA,GAAgD;AAAA,EACpD,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ;AACV,CAAA;AAEO,SAAS,QAAA,CACd,cACA,gBAAA,EACW;AACX,EAAA,MAAM,CAAA,uBAAQ,IAAA,EAAK;AACnB,EAAA,MAAM,IAAA,GAAO,OAAO,SAAA,CAAU,QAAA;AAC9B,EAAA,MAAM,SAAoB,EAAC;AAE3B,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,KAAA,MAAW,eAAe,YAAA,EAAc;AACtC,IAAA,IAAI,QAAQ,WAAA,CAAY,KAAA;AAExB,IAAA,MAAM,OAAA,GAAsC;AAAA,MAC1C,UAAU,WAAA,CAAY,QAAA;AAAA,MACtB,GAAI,gBAAA,IAAoB;AAAA,KAC1B;AAEA,IAAA,IAAI;AACF,MAAA,iBAAA,IAAI,IAAA,EAAK,EAAE,cAAA,CAAe,IAAA,EAAM,OAAO,CAAA;AAAA,IACzC,SAAS,CAAA,EAAG;AAEV,MAAA,OAAA,CAAQ,IAAA;AAAA,QACN,CAAA,aAAA,EAAgB,QAAQ,QAAQ,CAAA,8BAAA;AAAA,OAClC;AACA,MAAA,OAAA,CAAQ,QAAA,GAAW,KAAA;AACnB,MAAA,KAAA,GAAQ,KAAA;AAAA,IACV;AAEA,IAAA,MAAM,KAAA,GAAQ,CAAA,CAAE,kBAAA,CAAmB,IAAA,EAAM,OAAO,CAAA;AAChD,IAAA,MAAM,QAAA,GAAW,CAAA,CAAE,kBAAA,CAAmB,IAAA,EAAM;AAAA,MAC1C,UAAU,OAAA,CAAQ,QAAA;AAAA,MAClB,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,SAAA;AAAA,MACR,MAAA,EAAQ;AAAA,KACT,CAAA;AACD,IAAA,MAAA,CAAO,IAAA,CAAK,EAAE,KAAA,EAAO,KAAA,EAAO,UAAU,CAAA;AAAA,EACxC;AAEA,EAAA,OAAO,MAAA;AACT;;;;"}

package/dist/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-home";
-var version = "0.9.10-next.2";
+var version = "0.9.10";
 var description = "A Backstage plugin that helps you build a home page";
 var backstage = {
 	role: "frontend-plugin",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-home",
-  "version": "0.9.10-next.2",
+  "version": "0.9.10",
   "description": "A Backstage plugin that helps you build a home page",
   "backstage": {
     "role": "frontend-plugin",
@@ -68,17 +68,17 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-client": "1.16.2-next.1",
-    "@backstage/catalog-model": "1.10.0",
-    "@backstage/config": "1.3.9-next.0",
-    "@backstage/core-app-api": "1.20.5-next.2",
-    "@backstage/core-compat-api": "0.5.15-next.1",
-    "@backstage/core-components": "0.18.14-next.2",
-    "@backstage/core-plugin-api": "1.12.10-next.1",
-    "@backstage/frontend-plugin-api": "0.18.1-next.1",
-    "@backstage/plugin-catalog-react": "3.2.3-next.2",
-    "@backstage/plugin-home-react": "0.1.42-next.1",
-    "@backstage/theme": "0.7.3",
+    "@backstage/catalog-client": "^1.16.2",
+    "@backstage/catalog-model": "^1.10.1",
+    "@backstage/config": "^1.3.9",
+    "@backstage/core-app-api": "^1.20.5",
+    "@backstage/core-compat-api": "^0.5.15",
+    "@backstage/core-components": "^0.18.14",
+    "@backstage/core-plugin-api": "^1.12.10",
+    "@backstage/frontend-plugin-api": "^0.18.1",
+    "@backstage/plugin-catalog-react": "^3.2.3",
+    "@backstage/plugin-home-react": "^0.1.42",
+    "@backstage/theme": "^0.7.3",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -94,11 +94,11 @@
     "zod": "^3.25.76 || ^4.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "0.36.6-next.1",
-    "@backstage/dev-utils": "1.1.27-next.1",
-    "@backstage/frontend-defaults": "0.5.6-next.2",
-    "@backstage/plugin-catalog": "2.0.9-next.2",
-    "@backstage/test-utils": "1.7.22-next.2",
+    "@backstage/cli": "^0.36.6",
+    "@backstage/dev-utils": "^1.1.27",
+    "@backstage/frontend-defaults": "^0.5.6",
+    "@backstage/plugin-catalog": "^2.0.9",
+    "@backstage/test-utils": "^1.7.22",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",