@red-hat-developer-hub/backstage-plugin-global-header 1.21.1 → 1.21.3
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,17 @@
|
|
|
1
1
|
# @red-hat-developer-hub/backstage-plugin-global-header
|
|
2
2
|
|
|
3
|
+
## 1.21.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 5148408: Migrated to Jest 30 as required by @backstage/cli 0.36.0.
|
|
8
|
+
|
|
9
|
+
## 1.21.2
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- 4cabc3b: Fix help dropdown not closing when selecting Quick Start menu item.
|
|
14
|
+
|
|
3
15
|
## 1.21.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -55,15 +55,18 @@ const HelpDropdown = ({ layout }) => {
|
|
|
55
55
|
const componentId = `${mp.config?.props?.title || "helpItem"}-${mp.config?.priority || 0}-${index}`;
|
|
56
56
|
return {
|
|
57
57
|
componentId,
|
|
58
|
-
Component: () =>
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
58
|
+
Component: (props) => {
|
|
59
|
+
const onClick = "onClick" in props ? props.onClick : void 0;
|
|
60
|
+
return /* @__PURE__ */ jsx(
|
|
61
|
+
ValidityTracker,
|
|
62
|
+
{
|
|
63
|
+
Component: mp.Component,
|
|
64
|
+
props: { ...mp.config?.props || {}, onClick },
|
|
65
|
+
componentId,
|
|
66
|
+
onValidityChange: updateComponentValidity
|
|
67
|
+
}
|
|
68
|
+
);
|
|
69
|
+
},
|
|
67
70
|
icon: mp.config?.props?.icon,
|
|
68
71
|
label: mp.config?.props?.title,
|
|
69
72
|
link: mp.config?.props?.link,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpDropdown.esm.js","sources":["../../../src/components/HeaderDropdownComponent/HelpDropdown.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { ComponentType, CSSProperties } from 'react';\nimport { HeaderDropdownComponent } from './HeaderDropdownComponent';\nimport { useDropdownManager } from '../../hooks';\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline';\nimport { useHelpDropdownMountPoints } from '../../hooks/useHelpDropdownMountPoints';\nimport { MenuSection } from './MenuSection';\nimport { DropdownEmptyState } from './DropdownEmptyState';\nimport SupportAgentIcon from '@mui/icons-material/SupportAgent';\nimport { useValidComponentTracker } from '../../hooks/useValidComponentTracker';\nimport { useTranslation } from '../../hooks/useTranslation';\n\n/**\n * @public\n */\nexport interface HelpDropdownProps {\n layout?: CSSProperties;\n}\n\nconst ValidityTracker = ({\n Component,\n props,\n componentId,\n onValidityChange,\n}: {\n Component: ComponentType<any>;\n props: any;\n componentId: string;\n onValidityChange: (componentId: string, isValid: boolean) => void;\n}) => {\n const contentRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const checkContent = () => {\n if (!contentRef.current) return;\n\n const element = contentRef.current;\n const hasText = (element.textContent?.trim().length ?? 0) > 0;\n const hasChildren = element.children.length > 0;\n const hasChildNodes = element.childNodes.length > 0;\n\n // A component is valid if it renders ANY content at all\n const componentIsValid = hasText || hasChildren || hasChildNodes;\n\n onValidityChange(componentId, componentIsValid);\n };\n\n // Check after component has had time to render (longer timeout for lazy components)\n const timer1 = setTimeout(checkContent, 500);\n const timer2 = setTimeout(checkContent, 1500); // Double check later\n\n return () => {\n clearTimeout(timer1);\n clearTimeout(timer2);\n };\n }, [componentId, onValidityChange]);\n\n try {\n return (\n <div ref={contentRef}>\n <Component {...props} />\n </div>\n );\n } catch (error) {\n onValidityChange(componentId, false);\n return null;\n }\n};\n\nexport const HelpDropdown = ({ layout }: HelpDropdownProps) => {\n const { anchorEl, handleOpen, handleClose } = useDropdownManager();\n const helpDropdownMountPoints = useHelpDropdownMountPoints();\n const { t } = useTranslation();\n\n const { shouldShowEmpty, updateComponentValidity } = useValidComponentTracker(\n helpDropdownMountPoints?.length ?? 0,\n );\n\n // Create all mount point items with validity tracking\n const allMenuItems = useMemo(() => {\n return (helpDropdownMountPoints ?? [])\n .map((mp, index) => {\n const componentId = `${mp.config?.props?.title || 'helpItem'}-${\n mp.config?.priority || 0\n }-${index}`;\n\n return {\n componentId,\n Component: () => (\n
|
|
1
|
+
{"version":3,"file":"HelpDropdown.esm.js","sources":["../../../src/components/HeaderDropdownComponent/HelpDropdown.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { ComponentType, CSSProperties } from 'react';\nimport type { MenuItemProps } from '@mui/material/MenuItem';\nimport { HeaderDropdownComponent } from './HeaderDropdownComponent';\nimport { useDropdownManager } from '../../hooks';\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline';\nimport { useHelpDropdownMountPoints } from '../../hooks/useHelpDropdownMountPoints';\nimport { MenuSection } from './MenuSection';\nimport { DropdownEmptyState } from './DropdownEmptyState';\nimport SupportAgentIcon from '@mui/icons-material/SupportAgent';\nimport { useValidComponentTracker } from '../../hooks/useValidComponentTracker';\nimport { useTranslation } from '../../hooks/useTranslation';\nimport type { MenuItemLinkProps } from '../MenuItemLink/MenuItemLink';\n\n/**\n * @public\n */\nexport interface HelpDropdownProps {\n layout?: CSSProperties;\n}\n\nconst ValidityTracker = ({\n Component,\n props,\n componentId,\n onValidityChange,\n}: {\n Component: ComponentType<any>;\n props: any;\n componentId: string;\n onValidityChange: (componentId: string, isValid: boolean) => void;\n}) => {\n const contentRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const checkContent = () => {\n if (!contentRef.current) return;\n\n const element = contentRef.current;\n const hasText = (element.textContent?.trim().length ?? 0) > 0;\n const hasChildren = element.children.length > 0;\n const hasChildNodes = element.childNodes.length > 0;\n\n // A component is valid if it renders ANY content at all\n const componentIsValid = hasText || hasChildren || hasChildNodes;\n\n onValidityChange(componentId, componentIsValid);\n };\n\n // Check after component has had time to render (longer timeout for lazy components)\n const timer1 = setTimeout(checkContent, 500);\n const timer2 = setTimeout(checkContent, 1500); // Double check later\n\n return () => {\n clearTimeout(timer1);\n clearTimeout(timer2);\n };\n }, [componentId, onValidityChange]);\n\n try {\n return (\n <div ref={contentRef}>\n <Component {...props} />\n </div>\n );\n } catch (error) {\n onValidityChange(componentId, false);\n return null;\n }\n};\n\nexport const HelpDropdown = ({ layout }: HelpDropdownProps) => {\n const { anchorEl, handleOpen, handleClose } = useDropdownManager();\n const helpDropdownMountPoints = useHelpDropdownMountPoints();\n const { t } = useTranslation();\n\n const { shouldShowEmpty, updateComponentValidity } = useValidComponentTracker(\n helpDropdownMountPoints?.length ?? 0,\n );\n\n // Create all mount point items with validity tracking\n const allMenuItems = useMemo(() => {\n return (helpDropdownMountPoints ?? [])\n .map((mp, index) => {\n const componentId = `${mp.config?.props?.title || 'helpItem'}-${\n mp.config?.priority || 0\n }-${index}`;\n\n return {\n componentId,\n Component: (props: MenuItemLinkProps | MenuItemProps | {}) => {\n const onClick = 'onClick' in props ? props.onClick : undefined;\n return (\n <ValidityTracker\n Component={mp.Component}\n props={{ ...(mp.config?.props || {}), onClick }}\n componentId={componentId}\n onValidityChange={updateComponentValidity}\n />\n );\n },\n icon: mp.config?.props?.icon,\n label: mp.config?.props?.title,\n link: mp.config?.props?.link,\n tooltip: mp.config?.props?.tooltip,\n style: mp.config?.style,\n priority: mp.config?.priority ?? 0,\n };\n })\n .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));\n }, [helpDropdownMountPoints, updateComponentValidity]);\n\n const menuItems = allMenuItems;\n\n return (\n <HeaderDropdownComponent\n isIconButton\n tooltip={t('help.tooltip')}\n buttonContent={<HelpOutlineIcon />}\n buttonProps={{\n color: 'inherit',\n sx: layout,\n }}\n onOpen={handleOpen}\n onClose={handleClose}\n anchorEl={anchorEl}\n >\n {!shouldShowEmpty ? (\n <MenuSection hideDivider items={menuItems} handleClose={handleClose} />\n ) : (\n <DropdownEmptyState\n title={t('help.noSupportLinks')}\n subTitle={t('help.noSupportLinksSubtitle')}\n icon={\n <SupportAgentIcon sx={{ fontSize: 64, color: 'text.disabled' }} />\n }\n />\n )}\n </HeaderDropdownComponent>\n );\n};\n"],"names":[],"mappings":"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"}
|