@patternfly/documentation-framework 1.2.57 → 1.2.59

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.2.59 (2022-11-01)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+## 1.2.58 (2022-11-01)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
 ## 1.2.57 (2022-11-01)
 
 **Note:** Version bump only for package @patternfly/documentation-framework

package/components/example/exampleToolbar.js

@@ -57,19 +57,17 @@ export const ExampleToolbar = ({
   const undoAllAriaLabel = `Undo all changes to ${exampleTitle}`;
 
   const editorControlProps = {
-    maxWidth: 'var(--ws-code-editor--tooltip--MaxWidth)',
     className: "ws-code-editor-control",
-    exitDelay: 300
   };
 
+  const commonTooltipProps = {
+    exitDelay: 300,
+    maxWidth: 'var(--ws-code-editor--tooltip--MaxWidth)'
+  }
+
   const copyCode = () => {
     copy(code);
-
     setCopied(true);
-    // Reset isCopied after Tooltip fades out
-    setTimeout(() => {
-      setCopied(false);
-    }, 2500);
   };
 
   const customControls = (
@@ -86,16 +84,19 @@ export const ExampleToolbar = ({
           // 1 === expand code, 0 === collapse code
           trackEvent('code_editor_control_click',  'click_event', 'TOGGLE_CODE', isEditorOpen ? 0 : 1);
         }}
+        tooltipProps={{
+          content: languageLabel,
+          ...commonTooltipProps
+        }}
         aria-label={languageAriaLabel}
-        toolTipText={languageLabel}
         aria-expanded={isEditorOpen}
         {...editorControlProps}
       />
       <Tooltip
-        trigger="mouseenter"
         content={<div>{isCopied ? 'Code copied' : copyLabel}</div>}
-        {...(isCopied && {exitDelay: 1600})}
         maxWidth={editorControlProps.maxWidth}
+        exitDelay={isCopied ? "300" : 1600}
+        onTooltipHidden={() => setCopied(false)}
       >
         <Button
           onClick={() => {
@@ -144,7 +145,10 @@ export const ExampleToolbar = ({
           target="_blank"
           rel="noopener noreferrer"
           aria-label={fullscreenAriaLabel}
-          toolTipText={fullscreenLabel}
+          tooltipProps={{
+            content: fullscreenLabel,
+            ...commonTooltipProps
+          }}
           onClick={() => {
             trackEvent('code_editor_control_click', 'click_event', 'FULLSCREEN_LINK');
           }}
@@ -159,7 +163,10 @@ export const ExampleToolbar = ({
             </React.Fragment>
           )}
           aria-label={convertAriaLabel}
-          toolTipText={convertLabel}
+          tooltipProps={{
+            content: convertLabel,
+            ...commonTooltipProps
+          }}
           onClick={() => {
             setCode(convertToJSX(code).code);
             trackEvent('code_editor_control_click', 'click_event', 'TS_TO_JS');
@@ -171,7 +178,10 @@ export const ExampleToolbar = ({
         <CodeEditorControl
           icon={<ReplyAllIcon />}
           aria-label={undoAllAriaLabel}
-          toolTipText={undoAllLabel}
+          tooltipProps={{
+            content: undoAllLabel,
+            ...commonTooltipProps
+          }}
           onClick={() => {
             setCode(originalCode);
             trackEvent('code_editor_control_click', 'click_event', 'RESET_CODE');

package/helpers/copy.js

@@ -1,19 +1,3 @@
 export const copy = textToCopy => {
-  let el = document.createElement('textarea');
-  // Set value (string to be copied)
-  el.value = textToCopy;
-  // Set non-editable to avoid focus and move outside of view
-  el.setAttribute('readonly', '');
-  el.style = {
-    display: 'none',
-    position: 'absolute',
-    left: '-9999px'
-  };
-  document.body.appendChild(el);
-  // Select text inside element
-  el.select();
-  // Copy text to clipboard
-  document.execCommand('copy');
-  // Remove temporary element
-  document.body.removeChild(el);
+  navigator.clipboard.writeText(textToCopy);
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "1.2.57",
+  "version": "1.2.59",
   "author": "Red Hat",
   "license": "MIT",
   "private": false,
@@ -85,5 +85,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "df10272ead2be0f602d84bbca868ee489c65a76d"
+  "gitHead": "b3fd85bc93c5f3c2a86f91facc77d8f176fda8d4"
 }

package/versions.json

@@ -1,9 +1,27 @@
 {
   "Releases": [
     {
+      "name": "2022.14",
+      "date": "2022-11-01",
+      "latest": true,
+      "versions": {
+        "@patternfly/patternfly": "4.219.2",
+        "@patternfly/react-catalog-view-extension": "4.92.55",
+        "@patternfly/react-charts": "6.94.11",
+        "@patternfly/react-code-editor": "4.82.55",
+        "@patternfly/react-core": "4.258.3",
+        "@patternfly/react-icons": "4.92.10",
+        "@patternfly/react-inline-edit-extension": "4.86.56",
+        "@patternfly/react-log-viewer": "4.87.50",
+        "@patternfly/react-styles": "4.91.10",
+        "@patternfly/react-table": "4.111.33",
+        "@patternfly/react-tokens": "4.93.10",
+        "@patternfly/react-topology": "4.90.11",
+        "@patternfly/react-virtualized-extension": "4.88.55"
+      }
+    },{
       "name": "2022.13",
       "date": "2022-10-11",
-      "latest": true,
       "versions": {
         "@patternfly/patternfly": "4.217.1",
         "@patternfly/react-catalog-view-extension": "4.92.26",