@patternfly/react-core 4.251.0 → 4.251.1

package/src/components/TextInput/examples/TextInputReadOnly.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Checkbox, TextInput } from '@patternfly/react-core';
+
+export const TextInputReadOnly: React.FunctionComponent = () => {
+  const [isPlainChecked, setIsPlainChecked] = React.useState(false);
+  return (
+    <>
+      <div style={{ marginBottom: '12px' }}>
+        <Checkbox
+          id="isPlain"
+          key="isPlain"
+          label="Plain read only variant"
+          isChecked={isPlainChecked}
+          onChange={checked => setIsPlainChecked(checked)}
+        />
+      </div>
+      <TextInput
+        value="read only text input example"
+        type="text"
+        readOnlyVariant={isPlainChecked ? 'plain' : 'default'}
+        aria-label="readonly input example"
+      />
+    </>
+  );
+};

package/src/components/TextInput/examples/TextInputSelectUsingRef.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TextInput } from '@patternfly/react-core';
+
+export const TextInputSelectUsingRef: React.FunctionComponent = () => {
+  const [value, setValue] = React.useState('select all on click');
+  const ref = React.useRef<HTMLInputElement>(null);
+  return (
+    <TextInput
+      ref={ref}
+      value={value}
+      onFocus={() => ref?.current?.select()}
+      onChange={value => setValue(value)}
+      aria-label="select-all"
+    />
+  );
+};