@backstage/plugin-user-settings 0.9.7-next.0 → 0.9.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,35 @@
1
1
  # @backstage/plugin-user-settings
2
2
 
3
+ ## 0.9.7
4
+
5
+ ### Patch Changes
6
+
7
+ - 736d84e: Use locale-insensitive Unicode casing for consistent string handling across environments.
8
+ - d421187: Reduced the initial app bundle size by loading page and optional UI implementations only when their extensions render.
9
+ - Updated dependencies
10
+ - @backstage/core-components@0.18.14
11
+ - @backstage/ui@0.18.0
12
+ - @backstage/catalog-model@1.10.1
13
+ - @backstage/core-app-api@1.20.5
14
+ - @backstage/plugin-catalog-react@3.2.3
15
+ - @backstage/frontend-plugin-api@0.18.1
16
+ - @backstage/core-plugin-api@1.12.10
17
+ - @backstage/plugin-signals-react@0.0.26
18
+
19
+ ## 0.9.7-next.1
20
+
21
+ ### Patch Changes
22
+
23
+ - d421187: Reduced the initial app bundle size by loading page and optional UI implementations only when their extensions render.
24
+ - Updated dependencies
25
+ - @backstage/core-components@0.18.14-next.1
26
+ - @backstage/frontend-plugin-api@0.18.1-next.0
27
+ - @backstage/plugin-catalog-react@3.2.3-next.1
28
+ - @backstage/ui@0.18.0-next.1
29
+ - @backstage/core-plugin-api@1.12.10-next.0
30
+ - @backstage/core-app-api@1.20.5-next.1
31
+ - @backstage/plugin-signals-react@0.0.26-next.0
32
+
3
33
  ## 0.9.7-next.0
4
34
 
5
35
  ### Patch Changes
package/dist/alpha.esm.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { PageBlueprint, SubPageBlueprint, coreExtensionData, createExtensionInput, createFrontendPlugin } from '@backstage/frontend-plugin-api';
3
- import { Content } from '@backstage/core-components';
4
3
  import SettingsIcon from '@material-ui/icons/Settings';
5
4
  import { settingsRouteRef } from './plugin.esm.js';
6
5
  import { userSettingsTranslationRef as userSettingsTranslationRef$1 } from './translation.esm.js';
@@ -19,7 +18,13 @@ const generalSettingsPage = SubPageBlueprint.make({
19
18
  params: {
20
19
  path: "general",
21
20
  title: "General",
22
- loader: () => import('./components/General/index.esm.js').then((m) => /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(m.UserSettingsGeneral, {}) }))
21
+ loader: async () => {
22
+ const [m, { Content }] = await Promise.all([
23
+ import('./components/General/index.esm.js'),
24
+ import('@backstage/core-components')
25
+ ]);
26
+ return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(m.UserSettingsGeneral, {}) });
27
+ }
23
28
  }
24
29
  });
25
30
  const authProvidersSettingsPage = SubPageBlueprint.makeWithOverrides({
@@ -34,14 +39,20 @@ const authProvidersSettingsPage = SubPageBlueprint.makeWithOverrides({
34
39
  return originalFactory({
35
40
  path: "auth-providers",
36
41
  title: "Authentication Providers",
37
- loader: () => import('./components/AuthProviders/index.esm.js').then((m) => /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
38
- m.UserSettingsAuthProviders,
39
- {
40
- providerSettings: inputs.providerSettings?.get(
41
- coreExtensionData.reactElement
42
- )
43
- }
44
- ) }))
42
+ loader: async () => {
43
+ const [m, { Content }] = await Promise.all([
44
+ import('./components/AuthProviders/index.esm.js'),
45
+ import('@backstage/core-components')
46
+ ]);
47
+ return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
48
+ m.UserSettingsAuthProviders,
49
+ {
50
+ providerSettings: inputs.providerSettings?.get(
51
+ coreExtensionData.reactElement
52
+ )
53
+ }
54
+ ) });
55
+ }
45
56
  });
46
57
  }
47
58
  });
