@backstage/plugin-home 0.4.3 → 0.4.7

package/CHANGELOG.md

@@ -1,5 +1,88 @@
 # @backstage/plugin-home
 
+## 0.4.7
+
+### Patch Changes
+
+- cd450844f6: Moved React dependencies to `peerDependencies` and allow both React v16 and v17 to be used.
+- Updated dependencies
+  - @backstage/core-components@0.8.0
+  - @backstage/core-plugin-api@0.3.0
+
+## 0.4.6
+
+### Patch Changes
+
+- a125278b81: Refactor out the deprecated path and icon from RouteRefs
+- Updated dependencies
+  - @backstage/core-components@0.7.4
+  - @backstage/core-plugin-api@0.2.0
+
+## 0.4.5
+
+### Patch Changes
+
+- 4a336fd292: Add name option to `createCardExtension` to remove deprecation warnings for extensions without name. Name will be required for extensions in a future release of `core-plugin-api` and therefore also in `createCardExtension`.
+- Updated dependencies
+  - @backstage/core-components@0.7.3
+  - @backstage/theme@0.2.13
+  - @backstage/core-plugin-api@0.1.13
+
+## 0.4.4
+
+### Patch Changes
+
+- ef5bf4235a: Adds a `<WelcomeTitle>` component that shows a playful greeting on the home page.
+  To use it, pass it to the home page header:
+
+  ```typescript
+  <Page themeId="home">
+    <Header title={<WelcomeTitle />} pageTitleOverride="Home">
+      <HomepageTimer />
+    </Header>
+    …
+  </Page>
+  ```
+
+- 87b2d5ad88: Fix `<ComponentTabs>` to display only the selected tab, not the other way around.
+- 2435d7a49b: Added HeaderWorldClock to the Home plugin which is a copy of the HomepageTimer from core-components that has been updated to use props over static config from app-config.yaml. To use HeaderWorldClock you'll need to create an array of ClockConfig like this:
+
+  ```ts
+  const clockConfigs: ClockConfig[] = [
+    {
+      label: 'NYC',
+      timeZone: 'America/New_York',
+    },
+    {
+      label: 'UTC',
+      timeZone: 'UTC',
+    },
+    {
+      label: 'STO',
+      timeZone: 'Europe/Stockholm',
+    },
+    {
+      label: 'TYO',
+      timeZone: 'Asia/Tokyo',
+    },
+  ];
+  ```
+
+  Then you can pass `clockConfigs` into the HeaderWorldClock like this:
+
+  ```ts
+  <Page themeId="home">
+    <Header title="Home">
+      <HeaderWorldClock clockConfigs={clockConfigs} />
+    </Header>
+    <Content>...</Content>
+  </Page>
+  ```
+
+- Updated dependencies
+  - @backstage/core-components@0.7.0
+  - @backstage/theme@0.2.11
+
 ## 0.4.3
 
 ### Patch Changes

package/dist/esm/{index-07e28acc.esm.js → index-05c74847.esm.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useOutlet } from 'react-router';
-export { SettingsModal } from '../index.esm.js';
+export { HeaderWorldClock, SettingsModal } from '../index.esm.js';
 import '@backstage/core-plugin-api';
 import '@material-ui/core';
 import '@material-ui/icons/Settings';
@@ -14,4 +14,4 @@ const HomepageCompositionRoot = (props) => {
 };
 
 export { HomepageCompositionRoot };
-//# sourceMappingURL=index-07e28acc.esm.js.map
+//# sourceMappingURL=index-05c74847.esm.js.map

package/dist/esm/{index-07e28acc.esm.js.map → index-05c74847.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-07e28acc.esm.js","sources":["../../src/components/HomepageCompositionRoot.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ReactNode } from 'react';\nimport { useOutlet } from 'react-router';\n\nexport const HomepageCompositionRoot = (props: {\n  title?: string;\n  children?: ReactNode;\n}) => {\n  const outlet = useOutlet();\n  const children = props.children ?? outlet;\n  return <>{children}</>;\n};\n"],"names":[],"mappings":";;;;;;;;MAmBa,0BAA0B,CAAC,UAGlC;AAtBN;AAuBE,QAAM,SAAS;AACf,QAAM,WAAW,YAAM,aAAN,YAAkB;AACnC,mEAAU;AAAA;;;;"}
+{"version":3,"file":"index-05c74847.esm.js","sources":["../../src/components/HomepageCompositionRoot.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ReactNode } from 'react';\nimport { useOutlet } from 'react-router';\n\nexport const HomepageCompositionRoot = (props: {\n  title?: string;\n  children?: ReactNode;\n}) => {\n  const outlet = useOutlet();\n  const children = props.children ?? outlet;\n  return <>{children}</>;\n};\n"],"names":[],"mappings":";;;;;;;;MAmBa,0BAA0B,CAAC,UAGlC;AAtBN;AAuBE,QAAM,SAAS;AACf,QAAM,WAAW,YAAM,aAAN,YAAkB;AACnC,mEAAU;AAAA;;;;"}

package/dist/esm/index-20e36a68.esm.js

