@patternfly/react-core 6.5.0-prerelease.1 → 6.5.0-prerelease.3

package/src/components/Progress/examples/ProgressInteractiveFailure.tsx

@@ -0,0 +1,55 @@
+import { useState } from 'react';
+import {
+  Progress,
+  ProgressMeasureLocation,
+  ProgressVariant,
+  Radio,
+  Checkbox,
+  Form,
+  FormGroup
+} from '@patternfly/react-core';
+
+export const ProgressInteractiveFailure: React.FunctionComponent = () => {
+  const [measureLocation, setMeasureLocation] = useState<ProgressMeasureLocation>(ProgressMeasureLocation.inside);
+  const [hideStatusIcon, setHideStatusIcon] = useState<boolean>(false);
+
+  const measureLocationOptions = [
+    { value: ProgressMeasureLocation.inside, label: 'Inside' },
+    { value: ProgressMeasureLocation.outside, label: 'Outside' },
+    { value: ProgressMeasureLocation.top, label: 'Top' },
+    { value: ProgressMeasureLocation.none, label: 'None' }
+  ];
+
+  return (
+    <Form>
+      <FormGroup fieldId="measure-location" label="Measure location">
+        {measureLocationOptions.map((option) => (
+          <Radio
+            key={option.value}
+            id={`measure-location-${option.value}`}
+            name="measure-location"
+            label={option.label}
+            value={option.value}
+            isChecked={measureLocation === option.value}
+            onChange={() => setMeasureLocation(option.value)}
+          />
+        ))}
+      </FormGroup>
+      <FormGroup fieldId="hide-status-icon">
+        <Checkbox
+          id="hide-status-icon"
+          label="Hide status icon"
+          isChecked={hideStatusIcon}
+          onChange={(_, checked) => setHideStatusIcon(checked)}
+        />
+      </FormGroup>
+      <Progress
+        value={33}
+        title="Title"
+        measureLocation={measureLocation}
+        variant={ProgressVariant.danger}
+        hideStatusIcon={hideStatusIcon}
+      />
+    </Form>
+  );
+};

package/src/components/Progress/examples/ProgressFailureWithoutMeasure.tsx

@@ -1,5 +0,0 @@
-import { Progress, ProgressMeasureLocation, ProgressVariant } from '@patternfly/react-core';
-
-export const ProgressFailureWithoutMeasure: React.FunctionComponent = () => (
-  <Progress value={33} title="Title" measureLocation={ProgressMeasureLocation.none} variant={ProgressVariant.danger} />
-);

package/src/components/Progress/examples/ProgressInsideSuccess.tsx

@@ -1,10 +0,0 @@
-import { Progress, ProgressMeasureLocation, ProgressVariant } from '@patternfly/react-core';
-
-export const ProgressInsideSuccess: React.FunctionComponent = () => (
-  <Progress
-    value={100}
-    title="Title"
-    measureLocation={ProgressMeasureLocation.inside}
-    variant={ProgressVariant.success}
-  />
-);

package/src/components/Progress/examples/ProgressOutsideFailure.tsx

@@ -1,10 +0,0 @@
-import { Progress, ProgressMeasureLocation, ProgressVariant } from '@patternfly/react-core';
-
-export const ProgressOutsideFailure: React.FunctionComponent = () => (
-  <Progress
-    value={33}
-    title="Title"
-    measureLocation={ProgressMeasureLocation.outside}
-    variant={ProgressVariant.danger}
-  />
-);