@patternfly/quickstarts 2.2.3 → 2.3.1

package/dist/index.js

@@ -1243,12 +1243,13 @@ const CopyClipboard = ({ element, rootSelector, docContext, }) => {
     const { getResource } = React__namespace.useContext(QuickStartContext);
     const [showSuccessContent, setShowSuccessContent] = React__namespace.useState(false);
     const textToCopy = React__namespace.useMemo(() => {
+        var _a;
         const copyTextId = element.getAttribute(MARKDOWN_COPY_BUTTON_ID);
-        return docContext.querySelector(`${rootSelector} [${MARKDOWN_SNIPPET_ID}="${copyTextId}"]`).innerText;
+        return (_a = docContext.querySelector(`${rootSelector} [${MARKDOWN_SNIPPET_ID}="${copyTextId}"]`)) === null || _a === void 0 ? void 0 : _a.innerText;
     }, [element, docContext, rootSelector]);
     useEventListener(element, 'click', React__namespace.useCallback(() => {
         navigator.clipboard
-            .writeText(textToCopy)
+            .writeText(textToCopy.trim())
             .then(() => {
             setShowSuccessContent(true);
         })
@@ -1276,15 +1277,15 @@ const useInlineCopyClipboardShowdownExtension = () => {
     return React__namespace.useMemo(() => ({
         type: 'lang',
         regex: /`([^`](.*?)[^`])`{{copy}}/g,
-        replace: (text, group, subGroup, groupType, groupId) => {
-            if (!group || !subGroup || !groupType || !groupId) {
+        replace: (text, group, _, groupId) => {
+            if (!group || isNaN(groupId)) {
                 return text;
             }
             return removeTemplateWhitespace(`<span class="pf-c-clipboard-copy pf-m-inline">
-              <span class="pf-c-clipboard-copy__text" ${MARKDOWN_SNIPPET_ID}="${groupType}">${group}</span>
+              <span class="pf-c-clipboard-copy__text" ${MARKDOWN_SNIPPET_ID}="${groupId}">${group}</span>
               <span class="pf-c-clipboard-copy__actions">
                 <span class="pf-c-clipboard-copy__actions-item">
-                  <button class="pf-c-button pf-m-plain" aria-label="${getResource('Copy to clipboard')}" ${MARKDOWN_COPY_BUTTON_ID}="${groupType}">
+                  <button class="pf-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))}
                   </button>
                 </span>
@@ -1298,16 +1299,16 @@ const useMultilineCopyClipboardShowdownExtension = () => {
     const { getResource } = React__namespace.useContext(QuickStartContext);
     return React__namespace.useMemo(() => ({
         type: 'lang',
-        regex: /```[\n]((.*?\n)+)```{{copy}}/g,
-        replace: (text, group, subgroup, groupType, groupId) => {
-            if (!group || !subgroup || !groupType || !groupId) {
+        regex: /```[\n]\s*((((?!```).)*?\n)+)\s*```{{copy}}/g,
+        replace: (text, group, _1, _2, groupId) => {
+            if (!group || isNaN(groupId)) {
                 return text;
             }
             return `<div class="pf-c-code-block">
               <div class="pf-c-code-block__header">
                 <div class="pf-c-code-block__actions">
                   <div class="pf-c-code-block__actions-item">
-                    <button class="pf-c-button pf-m-plain" type="button" aria-label="${getResource('Copy to clipboard')}" ${MARKDOWN_COPY_BUTTON_ID}="${groupType}">
+                    <button class="pf-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))}
                     </button>
                   </div>
@@ -1316,7 +1317,7 @@ const useMultilineCopyClipboardShowdownExtension = () => {
               <div class="pf-c-code-block__content">
                 <pre class="pf-c-code-block__pre pfext-code-block__pre">
                   <code class="pf-c-code-block__code" 
-                    ${MARKDOWN_SNIPPET_ID}="${groupType}">${group}</code>
+                    ${MARKDOWN_SNIPPET_ID}="${groupId}">${group.trim()}</code>
                 </pre>
               </div>
             </div>`;
@@ -1343,7 +1344,7 @@ const useAdmonitionShowdownExtension = () => {
     // const { getResource } = React.useContext<QuickStartContextValues>(QuickStartContext);
     return React__namespace.useMemo(() => ({
         type: 'lang',
-        regex: /\[([\d\w\s-()$!]+)]{{(admonition) ([\w-]+)}}/g,
+        regex: /\[(.+)]{{(admonition) ([\w-]+)}}/g,
         replace: (text, content, admonitionLabel, admonitionType, groupId) => {
             if (!content || !admonitionLabel || !admonitionType || !groupId) {
                 return text;
@@ -2413,7 +2414,7 @@ const HelpTopicPanelContent = (_a) => {
     const paddingContainer = (children) => React__namespace.createElement("div", { style: { padding: '24px' } }, children);
     const panelBodyItems = (React__namespace.createElement(React__namespace.Fragment, null,
         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),
+        !!((_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) => {
             return (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)));