@@ -0,0 +1,618 @@
+import { useApi, identityApiRef } from '@backstage/core-plugin-api';
+import { Tooltip } from '@material-ui/core';
+import React, { useMemo } from 'react';
+
+var English$2 = "Good morning";
+var Afrikaans$2 = "Goeiemôre, Môre";
+var Albanian$2 = "Mirëmëngjes";
+var Arabic$2 = "صباح الخير";
+var Armenian$2 = "Paree looys";
+var Australian$2 = "G'day";
+var Azerbaijani$2 = "Sabahınız xeyir";
+var Bengali$2 = "shuprobhat";
+var Bulgarian$2 = "Dobro utro";
+var Catalan$1 = "Bon dia";
+var Chinese$2 = "早安";
+var Croatian$2 = "Dobro jutro";
+var Czech$2 = "Dobré ráno";
+var Danish$2 = "God morgen";
+var Dutch$2 = "Goedemorgen";
+var Esperanto$1 = "Bonan matenon";
+var Estonian$2 = "Tere hommikust";
+var Finnish$2 = "Hyvää huomenta";
+var French$2 = "Bonjour";
+var German$2 = "Guten Morgen";
+var Greek$2 = "Kaliméra";
+var Kalaallisut = "Iterluarit";
+var Hawaiian$1 = "Aloha kakahiaka";
+var Hebrew$2 = "boker tov";
+var Hindi$1 = "Namaste";
+var Hungarian$1 = "Jó reggelt";
+var Indonesian$2 = "Selamat pagi";
+var Irish = "Dia dhuit";
+var Italian$2 = "Buongiorno";
+var Japanese$2 = "おはよう";
+var Korean$1 = "안녕하세요";
+var Kazakh$2 = "Kayırlı tan";
+var Kurdish$2 = "Beyanî baş";
+var Lithuanian$2 = "Labas rytas";
+var Macedonian$2 = "Добро утро";
+var Malay$1 = "Selamat pagi";
+var Maltese$2 = "Bonġu";
+var Nepali$1 = "subha prabhat";
+var Norwegian$1 = "God morgen";
+var Odia$2 = "ସୁପ୍ରଭାତ";
+var Polish$2 = "Dzień dobry";
+var Portuguese$2 = "Bom dia";
+var Romanian$2 = "Bună dimineaţa";
+var Russian$2 = "Доброе утро";
+var Serbian$2 = "Добро јутро";
+var Spanish$1 = "Buenos días";
+var Sumerian$2 = "𒄭𒌓";
+var Swahili$1 = "Habari ya asubuhi";
+var Swedish$2 = "God morgon";
+var Tagalog$2 = "Magandang umaga po";
+var Taiwanese = "爻早";
+var Tatar$2 = "Xäyerle irtä";
+var Telugu$2 = "శుభోదయం";
+var Thai$2 = "สวัสดีครับ";
+var Turkish$2 = "Günaydın";
+var Ukrainian$2 = "Доброго ранку";
+var Urdu$1 = "صبح بخير";
+var Uzbek$2 = "Xayrli tong";
+var Vietnamese$1 = "Chào buổi sáng";
+var Welsh$2 = "Bore da";
+var Latvian$2 = "Labrīt";
+var Valyrian$1 = "Sȳz ñāqes";
+var goodMorning = {
+	English: English$2,
+	Afrikaans: Afrikaans$2,
+	Albanian: Albanian$2,
+	Arabic: Arabic$2,
+	Armenian: Armenian$2,
+	Australian: Australian$2,
+	Azerbaijani: Azerbaijani$2,
+	Bengali: Bengali$2,
+	Bulgarian: Bulgarian$2,
+	Catalan: Catalan$1,
+	Chinese: Chinese$2,
+	Croatian: Croatian$2,
+	Czech: Czech$2,
+	Danish: Danish$2,
+	Dutch: Dutch$2,
+	Esperanto: Esperanto$1,
+	Estonian: Estonian$2,
+	Finnish: Finnish$2,
+	French: French$2,
+	German: German$2,
+	Greek: Greek$2,
+	Kalaallisut: Kalaallisut,
+	Hawaiian: Hawaiian$1,
+	Hebrew: Hebrew$2,
+	Hindi: Hindi$1,
+	Hungarian: Hungarian$1,
+	Indonesian: Indonesian$2,
+	Irish: Irish,
+	Italian: Italian$2,
+	Japanese: Japanese$2,
+	Korean: Korean$1,
+	Kazakh: Kazakh$2,
+	Kurdish: Kurdish$2,
+	Lithuanian: Lithuanian$2,
+	"Low German": "Moin",
+	Macedonian: Macedonian$2,
+	Malay: Malay$1,
+	Maltese: Maltese$2,
+	"Middle Egyptian Hieroglyphs": "𓄤 𓃀 𓂓 𓇳𓐅",
+	Nepali: Nepali$1,
+	Norwegian: Norwegian$1,
+	Odia: Odia$2,
+	Polish: Polish$2,
+	Portuguese: Portuguese$2,
+	Romanian: Romanian$2,
+	Russian: Russian$2,
+	Serbian: Serbian$2,
+	Spanish: Spanish$1,
+	Sumerian: Sumerian$2,
+	Swahili: Swahili$1,
+	Swedish: Swedish$2,
+	Tagalog: Tagalog$2,
+	Taiwanese: Taiwanese,
+	Tatar: Tatar$2,
+	Telugu: Telugu$2,
+	Thai: Thai$2,
+	Turkish: Turkish$2,
+	Ukrainian: Ukrainian$2,
+	Urdu: Urdu$1,
+	Uzbek: Uzbek$2,
+	Vietnamese: Vietnamese$1,
+	Welsh: Welsh$2,
+	Latvian: Latvian$2,
+	Valyrian: Valyrian$1
+};
+
+var English$1 = "Good afternoon";
+var Abkhaz = "Уа, мшы бзиа";
+var Adyghe = "Уимафэ шІу";
+var Afrikaans$1 = "Goeie middag";
+var Albanian$1 = "Mirëdita";
+var Aleut = "Angaliichxizax̂";
+var Aklan = "Mayad nga hapon";
+var Alsatian = "Güete Nàchmittag";
+var Arabic$1 = "مساء الخير";
+var Armenian$1 = "Բարի կէսօր:";
+var Assamese = "শুভ আবেলি";
+var Asturian$1 = "Bones tardes";
+var Australian$1 = "G'day";
+var Azerbaijani$1 = "Günortanız xeyir";
+var Bashkir = "хәйерле көн";
+var Basque$1 = "Arratsalde on";
+var Bavarian = "Guadn åmd";
+var Bengali$1 = "শুভ বিকাল";
+var Bhojpuri = "राम राम";
+var Bosnian = "Dobar dan";
+var Breton$1 = "Demat";
+var Bulgarian$1 = "Добър ден";
+var Cebuano = "Maayong Hapon";
+var Chamorro$1 = "Buenas tåtdes";
+var Chinese$1 = "午安";
+var Cornish$1 = "Dohajydh da";
+var Corsican = "Bonghjornu";
+var Croatian$1 = "Dobar dan";
+var Cuyonon = "Mayad nga apon";
+var Czech$1 = "Dobré odpoledne";
+var Danish$1 = "God eftermiddag";
+var Dutch$1 = "Goedemiddag";
+var Estonian$1 = "Tere päevast";
+var Ewe = "Ŋdɔ";
+var Faroese$1 = "Góðan dagin";
+var Fijian$1 = "Bula";
+var Finnish$1 = "Hyvää päivää";
+var Flemish = "Ghoeie middagh";
+var French$1 = "Bon après-midi";
+var Friulian = "Bundì";
+var Galician$1 = "Boa tarde";
+var Georgian$1 = "დილა მშვიდობისა";
+var German$1 = "Guten Tag";
+var Greek$1 = "Καλό απόγευμα";
+var Greenlandic = "Inuugujaq";
+var Hausa = "Barka da yamma";
+var Hawaiian = "Aloha ʻauinalā";
+var Hebrew$1 = "אחר צהריים טובים";
+var Hindi = "नमस्कार";
+var Icelandic$1 = "Góðan dag";
+var Iloko = "Naimbag a malem";
+var Indonesian$1 = "Selamat sore";
+var Gaelic = "Tráthnóna maith duit";
+var Italian$1 = "Buongiorno";
+var Japanese$1 = "こんにちは";
+var Javanese = "Sugeng siang";
+var Kannada = "ಶುಭ ಮಧ್ಯಾಹ್ನ";
+var Kazakh$1 = "Kayırlı kun";
+var Khmer = "ទិវាសួស្ដី";
+var Korean = "안녕하세요";
+var Kurdish$1 = "Rojbash";
+var Kyrgyz = "Кутмандуу күнүңүз менен";
+var Latvian$1 = "Labdien";
+var Limburgish = "Gojemiddig";
+var Lithuanian$1 = "Laba diena";
+var Lozi = "Ki musihali";
+var Luxembourgish$1 = "Gudde Mëtteg";
+var Macedonian$1 = "Добар ден";
+var Malagasy = "Manao ahoana e";
+var Maltese$1 = "Wara nofsinhar it-tajjeb";
+var Mam = "Qa’lte";
+var Manx = "Fastyr mie";
+var Nepali = "नमस्कार";
+var Newari = "भिं न्हि";
+var Norwegian = "God ettermiddag";
+var Occitan = "Bon vèspre";
+var Odia$1 = "ସୁଭ ଖରା ବେଳ";
+var Papiamento = "Bon tardi";
+var Pashto = "ورځ مو په خير";
+var Polish$1 = "Dzień dobry";
+var Portuguese$1 = "Boa tarde";
+var Romanian$1 = "Bună ziua";
+var Russian$1 = "Добрый день";
+var Sakha = "Үтүө күнүнэн";
+var Sardinian = "Bona sera";
+var Scots$1 = "Guid efternuin";
+var Serbian$1 = "Добар дан";
+var Shona = "Masikati";
+var Sicilian = "Bon jornu";
+var Sinhala = "සුභ දවාලක්";
+var Slovenian$1 = "Dober dan";
+var Somali$1 = "Galab wanaagsan";
+var Sumerian$1 = "𒄭𒌓𒁀";
+var Swahili = "Habari ya mchana";
+var Swedish$1 = "God eftermiddag";
+var Tagalog$1 = "Magandang hapon po";
+var Tamil = "மதிய வணக்கம்";
+var Tatar$1 = "Xäyerle kön";
+var Telugu$1 = "శుభ మద్యాహ్నం";
+var Tetum = "Botarde";
+var Thai$1 = "สวัสดีครับ";
+var Tibetan = "ཉིན་གུང་བདེ་ལེགས།";
+var Tongan = "Mālō tau ma‘u e ho‘ata ni";
+var Tsonga = "Indzengha";
+var Tswana = "Thupama e e monate";
+var Turkish$1 = "Tünaydın";
+var Ukrainian$1 = "Доброго дня";
+var Urdu = "روز بخير";
+var Uzbek$1 = "Xayrli kun";
+var Venetian = "Bondì";
+var Vietnamese = "Xin chào";
+var Welsh$1 = "P'nawn da";
+var Xhosa = "Uben' emva kwemini entle";
+var Yapese = "Fal'e misii";
+var Yiddish$1 = "א גוט אָוונט";
+var Zazaki = "Perocê şıma xeyr bo";
+var Zulu = "Sawubona";
+var goodAfternoon = {
+	English: English$1,
+	Abkhaz: Abkhaz,
+	Adyghe: Adyghe,
+	Afrikaans: Afrikaans$1,
+	Albanian: Albanian$1,
+	Aleut: Aleut,
+	Aklan: Aklan,
+	Alsatian: Alsatian,
+	Arabic: Arabic$1,
+	Armenian: Armenian$1,
+	Assamese: Assamese,
+	Asturian: Asturian$1,
+	Australian: Australian$1,
+	Azerbaijani: Azerbaijani$1,
+	Bashkir: Bashkir,
+	Basque: Basque$1,
+	Bavarian: Bavarian,
+	Bengali: Bengali$1,
+	Bhojpuri: Bhojpuri,
+	Bosnian: Bosnian,
+	Breton: Breton$1,
+	Bulgarian: Bulgarian$1,
+	Cebuano: Cebuano,
+	Chamorro: Chamorro$1,
+	Chinese: Chinese$1,
+	Cornish: Cornish$1,
+	Corsican: Corsican,
+	Croatian: Croatian$1,
+	Cuyonon: Cuyonon,
+	Czech: Czech$1,
+	Danish: Danish$1,
+	Dutch: Dutch$1,
+	Estonian: Estonian$1,
+	Ewe: Ewe,
+	Faroese: Faroese$1,
+	Fijian: Fijian$1,
+	Finnish: Finnish$1,
+	Flemish: Flemish,
+	French: French$1,
+	"Frisian (North)": "Moin",
+	"Frisian (West)": "Goeie middei",
+	Friulian: Friulian,
+	Galician: Galician$1,
+	Georgian: Georgian$1,
+	German: German$1,
+	Greek: Greek$1,
+	Greenlandic: Greenlandic,
+	"Haitian Creole": "Bon apre-midi",
+	Hausa: Hausa,
+	Hawaiian: Hawaiian,
+	Hebrew: Hebrew$1,
+	Hindi: Hindi,
+	Icelandic: Icelandic$1,
+	Iloko: Iloko,
+	Indonesian: Indonesian$1,
+	"Iñupiaq": "Unnusatkun",
+	Gaelic: Gaelic,
+	Italian: Italian$1,
+	Japanese: Japanese$1,
+	Javanese: Javanese,
+	"Jèrriais": "Bouônjour",
+	Kannada: Kannada,
+	Kazakh: Kazakh$1,
+	Khmer: Khmer,
+	Korean: Korean,
+	Kurdish: Kurdish$1,
+	Kyrgyz: Kyrgyz,
+	Latvian: Latvian$1,
+	Limburgish: Limburgish,
+	Lithuanian: Lithuanian$1,
+	"Low German": "Moin",
+	Lozi: Lozi,
+	"Lule Sámi": "Buorre biejvve",
+	Luxembourgish: Luxembourgish$1,
+	Macedonian: Macedonian$1,
+	Malagasy: Malagasy,
+	Maltese: Maltese$1,
+	Mam: Mam,
+	Manx: Manx,
+	"Māori": "Kia ora",
+	"Middle Egyptian Hieroglyphs": "𓄤  𓅓𓈙𓂋𓅱𓇰",
+	Nepali: Nepali,
+	Newari: Newari,
+	"Northern Sámi": "Buorre beaivvi",
+	"Northern Sotho": "Dumêlang",
+	Norwegian: Norwegian,
+	Occitan: Occitan,
+	Odia: Odia$1,
+	Papiamento: Papiamento,
+	Pashto: Pashto,
+	Polish: Polish$1,
+	Portuguese: Portuguese$1,
+	Romanian: Romanian$1,
+	Russian: Russian$1,
+	Sakha: Sakha,
+	Sardinian: Sardinian,
+	"Scottish Gaelic": "Feasgar math",
+	Scots: Scots$1,
+	Serbian: Serbian$1,
+	Shona: Shona,
+	Sicilian: Sicilian,
+	Sinhala: Sinhala,
+	Slovenian: Slovenian$1,
+	Somali: Somali$1,
+	"Southern Sámi": "Buerie biejjie",
+	Sumerian: Sumerian$1,
+	Swahili: Swahili,
+	Swedish: Swedish$1,
+	"Swiss German": "Gueten Abig",
+	Tagalog: Tagalog$1,
+	Tamil: Tamil,
+	Tatar: Tatar$1,
+	Telugu: Telugu$1,
+	Tetum: Tetum,
+	Thai: Thai$1,
+	Tibetan: Tibetan,
+	"Tok Pisin": "Apinum",
+	Tongan: Tongan,
+	Tsonga: Tsonga,
+	Tswana: Tswana,
+	Turkish: Turkish$1,
+	Ukrainian: Ukrainian$1,
+	Urdu: Urdu,
+	Uzbek: Uzbek$1,
+	Venetian: Venetian,
+	Vietnamese: Vietnamese,
+	"Võro": "Hüvvä lõunaaigo",
+	Welsh: Welsh$1,
+	Xhosa: Xhosa,
+	Yapese: Yapese,
+	Yiddish: Yiddish$1,
+	"Yucatec Maya": "Ma'lob chi'inil K'iin",
+	Zazaki: Zazaki,
+	Zulu: Zulu
+};
+
+var Afrikaans = "Goeienaand";
+var Aklanon = "Mayad nga gabi-i";
+var Albanian = "Mirëmbrëma";
+var Arabic = "Masaa al-khair";
+var Aragonese = "Buena nuei";
+var Armenian = "Pari yerego";
+var Aromunian = "Bunã seara";
+var Asante = "Maadwó";
+var Asturian = "Bona nuechi";
+var Ateso = "Akwar najokan";
+var Australian = "G'day";
+var Aymara = "Winas tartis";
+var Azerbaijani = "Axşamınız xeyir";
+var Basque = "Arratsalde on";
+var Belorussian = "Dobry viechar";
+var Bemba = "Cungulopo mukwai";
+var Bengali = "Shuvo shandhya";
+var Bilen = "Aja kunduKw’ma?";
+var Breton = "Noz vat";
+var Bulgarian = "Dobar vecher";
+var Cantonese = "Maan ngon";
+var Cassubian = "Dobri wieczór";
+var Catalan = "Bona tarda";
+var Chamorro = "Pupuengin maolek";
+var Chechen = "Sürea dika yoila";
+var Comoran = "Bariza massihou";
+var Cornish = "Gorthugher da";
+var Croatian = "Dobra večer";
+var Czech = "Dobrý večer";
+var Danish = "God aften";
+var Dutch = "Goedenavond";
+var Edo = "Ób’ótà";
+var English = "Good evening";
+var Esperanto = "Bonan vesperon";
+var Estonian = "Tere õhtust";
+var Faroese = "Gott kvøld";
+var Farsi = "Shab beh'khayr";
+var Fijian = "Ni sa bogi";
+var Finnish = "Hyvää iltaa";
+var French = "Bonsoir";
+var Galician = "Boas noites";
+var Georgian = "Saghamo mshvidobisa";
+var German = "Guten Abend";
+var Greek = "Kalinichta";
+var Guarani = "Mba’éichapa ndepyhare";
+var Hebrew = "Erev tov";
+var Hungarian = "Jó estét";
+var Icelandic = "Gott kvöld";
+var Indonesian = "Selamat malam";
+var Italian = "Buona sera";
+var Japanese = "こんばんは";
+var Kazakh = "Kayırlı keş";
+var Kurdish = "Evarbash";
+var Latvian = "Labvakar";
+var Lithuanian = "Labas vakaras";
+var Luganda = "Osiibye otya nno";
+var Luo = "Oimore";
+var Luxembourgish = "Gudden Owend";
+var Macedonian = "Dobra vecher";
+var Malay = "Selamat malam";
+var Maltese = "Il-lejla t-tajba";
+var Mandarin = "Wan shang hao";
+var Maori = "Kia orana ‘i teia a’ia’i";
+var Marshallese = "Yokwe in jota";
+var Mawe = "Awãe aiko";
+var Mongolian = "Odoin mend";
+var Odia = "ସୁଭସନ୍ଧ୍ୟା";
+var Polish = "Dobry wieczór";
+var Portuguese = "Boa noite";
+var Romanian = "Bunã seara";
+var Russian = "Добрый вечер";
+var Scots = "Guid eenin";
+var Sesotho = "Fonane";
+var Serbian = "Добро вече";
+var Slovak = "Dober vecher";
+var Slovenian = "Dober vecher";
+var Somali = "Habeen wanaagsan";
+var Spanish = "Buenas tardes";
+var Sumerian = "𒄭𒈪";
+var Swedish = "God afton";
+var Tagalog = "Magandang gabi";
+var Tatar = "Xäyerle kiç";
+var Telugu = "శుభ సాయంత్రం";
+var Thai = "Sawat-dii torn khum";
+var Turkish = "İyi akşamlar";
+var Ukrainian = "Добрий вечiр";
+var Uzbek = "Xayrli kech";
+var Welsh = "Noswaith dda";
+var Yiddish = "Ah gutn ovnt";
+var Chinese = "晚安";
+var Valyrian = "sȳz bantis";
+var goodEvening = {
+	Afrikaans: Afrikaans,
+	Aklanon: Aklanon,
+	Albanian: Albanian,
+	"Anglo-Saxon": "God æfen",
+	Arabic: Arabic,
+	Aragonese: Aragonese,
+	Armenian: Armenian,
+	Aromunian: Aromunian,
+	Asante: Asante,
+	Asturian: Asturian,
+	Ateso: Ateso,
+	Australian: Australian,
+	Aymara: Aymara,
+	Azerbaijani: Azerbaijani,
+	Basque: Basque,
+	Belorussian: Belorussian,
+	Bemba: Bemba,
+	Bengali: Bengali,
+	Bilen: Bilen,
+	Breton: Breton,
+	Bulgarian: Bulgarian,
+	Cantonese: Cantonese,
+	Cassubian: Cassubian,
+	Catalan: Catalan,
+	Chamorro: Chamorro,
+	Chechen: Chechen,
+	Comoran: Comoran,
+	Cornish: Cornish,
+	Croatian: Croatian,
+	Czech: Czech,
+	Danish: Danish,
+	Dutch: Dutch,
+	Edo: Edo,
+	English: English,
+	Esperanto: Esperanto,
+	Estonian: Estonian,
+	Faroese: Faroese,
+	Farsi: Farsi,
+	Fijian: Fijian,
+	Finnish: Finnish,
+	French: French,
+	Galician: Galician,
+	Georgian: Georgian,
+	German: German,
+	Greek: Greek,
+	Guarani: Guarani,
+	Hebrew: Hebrew,
+	Hungarian: Hungarian,
+	Icelandic: Icelandic,
+	Indonesian: Indonesian,
+	"Irish Gaelic": "Tráthnóna",
+	Italian: Italian,
+	Japanese: Japanese,
+	"Japanese (Romanji)": "Konban wa",
+	Kazakh: Kazakh,
+	Kurdish: Kurdish,
+	Latvian: Latvian,
+	Lithuanian: Lithuanian,
+	"Low German": "Moin",
+	Luganda: Luganda,
+	Luo: Luo,
+	Luxembourgish: Luxembourgish,
+	Macedonian: Macedonian,
+	Malay: Malay,
+	Maltese: Maltese,
+	Mandarin: Mandarin,
+	Maori: Maori,
+	Marshallese: Marshallese,
+	Mawe: Mawe,
+	"Middle Egyptian Hieroglyphs": "𓄤  𓅱𓃉𓇰",
+	Mongolian: Mongolian,
+	"Norwegian [Bokmaal]": "God kveld",
+	Odia: Odia,
+	Polish: Polish,
+	Portuguese: Portuguese,
+	"Quiché": "Xe q’ij",
+	"Romani [Sinte]": "Lashi rachi",
+	Romanian: Romanian,
+	Russian: Russian,
+	"Scottish Gaelic": "Feasgar mhath",
+	Scots: Scots,
+	Sesotho: Sesotho,
+	Serbian: Serbian,
+	Slovak: Slovak,
+	Slovenian: Slovenian,
+	Somali: Somali,
+	Spanish: Spanish,
+	Sumerian: Sumerian,
+	Swedish: Swedish,
+	Tagalog: Tagalog,
+	Tatar: Tatar,
+	Telugu: Telugu,
+	Thai: Thai,
+	Turkish: Turkish,
+	Ukrainian: Ukrainian,
+	Uzbek: Uzbek,
+	Welsh: Welsh,
+	Yiddish: Yiddish,
+	Chinese: Chinese,
+	Valyrian: Valyrian
+};
+
+const greetingRandomSeed = Math.floor(Math.random() * 1e6);
+function getTimeBasedGreeting() {
+  const random = (array) => array[greetingRandomSeed % array.length];
+  const currentHour = new Date(Date.now()).getHours();
+  if (currentHour >= 23) {
+    return {
+      language: "Seriously",
+      greeting: "Get some rest"
+    };
+  }
+  const timeOfDay = (hour) => {
+    if (hour < 12)
+      return goodMorning;
+    if (hour < 17)
+      return goodAfternoon;
+    return goodEvening;
+  };
+  const greetings = timeOfDay(currentHour);
+  const greetingsKey = random(Object.keys(greetings));
+  return {
+    language: greetingsKey,
+    greeting: greetings[greetingsKey]
+  };
+}
+
+const WelcomeTitle = () => {
+  const identityApi = useApi(identityApiRef);
+  const profile = identityApi.getProfile();
+  const userId = identityApi.getUserId();
+  const greeting = useMemo(() => getTimeBasedGreeting(), []);
+  return /* @__PURE__ */ React.createElement(Tooltip, {
+    title: greeting.language
+  }, /* @__PURE__ */ React.createElement("span", null, `${greeting.greeting}, ${profile.displayName || userId}!`));
+};
+
+export { WelcomeTitle };
+//# sourceMappingURL=index-20e36a68.esm.js.map