@@ -50,7 +61,13 @@ const featureFlagsSettingsPage = SubPageBlueprint.make({
50
61
  params: {
51
62
  path: "feature-flags",
52
63
  title: "Feature Flags",
53
- loader: () => import('./components/FeatureFlags/index.esm.js').then((m) => /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(m.UserSettingsFeatureFlags, {}) }))
64
+ loader: async () => {
65
+ const [m, { Content }] = await Promise.all([
66
+ import('./components/FeatureFlags/index.esm.js'),
67
+ import('@backstage/core-components')
68
+ ]);
69
+ return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(m.UserSettingsFeatureFlags, {}) });
70
+ }
54
71
  }
55
72
  });
56
73
  var alpha = createFrontendPlugin({
@@ -1 +1 @@
1
- {"version":3,"file":"alpha.esm.js","sources":["../src/alpha.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 {\n coreExtensionData,\n createExtensionInput,\n createFrontendPlugin,\n PageBlueprint,\n SubPageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport { Content } from '@backstage/core-components';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { settingsRouteRef } from './plugin';\n\nimport { userSettingsTranslationRef as _userSettingsTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-user-settings` instead.\n */\nexport const userSettingsTranslationRef = _userSettingsTranslationRef;\n\nconst userSettingsPage = PageBlueprint.make({\n params: {\n path: '/settings',\n routeRef: settingsRouteRef,\n title: 'Settings',\n icon: <SettingsIcon fontSize=\"inherit\" />,\n },\n});\n\nconst generalSettingsPage = SubPageBlueprint.make({\n name: 'general',\n params: {\n path: 'general',\n title: 'General',\n loader: () =>\n import('./components/General').then(m => (\n <Content>\n <m.UserSettingsGeneral />\n </Content>\n )),\n },\n});\n\nconst authProvidersSettingsPage = SubPageBlueprint.makeWithOverrides({\n name: 'auth-providers',\n inputs: {\n providerSettings: createExtensionInput([coreExtensionData.reactElement], {\n singleton: true,\n optional: true,\n }),\n },\n factory(originalFactory, { inputs }) {\n return originalFactory({\n path: 'auth-providers',\n title: 'Authentication Providers',\n loader: () =>\n import('./components/AuthProviders').then(m => (\n <Content>\n <m.UserSettingsAuthProviders\n providerSettings={inputs.providerSettings?.get(\n coreExtensionData.reactElement,\n )}\n />\n </Content>\n )),\n });\n },\n});\n\nconst featureFlagsSettingsPage = SubPageBlueprint.make({\n name: 'feature-flags',\n params: {\n path: 'feature-flags',\n title: 'Feature Flags',\n loader: () =>\n import('./components/FeatureFlags').then(m => (\n <Content>\n <m.UserSettingsFeatureFlags />\n </Content>\n )),\n },\n});\n\n/**\n * @alpha\n */\nexport default createFrontendPlugin({\n pluginId: 'user-settings',\n title: 'Settings',\n icon: <SettingsIcon fontSize=\"inherit\" />,\n info: { packageJson: () => import('../package.json') },\n extensions: [\n userSettingsPage,\n generalSettingsPage,\n authProvidersSettingsPage,\n featureFlagsSettingsPage,\n ],\n routes: {\n root: settingsRouteRef,\n },\n});\n"],"names":["_userSettingsTranslationRef"],"mappings":";;;;;;;AAgCO,MAAM,0BAAA,GAA6BA;AAE1C,MAAM,gBAAA,GAAmB,cAAc,IAAA,CAAK;AAAA,EAC1C,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,WAAA;AAAA,IACN,QAAA,EAAU,gBAAA;AAAA,IACV,KAAA,EAAO,UAAA;AAAA,IACP,IAAA,kBAAM,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAS,SAAA,EAAU;AAAA;AAE3C,CAAC,CAAA;AAED,MAAM,mBAAA,GAAsB,iBAAiB,IAAA,CAAK;AAAA,EAChD,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,MACN,OAAO,mCAAsB,EAAE,IAAA,CAAK,CAAA,CAAA,qBAClC,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,CAAA,CAAE,mBAAA,EAAF,EAAsB,GACzB,CACD;AAAA;AAEP,CAAC,CAAA;AAED,MAAM,yBAAA,GAA4B,iBAAiB,iBAAA,CAAkB;AAAA,EACnE,IAAA,EAAM,gBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,gBAAA,EAAkB,oBAAA,CAAqB,CAAC,iBAAA,CAAkB,YAAY,CAAA,EAAG;AAAA,MACvE,SAAA,EAAW,IAAA;AAAA,MACX,QAAA,EAAU;AAAA,KACX;AAAA,GACH;AAAA,EACA,OAAA,CAAQ,eAAA,EAAiB,EAAE,MAAA,EAAO,EAAG;AACnC,IAAA,OAAO,eAAA,CAAgB;AAAA,MACrB,IAAA,EAAM,gBAAA;AAAA,MACN,KAAA,EAAO,0BAAA;AAAA,MACP,MAAA,EAAQ,MACN,OAAO,yCAA4B,EAAE,IAAA,CAAK,CAAA,CAAA,yBACvC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,CAAA,CAAE,yBAAA;AAAA,QAAF;AAAA,UACC,gBAAA,EAAkB,OAAO,gBAAA,EAAkB,GAAA;AAAA,YACzC,iBAAA,CAAkB;AAAA;AACpB;AAAA,SAEJ,CACD;AAAA,KACJ,CAAA;AAAA,EACH;AACF,CAAC,CAAA;AAED,MAAM,wBAAA,GAA2B,iBAAiB,IAAA,CAAK;AAAA,EACrD,IAAA,EAAM,eAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAAA;AAAA,IACN,KAAA,EAAO,eAAA;AAAA,IACP,MAAA,EAAQ,MACN,OAAO,wCAA2B,EAAE,IAAA,CAAK,CAAA,CAAA,qBACvC,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,CAAA,CAAE,wBAAA,EAAF,EAA2B,GAC9B,CACD;AAAA;AAEP,CAAC,CAAA;AAKD,YAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,eAAA;AAAA,EACV,KAAA,EAAO,UAAA;AAAA,EACP,IAAA,kBAAM,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAS,SAAA,EAAU,CAAA;AAAA,EACvC,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,uBAAiB,CAAA,EAAE;AAAA,EACrD,UAAA,EAAY;AAAA,IACV,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,yBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;;;;"}
1
+ {"version":3,"file":"alpha.esm.js","sources":["../src/alpha.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 {\n coreExtensionData,\n createExtensionInput,\n createFrontendPlugin,\n PageBlueprint,\n SubPageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { settingsRouteRef } from './plugin';\n\nimport { userSettingsTranslationRef as _userSettingsTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-user-settings` instead.\n */\nexport const userSettingsTranslationRef = _userSettingsTranslationRef;\n\nconst userSettingsPage = PageBlueprint.make({\n params: {\n path: '/settings',\n routeRef: settingsRouteRef,\n title: 'Settings',\n icon: <SettingsIcon fontSize=\"inherit\" />,\n },\n});\n\nconst generalSettingsPage = SubPageBlueprint.make({\n name: 'general',\n params: {\n path: 'general',\n title: 'General',\n loader: async () => {\n const [m, { Content }] = await Promise.all([\n import('./components/General'),\n import('@backstage/core-components'),\n ]);\n return (\n <Content>\n <m.UserSettingsGeneral />\n </Content>\n );\n },\n },\n});\n\nconst authProvidersSettingsPage = SubPageBlueprint.makeWithOverrides({\n name: 'auth-providers',\n inputs: {\n providerSettings: createExtensionInput([coreExtensionData.reactElement], {\n singleton: true,\n optional: true,\n }),\n },\n factory(originalFactory, { inputs }) {\n return originalFactory({\n path: 'auth-providers',\n title: 'Authentication Providers',\n loader: async () => {\n const [m, { Content }] = await Promise.all([\n import('./components/AuthProviders'),\n import('@backstage/core-components'),\n ]);\n return (\n <Content>\n <m.UserSettingsAuthProviders\n providerSettings={inputs.providerSettings?.get(\n coreExtensionData.reactElement,\n )}\n />\n </Content>\n );\n },\n });\n },\n});\n\nconst featureFlagsSettingsPage = SubPageBlueprint.make({\n name: 'feature-flags',\n params: {\n path: 'feature-flags',\n title: 'Feature Flags',\n loader: async () => {\n const [m, { Content }] = await Promise.all([\n import('./components/FeatureFlags'),\n import('@backstage/core-components'),\n ]);\n return (\n <Content>\n <m.UserSettingsFeatureFlags />\n </Content>\n );\n },\n },\n});\n\n/**\n * @alpha\n */\nexport default createFrontendPlugin({\n pluginId: 'user-settings',\n title: 'Settings',\n icon: <SettingsIcon fontSize=\"inherit\" />,\n info: { packageJson: () => import('../package.json') },\n extensions: [\n userSettingsPage,\n generalSettingsPage,\n authProvidersSettingsPage,\n featureFlagsSettingsPage,\n ],\n routes: {\n root: settingsRouteRef,\n },\n});\n"],"names":["_userSettingsTranslationRef"],"mappings":"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"}
@@ -1,8 +1,4 @@
1
- import { UserSettingsAuthProviders } from './UserSettingsAuthProviders.esm.js';
1
+ export { UserSettingsAuthProviders } from './UserSettingsAuthProviders.esm.js';
2
2
  export { DefaultProviderSettings } from './DefaultProviderSettings.esm.js';
3
3
  export { ProviderSettingsItem } from './ProviderSettingsItem.esm.js';
4
-
5
-
6
-
7
- export { UserSettingsAuthProviders };
8
4
  //# sourceMappingURL=index.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
1
+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
@@ -55,8 +55,8 @@ const UserSettingsFeatureFlags = () => {
55
55
  inputRef?.current?.focus();
56
56
  };
57
57
  const filteredFeatureFlags = featureFlags.filter((featureFlag) => {
58
- const featureFlagName = featureFlag.name.toLocaleLowerCase("en-US");
59
- return featureFlagName.includes(filterInput.toLocaleLowerCase("en-US"));
58
+ const featureFlagName = featureFlag.name.toLowerCase();
59
+ return featureFlagName.includes(filterInput.toLowerCase());
60
60
  });
61
61
  const Header = () => /* @__PURE__ */ jsxs(Grid, { container: true, style: { justifyContent: "space-between" }, children: [
62
62
  /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, md: 8, children: [
@@ -1 +1 @@
1
- {"version":3,"file":"UserSettingsFeatureFlags.esm.js","sources":["../../../src/components/FeatureFlags/UserSettingsFeatureFlags.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 { useRef, useCallback, useState } from 'react';\nimport List from '@material-ui/core/List';\nimport TextField from '@material-ui/core/TextField';\nimport IconButton from '@material-ui/core/IconButton';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { EmptyFlags } from './EmptyFlags';\nimport { FlagItem } from './FeatureFlagsItem';\nimport {\n FeatureFlag,\n FeatureFlagsApi,\n featureFlagsApiRef,\n FeatureFlagState,\n useApi,\n} from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { userSettingsTranslationRef } from '../../translation';\n\nexport const sortFlags = (\n flags: FeatureFlag[],\n featureFlagsApi: FeatureFlagsApi,\n): FeatureFlag[] => {\n const activeFlags = flags.filter(flag => featureFlagsApi.isActive(flag.name));\n const idleFlags = flags.filter(flag => !featureFlagsApi.isActive(flag.name));\n return [...activeFlags, ...idleFlags];\n};\n\n/** @public */\nexport const UserSettingsFeatureFlags = () => {\n const featureFlagsApi = useApi(featureFlagsApiRef);\n const inputRef = useRef<HTMLElement>();\n\n const initialFeatureFlags = featureFlagsApi.getRegisteredFlags();\n const initialFeatureFlagsSorted = sortFlags(\n initialFeatureFlags,\n featureFlagsApi,\n );\n const [featureFlags] = useState(initialFeatureFlagsSorted);\n\n const initialFlagState = Object.fromEntries(\n featureFlags.map(({ name }) => [name, featureFlagsApi.isActive(name)]),\n );\n\n const [state, setState] = useState<Record<string, boolean>>(initialFlagState);\n const [filterInput, setFilterInput] = useState<string>('');\n const { t } = useTranslationRef(userSettingsTranslationRef);\n\n const toggleFlag = useCallback(\n (flagName: string) => {\n const newState = featureFlagsApi.isActive(flagName)\n ? FeatureFlagState.None\n : FeatureFlagState.Active;\n\n featureFlagsApi.save({\n states: { [flagName]: newState },\n merge: true,\n });\n\n setState(prevState => ({\n ...prevState,\n [flagName]: newState === FeatureFlagState.Active,\n }));\n },\n [featureFlagsApi],\n );\n\n if (!featureFlags.length) {\n return <EmptyFlags />;\n }\n\n const clearFilterInput = () => {\n setFilterInput('');\n inputRef?.current?.focus();\n };\n\n const filteredFeatureFlags = featureFlags.filter(featureFlag => {\n const featureFlagName = featureFlag.name.toLocaleLowerCase('en-US');\n return featureFlagName.includes(filterInput.toLocaleLowerCase('en-US'));\n });\n\n const Header = () => (\n <Grid container style={{ justifyContent: 'space-between' }}>\n <Grid item xs={6} md={8}>\n <Typography variant=\"h5\">{t('featureFlags.title')}</Typography>\n <Typography variant=\"subtitle1\">\n {t('featureFlags.description')}\n </Typography>\n </Grid>\n {featureFlags.length >= 10 && (\n <Grid item xs={6} md={4}>\n <TextField\n label={t('featureFlags.filterTitle')}\n style={{ display: 'flex', justifyContent: 'flex-end' }}\n inputRef={ref => ref && ref.focus()}\n InputProps={{\n ...(filterInput.length && {\n endAdornment: (\n <IconButton\n aria-label={t('featureFlags.clearFilter')}\n onClick={clearFilterInput}\n edge=\"end\"\n >\n <ClearIcon />\n </IconButton>\n ),\n }),\n }}\n onChange={e => setFilterInput(e.target.value)}\n value={filterInput}\n />\n </Grid>\n )}\n </Grid>\n );\n\n return (\n <InfoCard title={<Header />}>\n <List dense>\n {filteredFeatureFlags.map(featureFlag => {\n const enabled = Boolean(state[featureFlag.name]);\n\n return (\n <FlagItem\n key={featureFlag.name}\n flag={featureFlag}\n enabled={enabled}\n toggleHandler={toggleFlag}\n />\n );\n })}\n </List>\n </InfoCard>\n );\n};\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"UserSettingsFeatureFlags.esm.js","sources":["../../../src/components/FeatureFlags/UserSettingsFeatureFlags.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 { useRef, useCallback, useState } from 'react';\nimport List from '@material-ui/core/List';\nimport TextField from '@material-ui/core/TextField';\nimport IconButton from '@material-ui/core/IconButton';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { EmptyFlags } from './EmptyFlags';\nimport { FlagItem } from './FeatureFlagsItem';\nimport {\n FeatureFlag,\n FeatureFlagsApi,\n featureFlagsApiRef,\n FeatureFlagState,\n useApi,\n} from '@backstage/core-plugin-api';\nimport { InfoCard } from '@backstage/core-components';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { userSettingsTranslationRef } from '../../translation';\n\nexport const sortFlags = (\n flags: FeatureFlag[],\n featureFlagsApi: FeatureFlagsApi,\n): FeatureFlag[] => {\n const activeFlags = flags.filter(flag => featureFlagsApi.isActive(flag.name));\n const idleFlags = flags.filter(flag => !featureFlagsApi.isActive(flag.name));\n return [...activeFlags, ...idleFlags];\n};\n\n/** @public */\nexport const UserSettingsFeatureFlags = () => {\n const featureFlagsApi = useApi(featureFlagsApiRef);\n const inputRef = useRef<HTMLElement>();\n\n const initialFeatureFlags = featureFlagsApi.getRegisteredFlags();\n const initialFeatureFlagsSorted = sortFlags(\n initialFeatureFlags,\n featureFlagsApi,\n );\n const [featureFlags] = useState(initialFeatureFlagsSorted);\n\n const initialFlagState = Object.fromEntries(\n featureFlags.map(({ name }) => [name, featureFlagsApi.isActive(name)]),\n );\n\n const [state, setState] = useState<Record<string, boolean>>(initialFlagState);\n const [filterInput, setFilterInput] = useState<string>('');\n const { t } = useTranslationRef(userSettingsTranslationRef);\n\n const toggleFlag = useCallback(\n (flagName: string) => {\n const newState = featureFlagsApi.isActive(flagName)\n ? FeatureFlagState.None\n : FeatureFlagState.Active;\n\n featureFlagsApi.save({\n states: { [flagName]: newState },\n merge: true,\n });\n\n setState(prevState => ({\n ...prevState,\n [flagName]: newState === FeatureFlagState.Active,\n }));\n },\n [featureFlagsApi],\n );\n\n if (!featureFlags.length) {\n return <EmptyFlags />;\n }\n\n const clearFilterInput = () => {\n setFilterInput('');\n inputRef?.current?.focus();\n };\n\n const filteredFeatureFlags = featureFlags.filter(featureFlag => {\n const featureFlagName = featureFlag.name.toLowerCase();\n return featureFlagName.includes(filterInput.toLowerCase());\n });\n\n const Header = () => (\n <Grid container style={{ justifyContent: 'space-between' }}>\n <Grid item xs={6} md={8}>\n <Typography variant=\"h5\">{t('featureFlags.title')}</Typography>\n <Typography variant=\"subtitle1\">\n {t('featureFlags.description')}\n </Typography>\n </Grid>\n {featureFlags.length >= 10 && (\n <Grid item xs={6} md={4}>\n <TextField\n label={t('featureFlags.filterTitle')}\n style={{ display: 'flex', justifyContent: 'flex-end' }}\n inputRef={ref => ref && ref.focus()}\n InputProps={{\n ...(filterInput.length && {\n endAdornment: (\n <IconButton\n aria-label={t('featureFlags.clearFilter')}\n onClick={clearFilterInput}\n edge=\"end\"\n >\n <ClearIcon />\n </IconButton>\n ),\n }),\n }}\n onChange={e => setFilterInput(e.target.value)}\n value={filterInput}\n />\n </Grid>\n )}\n </Grid>\n );\n\n return (\n <InfoCard title={<Header />}>\n <List dense>\n {filteredFeatureFlags.map(featureFlag => {\n const enabled = Boolean(state[featureFlag.name]);\n\n return (\n <FlagItem\n key={featureFlag.name}\n flag={featureFlag}\n enabled={enabled}\n toggleHandler={toggleFlag}\n />\n );\n })}\n </List>\n </InfoCard>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -1,6 +1,2 @@
1
- import { UserSettingsFeatureFlags } from './UserSettingsFeatureFlags.esm.js';
2
-
3
-
4
-
5
- export { UserSettingsFeatureFlags };
1
+ export { UserSettingsFeatureFlags } from './UserSettingsFeatureFlags.esm.js';
6
2
  //# sourceMappingURL=index.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
1
+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -42,7 +42,7 @@ const useStyles = makeStyles((theme) => ({
42
42
  }
43
43
  }
44
44
  }));
45
- const capitalize = (s) => s.charAt(0).toLocaleUpperCase("en-US") + s.slice(1);
45
+ const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
46
46
  const UserSettingsLanguageToggle = () => {
47
47
  const classes = useStyles();
48
48
  const languageApi = useApi(appLanguageApiRef);
@@ -1 +1 @@
1
- {"version":3,"file":"UserSettingsLanguageToggle.esm.js","sources":["../../../src/components/General/UserSettingsLanguageToggle.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 { useState } from 'react';\nimport {\n useTranslationRef,\n appLanguageApiRef,\n} from '@backstage/core-plugin-api/alpha';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { userSettingsTranslationRef } from '../../translation';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useObservable from 'react-use/esm/useObservable';\nimport { Select } from '@backstage/core-components';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n display: 'flex',\n flexWrap: 'wrap',\n width: '100%',\n justifyContent: 'space-between',\n alignItems: 'center',\n paddingBottom: 8,\n paddingRight: 16,\n },\n list: {\n width: 'initial',\n [theme.breakpoints.down('xs')]: {\n width: '100%',\n padding: `0 0 12px`,\n },\n },\n listItemText: {\n paddingRight: 0,\n paddingLeft: 0,\n },\n listItemSecondaryAction: {\n position: 'relative',\n transform: 'unset',\n top: 'auto',\n right: 'auto',\n paddingLeft: 16,\n [theme.breakpoints.down('xs')]: {\n paddingLeft: 0,\n },\n },\n}));\n\nconst capitalize = (s: string) =>\n s.charAt(0).toLocaleUpperCase('en-US') + s.slice(1);\n\n/** @public */\nexport const UserSettingsLanguageToggle = () => {\n const classes = useStyles();\n const languageApi = useApi(appLanguageApiRef);\n const { t } = useTranslationRef(userSettingsTranslationRef);\n\n const [languageObservable] = useState(() => languageApi.language$());\n const { language: currentLanguage } = useObservable(\n languageObservable,\n languageApi.getLanguage(),\n );\n\n const { languages } = languageApi.getAvailableLanguages();\n\n if (languages.length <= 1) {\n return null;\n }\n\n const handleSetLanguage = (newLanguage: string | undefined) => {\n languageApi.setLanguage(newLanguage);\n };\n\n const getLanguageDisplayName = (language: string) => {\n try {\n const names = new Intl.DisplayNames([language], {\n type: 'language',\n });\n const languageDisplayName = names.of(language);\n return languageDisplayName ? capitalize(languageDisplayName) : language;\n } catch (err) {\n return language;\n }\n };\n\n return (\n <ListItem\n className={classes.list}\n classes={{ container: classes.container }}\n >\n <ListItemText\n className={classes.listItemText}\n primary={t('languageToggle.title')}\n secondary={t('languageToggle.description')}\n />\n <ListItemSecondaryAction className={classes.listItemSecondaryAction}>\n <Select\n label=\"\"\n selected={currentLanguage}\n items={languages.map(language => ({\n label: getLanguageDisplayName(language),\n value: language,\n }))}\n onChange={selectedItems => handleSetLanguage(selectedItems as string)}\n />\n </ListItemSecondaryAction>\n </ListItem>\n );\n};\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"UserSettingsLanguageToggle.esm.js","sources":["../../../src/components/General/UserSettingsLanguageToggle.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 { useState } from 'react';\nimport {\n useTranslationRef,\n appLanguageApiRef,\n} from '@backstage/core-plugin-api/alpha';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { userSettingsTranslationRef } from '../../translation';\nimport { useApi } from '@backstage/core-plugin-api';\nimport useObservable from 'react-use/esm/useObservable';\nimport { Select } from '@backstage/core-components';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n display: 'flex',\n flexWrap: 'wrap',\n width: '100%',\n justifyContent: 'space-between',\n alignItems: 'center',\n paddingBottom: 8,\n paddingRight: 16,\n },\n list: {\n width: 'initial',\n [theme.breakpoints.down('xs')]: {\n width: '100%',\n padding: `0 0 12px`,\n },\n },\n listItemText: {\n paddingRight: 0,\n paddingLeft: 0,\n },\n listItemSecondaryAction: {\n position: 'relative',\n transform: 'unset',\n top: 'auto',\n right: 'auto',\n paddingLeft: 16,\n [theme.breakpoints.down('xs')]: {\n paddingLeft: 0,\n },\n },\n}));\n\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\n/** @public */\nexport const UserSettingsLanguageToggle = () => {\n const classes = useStyles();\n const languageApi = useApi(appLanguageApiRef);\n const { t } = useTranslationRef(userSettingsTranslationRef);\n\n const [languageObservable] = useState(() => languageApi.language$());\n const { language: currentLanguage } = useObservable(\n languageObservable,\n languageApi.getLanguage(),\n );\n\n const { languages } = languageApi.getAvailableLanguages();\n\n if (languages.length <= 1) {\n return null;\n }\n\n const handleSetLanguage = (newLanguage: string | undefined) => {\n languageApi.setLanguage(newLanguage);\n };\n\n const getLanguageDisplayName = (language: string) => {\n try {\n const names = new Intl.DisplayNames([language], {\n type: 'language',\n });\n const languageDisplayName = names.of(language);\n return languageDisplayName ? capitalize(languageDisplayName) : language;\n } catch (err) {\n return language;\n }\n };\n\n return (\n <ListItem\n className={classes.list}\n classes={{ container: classes.container }}\n >\n <ListItemText\n className={classes.listItemText}\n primary={t('languageToggle.title')}\n secondary={t('languageToggle.description')}\n />\n <ListItemSecondaryAction className={classes.listItemSecondaryAction}>\n <Select\n label=\"\"\n selected={currentLanguage}\n items={languages.map(language => ({\n label: getLanguageDisplayName(language),\n value: language,\n }))}\n onChange={selectedItems => handleSetLanguage(selectedItems as string)}\n />\n </ListItemSecondaryAction>\n </ListItem>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { UserSettingsGeneral } from './UserSettingsGeneral.esm.js';
1
+ export { UserSettingsGeneral } from './UserSettingsGeneral.esm.js';
2
2
  export { UserSettingsProfileCard } from './UserSettingsProfileCard.esm.js';
3
3
  export { UserSettingsMenu } from './UserSettingsMenu.esm.js';
4
4
  export { UserSettingsSignInAvatar } from './UserSettingsSignInAvatar.esm.js';
@@ -7,8 +7,4 @@ export { UserSettingsThemeToggle } from './UserSettingsThemeToggle.esm.js';
7
7
  export { UserSettingsPinToggle } from './UserSettingsPinToggle.esm.js';
8
8
  export { UserSettingsIdentityCard } from './UserSettingsIdentityCard.esm.js';
9
9
  export { UserSettingsLanguageToggle } from './UserSettingsLanguageToggle.esm.js';
10
-
11
-
12
-
13
- export { UserSettingsGeneral };
14
10
  //# sourceMappingURL=index.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  var name = "@backstage/plugin-user-settings";
2
- var version = "0.9.7-next.0";
2
+ var version = "0.9.7";
3
3
  var description = "A Backstage plugin that provides a settings page";
4
4
  var backstage = {
5
5
  role: "frontend-plugin",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@backstage/plugin-user-settings",
3
- "version": "0.9.7-next.0",
3
+ "version": "0.9.7",
4
4
  "description": "A Backstage plugin that provides a settings page",
5
5
  "backstage": {
6
6
  "role": "frontend-plugin",
@@ -67,18 +67,18 @@
67
67
  "test": "backstage-cli package test"
68
68
  },
69
69
  "dependencies": {
70
- "@backstage/catalog-model": "1.10.0",
71
- "@backstage/core-app-api": "1.20.5-next.0",
72
- "@backstage/core-components": "0.18.14-next.0",
73
- "@backstage/core-plugin-api": "1.12.9",
74
- "@backstage/errors": "1.3.1",
75
- "@backstage/frontend-plugin-api": "0.18.0",
76
- "@backstage/plugin-catalog-react": "3.2.2-next.0",
77
- "@backstage/plugin-signals-react": "0.0.25",
78
- "@backstage/plugin-user-settings-common": "0.1.0",
79
- "@backstage/theme": "0.7.3",
80
- "@backstage/types": "1.2.2",
81
- "@backstage/ui": "0.17.2-next.0",
70
+ "@backstage/catalog-model": "^1.10.1",
71
+ "@backstage/core-app-api": "^1.20.5",
72
+ "@backstage/core-components": "^0.18.14",
73
+ "@backstage/core-plugin-api": "^1.12.10",
74
+ "@backstage/errors": "^1.3.1",
75
+ "@backstage/frontend-plugin-api": "^0.18.1",
76
+ "@backstage/plugin-catalog-react": "^3.2.3",
77
+ "@backstage/plugin-signals-react": "^0.0.26",
78
+ "@backstage/plugin-user-settings-common": "^0.1.0",
79
+ "@backstage/theme": "^0.7.3",
80
+ "@backstage/types": "^1.2.2",
81
+ "@backstage/ui": "^0.18.0",
82
82
  "@material-ui/core": "^4.12.2",
83
83
  "@material-ui/icons": "^4.9.1",
84
84
  "@material-ui/lab": "4.0.0-alpha.61",
@@ -87,10 +87,10 @@
87
87
  "zen-observable": "^0.10.0"
88
88
  },
89
89
  "devDependencies": {
90
- "@backstage/cli": "0.36.6-next.0",
91
- "@backstage/dev-utils": "1.1.27-next.0",
92
- "@backstage/plugin-catalog": "2.0.9-next.0",
93
- "@backstage/test-utils": "1.7.22-next.0",
90
+ "@backstage/cli": "^0.36.6",
91
+ "@backstage/dev-utils": "^1.1.27",
92
+ "@backstage/plugin-catalog": "^2.0.9",
93
+ "@backstage/test-utils": "^1.7.22",
94
94
  "@testing-library/dom": "^10.0.0",
95
95
  "@testing-library/jest-dom": "^6.0.0",
96
96
  "@testing-library/react": "^16.0.0",