@patternfly/react-core 6.0.0-alpha.24 → 6.0.0-alpha.25

package/src/demos/examples/HelperText/{HelperTextDynamicVariantStaticText.tsx → HelperTextStaticTextDynamicVariant.tsx}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Form, FormGroup, FormHelperText, TextInput, HelperText, HelperTextItem } from '@patternfly/react-core';
 
-export const HelperTextDynamicVariantDynamicText: React.FunctionComponent = () => {
+export const HelperTextStaticTextDynamicVariant: React.FunctionComponent = () => {
   const [value, setValue] = React.useState('');
   const [inputValidation, setInputValidation] = React.useState({
     ruleLength: 'indeterminate',
@@ -10,8 +10,8 @@ export const HelperTextDynamicVariantDynamicText: React.FunctionComponent = () =
   const { ruleLength, ruleCharacterTypes } = inputValidation;
 
   React.useEffect(() => {
-    let lengthStatus = ruleLength;
-    let typeStatus = ruleCharacterTypes;
+    let lengthVariant = ruleLength;
+    let typeVariant = ruleCharacterTypes;
 
     if (value === '') {
       setInputValidation({
@@ -22,18 +22,18 @@ export const HelperTextDynamicVariantDynamicText: React.FunctionComponent = () =
     }
 
     if (!/\d/g.test(value)) {
-      typeStatus = 'error';
+      typeVariant = 'error';
     } else {
-      typeStatus = 'success';
+      typeVariant = 'success';
     }
 
     if (value.length < 5) {
-      lengthStatus = 'error';
+      lengthVariant = 'error';
     } else {
-      lengthStatus = 'success';
+      lengthVariant = 'success';
     }
 
-    setInputValidation({ ruleLength: lengthStatus, ruleCharacterTypes: typeStatus });
+    setInputValidation({ ruleLength: lengthVariant, ruleCharacterTypes: typeVariant });
   }, [value, ruleLength, ruleCharacterTypes]);
 
   const handleInputChange = (_event, inputValue: string) => {
@@ -57,10 +57,10 @@ export const HelperTextDynamicVariantDynamicText: React.FunctionComponent = () =
         />
         <FormHelperText>
           <HelperText component="ul">
-            <HelperTextItem component="li" id="ruleLength" isDynamic variant={ruleLength as any}>
+            <HelperTextItem component="li" id="ruleLength" variant={ruleLength as any}>
               Must be at least 5 characters in length
             </HelperTextItem>
-            <HelperTextItem component="li" id="ruleCharacterTypes" isDynamic variant={ruleCharacterTypes as any}>
+            <HelperTextItem component="li" id="ruleCharacterTypes" variant={ruleCharacterTypes as any}>
               Must include at least 1 number
             </HelperTextItem>
           </HelperText>

package/src/demos/examples/PasswordStrength/PasswordStrengthDemo.tsx

@@ -136,13 +136,13 @@ export const PasswordStrengthDemo: React.FunctionComponent = () => {
         />
         <FormHelperText>
           <HelperText component="ul" aria-live="polite" id="password-field-helper">
-            <HelperTextItem isDynamic variant={ruleLength} component="li">
+            <HelperTextItem variant={ruleLength} component="li">
               Must be at least 14 characters
             </HelperTextItem>
-            <HelperTextItem isDynamic variant={ruleContent} component="li">
+            <HelperTextItem variant={ruleContent} component="li">
               Cannot contain the word "redhat"
             </HelperTextItem>
-            <HelperTextItem isDynamic variant={ruleCharacters} component="li">
+            <HelperTextItem variant={ruleCharacters} component="li">
               Must include at least 3 of the following: lowercase letter, uppercase letters, numbers, symbols
             </HelperTextItem>
           </HelperText>

package/src/components/HelperText/examples/HelperTextDynamic.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { HelperText, HelperTextItem } from '@patternfly/react-core';
-import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
-
-export const HelperTextDynamic: React.FunctionComponent = () => (
-  <React.Fragment>
-    <HelperText>
-      <HelperTextItem isDynamic>This is default helper text</HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem isDynamic variant="indeterminate">
-        This is indeterminate helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem isDynamic variant="warning">
-        This is warning helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem isDynamic variant="success">
-        This is success helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem isDynamic variant="error">
-        This is error helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem isDynamic variant="error" icon={<TimesIcon />}>
-        This is error helper text with a custom icon
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem isDynamic variant="error" hasIcon={false}>
-        This is error helper text with no icon
-      </HelperTextItem>
-    </HelperText>
-  </React.Fragment>
-);

package/src/components/HelperText/examples/HelperTextDynamicList.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { HelperText, HelperTextItem } from '@patternfly/react-core';
-
-export const HelperTextDynamicList: React.FunctionComponent = () => (
-  <HelperText component="ul">
-    <HelperTextItem isDynamic variant="success" component="li">
-      Must be at least 14 characters
-    </HelperTextItem>
-    <HelperTextItem isDynamic variant="error" component="li">
-      Cannot contain any variation of the word "redhat"
-    </HelperTextItem>
-    <HelperTextItem isDynamic variant="success" component="li">
-      Must include at least 3 of the following: lowercase letter, uppercase letters, numbers, symbols
-    </HelperTextItem>
-  </HelperText>
-);

package/src/components/HelperText/examples/HelperTextMultipleStatic.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import { HelperText, HelperTextItem } from '@patternfly/react-core';
-
-export const HelperTextMultipleStatic: React.FunctionComponent = () => (
-  <HelperText>
-    <HelperTextItem>This is default helper text</HelperTextItem>
-    <HelperTextItem>This is another default helper text in the same block</HelperTextItem>
-    <HelperTextItem>And this is more default text in the same block</HelperTextItem>
-  </HelperText>
-);

package/src/components/HelperText/examples/HelperTextStaticWithDefaultIcon.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { HelperText, HelperTextItem } from '@patternfly/react-core';
-
-export const HelperTextStaticWithDefaultIcon: React.FunctionComponent = () => (
-  <React.Fragment>
-    <HelperText>
-      <HelperTextItem hasIcon>This is default helper text</HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem variant="indeterminate" hasIcon>
-        This is indeterminate helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem variant="warning" hasIcon>
-        This is warning helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem variant="success" hasIcon>
-        This is success helper text
-      </HelperTextItem>
-    </HelperText>
-    <HelperText>
-      <HelperTextItem variant="error" hasIcon>
-        This is error helper text
-      </HelperTextItem>
-    </HelperText>
-  </React.Fragment>
-);