package/dist/esm/index-20e36a68.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-20e36a68.esm.js","sources":["../../src/homePageComponents/WelcomeTitle/timeUtil.ts","../../src/homePageComponents/WelcomeTitle/WelcomeTitle.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport goodMorning from './locales/goodMorning.locales.json';\nimport goodAfternoon from './locales/goodAfternoon.locales.json';\nimport goodEvening from './locales/goodEvening.locales.json';\n\n// Select a large random integer at startup, to prevent the greetings to change\n// every time the user navigates.\nconst greetingRandomSeed = Math.floor(Math.random() * 1000000);\n\nexport function getTimeBasedGreeting(): { language: string; greeting: string } {\n  const random = (array: string[]) => array[greetingRandomSeed % array.length];\n\n  const currentHour = new Date(Date.now()).getHours();\n  if (currentHour >= 23) {\n    return {\n      language: 'Seriously',\n      greeting: 'Get some rest',\n    };\n  }\n  const timeOfDay = (hour: number): { [language: string]: string } => {\n    if (hour < 12) return goodMorning;\n    if (hour < 17) return goodAfternoon;\n    return goodEvening;\n  };\n  const greetings = timeOfDay(currentHour);\n  const greetingsKey = random(Object.keys(greetings));\n  return {\n    language: greetingsKey,\n    greeting: greetings[greetingsKey],\n  };\n}\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport { Tooltip } from '@material-ui/core';\nimport React, { useMemo } from 'react';\nimport { getTimeBasedGreeting } from './timeUtil';\n\nexport const WelcomeTitle = () => {\n  const identityApi = useApi(identityApiRef);\n  const profile = identityApi.getProfile();\n  const userId = identityApi.getUserId();\n  const greeting = useMemo(() => getTimeBasedGreeting(), []);\n\n  return (\n    <Tooltip title={greeting.language}>\n      <span>{`${greeting.greeting}, ${profile.displayName || userId}!`}</span>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,qBAAqB,KAAK,MAAM,KAAK,WAAW;gCAEyB;AAC7E,QAAM,SAAS,CAAC,UAAoB,MAAM,qBAAqB,MAAM;AAErE,QAAM,cAAc,IAAI,KAAK,KAAK,OAAO;AACzC,MAAI,eAAe,IAAI;AACrB,WAAO;AAAA,MACL,UAAU;AAAA,MACV,UAAU;AAAA;AAAA;AAGd,QAAM,YAAY,CAAC,SAAiD;AAClE,QAAI,OAAO;AAAI,aAAO;AACtB,QAAI,OAAO;AAAI,aAAO;AACtB,WAAO;AAAA;AAET,QAAM,YAAY,UAAU;AAC5B,QAAM,eAAe,OAAO,OAAO,KAAK;AACxC,SAAO;AAAA,IACL,UAAU;AAAA,IACV,UAAU,UAAU;AAAA;AAAA;;MCvBX,eAAe,MAAM;AAChC,QAAM,cAAc,OAAO;AAC3B,QAAM,UAAU,YAAY;AAC5B,QAAM,SAAS,YAAY;AAC3B,QAAM,WAAW,QAAQ,MAAM,wBAAwB;AAEvD,6CACG,SAAD;AAAA,IAAS,OAAO,SAAS;AAAA,yCACtB,QAAD,MAAO,GAAG,SAAS,aAAa,QAAQ,eAAe;AAAA;;;;"}

package/dist/esm/{index-1baf251a.esm.js → index-22929ade.esm.js}

