@patternfly/quickstarts 2.3.0 → 2.3.1

package/dist/ConsoleShared/src/components/markdown-extensions/inline-clipboard-extension.d.ts

@@ -2,6 +2,6 @@ import './showdown-extension.scss';
 declare const useInlineCopyClipboardShowdownExtension: () => {
     type: string;
     regex: RegExp;
-    replace: (text: string, group: string, subGroup: string, groupType: string, groupId: string) => string;
+    replace: (text: string, group: string, _: string, groupId: number) => string;
 };
 export default useInlineCopyClipboardShowdownExtension;

package/dist/ConsoleShared/src/components/markdown-extensions/multiline-clipboard-extension.d.ts

@@ -2,6 +2,6 @@ import './showdown-extension.scss';
 declare const useMultilineCopyClipboardShowdownExtension: () => {
     type: string;
     regex: RegExp;
-    replace: (text: string, group: string, subgroup: string, groupType: string, groupId: string) => string;
+    replace: (text: string, group: string, _1: string, _2: string, groupId: number) => string;
 };
 export default useMultilineCopyClipboardShowdownExtension;

package/dist/index.es.js

@@ -1201,12 +1201,13 @@ const CopyClipboard = ({ element, rootSelector, docContext, }) => {
     const { getResource } = React.useContext(QuickStartContext);
     const [showSuccessContent, setShowSuccessContent] = React.useState(false);
     const textToCopy = React.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.useCallback(() => {
         navigator.clipboard
-            .writeText(textToCopy)
+            .writeText(textToCopy.trim())
             .then(() => {
             setShowSuccessContent(true);
         })
@@ -1233,16 +1234,16 @@ const useInlineCopyClipboardShowdownExtension = () => {
     const { getResource } = React.useContext(QuickStartContext);
     return React.useMemo(() => ({
         type: 'lang',
-        regex: /```[\n]\s*((((?!```).)*?\n)+)\s*```{{copy}}/g,
-        replace: (text, group, subGroup, groupType, groupId) => {
-            if (!group || !subGroup || !groupType || !groupId) {
+        regex: /`([^`](.*?)[^`])`{{copy}}/g,
+        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}">
                     ${renderToStaticMarkup(React.createElement(CopyIcon, null))}
                   </button>
                 </span>
@@ -1256,16 +1257,16 @@ const useMultilineCopyClipboardShowdownExtension = () => {
     const { getResource } = React.useContext(QuickStartContext);
     return React.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}">
                       ${renderToStaticMarkup(React.createElement(CopyIcon, null))}
                     </button>
                   </div>
@@ -1274,7 +1275,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>`;