@patternfly/react-core 5.0.0-alpha.108 → 5.0.0-alpha.109

package/src/components/FormSelect/examples/FormSelectIconSpriteVariant.tsx

@@ -1,63 +0,0 @@
-import React from 'react';
-import {
-  Form,
-  FormGroup,
-  FormHelperText,
-  FormSelect,
-  FormSelectOption,
-  HelperText,
-  HelperTextItem,
-  ValidatedOptions
-} from '@patternfly/react-core';
-
-export const FormSelectIconSpriteVariant: React.FunctionComponent = () => {
-  const [formSelectValue, setFormSelectValue] = React.useState('');
-  const [validated, setValidated] = React.useState<ValidatedOptions>(ValidatedOptions.default);
-  const [helperText, setHelperText] = React.useState('');
-
-  const onChange = (_event: React.FormEvent<HTMLSelectElement>, value: string) => {
-    if (value === '3') {
-      setFormSelectValue(value);
-      setValidated(ValidatedOptions.success);
-      setHelperText('You chose wisely');
-    } else if (value === '') {
-      setFormSelectValue(value);
-      setValidated(ValidatedOptions.warning);
-      setHelperText('You must select a value');
-    } else {
-      setFormSelectValue(value);
-      setValidated(ValidatedOptions.error);
-      setHelperText('You must chose Three (thought that was obvious)');
-    }
-  };
-
-  const options = [
-    { value: '', label: 'Select a number', disabled: false, isPlaceholder: true },
-    { value: '1', label: 'One', disabled: false, isPlaceholder: false },
-    { value: '2', label: 'Two', disabled: false, isPlaceholder: false },
-    { value: '3', label: 'Three - the only valid option', disabled: false, isPlaceholder: false }
-  ];
-
-  return (
-    <Form>
-      <FormGroup label="Selection:" type="string" fieldId="selection">
-        <FormSelect
-          validated={validated}
-          isIconSprite
-          value={formSelectValue}
-          onChange={onChange}
-          aria-label="FormSelect Input"
-        >
-          {options.map((option, index) => (
-            <FormSelectOption isDisabled={option.disabled} key={index} value={option.value} label={option.label} />
-          ))}
-        </FormSelect>
-        <FormHelperText>
-          <HelperText>
-            <HelperTextItem variant={validated}>{helperText}</HelperTextItem>
-          </HelperText>
-        </FormHelperText>
-      </FormGroup>
-    </Form>
-  );
-};

package/src/components/TextArea/examples/TextAreaIconSprite.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { TextArea } from '@patternfly/react-core';
-
-export const TextAreaIconSprite: React.FunctionComponent = () => {
-  const [success, setSuccess] = React.useState('');
-  const [warning, setWarning] = React.useState('');
-  const [error, setError] = React.useState('');
-
-  return (
-    <>
-      <TextArea
-        validated={'success'}
-        isIconSprite
-        type="text"
-        onChange={(_event, value) => setSuccess(value)}
-        value={success}
-        aria-label="success icon sprite text area example"
-      />
-      <br />
-      <br />
-      <TextArea
-        validated={'warning'}
-        isIconSprite
-        type="text"
-        onChange={(_event, value) => setWarning(value)}
-        value={warning}
-        aria-label="warning icon sprite text area example"
-      />
-      <br />
-      <br />
-      <TextArea
-        validated={'error'}
-        isIconSprite
-        type="text"
-        onChange={(_event, value) => setError(value)}
-        value={error}
-        aria-label="error icon sprite text area example"
-      />
-    </>
-  );
-};

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import { TextInput } from '@patternfly/react-core';
-
-export const TextInputIcon: React.FunctionComponent = () => {
-  const [calendar, setCalendar] = React.useState('');
-  const [clock, setClock] = React.useState('');
-  const [custom, setCustom] = React.useState('');
-
-  return (
-    <>
-      <TextInput
-        value={calendar}
-        type="text"
-        iconVariant="calendar"
-        onChange={(_event, value) => setCalendar(value)}
-        aria-label="text input example"
-      />
-      <br />
-      <br />
-      <TextInput
-        value={clock}
-        type="text"
-        iconVariant="clock"
-        onChange={(_event, value) => setClock(value)}
-        aria-label="text input example"
-      />
-      <br />
-      <br />
-      <TextInput
-        value={custom}
-        type="text"
-        customIconDimensions="24px 24px"
-        customIconUrl='data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill="%23a18fff" d="M158.87.15c-16.16-1.52-31.2 8.42-35.33 24.12l-14.81 56.27c187.62 5.49 314.54 130.61 322.48 317l56.94-15.78c15.72-4.36 25.49-19.68 23.62-35.9C490.89 165.08 340.78 17.32 158.87.15zm-58.47 112L.55 491.64a16.21 16.21 0 0 0 20 19.75l379-105.1c-4.27-174.89-123.08-292.14-299.15-294.1zM128 416a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm48-152a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm104 104a32 32 0 1 1 32-32 32 32 0 0 1-32 32z"/%3E%3C/svg%3E'
-        onChange={(_event, value) => setCustom(value)}
-        aria-label="text input example"
-      />
-    </>
-  );
-};

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

@@ -1,63 +0,0 @@
-import React from 'react';
-import { TextInput } from '@patternfly/react-core';
-
-export const TextInputIconSprite: React.FunctionComponent = () => {
-  const [calendar, setCalendar] = React.useState('');
-  const [clock, setClock] = React.useState('');
-  const [success, setSuccess] = React.useState('');
-  const [warning, setWarning] = React.useState('');
-  const [error, setError] = React.useState('');
-
-  return (
-    <>
-      <TextInput
-        value={success}
-        validated={'success'}
-        isIconSprite
-        type="text"
-        onChange={(_event, value) => setSuccess(value)}
-        aria-label="success icon sprite text input example"
-      />
-      <br />
-      <br />
-      <TextInput
-        value={warning}
-        validated={'warning'}
-        isIconSprite
-        type="text"
-        onChange={(_event, value) => setWarning(value)}
-        aria-label="warning icon sprite text input example"
-      />
-      <br />
-      <br />
-      <TextInput
-        value={error}
-        validated={'error'}
-        isIconSprite
-        type="text"
-        onChange={(_event, value) => setError(value)}
-        aria-label="error icon sprite text input example"
-      />
-      <br />
-      <br />
-      <TextInput
-        value={calendar}
-        isIconSprite
-        type="text"
-        iconVariant="calendar"
-        onChange={(_event, value) => setCalendar(value)}
-        aria-label="calendar icon sprite text input example"
-      />
-      <br />
-      <br />
-      <TextInput
-        value={clock}
-        isIconSprite
-        type="text"
-        iconVariant="clock"
-        onChange={(_event, value) => setClock(value)}
-        aria-label="clock icon sprite text input example"
-      />
-    </>
-  );
-};