@patternfly/quickstarts 6.0.0 → 6.1.0-prerelease.1

package/dist/index.js

@@ -36,14 +36,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -636,27 +634,27 @@ const useValuesForQuickStartContext = (value = {}) => {
     var _a, _b;
     const combinedValue = Object.assign(Object.assign({}, QuickStartContextDefaults), value);
     const { activeQuickStartID, setActiveQuickStartID, setAllQuickStartStates, useQueryParams, allQuickStartStates, allQuickStarts = [], footer, useLegacyHeaderColors, markdown, } = combinedValue;
-    const [quickStarts, setQuickStarts] = React__default['default'].useState(combinedValue.allQuickStarts || []);
-    const [resourceBundle, setResourceBundle] = React__default['default'].useState(Object.assign(Object.assign({}, en), combinedValue.resourceBundle));
-    const [language, setLanguage] = React__default['default'].useState(combinedValue.language);
+    const [quickStarts, setQuickStarts] = React__default["default"].useState(combinedValue.allQuickStarts || []);
+    const [resourceBundle, setResourceBundle] = React__default["default"].useState(Object.assign(Object.assign({}, en), combinedValue.resourceBundle));
+    const [language, setLanguage] = React__default["default"].useState(combinedValue.language);
     const changeResourceBundle = (bundle, lng) => {
         lng && setLanguage(lng);
         setResourceBundle(Object.assign(Object.assign({}, en), bundle));
     };
     const findResource = React.useCallback((resource, count) => getResource(resource, count !== undefined ? { count } : null, resourceBundle, language), [resourceBundle, language]);
-    const [loading, setLoading] = React__default['default'].useState(combinedValue.loading);
-    const [alwaysShowTaskReview, setAlwaysShowTaskReview] = React__default['default'].useState(combinedValue.alwaysShowTaskReview);
+    const [loading, setLoading] = React__default["default"].useState(combinedValue.loading);
+    const [alwaysShowTaskReview, setAlwaysShowTaskReview] = React__default["default"].useState(combinedValue.alwaysShowTaskReview);
     const initialSearchParams = new URLSearchParams(window.location.search);
     const initialSearchQuery = initialSearchParams.get(QUICKSTART_SEARCH_FILTER_KEY) || '';
     const initialStatusFilters = ((_a = initialSearchParams.get(QUICKSTART_STATUS_FILTER_KEY)) === null || _a === void 0 ? void 0 : _a.split(',')) || [];
     const quickStartStatusCount = getQuickStartStatusCount(allQuickStartStates, allQuickStarts);
-    const [statusTypes, setStatusTypes] = React__default['default'].useState({
+    const [statusTypes, setStatusTypes] = React__default["default"].useState({
         [exports.QuickStartStatus.COMPLETE]: findResource('Complete ({{statusCount, number}})').replace('{{statusCount, number}}', quickStartStatusCount[exports.QuickStartStatus.COMPLETE]),
         [exports.QuickStartStatus.IN_PROGRESS]: findResource('In progress ({{statusCount, number}})').replace('{{statusCount, number}}', quickStartStatusCount[exports.QuickStartStatus.IN_PROGRESS]),
         [exports.QuickStartStatus.NOT_STARTED]: findResource('Not started ({{statusCount, number}})').replace('{{statusCount, number}}', quickStartStatusCount[exports.QuickStartStatus.NOT_STARTED]),
     });
-    const [statusFilters, setStatusFilters] = React__default['default'].useState(initialStatusFilters);
-    const [filterKeyword, setFilterKeyword] = React__default['default'].useState(initialSearchQuery);
+    const [statusFilters, setStatusFilters] = React__default["default"].useState(initialStatusFilters);
+    const [filterKeyword, setFilterKeyword] = React__default["default"].useState(initialSearchQuery);
     const setFilter = (type, val) => {
         if (type === 'keyword') {
             setFilterKeyword(val);
@@ -665,7 +663,7 @@ const useValuesForQuickStartContext = (value = {}) => {
             setStatusFilters(val);
         }
     };
-    React__default['default'].useEffect(() => {
+    React__default["default"].useEffect(() => {
         const updatedQuickStartStatusCount = getQuickStartStatusCount(allQuickStartStates, quickStarts);
         setStatusTypes({
             [exports.QuickStartStatus.COMPLETE]: findResource('Complete ({{statusCount, number}})').replace('{{statusCount, number}}', updatedQuickStartStatusCount[exports.QuickStartStatus.COMPLETE]),
@@ -837,7 +835,7 @@ const useValuesForQuickStartContext = (value = {}) => {
         setAlwaysShowTaskReview,
     };
 };
-const QuickStartContextProvider = ({ children, value }) => (React__default['default'].createElement(QuickStartContext.Provider, { value: useValuesForQuickStartContext(value) }, children));
+const QuickStartContextProvider = ({ children, value }) => (React__default["default"].createElement(QuickStartContext.Provider, { value: useValuesForQuickStartContext(value) }, children));
 
 const Box = ({ children, className }) => (React__namespace.createElement("div", { className: reactStyles.css('pfext-status-box', className) }, children));
 const Loading = ({ className }) => (React__namespace.createElement("div", { className: reactStyles.css('pfext-m-loader', className) },
@@ -1171,7 +1169,7 @@ const useInlineCopyClipboardShowdownExtension = () => {
               <span class="pf-v6-c-clipboard-copy__actions">
                 <span class="pf-v6-c-clipboard-copy__actions-item">
                   <button class="pf-v6-c-button pf-m-plain" aria-label="${getResource('Copy to clipboard')}" ${MARKDOWN_COPY_BUTTON_ID}="${groupId}">
-                    ${server.renderToStaticMarkup(React__namespace.createElement(CopyIcon__default['default'], null))}
+                    ${server.renderToStaticMarkup(React__namespace.createElement(CopyIcon__default["default"], null))}
                   </button>
                 </span>
               </span>
@@ -1195,7 +1193,7 @@ const useMultilineCopyClipboardShowdownExtension = () => {
                 <div class="pf-v6-c-code-block__actions">
                   <div class="pf-v6-c-code-block__actions-item">
                     <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="${getResource('Copy to clipboard')}" ${MARKDOWN_COPY_BUTTON_ID}="${groupId}">
-                      ${server.renderToStaticMarkup(React__namespace.createElement(CopyIcon__default['default'], null))}
+                      ${server.renderToStaticMarkup(React__namespace.createElement(CopyIcon__default["default"], null))}
                     </button>
                   </div>
                 </div>
@@ -1446,9 +1444,9 @@ var AdmonitionType;
 })(AdmonitionType || (AdmonitionType = {}));
 const admonitionToAlertVariantMap = {
     [AdmonitionType.NOTE]: { variant: 'info' },
-    [AdmonitionType.TIP]: { variant: 'custom', customIcon: React__namespace.createElement(LightbulbIcon__default['default'], null) },
+    [AdmonitionType.TIP]: { variant: 'custom', customIcon: React__namespace.createElement(LightbulbIcon__default["default"], null) },
     [AdmonitionType.IMPORTANT]: { variant: 'danger' },
-    [AdmonitionType.CAUTION]: { variant: 'warning', customIcon: React__namespace.createElement(FireIcon__default['default'], null) },
+    [AdmonitionType.CAUTION]: { variant: 'warning', customIcon: React__namespace.createElement(FireIcon__default["default"], null) },
     [AdmonitionType.WARNING]: { variant: 'warning' },
 };
 const useAdmonitionShowdownExtension = () => 
@@ -1551,7 +1549,7 @@ const GenericStatus = (props) => {
 };
 
 const GreenCheckCircleIcon = ({ className, title, size }) => (React__namespace.createElement(reactCore.Icon, { size: size, status: "success" },
-    React__namespace.createElement(CheckCircleIcon__default['default'], { "data-test": "success-icon", className: className, title: title })));
+    React__namespace.createElement(CheckCircleIcon__default["default"], { "data-test": "success-icon", className: className, title: title })));
 
 const SuccessStatus = (props) => (React__namespace.createElement(GenericStatus, Object.assign({}, props, { Icon: GreenCheckCircleIcon, title: props.title || 'Healthy' })));
 SuccessStatus.displayName = 'SuccessStatus';
@@ -1560,7 +1558,7 @@ const Status = ({ status, title, iconOnly, noTooltip, className, }) => {
     const statusProps = { title: title || status, iconOnly, noTooltip, className };
     switch (status) {
         case 'In Progress':
-            return React__namespace.createElement(StatusIconAndText, Object.assign({}, statusProps, { icon: React__namespace.createElement(SyncAltIcon__default['default'], null) }));
+            return React__namespace.createElement(StatusIconAndText, Object.assign({}, statusProps, { icon: React__namespace.createElement(SyncAltIcon__default["default"], null) }));
         case 'Complete':
             return React__namespace.createElement(SuccessStatus, Object.assign({}, statusProps));
         default:
@@ -1583,7 +1581,7 @@ const QuickStartTileDescription = ({ description, prerequisites, }) => {
                     e.preventDefault();
                     e.stopPropagation();
                 }, "aria-label": getResource('Show prerequisites') },
-                React__namespace.createElement(InfoCircleIcon__default['default'], null)),
+                React__namespace.createElement(InfoCircleIcon__default["default"], null)),
             React__namespace.createElement(reactCore.Popover, { "aria-label": getResource('Prerequisites'), headerContent: getResource('Prerequisites'), triggerRef: buttonRef, bodyContent: React__namespace.createElement("div", null,
                     React__namespace.createElement("ul", { "aria-label": getResource('Prerequisites') }, prereqs.map((prerequisite, index) => (
                     // eslint-disable-next-line react/no-array-index-key
@@ -1615,7 +1613,7 @@ const QuickStartTileFooterExternal = ({ link, quickStartId, }) => {
     const { href, text } = link;
     return (React__namespace.createElement(reactCore.Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
         React__namespace.createElement(reactCore.FlexItem, null,
-            React__namespace.createElement(reactCore.Button, { component: "a", href: href, target: "_blank", rel: "noopener noreferrer", variant: "link", "aria-label": `Open documentation in new window`, isInline: true, icon: React__namespace.createElement(ExternalLinkAltIcon__default['default'], null), iconPosition: "right", id: quickStartId, "aria-labelledby": `${quickStartId}-external ${quickStartId}` }, text || href))));
+            React__namespace.createElement(reactCore.Button, { component: "a", href: href, target: "_blank", rel: "noopener noreferrer", variant: "link", "aria-label": `Open documentation in new window`, isInline: true, icon: React__namespace.createElement(ExternalLinkAltIcon__default["default"], null), iconPosition: "right", id: quickStartId, "aria-labelledby": `${quickStartId}-external ${quickStartId}` }, text || href))));
 };
 
 const QuickStartTileHeader = ({ name, quickStartId, onSelect, }) => (React__namespace.createElement(reactCore.Flex, { flexWrap: { default: 'nowrap' } },
@@ -1641,7 +1639,7 @@ const QuickStartTile = ({ quickStart, status, isActive, onClick = () => { }, act
     }
     else {
         quickStartIcon = (React__namespace.createElement(reactCore.Icon, { size: "2xl" },
-            React__namespace.createElement(FallbackImg, { src: icon, alt: "", className: "pfext-catalog-item-icon__img", fallback: React__namespace.createElement(RocketIcon__default['default'], null) })));
+            React__namespace.createElement(FallbackImg, { src: icon, alt: "", className: "pfext-catalog-item-icon__img", fallback: React__namespace.createElement(RocketIcon__default["default"], null) })));
     }
     const onSelect = () => {
         if (!link) {
@@ -1661,7 +1659,7 @@ const QuickStartTile = ({ quickStart, status, isActive, onClick = () => { }, act
         }
         return (React__namespace.createElement(QuickStartTileFooter, { quickStartId: id, status: status, totalTasks: tasks === null || tasks === void 0 ? void 0 : tasks.length, onClickContinue: onSelect }));
     }, [footer, id, link, status, tasks === null || tasks === void 0 ? void 0 : tasks.length]);
-    const ActionIcon = (action === null || action === void 0 ? void 0 : action.icon) || OutlinedBookmarkIcon__default['default'];
+    const ActionIcon = (action === null || action === void 0 ? void 0 : action.icon) || OutlinedBookmarkIcon__default["default"];
     const additionalAction = action ? (React__namespace.createElement(reactCore.Button, Object.assign({ "aria-label": action['aria-label'], icon: React__namespace.createElement(ActionIcon, null), variant: "plain", onClick: action.onClick }, action.buttonProps))) : undefined;
     return (React__namespace.createElement(reactCore.Card, Object.assign({ id: `${id}-catalog-tile`, style: { height: '100%' }, "data-testid": `qs-card-${camelize(displayName)}` }, (isActive && {
         isClickable: true,
@@ -1678,7 +1676,7 @@ const QuickStartTile = ({ quickStart, status, isActive, onClick = () => { }, act
             React__namespace.createElement(reactCore.Stack, { hasGutter: true },
                 React__namespace.createElement(reactCore.Flex, { spaceItems: { default: 'spaceItemsSm' } },
                     type && React__namespace.createElement(reactCore.Label, { color: type.color }, type.text),
-                    durationMinutes && (React__namespace.createElement(reactCore.Label, { variant: "outline", "data-test": "duration", icon: React__namespace.createElement(OutlinedClockIcon__default['default'], null) }, getResource('{{duration, number}} minutes', durationMinutes).replace('{{duration, number}}', durationMinutes))),
+                    durationMinutes && (React__namespace.createElement(reactCore.Label, { variant: "outline", "data-test": "duration", icon: React__namespace.createElement(OutlinedClockIcon__default["default"], null) }, getResource('{{duration, number}} minutes', durationMinutes).replace('{{duration, number}}', durationMinutes))),
                     status !== exports.QuickStartStatus.NOT_STARTED && (React__namespace.createElement(reactCore.Label, { variant: "outline", color: statusColorMap[status], icon: React__namespace.createElement(StatusIcon, { status: status }), "data-test": "status" }, statusLocaleMap[status]))),
                 React__namespace.createElement(QuickStartTileDescription, { description: description, prerequisites: prerequisites }))),
         React__namespace.createElement(reactCore.CardFooter, null, footerComponent)));
@@ -1810,7 +1808,7 @@ const QuickStartCatalogFilter = (_a) => {
 
 const QuickStartCatalogEmptyState = ({ clearFilters }) => {
     const { getResource } = React__namespace.useContext(QuickStartContext);
-    return (React__namespace.createElement(reactCore.EmptyState, { headingLevel: "h4", icon: SearchIcon__default['default'], titleText: React__namespace.createElement(React__namespace.Fragment, null, getResource('No results found')) },
+    return (React__namespace.createElement(reactCore.EmptyState, { headingLevel: "h4", icon: SearchIcon__default["default"], titleText: React__namespace.createElement(React__namespace.Fragment, null, getResource('No results found')) },
         React__namespace.createElement(reactCore.EmptyStateBody, null, getResource('No results match the filter criteria. Remove filters or clear all filters to show results.')),
         React__namespace.createElement(reactCore.EmptyStateFooter, null,
             React__namespace.createElement(reactCore.EmptyStateActions, null,
@@ -1951,7 +1949,7 @@ const QuickStartConclusion = ({ tasks, conclusion, allTaskStatuses, nextQuickSta
             nextQuickStarts.length > 0 &&
             nextQuickStarts.map((nextQuickStart, index) => {
                 var _a;
-                return (React__namespace.createElement(reactCore.Button, { variant: "link", onClick: () => onQuickStartChange(nextQuickStart.metadata.name), isInline: true, icon: React__namespace.createElement(ArrowRightIcon__default['default'], null), iconPosition: "end", isBlock: true, key: index, style: { marginTop: 'var(--pf-t--global--spacer--md' } }, getResource('Start {{nextQSDisplayName}} quick start').replace('{{nextQSDisplayName}}', (_a = nextQuickStart === null || nextQuickStart === void 0 ? void 0 : nextQuickStart.spec) === null || _a === void 0 ? void 0 : _a.displayName)));
+                return (React__namespace.createElement(reactCore.Button, { variant: "link", onClick: () => onQuickStartChange(nextQuickStart.metadata.name), isInline: true, icon: React__namespace.createElement(ArrowRightIcon__default["default"], null), iconPosition: "end", isBlock: true, key: index, style: { marginTop: 'var(--pf-t--global--spacer--md' } }, getResource('Start {{nextQSDisplayName}} quick start').replace('{{nextQSDisplayName}}', (_a = nextQuickStart === null || nextQuickStart === void 0 ? void 0 : nextQuickStart.spec) === null || _a === void 0 ? void 0 : _a.displayName)));
             })));
 };
 
@@ -2270,14 +2268,14 @@ const HelpTopicContextDefaults = {
     setFilteredHelpTopics: () => { },
     loading: false,
 };
-const HelpTopicContext = React__default['default'].createContext(HelpTopicContextDefaults);
+const HelpTopicContext = React__default["default"].createContext(HelpTopicContextDefaults);
 const useValuesForHelpTopicContext = (value = {}) => {
     const combinedValue = Object.assign(Object.assign({}, HelpTopicContextDefaults), value);
-    const [loading, setLoading] = React__default['default'].useState(combinedValue.loading);
+    const [loading, setLoading] = React__default["default"].useState(combinedValue.loading);
     // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
-    const [helpTopics, setHelpTopics] = React__default['default'].useState(combinedValue.helpTopics || []);
-    const [activeHelpTopic, setActiveHelpTopic] = React__default['default'].useState(combinedValue.activeHelpTopic || null);
-    const setActiveHelpTopicByName = React__default['default'].useCallback((helpTopicName) => {
+    const [helpTopics, setHelpTopics] = React__default["default"].useState(combinedValue.helpTopics || []);
+    const [activeHelpTopic, setActiveHelpTopic] = React__default["default"].useState(combinedValue.activeHelpTopic || null);
+    const setActiveHelpTopicByName = React__default["default"].useCallback((helpTopicName) => {
         const topic = helpTopics.find((t) => t.name === helpTopicName);
         if (!helpTopicName) {
             setActiveHelpTopic(null);
@@ -2285,7 +2283,7 @@ const useValuesForHelpTopicContext = (value = {}) => {
         }
         setActiveHelpTopic(topic);
     }, [helpTopics]);
-    const [filteredHelpTopics, setFilteredHelpTopics] = React__default['default'].useState(combinedValue.filteredHelpTopics || []);
+    const [filteredHelpTopics, setFilteredHelpTopics] = React__default["default"].useState(combinedValue.filteredHelpTopics || []);
     return {
         helpTopics,
         setHelpTopics,
@@ -2318,12 +2316,12 @@ const HelpTopicPanelContent = (_a) => {
         paddingContainer(React__namespace.createElement(QuickStartMarkdownView, { content: activeHelpTopic === null || activeHelpTopic === void 0 ? void 0 : activeHelpTopic.content })),
         !!((_b = activeHelpTopic === null || activeHelpTopic === void 0 ? void 0 : activeHelpTopic.links) === null || _b === void 0 ? void 0 : _b.length) && React__namespace.createElement(reactCore.Divider, null),
         paddingContainer(React__namespace.createElement(reactCore.Stack, { hasGutter: true }, (_c = activeHelpTopic === null || activeHelpTopic === void 0 ? void 0 : activeHelpTopic.links) === null || _c === void 0 ? void 0 : _c.map(({ href, text, newTab, isExternal }, index) => (React__namespace.createElement(reactCore.StackItem, { key: index },
-            React__namespace.createElement(reactCore.Button, { component: "a", href: href, target: newTab ? '_blank' : '', rel: "noopener noreferrer", variant: "link", "aria-label": `Open documentation in new window`, isInline: true, icon: isExternal ? React__namespace.createElement(ExternalLinkAltIcon__default['default'], null) : null, iconPosition: "right", style: { fontSize: 'inherit' } }, text || href))))))));
+            React__namespace.createElement(reactCore.Button, { component: "a", href: href, target: newTab ? '_blank' : '', rel: "noopener noreferrer", variant: "link", "aria-label": `Open documentation in new window`, isInline: true, icon: isExternal ? React__namespace.createElement(ExternalLinkAltIcon__default["default"], null) : null, iconPosition: "right", style: { fontSize: 'inherit' } }, text || href))))))));
     const content = (React__namespace.createElement(reactCore.DrawerPanelContent, Object.assign({ isResizable: isResizable }, props),
         React__namespace.createElement("div", null,
             React__namespace.createElement(reactCore.DrawerHead, null,
                 React__namespace.createElement("div", null,
-                    helpTopicOptions && (React__namespace.createElement(reactCore.Select, { isPlain: true, id: "help-topics-select", selected: activeHelpTopic, isOpen: isHelpTopicMenuOpen, onSelect: onSelectHelpTopic, onOpenChange: (isOpen) => setIsHelpTopicMenuOpen(isOpen), toggle: (toggleRef) => (React__namespace.createElement(reactCore.MenuToggle, { isFullWidth: true, ref: toggleRef, icon: React__namespace.createElement(BarsIcon__default['default'], null), onClick: toggleHelpTopicMenu, isExpanded: isHelpTopicMenuOpen }, activeHelpTopic === null || activeHelpTopic === void 0 ? void 0 : activeHelpTopic.title)) },
+                    helpTopicOptions && (React__namespace.createElement(reactCore.Select, { isPlain: true, id: "help-topics-select", selected: activeHelpTopic, isOpen: isHelpTopicMenuOpen, onSelect: onSelectHelpTopic, onOpenChange: (isOpen) => setIsHelpTopicMenuOpen(isOpen), toggle: (toggleRef) => (React__namespace.createElement(reactCore.MenuToggle, { isFullWidth: true, ref: toggleRef, icon: React__namespace.createElement(BarsIcon__default["default"], null), onClick: toggleHelpTopicMenu, isExpanded: isHelpTopicMenuOpen }, activeHelpTopic === null || activeHelpTopic === void 0 ? void 0 : activeHelpTopic.title)) },
                         React__namespace.createElement(reactCore.SelectList, null, helpTopicOptions))),
                     React__namespace.createElement(reactCore.Title, { headingLevel: "h1", size: "xl", style: { marginRight: 'var(--pf-t--global--spacer--md)' } }, activeHelpTopic === null || activeHelpTopic === void 0 ? void 0 : activeHelpTopic.title)),
                 React__namespace.createElement(reactCore.DrawerActions, null,