@patternfly/react-core 4.199.2 → 4.199.5

package/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactWithAdditionalAction.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ClipboardCopy, ClipboardCopyAction, Button } from '@patternfly/react-core';
+import PlayIcon from '@patternfly/react-icons/dist/esm/icons/play-icon';
+
+export const ClipboardCopyInlineCompactWithAdditionalAction: React.FunctionComponent = () => (
+  <ClipboardCopy
+    hoverTip="Copy"
+    clickTip="Copied"
+    variant="inline-compact"
+    additionalActions={
+      <ClipboardCopyAction>
+        <Button variant="plain" aria-label="Run in web terminal">
+          <PlayIcon aria-hidden />
+        </Button>
+      </ClipboardCopyAction>
+    }
+  >
+    2.3.4-2-redhat
+  </ClipboardCopy>
+);

package/src/components/ClipboardCopy/examples/ClipboardCopyJSONObject.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core';
+
+export const ClipboardCopyJSONObject: React.FunctionComponent = () => (
+  <ClipboardCopy isCode hoverTip="Copy" clickTip="Copied" variant={ClipboardCopyVariant.expansion}>
+    {`{ "menu": {
+    "id": "file",
+    "value": "File",
+    "popup": {
+      "menuitem": [
+        {"value": "New", "onclick": "CreateNewDoc()"},
+        {"value": "Open", "onclick": "OpenDoc()"},
+        {"value": "Close", "onclick": "CloseDoc()"}
+      ]
+    }
+  }} `}
+  </ClipboardCopy>
+);

package/src/components/ClipboardCopy/examples/ClipboardCopyReadOnly.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ClipboardCopy } from '@patternfly/react-core';
+
+export const ClipboardCopyReadOnly: React.FunctionComponent = () => (
+  <ClipboardCopy isReadOnly hoverTip="Copy" clickTip="Copied">
+    This is read-only
+  </ClipboardCopy>
+);

package/src/components/ClipboardCopy/examples/ClipboardCopyReadOnlyExpanded.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core';
+
+export const ClipboardCopyReadOnlyExpanded: React.FunctionComponent = () => (
+  <ClipboardCopy isReadOnly hoverTip="Copy" clickTip="Copied" variant={ClipboardCopyVariant.expansion}>
+    Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting
+    expansion.
+  </ClipboardCopy>
+);

package/src/components/ClipboardCopy/examples/ClipboardCopyReadOnlyExpandedByDefault.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core';
+
+export const ClipboardCopyReadOnlyExpandedByDefault: React.FunctionComponent = () => (
+  <ClipboardCopy isReadOnly isExpanded hoverTip="Copy" clickTip="Copied" variant={ClipboardCopyVariant.expansion}>
+    Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting
+    expansion.
+  </ClipboardCopy>
+);