@@ -47,7 +47,7 @@ const useRandomJoke = () => {
 };
 
 const Actions = () => {
-  const {rerollJoke} = useRandomJoke();
+  const { rerollJoke } = useRandomJoke();
   return /* @__PURE__ */ React.createElement(Button, {
     variant: "contained",
     color: "primary",
@@ -56,14 +56,14 @@ const Actions = () => {
 };
 
 const Content = () => {
-  const {joke, loading} = useRandomJoke();
+  const { joke, loading } = useRandomJoke();
   if (loading)
     return /* @__PURE__ */ React.createElement("p", null, "Loading...");
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", null, joke.setup), /* @__PURE__ */ React.createElement("p", null, joke.punchline));
 };
 
 const Settings = () => {
-  const {type, handleChangeType} = useRandomJoke();
+  const { type, handleChangeType } = useRandomJoke();
   const JOKE_TYPES = ["any", "programming"];
   return /* @__PURE__ */ React.createElement(FormControl, {
     component: "fieldset"
@@ -82,4 +82,4 @@ const Settings = () => {
 };
 
 export { Actions, Content, ContextProvider, Settings };
-//# sourceMappingURL=index-1baf251a.esm.js.map
+//# sourceMappingURL=index-22929ade.esm.js.map

package/dist/esm/{index-1baf251a.esm.js.map → index-22929ade.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-1baf251a.esm.js","sources":["../../src/homePageComponents/RandomJoke/Context.tsx","../../src/homePageComponents/RandomJoke/Actions.tsx","../../src/homePageComponents/RandomJoke/Content.tsx","../../src/homePageComponents/RandomJoke/Settings.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { createContext } from 'react';\n\nexport type JokeType = 'any' | 'programming';\n\ntype Joke = {\n  setup: string;\n  punchline: string;\n};\n\ntype RandomJokeContextValue = {\n  loading: boolean;\n  joke: Joke;\n  type: JokeType;\n  rerollJoke: Function;\n  handleChangeType: Function;\n};\n\nconst Context = createContext<RandomJokeContextValue | undefined>(undefined);\n\nconst getNewJoke = (type: string): Promise<Joke> =>\n  fetch(\n    `https://official-joke-api.appspot.com/jokes${\n      type !== 'any' ? `/${type}` : ''\n    }/random`,\n  )\n    .then(res => res.json())\n    .then(data => (Array.isArray(data) ? data[0] : data));\n\nexport const ContextProvider = ({\n  children,\n  defaultCategory,\n}: {\n  children: JSX.Element;\n  defaultCategory?: JokeType;\n}) => {\n  const [loading, setLoading] = React.useState(true);\n  const [joke, setJoke] = React.useState<Joke>({\n    setup: '',\n    punchline: '',\n  });\n  const [type, setType] = React.useState<JokeType>(\n    defaultCategory || ('programming' as JokeType),\n  );\n\n  const rerollJoke = React.useCallback(() => {\n    setLoading(true);\n    getNewJoke(type).then(newJoke => setJoke(newJoke));\n  }, [type]);\n\n  const handleChangeType = (newType: JokeType) => {\n    setType(newType);\n  };\n\n  React.useEffect(() => {\n    setLoading(false);\n  }, [joke]);\n\n  React.useEffect(() => {\n    rerollJoke();\n  }, [rerollJoke]);\n\n  const value: RandomJokeContextValue = {\n    loading,\n    joke,\n    type,\n    rerollJoke,\n    handleChangeType,\n  };\n\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useRandomJoke = () => {\n  const value = React.useContext(Context);\n\n  if (value === undefined) {\n    throw new Error('useRandomJoke must be used within a RandomJokeProvider');\n  }\n\n  return value;\n};\n\nexport default Context;\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { Button } from '@material-ui/core';\nimport { useRandomJoke } from './Context';\n\nexport const Actions = () => {\n  const { rerollJoke } = useRandomJoke();\n  return (\n    <Button variant=\"contained\" color=\"primary\" onClick={() => rerollJoke()}>\n      Reroll\n    </Button>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { useRandomJoke } from './Context';\n\nexport const Content = () => {\n  const { joke, loading } = useRandomJoke();\n\n  if (loading) return <p>Loading...</p>;\n\n  return (\n    <div>\n      <p>{joke.setup}</p>\n      <p>{joke.punchline}</p>\n    </div>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  FormControl,\n  FormLabel,\n  RadioGroup,\n  FormControlLabel,\n  Radio,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useRandomJoke, JokeType } from './Context';\nimport upperFirst from 'lodash/upperFirst';\n\nexport const Settings = () => {\n  const { type, handleChangeType } = useRandomJoke();\n  const JOKE_TYPES: JokeType[] = ['any' as JokeType, 'programming' as JokeType];\n  return (\n    <FormControl component=\"fieldset\">\n      <FormLabel component=\"legend\">Joke Type</FormLabel>\n      <RadioGroup\n        aria-label=\"joke type\"\n        value={type}\n        onChange={e => handleChangeType(e.target.value)}\n      >\n        {JOKE_TYPES.map(t => (\n          <FormControlLabel\n            key={t}\n            value={t}\n            control={<Radio />}\n            label={upperFirst(t)}\n          />\n        ))}\n      </RadioGroup>\n    </FormControl>\n  );\n};\n"],"names":[],"mappings":";;;;AAiCA,MAAM,UAAU,cAAkD;AAElE,MAAM,aAAa,CAAC,SAClB,MACE,8CACE,SAAS,QAAQ,IAAI,SAAS,aAG/B,KAAK,SAAO,IAAI,QAChB,KAAK,UAAS,MAAM,QAAQ,QAAQ,KAAK,KAAK;MAEtC,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,MAII;AACJ,QAAM,CAAC,SAAS,cAAc,MAAM,SAAS;AAC7C,QAAM,CAAC,MAAM,WAAW,MAAM,SAAe;AAAA,IAC3C,OAAO;AAAA,IACP,WAAW;AAAA;AAEb,QAAM,CAAC,MAAM,WAAW,MAAM,SAC5B,mBAAoB;AAGtB,QAAM,aAAa,MAAM,YAAY,MAAM;AACzC,eAAW;AACX,eAAW,MAAM,KAAK,aAAW,QAAQ;AAAA,KACxC,CAAC;AAEJ,QAAM,mBAAmB,CAAC,YAAsB;AAC9C,YAAQ;AAAA;AAGV,QAAM,UAAU,MAAM;AACpB,eAAW;AAAA,KACV,CAAC;AAEJ,QAAM,UAAU,MAAM;AACpB;AAAA,KACC,CAAC;AAEJ,QAAM,QAAgC;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,6CAAQ,QAAQ,UAAT;AAAA,IAAkB;AAAA,KAAe;AAAA;MAG7B,gBAAgB,MAAM;AACjC,QAAM,QAAQ,MAAM,WAAW;AAE/B,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM;AAAA;AAGlB,SAAO;AAAA;;MC1EI,UAAU,MAAM;AAC3B,QAAM,CAAE,cAAe;AACvB,6CACG,QAAD;AAAA,IAAQ,SAAQ;AAAA,IAAY,OAAM;AAAA,IAAU,SAAS,MAAM;AAAA,KAAc;AAAA;;MCLhE,UAAU,MAAM;AAC3B,QAAM,CAAE,MAAM,WAAY;AAE1B,MAAI;AAAS,+CAAQ,KAAD,MAAG;AAEvB,6CACG,OAAD,0CACG,KAAD,MAAI,KAAK,4CACR,KAAD,MAAI,KAAK;AAAA;;MCDF,WAAW,MAAM;AAC5B,QAAM,CAAE,MAAM,oBAAqB;AACnC,QAAM,aAAyB,CAAC,OAAmB;AACnD,6CACG,aAAD;AAAA,IAAa,WAAU;AAAA,yCACpB,WAAD;AAAA,IAAW,WAAU;AAAA,KAAS,kDAC7B,YAAD;AAAA,IACE,cAAW;AAAA,IACX,OAAO;AAAA,IACP,UAAU,OAAK,iBAAiB,EAAE,OAAO;AAAA,KAExC,WAAW,IAAI,2CACb,kBAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,6CAAU,OAAD;AAAA,IACT,OAAO,WAAW;AAAA;AAAA;;;;"}
+{"version":3,"file":"index-22929ade.esm.js","sources":["../../src/homePageComponents/RandomJoke/Context.tsx","../../src/homePageComponents/RandomJoke/Actions.tsx","../../src/homePageComponents/RandomJoke/Content.tsx","../../src/homePageComponents/RandomJoke/Settings.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { createContext } from 'react';\n\nexport type JokeType = 'any' | 'programming';\n\ntype Joke = {\n  setup: string;\n  punchline: string;\n};\n\ntype RandomJokeContextValue = {\n  loading: boolean;\n  joke: Joke;\n  type: JokeType;\n  rerollJoke: Function;\n  handleChangeType: Function;\n};\n\nconst Context = createContext<RandomJokeContextValue | undefined>(undefined);\n\nconst getNewJoke = (type: string): Promise<Joke> =>\n  fetch(\n    `https://official-joke-api.appspot.com/jokes${\n      type !== 'any' ? `/${type}` : ''\n    }/random`,\n  )\n    .then(res => res.json())\n    .then(data => (Array.isArray(data) ? data[0] : data));\n\nexport const ContextProvider = ({\n  children,\n  defaultCategory,\n}: {\n  children: JSX.Element;\n  defaultCategory?: JokeType;\n}) => {\n  const [loading, setLoading] = React.useState(true);\n  const [joke, setJoke] = React.useState<Joke>({\n    setup: '',\n    punchline: '',\n  });\n  const [type, setType] = React.useState<JokeType>(\n    defaultCategory || ('programming' as JokeType),\n  );\n\n  const rerollJoke = React.useCallback(() => {\n    setLoading(true);\n    getNewJoke(type).then(newJoke => setJoke(newJoke));\n  }, [type]);\n\n  const handleChangeType = (newType: JokeType) => {\n    setType(newType);\n  };\n\n  React.useEffect(() => {\n    setLoading(false);\n  }, [joke]);\n\n  React.useEffect(() => {\n    rerollJoke();\n  }, [rerollJoke]);\n\n  const value: RandomJokeContextValue = {\n    loading,\n    joke,\n    type,\n    rerollJoke,\n    handleChangeType,\n  };\n\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useRandomJoke = () => {\n  const value = React.useContext(Context);\n\n  if (value === undefined) {\n    throw new Error('useRandomJoke must be used within a RandomJokeProvider');\n  }\n\n  return value;\n};\n\nexport default Context;\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { Button } from '@material-ui/core';\nimport { useRandomJoke } from './Context';\n\nexport const Actions = () => {\n  const { rerollJoke } = useRandomJoke();\n  return (\n    <Button variant=\"contained\" color=\"primary\" onClick={() => rerollJoke()}>\n      Reroll\n    </Button>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { useRandomJoke } from './Context';\n\nexport const Content = () => {\n  const { joke, loading } = useRandomJoke();\n\n  if (loading) return <p>Loading...</p>;\n\n  return (\n    <div>\n      <p>{joke.setup}</p>\n      <p>{joke.punchline}</p>\n    </div>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  FormControl,\n  FormLabel,\n  RadioGroup,\n  FormControlLabel,\n  Radio,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useRandomJoke, JokeType } from './Context';\nimport upperFirst from 'lodash/upperFirst';\n\nexport const Settings = () => {\n  const { type, handleChangeType } = useRandomJoke();\n  const JOKE_TYPES: JokeType[] = ['any' as JokeType, 'programming' as JokeType];\n  return (\n    <FormControl component=\"fieldset\">\n      <FormLabel component=\"legend\">Joke Type</FormLabel>\n      <RadioGroup\n        aria-label=\"joke type\"\n        value={type}\n        onChange={e => handleChangeType(e.target.value)}\n      >\n        {JOKE_TYPES.map(t => (\n          <FormControlLabel\n            key={t}\n            value={t}\n            control={<Radio />}\n            label={upperFirst(t)}\n          />\n        ))}\n      </RadioGroup>\n    </FormControl>\n  );\n};\n"],"names":[],"mappings":";;;;AAiCA,MAAM,UAAU,cAAkD;AAElE,MAAM,aAAa,CAAC,SAClB,MACE,8CACE,SAAS,QAAQ,IAAI,SAAS,aAG/B,KAAK,SAAO,IAAI,QAChB,KAAK,UAAS,MAAM,QAAQ,QAAQ,KAAK,KAAK;MAEtC,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,MAII;AACJ,QAAM,CAAC,SAAS,cAAc,MAAM,SAAS;AAC7C,QAAM,CAAC,MAAM,WAAW,MAAM,SAAe;AAAA,IAC3C,OAAO;AAAA,IACP,WAAW;AAAA;AAEb,QAAM,CAAC,MAAM,WAAW,MAAM,SAC5B,mBAAoB;AAGtB,QAAM,aAAa,MAAM,YAAY,MAAM;AACzC,eAAW;AACX,eAAW,MAAM,KAAK,aAAW,QAAQ;AAAA,KACxC,CAAC;AAEJ,QAAM,mBAAmB,CAAC,YAAsB;AAC9C,YAAQ;AAAA;AAGV,QAAM,UAAU,MAAM;AACpB,eAAW;AAAA,KACV,CAAC;AAEJ,QAAM,UAAU,MAAM;AACpB;AAAA,KACC,CAAC;AAEJ,QAAM,QAAgC;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,6CAAQ,QAAQ,UAAT;AAAA,IAAkB;AAAA,KAAe;AAAA;MAG7B,gBAAgB,MAAM;AACjC,QAAM,QAAQ,MAAM,WAAW;AAE/B,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM;AAAA;AAGlB,SAAO;AAAA;;MC1EI,UAAU,MAAM;AAC3B,QAAM,EAAE,eAAe;AACvB,6CACG,QAAD;AAAA,IAAQ,SAAQ;AAAA,IAAY,OAAM;AAAA,IAAU,SAAS,MAAM;AAAA,KAAc;AAAA;;MCLhE,UAAU,MAAM;AAC3B,QAAM,EAAE,MAAM,YAAY;AAE1B,MAAI;AAAS,+CAAQ,KAAD,MAAG;AAEvB,6CACG,OAAD,0CACG,KAAD,MAAI,KAAK,4CACR,KAAD,MAAI,KAAK;AAAA;;MCDF,WAAW,MAAM;AAC5B,QAAM,EAAE,MAAM,qBAAqB;AACnC,QAAM,aAAyB,CAAC,OAAmB;AACnD,6CACG,aAAD;AAAA,IAAa,WAAU;AAAA,yCACpB,WAAD;AAAA,IAAW,WAAU;AAAA,KAAS,kDAC7B,YAAD;AAAA,IACE,cAAW;AAAA,IACX,OAAO;AAAA,IACP,UAAU,OAAK,iBAAiB,EAAE,OAAO;AAAA,KAExC,WAAW,IAAI,2CACb,kBAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,6CAAU,OAAD;AAAA,IACT,OAAO,WAAW;AAAA;AAAA;;;;"}

package/dist/esm/{index-3d2a96f8.esm.js → index-8ff3197b.esm.js}

@@ -62,8 +62,9 @@ const ComponentTabs = ({
   }, tabs.map((t) => /* @__PURE__ */ React.createElement(Tab, {
     key: t.label,
     label: t.label
-  }))), tabs.map(({Component}, idx) => /* @__PURE__ */ React.createElement("div", {
-    ...idx === value ? {style: {display: "none"}} : {}
+  }))), tabs.map(({ Component }, idx) => /* @__PURE__ */ React.createElement("div", {
+    key: idx,
+    ...idx !== value ? { style: { display: "none" } } : {}
   }, /* @__PURE__ */ React.createElement(Component, null))));
 };
 
@@ -79,4 +80,4 @@ const ComponentTab = ({
 };
 
 export { ComponentAccordion, ComponentTab, ComponentTabs };
-//# sourceMappingURL=index-3d2a96f8.esm.js.map
+//# sourceMappingURL=index-8ff3197b.esm.js.map

package/dist/esm/{index-3d2a96f8.esm.js.map → index-8ff3197b.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-3d2a96f8.esm.js","sources":["../../src/componentRenderers/ComponentAccordion.tsx","../../src/componentRenderers/ComponentTabs/ComponentTabs.tsx","../../src/componentRenderers/ComponentTabs/ComponentTab.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Typography,\n  IconButton,\n  Theme,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport SettingsIcon from '@material-ui/icons/Settings';\n\nimport { SettingsModal } from '../components';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  settingsIconButton: {\n    padding: theme.spacing(0, 1, 0, 0),\n  },\n}));\n\nexport const ComponentAccordion = ({\n  title,\n  Content,\n  Actions,\n  Settings,\n  ContextProvider,\n  ...childProps\n}: {\n  title: string;\n  Content: () => JSX.Element;\n  Actions?: () => JSX.Element;\n  Settings?: () => JSX.Element;\n  ContextProvider?: (props: any) => JSX.Element;\n}) => {\n  const classes = useStyles();\n  const [settingsIsExpanded, setSettingsIsExpanded] = React.useState(false);\n  const [isExpanded, setIsExpanded] = React.useState(false);\n\n  const handleOpenSettings = (e: any) => {\n    e.stopPropagation();\n    setSettingsIsExpanded(prevState => !prevState);\n  };\n\n  const innerContent = (\n    <>\n      {Settings && (\n        <SettingsModal\n          open={settingsIsExpanded}\n          close={() => setSettingsIsExpanded(false)}\n          componentName={title}\n        >\n          <Settings />\n        </SettingsModal>\n      )}\n      <Accordion\n        expanded={isExpanded}\n        onChange={(_e: any, expanded: boolean) => setIsExpanded(expanded)}\n      >\n        <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n          {Settings && (\n            <IconButton\n              onClick={handleOpenSettings}\n              className={classes.settingsIconButton}\n            >\n              <SettingsIcon />\n            </IconButton>\n          )}\n          <Typography>{title}</Typography>\n        </AccordionSummary>\n        <AccordionDetails>\n          <div>\n            <Content />\n            {Actions && <Actions />}\n          </div>\n        </AccordionDetails>\n      </Accordion>\n    </>\n  );\n\n  return ContextProvider ? (\n    <ContextProvider {...childProps}>{innerContent}</ContextProvider>\n  ) : (\n    innerContent\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Tabs, Tab } from '@material-ui/core';\nimport { InfoCard } from '@backstage/core-components';\n\ntype TabType = {\n  label: string;\n  Component: () => JSX.Element;\n};\n\nexport const ComponentTabs = ({\n  title,\n  tabs,\n}: {\n  title: string;\n  tabs: TabType[];\n}) => {\n  const [value, setValue] = React.useState(0);\n\n  const handleChange = (_event: any, newValue: number) => {\n    setValue(newValue);\n  };\n\n  return (\n    <InfoCard title={title}>\n      <Tabs value={value} onChange={handleChange}>\n        {tabs.map(t => (\n          <Tab key={t.label} label={t.label} />\n        ))}\n      </Tabs>\n      {tabs.map(({ Component }, idx) => (\n        <div {...(idx === value ? { style: { display: 'none' } } : {})}>\n          <Component />\n        </div>\n      ))}\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nexport const ComponentTab = ({\n  title,\n  Content,\n  ContextProvider,\n  ...childProps\n}: {\n  title: string;\n  Content: () => JSX.Element;\n  ContextProvider?: (props: any) => JSX.Element;\n}) => {\n  return ContextProvider ? (\n    <ContextProvider {...childProps}>\n      <Content />\n    </ContextProvider>\n  ) : (\n    <Content />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA+BA,MAAM,YAAY,WAAW,CAAC;AAAkB,EAC9C,oBAAoB;AAAA,IAClB,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG;AAAA;AAAA;MAIvB,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAOC;AACJ,QAAM,UAAU;AAChB,QAAM,CAAC,oBAAoB,yBAAyB,MAAM,SAAS;AACnE,QAAM,CAAC,YAAY,iBAAiB,MAAM,SAAS;AAEnD,QAAM,qBAAqB,CAAC,MAAW;AACrC,MAAE;AACF,0BAAsB,eAAa,CAAC;AAAA;AAGtC,QAAM,yEAED,gDACE,eAAD;AAAA,IACE,MAAM;AAAA,IACN,OAAO,MAAM,sBAAsB;AAAA,IACnC,eAAe;AAAA,yCAEd,UAAD,4CAGH,WAAD;AAAA,IACE,UAAU;AAAA,IACV,UAAU,CAAC,IAAS,aAAsB,cAAc;AAAA,yCAEvD,kBAAD;AAAA,IAAkB,gDAAa,gBAAD;AAAA,KAC3B,gDACE,YAAD;AAAA,IACE,SAAS;AAAA,IACT,WAAW,QAAQ;AAAA,yCAElB,cAAD,4CAGH,YAAD,MAAa,6CAEd,kBAAD,0CACG,OAAD,0CACG,SAAD,OACC,+CAAY,SAAD;AAOtB,SAAO,sDACJ,iBAAD;AAAA,OAAqB;AAAA,KAAa,gBAElC;AAAA;;MC1ES,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,MAII;AACJ,QAAM,CAAC,OAAO,YAAY,MAAM,SAAS;AAEzC,QAAM,eAAe,CAAC,QAAa,aAAqB;AACtD,aAAS;AAAA;AAGX,6CACG,UAAD;AAAA,IAAU;AAAA,yCACP,MAAD;AAAA,IAAM;AAAA,IAAc,UAAU;AAAA,KAC3B,KAAK,IAAI,2CACP,KAAD;AAAA,IAAK,KAAK,EAAE;AAAA,IAAO,OAAO,EAAE;AAAA,QAG/B,KAAK,IAAI,CAAC,CAAE,YAAa,4CACvB,OAAD;AAAA,OAAU,QAAQ,QAAQ,CAAE,OAAO,CAAE,SAAS,WAAa;AAAA,yCACxD,WAAD;AAAA;;MC7BG,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAKC;AACJ,SAAO,sDACJ,iBAAD;AAAA,OAAqB;AAAA,yCAClB,SAAD,6CAGD,SAAD;AAAA;;;;"}
+{"version":3,"file":"index-8ff3197b.esm.js","sources":["../../src/componentRenderers/ComponentAccordion.tsx","../../src/componentRenderers/ComponentTabs/ComponentTabs.tsx","../../src/componentRenderers/ComponentTabs/ComponentTab.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Typography,\n  IconButton,\n  Theme,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport SettingsIcon from '@material-ui/icons/Settings';\n\nimport { SettingsModal } from '../components';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  settingsIconButton: {\n    padding: theme.spacing(0, 1, 0, 0),\n  },\n}));\n\nexport const ComponentAccordion = ({\n  title,\n  Content,\n  Actions,\n  Settings,\n  ContextProvider,\n  ...childProps\n}: {\n  title: string;\n  Content: () => JSX.Element;\n  Actions?: () => JSX.Element;\n  Settings?: () => JSX.Element;\n  ContextProvider?: (props: any) => JSX.Element;\n}) => {\n  const classes = useStyles();\n  const [settingsIsExpanded, setSettingsIsExpanded] = React.useState(false);\n  const [isExpanded, setIsExpanded] = React.useState(false);\n\n  const handleOpenSettings = (e: any) => {\n    e.stopPropagation();\n    setSettingsIsExpanded(prevState => !prevState);\n  };\n\n  const innerContent = (\n    <>\n      {Settings && (\n        <SettingsModal\n          open={settingsIsExpanded}\n          close={() => setSettingsIsExpanded(false)}\n          componentName={title}\n        >\n          <Settings />\n        </SettingsModal>\n      )}\n      <Accordion\n        expanded={isExpanded}\n        onChange={(_e: any, expanded: boolean) => setIsExpanded(expanded)}\n      >\n        <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n          {Settings && (\n            <IconButton\n              onClick={handleOpenSettings}\n              className={classes.settingsIconButton}\n            >\n              <SettingsIcon />\n            </IconButton>\n          )}\n          <Typography>{title}</Typography>\n        </AccordionSummary>\n        <AccordionDetails>\n          <div>\n            <Content />\n            {Actions && <Actions />}\n          </div>\n        </AccordionDetails>\n      </Accordion>\n    </>\n  );\n\n  return ContextProvider ? (\n    <ContextProvider {...childProps}>{innerContent}</ContextProvider>\n  ) : (\n    innerContent\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { Tabs, Tab } from '@material-ui/core';\nimport { InfoCard } from '@backstage/core-components';\n\ntype TabType = {\n  label: string;\n  Component: () => JSX.Element;\n};\n\nexport const ComponentTabs = ({\n  title,\n  tabs,\n}: {\n  title: string;\n  tabs: TabType[];\n}) => {\n  const [value, setValue] = React.useState(0);\n\n  const handleChange = (_event: any, newValue: number) => {\n    setValue(newValue);\n  };\n\n  return (\n    <InfoCard title={title}>\n      <Tabs value={value} onChange={handleChange}>\n        {tabs.map(t => (\n          <Tab key={t.label} label={t.label} />\n        ))}\n      </Tabs>\n      {tabs.map(({ Component }, idx) => (\n        <div\n          key={idx}\n          {...(idx !== value ? { style: { display: 'none' } } : {})}\n        >\n          <Component />\n        </div>\n      ))}\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nexport const ComponentTab = ({\n  title,\n  Content,\n  ContextProvider,\n  ...childProps\n}: {\n  title: string;\n  Content: () => JSX.Element;\n  ContextProvider?: (props: any) => JSX.Element;\n}) => {\n  return ContextProvider ? (\n    <ContextProvider {...childProps}>\n      <Content />\n    </ContextProvider>\n  ) : (\n    <Content />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA+BA,MAAM,YAAY,WAAW,CAAC;AAAkB,EAC9C,oBAAoB;AAAA,IAClB,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG;AAAA;AAAA;MAIvB,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAOC;AACJ,QAAM,UAAU;AAChB,QAAM,CAAC,oBAAoB,yBAAyB,MAAM,SAAS;AACnE,QAAM,CAAC,YAAY,iBAAiB,MAAM,SAAS;AAEnD,QAAM,qBAAqB,CAAC,MAAW;AACrC,MAAE;AACF,0BAAsB,eAAa,CAAC;AAAA;AAGtC,QAAM,yEAED,gDACE,eAAD;AAAA,IACE,MAAM;AAAA,IACN,OAAO,MAAM,sBAAsB;AAAA,IACnC,eAAe;AAAA,yCAEd,UAAD,4CAGH,WAAD;AAAA,IACE,UAAU;AAAA,IACV,UAAU,CAAC,IAAS,aAAsB,cAAc;AAAA,yCAEvD,kBAAD;AAAA,IAAkB,gDAAa,gBAAD;AAAA,KAC3B,gDACE,YAAD;AAAA,IACE,SAAS;AAAA,IACT,WAAW,QAAQ;AAAA,yCAElB,cAAD,4CAGH,YAAD,MAAa,6CAEd,kBAAD,0CACG,OAAD,0CACG,SAAD,OACC,+CAAY,SAAD;AAOtB,SAAO,sDACJ,iBAAD;AAAA,OAAqB;AAAA,KAAa,gBAElC;AAAA;;MC1ES,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,MAII;AACJ,QAAM,CAAC,OAAO,YAAY,MAAM,SAAS;AAEzC,QAAM,eAAe,CAAC,QAAa,aAAqB;AACtD,aAAS;AAAA;AAGX,6CACG,UAAD;AAAA,IAAU;AAAA,yCACP,MAAD;AAAA,IAAM;AAAA,IAAc,UAAU;AAAA,KAC3B,KAAK,IAAI,2CACP,KAAD;AAAA,IAAK,KAAK,EAAE;AAAA,IAAO,OAAO,EAAE;AAAA,QAG/B,KAAK,IAAI,CAAC,EAAE,aAAa,4CACvB,OAAD;AAAA,IACE,KAAK;AAAA,OACA,QAAQ,QAAQ,EAAE,OAAO,EAAE,SAAS,aAAa;AAAA,yCAErD,WAAD;AAAA;;MChCG,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAKC;AACJ,SAAO,sDACJ,iBAAD;AAAA,OAAqB;AAAA,yCAClB,SAAD,6CAGD,SAAD;AAAA;;;;"}

package/dist/index.d.ts

@@ -14,9 +14,10 @@ declare type ComponentParts = {
 declare type RendererProps = {
     title: string;
 } & ComponentParts;
-declare function createCardExtension<T>({ title, components, }: {
+declare function createCardExtension<T>({ title, components, name, }: {
     title: string;
     components: () => Promise<ComponentParts>;
+    name?: string;
 }): _backstage_core_plugin_api.Extension<({ Renderer, title: overrideTitle, ...childProps }: ComponentRenderer & {
     title?: string;
 } & T) => JSX.Element>;
@@ -47,6 +48,12 @@ declare const ComponentTab: ({ title, Content, ContextProvider, ...childProps }:
     Content: () => JSX.Element;
     ContextProvider?: ((props: any) => JSX.Element) | undefined;
 }) => JSX.Element;
+/**
+ * A component to display a playful greeting for the user.
+ *
+ * @public
+ */
+declare const WelcomeTitle: () => JSX.Element;
 declare const HomePageRandomJoke: ({ Renderer, title: overrideTitle, ...childProps }: ComponentRenderer & {
     title?: string | undefined;
 } & {
@@ -60,4 +67,12 @@ declare const SettingsModal: ({ open, close, componentName, children, }: {
     children: JSX.Element;
 }) => JSX.Element;
 
-export { ComponentAccordion, ComponentTab, ComponentTabs, HomePageRandomJoke, HomepageCompositionRoot, SettingsModal, createCardExtension, homePlugin };
+declare type ClockConfig = {
+    label: string;
+    timeZone: string;
+};
+declare const HeaderWorldClock: ({ clockConfigs, }: {
+    clockConfigs: ClockConfig[];
+}) => JSX.Element | null;
+
+export { ClockConfig, ComponentAccordion, ComponentTab, ComponentTabs, HeaderWorldClock, HomePageRandomJoke, HomepageCompositionRoot, SettingsModal, WelcomeTitle, createCardExtension, homePlugin };

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import { createReactExtension, useApp, createRouteRef, createPlugin, createRouta
 import React, { Suspense } from 'react';
 import { Dialog, DialogTitle, DialogContent, DialogActions, Button, IconButton } from '@material-ui/core';
 import SettingsIcon from '@material-ui/icons/Settings';
-import { InfoCard } from '@backstage/core-components';
+import { HeaderLabel, InfoCard } from '@backstage/core-components';
 import 'react-router';
 
 const SettingsModal = ({
@@ -21,20 +21,75 @@ const SettingsModal = ({
   }, "Close")));
 };
 
+const timeFormat = {
+  hour: "2-digit",
+  minute: "2-digit"
+};
+function getTimes(clockConfigs) {
+  const d = new Date();
+  const lang = window.navigator.language;
+  const clocks = [];
+  if (!clockConfigs) {
+    return clocks;
+  }
+  for (const clockConfig of clockConfigs) {
+    let label = clockConfig.label;
+    const options = {
+      timeZone: clockConfig.timeZone,
+      ...timeFormat
+    };
+    try {
+      new Date().toLocaleString(lang, options);
+    } catch (e) {
+      console.warn(`The timezone ${options.timeZone} is invalid. Defaulting to GMT`);
+      options.timeZone = "GMT";
+      label = "GMT";
+    }
+    const time = d.toLocaleTimeString(lang, options);
+    clocks.push({ time, label });
+  }
+  return clocks;
+}
+const HeaderWorldClock = ({
+  clockConfigs
+}) => {
+  const defaultTimes = [];
+  const [clocks, setTimes] = React.useState(defaultTimes);
+  React.useEffect(() => {
+    setTimes(getTimes(clockConfigs));
+    const intervalId = setInterval(() => {
+      setTimes(getTimes(clockConfigs));
+    }, 1e3);
+    return () => {
+      clearInterval(intervalId);
+    };
+  }, [clockConfigs]);
+  if (clocks.length !== 0) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, clocks.map((clock) => /* @__PURE__ */ React.createElement(HeaderLabel, {
+      label: clock.label,
+      value: clock.time,
+      key: clock.label
+    })));
+  }
+  return null;
+};
+
 function createCardExtension({
   title,
-  components
+  components,
+  name
 }) {
   return createReactExtension({
+    name,
     component: {
-      lazy: () => components().then(({Content, Actions, Settings, ContextProvider}) => {
+      lazy: () => components().then(({ Content, Actions, Settings, ContextProvider }) => {
         const CardExtension = ({
           Renderer,
           title: overrideTitle,
           ...childProps
         }) => {
           const app = useApp();
-          const {Progress} = app.getComponents();
+          const { Progress } = app.getComponents();
           const [settingsOpen, setSettingsOpen] = React.useState(false);
           if (Renderer) {
             return /* @__PURE__ */ React.createElement(Suspense, {
@@ -43,9 +98,9 @@ function createCardExtension({
               title: overrideTitle || title,
               ...{
                 Content,
-                ...Actions ? {Actions} : {},
-                ...Settings ? {Settings} : {},
-                ...ContextProvider ? {ContextProvider} : {},
+                ...Actions ? { Actions } : {},
+                ...Settings ? { Settings } : {},
+                ...ContextProvider ? { ContextProvider } : {},
                 ...childProps
               }
             }));
@@ -81,7 +136,7 @@ function createCardExtension({
 }
 
 const rootRouteRef = createRouteRef({
-  title: "home"
+  id: "home"
 });
 
 const homePlugin = createPlugin({
@@ -92,31 +147,38 @@ const homePlugin = createPlugin({
 });
 const HomepageCompositionRoot = homePlugin.provide(createRoutableExtension({
   name: "HomepageCompositionRoot",
-  component: () => import('./esm/index-07e28acc.esm.js').then((m) => m.HomepageCompositionRoot),
+  component: () => import('./esm/index-05c74847.esm.js').then((m) => m.HomepageCompositionRoot),
   mountPoint: rootRouteRef
 }));
 const ComponentAccordion = homePlugin.provide(createComponentExtension({
   name: "ComponentAccordion",
   component: {
-    lazy: () => import('./esm/index-3d2a96f8.esm.js').then((m) => m.ComponentAccordion)
+    lazy: () => import('./esm/index-8ff3197b.esm.js').then((m) => m.ComponentAccordion)
   }
 }));
 const ComponentTabs = homePlugin.provide(createComponentExtension({
   name: "ComponentTabs",
   component: {
-    lazy: () => import('./esm/index-3d2a96f8.esm.js').then((m) => m.ComponentTabs)
+    lazy: () => import('./esm/index-8ff3197b.esm.js').then((m) => m.ComponentTabs)
   }
 }));
 const ComponentTab = homePlugin.provide(createComponentExtension({
   name: "ComponentTab",
   component: {
-    lazy: () => import('./esm/index-3d2a96f8.esm.js').then((m) => m.ComponentTab)
+    lazy: () => import('./esm/index-8ff3197b.esm.js').then((m) => m.ComponentTab)
+  }
+}));
+const WelcomeTitle = homePlugin.provide(createComponentExtension({
+  name: "WelcomeTitle",
+  component: {
+    lazy: () => import('./esm/index-20e36a68.esm.js').then((m) => m.WelcomeTitle)
   }
 }));
 const HomePageRandomJoke = homePlugin.provide(createCardExtension({
+  name: "HomePageRandomJoke",
   title: "Random Joke",
-  components: () => import('./esm/index-1baf251a.esm.js')
+  components: () => import('./esm/index-22929ade.esm.js')
 }));
 
-export { ComponentAccordion, ComponentTab, ComponentTabs, HomePageRandomJoke, HomepageCompositionRoot, SettingsModal, createCardExtension, homePlugin };
+export { ComponentAccordion, ComponentTab, ComponentTabs, HeaderWorldClock, HomePageRandomJoke, HomepageCompositionRoot, SettingsModal, WelcomeTitle, createCardExtension, homePlugin };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/components/SettingsModal.tsx","../src/extensions.tsx","../src/routes.ts","../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n} from '@material-ui/core';\n\nexport const SettingsModal = ({\n  open,\n  close,\n  componentName,\n  children,\n}: {\n  open: boolean;\n  close: Function;\n  componentName: string;\n  children: JSX.Element;\n}) => {\n  return (\n    <Dialog open={open} onClose={() => close()}>\n      <DialogTitle>Settings - {componentName}</DialogTitle>\n      <DialogContent>{children}</DialogContent>\n      <DialogActions>\n        <Button onClick={() => close()} color=\"primary\" variant=\"contained\">\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { Suspense } from 'react';\nimport { IconButton } from '@material-ui/core';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { InfoCard } from '@backstage/core-components';\nimport { SettingsModal } from './components';\nimport { createReactExtension, useApp } from '@backstage/core-plugin-api';\n\nexport type ComponentRenderer = {\n  Renderer?: (props: RendererProps) => JSX.Element;\n};\n\ntype ComponentParts = {\n  Content: () => JSX.Element;\n  Actions?: () => JSX.Element;\n  Settings?: () => JSX.Element;\n  ContextProvider?: (props: any) => JSX.Element;\n};\n\ntype RendererProps = { title: string } & ComponentParts;\n\nexport function createCardExtension<T>({\n  title,\n  components,\n}: {\n  title: string;\n  components: () => Promise<ComponentParts>;\n}) {\n  return createReactExtension({\n    component: {\n      lazy: () =>\n        components().then(({ Content, Actions, Settings, ContextProvider }) => {\n          const CardExtension = ({\n            Renderer,\n            title: overrideTitle,\n            ...childProps\n          }: ComponentRenderer & { title?: string } & T) => {\n            const app = useApp();\n            const { Progress } = app.getComponents();\n            const [settingsOpen, setSettingsOpen] = React.useState(false);\n\n            if (Renderer) {\n              return (\n                <Suspense fallback={<Progress />}>\n                  <Renderer\n                    title={overrideTitle || title}\n                    {...{\n                      Content,\n                      ...(Actions ? { Actions } : {}),\n                      ...(Settings ? { Settings } : {}),\n                      ...(ContextProvider ? { ContextProvider } : {}),\n                      ...childProps,\n                    }}\n                  />\n                </Suspense>\n              );\n            }\n\n            const cardProps = {\n              title: overrideTitle ?? title,\n              ...(Settings\n                ? {\n                    action: (\n                      <IconButton onClick={() => setSettingsOpen(true)}>\n                        <SettingsIcon>Settings</SettingsIcon>\n                      </IconButton>\n                    ),\n                  }\n                : {}),\n              ...(Actions\n                ? {\n                    actions: <Actions />,\n                  }\n                : {}),\n            };\n\n            const innerContent = (\n              <InfoCard {...cardProps}>\n                {Settings && (\n                  <SettingsModal\n                    open={settingsOpen}\n                    componentName={title}\n                    close={() => setSettingsOpen(false)}\n                  >\n                    <Settings />\n                  </SettingsModal>\n                )}\n                <Content />\n              </InfoCard>\n            );\n\n            return (\n              <Suspense fallback={<Progress />}>\n                {ContextProvider ? (\n                  <ContextProvider {...childProps}>\n                    {innerContent}\n                  </ContextProvider>\n                ) : (\n                  innerContent\n                )}\n              </Suspense>\n            );\n          };\n          return CardExtension;\n        }),\n    },\n  });\n}\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  title: 'home',\n});\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n} from '@backstage/core-plugin-api';\nimport { createCardExtension } from './extensions';\n\nimport { rootRouteRef } from './routes';\n\nexport const homePlugin = createPlugin({\n  id: 'home',\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\nexport const HomepageCompositionRoot = homePlugin.provide(\n  createRoutableExtension({\n    name: 'HomepageCompositionRoot',\n    component: () =>\n      import('./components').then(m => m.HomepageCompositionRoot),\n    mountPoint: rootRouteRef,\n  }),\n);\n\nexport const ComponentAccordion = homePlugin.provide(\n  createComponentExtension({\n    name: 'ComponentAccordion',\n    component: {\n      lazy: () =>\n        import('./componentRenderers').then(m => m.ComponentAccordion),\n    },\n  }),\n);\nexport const ComponentTabs = homePlugin.provide(\n  createComponentExtension({\n    name: 'ComponentTabs',\n    component: {\n      lazy: () => import('./componentRenderers').then(m => m.ComponentTabs),\n    },\n  }),\n);\nexport const ComponentTab = homePlugin.provide(\n  createComponentExtension({\n    name: 'ComponentTab',\n    component: {\n      lazy: () => import('./componentRenderers').then(m => m.ComponentTab),\n    },\n  }),\n);\n\nexport const HomePageRandomJoke = homePlugin.provide(\n  createCardExtension<{ defaultCategory?: 'any' | 'programming' }>({\n    title: 'Random Joke',\n    components: () => import('./homePageComponents/RandomJoke'),\n  }),\n);\n"],"names":[],"mappings":";;;;;;;MAyBa,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAMI;AACJ,6CACG,QAAD;AAAA,IAAQ;AAAA,IAAY,SAAS,MAAM;AAAA,yCAChC,aAAD,MAAa,eAAY,oDACxB,eAAD,MAAgB,+CACf,eAAD,0CACG,QAAD;AAAA,IAAQ,SAAS,MAAM;AAAA,IAAS,OAAM;AAAA,IAAU,SAAQ;AAAA,KAAY;AAAA;;6BCLrC;AAAA,EACrC;AAAA,EACA;AAAA,GAIC;AACD,SAAO,qBAAqB;AAAA,IAC1B,WAAW;AAAA,MACT,MAAM,MACJ,aAAa,KAAK,CAAC,CAAE,SAAS,SAAS,UAAU,qBAAsB;AACrE,cAAM,gBAAgB,CAAC;AAAA,UACrB;AAAA,UACA,OAAO;AAAA,aACJ;AAAA,cAC6C;AAChD,gBAAM,MAAM;AACZ,gBAAM,CAAE,YAAa,IAAI;AACzB,gBAAM,CAAC,cAAc,mBAAmB,MAAM,SAAS;AAEvD,cAAI,UAAU;AACZ,uDACG,UAAD;AAAA,cAAU,8CAAW,UAAD;AAAA,mDACjB,UAAD;AAAA,cACE,OAAO,iBAAiB;AAAA,iBACpB;AAAA,gBACF;AAAA,mBACI,UAAU,CAAE,WAAY;AAAA,mBACxB,WAAW,CAAE,YAAa;AAAA,mBAC1B,kBAAkB,CAAE,mBAAoB;AAAA,mBACzC;AAAA;AAAA;AAAA;AAOb,gBAAM,YAAY;AAAA,YAChB,OAAO,wCAAiB;AAAA,eACpB,WACA;AAAA,cACE,4CACG,YAAD;AAAA,gBAAY,SAAS,MAAM,gBAAgB;AAAA,qDACxC,cAAD,MAAc;AAAA,gBAIpB;AAAA,eACA,UACA;AAAA,cACE,6CAAU,SAAD;AAAA,gBAEX;AAAA;AAGN,gBAAM,mDACH,UAAD;AAAA,eAAc;AAAA,aACX,gDACE,eAAD;AAAA,YACE,MAAM;AAAA,YACN,eAAe;AAAA,YACf,OAAO,MAAM,gBAAgB;AAAA,iDAE5B,UAAD,4CAGH,SAAD;AAIJ,qDACG,UAAD;AAAA,YAAU,8CAAW,UAAD;AAAA,aACjB,sDACE,iBAAD;AAAA,eAAqB;AAAA,aAClB,gBAGH;AAAA;AAKR,eAAO;AAAA;AAAA;AAAA;AAAA;;MCrGJ,eAAe,eAAe;AAAA,EACzC,OAAO;AAAA;;MCMI,aAAa,aAAa;AAAA,EACrC,IAAI;AAAA,EACJ,QAAQ;AAAA,IACN,MAAM;AAAA;AAAA;MAIG,0BAA0B,WAAW,QAChD,wBAAwB;AAAA,EACtB,MAAM;AAAA,EACN,WAAW,MACF,sCAAgB,KAAK,OAAK,EAAE;AAAA,EACrC,YAAY;AAAA;MAIH,qBAAqB,WAAW,QAC3C,yBAAyB;AAAA,EACvB,MAAM;AAAA,EACN,WAAW;AAAA,IACT,MAAM,MACG,sCAAwB,KAAK,OAAK,EAAE;AAAA;AAAA;MAItC,gBAAgB,WAAW,QACtC,yBAAyB;AAAA,EACvB,MAAM;AAAA,EACN,WAAW;AAAA,IACT,MAAM,MAAa,sCAAwB,KAAK,OAAK,EAAE;AAAA;AAAA;MAIhD,eAAe,WAAW,QACrC,yBAAyB;AAAA,EACvB,MAAM;AAAA,EACN,WAAW;AAAA,IACT,MAAM,MAAa,sCAAwB,KAAK,OAAK,EAAE;AAAA;AAAA;MAKhD,qBAAqB,WAAW,QAC3C,oBAAiE;AAAA,EAC/D,OAAO;AAAA,EACP,YAAY,MAAa;AAAA;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../src/components/SettingsModal.tsx","../src/components/HeaderWorldClock/HeaderWorldClock.tsx","../src/extensions.tsx","../src/routes.ts","../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n} from '@material-ui/core';\n\nexport const SettingsModal = ({\n  open,\n  close,\n  componentName,\n  children,\n}: {\n  open: boolean;\n  close: Function;\n  componentName: string;\n  children: JSX.Element;\n}) => {\n  return (\n    <Dialog open={open} onClose={() => close()}>\n      <DialogTitle>Settings - {componentName}</DialogTitle>\n      <DialogContent>{children}</DialogContent>\n      <DialogActions>\n        <Button onClick={() => close()} color=\"primary\" variant=\"contained\">\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { HeaderLabel } from '@backstage/core-components';\n\nconst timeFormat: Intl.DateTimeFormatOptions = {\n  hour: '2-digit',\n  minute: '2-digit',\n};\n\ntype TimeObj = {\n  time: string;\n  label: string;\n};\n\nexport type ClockConfig = {\n  label: string;\n  timeZone: string;\n};\n\nfunction getTimes(clockConfigs: ClockConfig[]) {\n  const d = new Date();\n  const lang = window.navigator.language;\n\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      ...timeFormat,\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 time = d.toLocaleTimeString(lang, options);\n    clocks.push({ time, label });\n  }\n\n  return clocks;\n}\n\nexport const HeaderWorldClock = ({\n  clockConfigs,\n}: {\n  clockConfigs: ClockConfig[];\n}) => {\n  const defaultTimes: TimeObj[] = [];\n  const [clocks, setTimes] = React.useState(defaultTimes);\n\n  React.useEffect(() => {\n    setTimes(getTimes(clockConfigs));\n\n    const intervalId = setInterval(() => {\n      setTimes(getTimes(clockConfigs));\n    }, 1000);\n\n    return () => {\n      clearInterval(intervalId);\n    };\n  }, [clockConfigs]);\n\n  if (clocks.length !== 0) {\n    return (\n      <>\n        {clocks.map(clock => (\n          <HeaderLabel\n            label={clock.label}\n            value={clock.time}\n            key={clock.label}\n          />\n        ))}\n      </>\n    );\n  }\n  return null;\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { Suspense } from 'react';\nimport { IconButton } from '@material-ui/core';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { InfoCard } from '@backstage/core-components';\nimport { SettingsModal } from './components';\nimport { createReactExtension, useApp } from '@backstage/core-plugin-api';\n\nexport type ComponentRenderer = {\n  Renderer?: (props: RendererProps) => JSX.Element;\n};\n\ntype ComponentParts = {\n  Content: () => JSX.Element;\n  Actions?: () => JSX.Element;\n  Settings?: () => JSX.Element;\n  ContextProvider?: (props: any) => JSX.Element;\n};\n\ntype RendererProps = { title: string } & ComponentParts;\n\nexport function createCardExtension<T>({\n  title,\n  components,\n  name,\n}: {\n  title: string;\n  components: () => Promise<ComponentParts>;\n  name?: string;\n}) {\n  return createReactExtension({\n    name,\n    component: {\n      lazy: () =>\n        components().then(({ Content, Actions, Settings, ContextProvider }) => {\n          const CardExtension = ({\n            Renderer,\n            title: overrideTitle,\n            ...childProps\n          }: ComponentRenderer & { title?: string } & T) => {\n            const app = useApp();\n            const { Progress } = app.getComponents();\n            const [settingsOpen, setSettingsOpen] = React.useState(false);\n\n            if (Renderer) {\n              return (\n                <Suspense fallback={<Progress />}>\n                  <Renderer\n                    title={overrideTitle || title}\n                    {...{\n                      Content,\n                      ...(Actions ? { Actions } : {}),\n                      ...(Settings ? { Settings } : {}),\n                      ...(ContextProvider ? { ContextProvider } : {}),\n                      ...childProps,\n                    }}\n                  />\n                </Suspense>\n              );\n            }\n\n            const cardProps = {\n              title: overrideTitle ?? title,\n              ...(Settings\n                ? {\n                    action: (\n                      <IconButton onClick={() => setSettingsOpen(true)}>\n                        <SettingsIcon>Settings</SettingsIcon>\n                      </IconButton>\n                    ),\n                  }\n                : {}),\n              ...(Actions\n                ? {\n                    actions: <Actions />,\n                  }\n                : {}),\n            };\n\n            const innerContent = (\n              <InfoCard {...cardProps}>\n                {Settings && (\n                  <SettingsModal\n                    open={settingsOpen}\n                    componentName={title}\n                    close={() => setSettingsOpen(false)}\n                  >\n                    <Settings />\n                  </SettingsModal>\n                )}\n                <Content />\n              </InfoCard>\n            );\n\n            return (\n              <Suspense fallback={<Progress />}>\n                {ContextProvider ? (\n                  <ContextProvider {...childProps}>\n                    {innerContent}\n                  </ContextProvider>\n                ) : (\n                  innerContent\n                )}\n              </Suspense>\n            );\n          };\n          return CardExtension;\n        }),\n    },\n  });\n}\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'home',\n});\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n} from '@backstage/core-plugin-api';\nimport { createCardExtension } from './extensions';\n\nimport { rootRouteRef } from './routes';\n\nexport const homePlugin = createPlugin({\n  id: 'home',\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\nexport const HomepageCompositionRoot = homePlugin.provide(\n  createRoutableExtension({\n    name: 'HomepageCompositionRoot',\n    component: () =>\n      import('./components').then(m => m.HomepageCompositionRoot),\n    mountPoint: rootRouteRef,\n  }),\n);\n\nexport const ComponentAccordion = homePlugin.provide(\n  createComponentExtension({\n    name: 'ComponentAccordion',\n    component: {\n      lazy: () =>\n        import('./componentRenderers').then(m => m.ComponentAccordion),\n    },\n  }),\n);\nexport const ComponentTabs = homePlugin.provide(\n  createComponentExtension({\n    name: 'ComponentTabs',\n    component: {\n      lazy: () => import('./componentRenderers').then(m => m.ComponentTabs),\n    },\n  }),\n);\nexport const ComponentTab = homePlugin.provide(\n  createComponentExtension({\n    name: 'ComponentTab',\n    component: {\n      lazy: () => import('./componentRenderers').then(m => m.ComponentTab),\n    },\n  }),\n);\n\n/**\n * A component to display a playful greeting for the user.\n *\n * @public\n */\nexport const WelcomeTitle = homePlugin.provide(\n  createComponentExtension({\n    name: 'WelcomeTitle',\n    component: {\n      lazy: () =>\n        import('./homePageComponents/WelcomeTitle').then(m => m.WelcomeTitle),\n    },\n  }),\n);\n\nexport const HomePageRandomJoke = homePlugin.provide(\n  createCardExtension<{ defaultCategory?: 'any' | 'programming' }>({\n    name: 'HomePageRandomJoke',\n    title: 'Random Joke',\n    components: () => import('./homePageComponents/RandomJoke'),\n  }),\n);\n"],"names":[],"mappings":";;;;;;;MAyBa,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAMI;AACJ,6CACG,QAAD;AAAA,IAAQ;AAAA,IAAY,SAAS,MAAM;AAAA,yCAChC,aAAD,MAAa,eAAY,oDACxB,eAAD,MAAgB,+CACf,eAAD,0CACG,QAAD;AAAA,IAAQ,SAAS,MAAM;AAAA,IAAS,OAAM;AAAA,IAAU,SAAQ;AAAA,KAAY;AAAA;;ACtB5E,MAAM,aAAyC;AAAA,EAC7C,MAAM;AAAA,EACN,QAAQ;AAAA;AAaV,kBAAkB,cAA6B;AAC7C,QAAM,IAAI,IAAI;AACd,QAAM,OAAO,OAAO,UAAU;AAE9B,QAAM,SAAoB;AAE1B,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA;AAGT,aAAW,eAAe,cAAc;AACtC,QAAI,QAAQ,YAAY;AAExB,UAAM,UAAsC;AAAA,MAC1C,UAAU,YAAY;AAAA,SACnB;AAAA;AAGL,QAAI;AACF,UAAI,OAAO,eAAe,MAAM;AAAA,aACzB,GAAP;AAEA,cAAQ,KACN,gBAAgB,QAAQ;AAE1B,cAAQ,WAAW;AACnB,cAAQ;AAAA;AAGV,UAAM,OAAO,EAAE,mBAAmB,MAAM;AACxC,WAAO,KAAK,EAAE,MAAM;AAAA;AAGtB,SAAO;AAAA;MAGI,mBAAmB,CAAC;AAAA,EAC/B;AAAA,MAGI;AACJ,QAAM,eAA0B;AAChC,QAAM,CAAC,QAAQ,YAAY,MAAM,SAAS;AAE1C,QAAM,UAAU,MAAM;AACpB,aAAS,SAAS;AAElB,UAAM,aAAa,YAAY,MAAM;AACnC,eAAS,SAAS;AAAA,OACjB;AAEH,WAAO,MAAM;AACX,oBAAc;AAAA;AAAA,KAEf,CAAC;AAEJ,MAAI,OAAO,WAAW,GAAG;AACvB,qEAEK,OAAO,IAAI,+CACT,aAAD;AAAA,MACE,OAAO,MAAM;AAAA,MACb,OAAO,MAAM;AAAA,MACb,KAAK,MAAM;AAAA;AAAA;AAMrB,SAAO;AAAA;;6BCnE8B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,GAKC;AACD,SAAO,qBAAqB;AAAA,IAC1B;AAAA,IACA,WAAW;AAAA,MACT,MAAM,MACJ,aAAa,KAAK,CAAC,EAAE,SAAS,SAAS,UAAU,sBAAsB;AACrE,cAAM,gBAAgB,CAAC;AAAA,UACrB;AAAA,UACA,OAAO;AAAA,aACJ;AAAA,cAC6C;AAChD,gBAAM,MAAM;AACZ,gBAAM,EAAE,aAAa,IAAI;AACzB,gBAAM,CAAC,cAAc,mBAAmB,MAAM,SAAS;AAEvD,cAAI,UAAU;AACZ,uDACG,UAAD;AAAA,cAAU,8CAAW,UAAD;AAAA,mDACjB,UAAD;AAAA,cACE,OAAO,iBAAiB;AAAA,iBACpB;AAAA,gBACF;AAAA,mBACI,UAAU,EAAE,YAAY;AAAA,mBACxB,WAAW,EAAE,aAAa;AAAA,mBAC1B,kBAAkB,EAAE,oBAAoB;AAAA,mBACzC;AAAA;AAAA;AAAA;AAOb,gBAAM,YAAY;AAAA,YAChB,OAAO,wCAAiB;AAAA,eACpB,WACA;AAAA,cACE,4CACG,YAAD;AAAA,gBAAY,SAAS,MAAM,gBAAgB;AAAA,qDACxC,cAAD,MAAc;AAAA,gBAIpB;AAAA,eACA,UACA;AAAA,cACE,6CAAU,SAAD;AAAA,gBAEX;AAAA;AAGN,gBAAM,mDACH,UAAD;AAAA,eAAc;AAAA,aACX,gDACE,eAAD;AAAA,YACE,MAAM;AAAA,YACN,eAAe;AAAA,YACf,OAAO,MAAM,gBAAgB;AAAA,iDAE5B,UAAD,4CAGH,SAAD;AAIJ,qDACG,UAAD;AAAA,YAAU,8CAAW,UAAD;AAAA,aACjB,sDACE,iBAAD;AAAA,eAAqB;AAAA,aAClB,gBAGH;AAAA;AAKR,eAAO;AAAA;AAAA;AAAA;AAAA;;MCxGJ,eAAe,eAAe;AAAA,EACzC,IAAI;AAAA;;MCMO,aAAa,aAAa;AAAA,EACrC,IAAI;AAAA,EACJ,QAAQ;AAAA,IACN,MAAM;AAAA;AAAA;MAIG,0BAA0B,WAAW,QAChD,wBAAwB;AAAA,EACtB,MAAM;AAAA,EACN,WAAW,MACT,OAAO,+BAAgB,KAAK,OAAK,EAAE;AAAA,EACrC,YAAY;AAAA;MAIH,qBAAqB,WAAW,QAC3C,yBAAyB;AAAA,EACvB,MAAM;AAAA,EACN,WAAW;AAAA,IACT,MAAM,MACJ,OAAO,+BAAwB,KAAK,OAAK,EAAE;AAAA;AAAA;MAItC,gBAAgB,WAAW,QACtC,yBAAyB;AAAA,EACvB,MAAM;AAAA,EACN,WAAW;AAAA,IACT,MAAM,MAAM,OAAO,+BAAwB,KAAK,OAAK,EAAE;AAAA;AAAA;MAIhD,eAAe,WAAW,QACrC,yBAAyB;AAAA,EACvB,MAAM;AAAA,EACN,WAAW;AAAA,IACT,MAAM,MAAM,OAAO,+BAAwB,KAAK,OAAK,EAAE;AAAA;AAAA;MAUhD,eAAe,WAAW,QACrC,yBAAyB;AAAA,EACvB,MAAM;AAAA,EACN,WAAW;AAAA,IACT,MAAM,MACJ,OAAO,+BAAqC,KAAK,OAAK,EAAE;AAAA;AAAA;MAKnD,qBAAqB,WAAW,QAC3C,oBAAiE;AAAA,EAC/D,MAAM;AAAA,EACN,OAAO;AAAA,EACP,YAAY,MAAM,OAAO;AAAA;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@backstage/plugin-home",
   "description": "A Backstage plugin that helps you build a home page",
-  "version": "0.4.3",
+  "version": "0.4.7",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -21,34 +21,35 @@
     "clean": "backstage-cli clean"
   },
   "dependencies": {
-    "@backstage/core-components": "^0.6.1",
-    "@backstage/core-plugin-api": "^0.1.10",
-    "@backstage/theme": "^0.2.10",
+    "@backstage/core-components": "^0.8.0",
+    "@backstage/core-plugin-api": "^0.3.0",
+    "@backstage/theme": "^0.2.14",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "@types/react": "*",
     "lodash": "^4.17.21",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "@types/react": "^16.13.1 || ^17.0.0",
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
-    "@backstage/cli": "^0.7.15",
-    "@backstage/core-app-api": "^0.1.16",
-    "@backstage/dev-utils": "^0.2.11",
-    "@backstage/test-utils": "^0.1.18",
+    "@backstage/cli": "^0.10.1",
+    "@backstage/core-app-api": "^0.2.0",
+    "@backstage/dev-utils": "^0.2.14",
+    "@backstage/test-utils": "^0.1.24",
     "@testing-library/jest-dom": "^5.10.1",
     "@testing-library/react": "^11.2.5",
     "@testing-library/user-event": "^13.1.8",
     "@types/jest": "^26.0.7",
     "@types/node": "^14.14.32",
     "cross-fetch": "^3.0.6",
-    "msw": "^0.29.0"
+    "msw": "^0.35.0"
   },
   "files": [
     "dist"
   ],
-  "gitHead": "16279cb3284369941e2eaf8b8968da207232cd6d"
+  "gitHead": "562be0b43016294e27af3ad024191bb86b13b1c1"
 }