@patternfly/react-core 4.202.30 → 4.202.33

package/src/components/Pagination/__tests__/Generated/__snapshots__/Pagination.test.tsx.snap

@@ -1,205 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Pagination should match snapshot (auto-generated) 1`] = `
-<div>
-  <div
-    class="pf-c-pagination ''"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-1"
-    data-ouia-component-type="PF4/Pagination"
-    data-ouia-safe="true"
-    id="'pagination-options-menu'-0"
-    style="--pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
-  >
-    <div
-      class="pf-c-pagination__total-items"
-    >
-      string
-    </div>
-    <div
-      class="pf-c-options-menu pf-m-top"
-      data-ouia-component-type="PF4/PaginationOptionsMenu"
-      data-ouia-safe="true"
-    >
-      <div
-        class="pf-c-options-menu__toggle pf-m-plain pf-m-text"
-      >
-        <span
-          class="pf-c-options-menu__toggle-text"
-        >
-          string
-        </span>
-        <button
-          aria-expanded="false"
-          aria-label="Items per page"
-          class="  pf-c-options-menu__toggle-button"
-          data-ouia-component-id="OUIA-Generated-DropdownToggle-1"
-          data-ouia-component-type="PF4/DropdownToggle"
-          data-ouia-safe="true"
-          id="'pagination-options-menu'-toggle-0"
-          type="button"
-        >
-          <span
-            class="pf-c-options-menu__toggle-button-icon"
-          >
-            <svg
-              aria-hidden="true"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              style="vertical-align: -0.125em;"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
-        </button>
-      </div>
-    </div>
-    <nav
-      aria-label="Pagination"
-      class="pf-c-pagination__nav"
-    >
-      <div
-        class="pf-c-pagination__nav-control pf-m-first"
-      >
-        <button
-          aria-disabled="true"
-          aria-label="Go to first page"
-          class="pf-c-button pf-m-plain pf-m-disabled"
-          data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-1"
-          data-ouia-component-type="PF4/Button"
-          data-ouia-safe="true"
-          disabled=""
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            style="vertical-align: -0.125em;"
-            viewBox="0 0 448 512"
-            width="1em"
-          >
-            <path
-              d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
-            />
-          </svg>
-        </button>
-      </div>
-      <div
-        class="pf-c-pagination__nav-control"
-      >
-        <button
-          aria-disabled="true"
-          aria-label="Go to previous page"
-          class="pf-c-button pf-m-plain pf-m-disabled"
-          data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-2"
-          data-ouia-component-type="PF4/Button"
-          data-ouia-safe="true"
-          disabled=""
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            style="vertical-align: -0.125em;"
-            viewBox="0 0 256 512"
-            width="1em"
-          >
-            <path
-              d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
-            />
-          </svg>
-        </button>
-      </div>
-      <div
-        class="pf-c-pagination__nav-page-select"
-      >
-        <input
-          aria-label="Current page"
-          class="pf-c-form-control"
-          disabled=""
-          max="1"
-          min="1"
-          type="number"
-          value="1"
-        />
-        <span
-          aria-hidden="true"
-        >
-          of
-           
-          1
-        </span>
-      </div>
-      <div
-        class="pf-c-pagination__nav-control"
-      >
-        <button
-          aria-disabled="true"
-          aria-label="Go to next page"
-          class="pf-c-button pf-m-plain pf-m-disabled"
-          data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-3"
-          data-ouia-component-type="PF4/Button"
-          data-ouia-safe="true"
-          disabled=""
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            style="vertical-align: -0.125em;"
-            viewBox="0 0 256 512"
-            width="1em"
-          >
-            <path
-              d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
-            />
-          </svg>
-        </button>
-      </div>
-      <div
-        class="pf-c-pagination__nav-control pf-m-last"
-      >
-        <button
-          aria-disabled="true"
-          aria-label="Go to last page"
-          class="pf-c-button pf-m-plain pf-m-disabled"
-          data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-4"
-          data-ouia-component-type="PF4/Button"
-          data-ouia-safe="true"
-          disabled=""
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            fill="currentColor"
-            height="1em"
-            role="img"
-            style="vertical-align: -0.125em;"
-            viewBox="0 0 448 512"
-            width="1em"
-          >
-            <path
-              d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
-            />
-          </svg>
-        </button>
-      </div>
-    </nav>
-    ReactNode
-  </div>
-</div>
-`;

package/src/components/Popover/__tests__/Generated/Popover.test.tsx

@@ -1,40 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { Popover } from '../../Popover';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('Popover should match snapshot (auto-generated)', () => {
-  const view = render(
-    <Popover
-      id="test"
-      aria-label={"''"}
-      appendTo={() => document.body}
-      bodyContent={<div>ReactNode</div>}
-      children={<p>ReactElement</p>}
-      className={"''"}
-      closeBtnAriaLabel={"'Close'"}
-      distance={25}
-      enableFlip={true}
-      flipBehavior={['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom']}
-      footerContent={null}
-      headerContent={null}
-      hideOnOutsideClick={true}
-      isVisible={null}
-      minWidth={'string'}
-      maxWidth={'string'}
-      onHidden={(): void => null}
-      onHide={(): void => null}
-      onMount={(): void => null}
-      onShow={(): void => null}
-      onShown={(): void => null}
-      position={'top'}
-      shouldClose={(): void => null}
-      zIndex={9999}
-    />
-  );
-  expect(view.container).toMatchSnapshot();
-});

package/src/components/Popover/__tests__/Generated/__snapshots__/Popover.test.tsx.snap

@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Popover should match snapshot (auto-generated) 1`] = `
-<div>
-  <p>
-    ReactElement
-  </p>
-</div>
-`;

package/src/components/Progress/__tests__/Generated/Progress.test.tsx

@@ -1,27 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { Progress } from '../../Progress';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('Progress should match snapshot (auto-generated)', () => {
-  const view = render(
-    <Progress
-      className={"''"}
-      size={null}
-      measureLocation={'outside'}
-      variant={'danger'}
-      title={"''"}
-      label={null}
-      value={0}
-      id={"''"}
-      min={0}
-      max={100}
-      valueText={'null'}
-    />
-  );
-  expect(view.container).toMatchSnapshot();
-});

package/src/components/Progress/__tests__/Generated/__snapshots__/Progress.test.tsx.snap

@@ -1,63 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Progress should match snapshot (auto-generated) 1`] = `
-<div>
-  <div
-    class="pf-c-progress pf-m-danger pf-m-outside ''"
-    id="''"
-  >
-    <div
-      aria-hidden="true"
-      class="pf-c-progress__description"
-      id="''-description"
-    >
-      ''
-    </div>
-    <div
-      aria-hidden="true"
-      class="pf-c-progress__status"
-    >
-      <span
-        class="pf-c-progress__measure"
-      >
-        0%
-      </span>
-      <span
-        class="pf-c-progress__status-icon"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          style="vertical-align: -0.125em;"
-          viewBox="0 0 512 512"
-          width="1em"
-        >
-          <path
-            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"
-          />
-        </svg>
-      </span>
-    </div>
-    <div
-      aria-labelledby="''-description"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="0"
-      aria-valuetext="null"
-      class="pf-c-progress__bar"
-      role="progressbar"
-    >
-      <div
-        class="pf-c-progress__indicator"
-        style="width: 0%;"
-      >
-        <span
-          class="pf-c-progress__measure"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;

package/src/components/Radio/__tests__/Generated/Radio.test.tsx

@@ -1,29 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { Radio } from '../../Radio';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('Radio should match snapshot (auto-generated)', () => {
-  const view = render(
-    <Radio
-      className={"''"}
-      id={'string'}
-      isLabelWrapped={true}
-      isLabelBeforeButton={true}
-      checked={true}
-      isChecked={true}
-      isDisabled={false}
-      isValid={true}
-      label={<div>ReactNode</div>}
-      name={'string'}
-      onChange={() => {}}
-      aria-label={'string'}
-      description={<div>ReactNode</div>}
-    />
-  );
-  expect(view.container).toMatchSnapshot();
-});

package/src/components/Radio/__tests__/Generated/__snapshots__/Radio.test.tsx.snap

@@ -1,36 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Radio should match snapshot (auto-generated) 1`] = `
-<div>
-  <label
-    class="pf-c-radio ''"
-    for="string"
-  >
-    <span
-      class="pf-c-radio__label"
-    >
-      <div>
-        ReactNode
-      </div>
-    </span>
-    <input
-      aria-invalid="false"
-      checked=""
-      class="pf-c-radio__input"
-      data-ouia-component-id="OUIA-Generated-Radio-1"
-      data-ouia-component-type="PF4/Radio"
-      data-ouia-safe="true"
-      id="string"
-      name="string"
-      type="radio"
-    />
-    <span
-      class="pf-c-radio__description"
-    >
-      <div>
-        ReactNode
-      </div>
-    </span>
-  </label>
-</div>
-`;

package/src/components/Select/__tests__/Generated/Select.test.tsx

@@ -1,49 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { Select } from '../../Select';
-// any missing imports can usually be resolved by adding them here
-import { SelectOptionObject } from '../..';
-
-it('Select should match snapshot (auto-generated)', () => {
-  const view = render(
-    <Select
-      children={[]}
-      className={"''"}
-      direction={'up'}
-      isExpanded={false}
-      isGrouped={false}
-      isPlain={false}
-      isDisabled={false}
-      isCreatable={false}
-      createText={"'Create'"}
-      placeholderText={''}
-      noResultsFoundText={"'No results found'"}
-      selections={''}
-      toggleId={'null'}
-      aria-label={"''"}
-      aria-labelledby={"''"}
-      typeAheadAriaLabel={"''"}
-      clearSelectionsAriaLabel={"'Clear all'"}
-      toggleAriaLabel={"'Options menu'"}
-      removeSelectionAriaLabel={"'Remove'"}
-      onSelect={(
-        event: React.MouseEvent | React.ChangeEvent,
-        value: string | SelectOptionObject,
-        isPlaceholder?: boolean
-      ) => undefined as void}
-      onToggle={(isExpanded: boolean) => undefined as void}
-      onClear={(_e: React.MouseEvent) => undefined as void}
-      onFilter={null}
-      onCreateOption={(_newOptionValue: string) => undefined as void}
-      variant={'single'}
-      width={''}
-      maxHeight={'string'}
-      toggleIcon={null}
-      customContent={null}
-    />
-  );
-  expect(view.container).toMatchSnapshot();
-});

package/src/components/Select/__tests__/Generated/SelectToggle.test.tsx

@@ -1,34 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { SelectToggle } from '../../SelectToggle';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('SelectToggle should match snapshot (auto-generated)', () => {
-  const view = render(
-    <SelectToggle
-      id={'string'}
-      children={<div>ReactNode</div>}
-      className={"''"}
-      isExpanded={false}
-      onToggle={() => {}}
-      onEnter={() => {}}
-      onClose={() => {}}
-      handleTypeaheadKeys={(position: string) => undefined as void}
-      parentRef={{ current: document.createElement('div') }}
-      isFocused={false}
-      isHovered={false}
-      isActive={false}
-      isPlain={false}
-      isDisabled={false}
-      type={'button'}
-      aria-labelledby={"''"}
-      aria-label={"''"}
-      variant={'single'}
-    />
-  );
-  expect(view.container).toMatchSnapshot();
-});

package/src/components/Select/__tests__/Generated/__snapshots__/Select.test.tsx.snap

@@ -1,48 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Select should match snapshot (auto-generated) 1`] = `
-<div>
-  <div
-    class="pf-c-select pf-m-top ''"
-    data-ouia-component-id="OUIA-Generated-Select-single-1"
-    data-ouia-component-type="PF4/Select"
-    data-ouia-safe="true"
-  >
-    <div
-      class="pf-c-select__toggle pf-m-typeahead"
-    >
-      <div
-        class="pf-c-select__toggle-wrapper"
-      >
-        <span
-          class="pf-c-select__toggle-text"
-        />
-      </div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        aria-label="'Options menu'"
-        aria-labelledby="'' null"
-        class="pf-c-button pf-c-select__toggle-button pf-m-plain"
-        id="null"
-        type="button"
-      >
-        <svg
-          aria-hidden="true"
-          class="pf-c-select__toggle-arrow"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          style="vertical-align: -0.125em;"
-          viewBox="0 0 320 512"
-          width="1em"
-        >
-          <path
-            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-          />
-        </svg>
-      </button>
-    </div>
-  </div>
-</div>
-`;

package/src/components/Select/__tests__/Generated/__snapshots__/SelectToggle.test.tsx.snap

@@ -1,36 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SelectToggle should match snapshot (auto-generated) 1`] = `
-<div>
-  <button
-    aria-expanded="false"
-    aria-haspopup="listbox"
-    aria-label="''"
-    aria-labelledby="''"
-    class="pf-c-select__toggle ''"
-    id="string"
-    type="button"
-  >
-    <div>
-      ReactNode
-    </div>
-    <span
-      class="pf-c-select__toggle-arrow"
-    >
-      <svg
-        aria-hidden="true"
-        fill="currentColor"
-        height="1em"
-        role="img"
-        style="vertical-align: -0.125em;"
-        viewBox="0 0 320 512"
-        width="1em"
-      >
-        <path
-          d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-        />
-      </svg>
-    </span>
-  </button>
-</div>
-`;

package/src/components/SimpleList/__tests__/Generated/SimpleList.test.tsx

@@ -1,22 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { SimpleList } from '../../SimpleList';
-// any missing imports can usually be resolved by adding them here
-import { SimpleListItemProps } from '../..';
-
-it('SimpleList should match snapshot (auto-generated)', () => {
-  const view = render(
-    <SimpleList
-      children={<>ReactNode</>}
-      className={"''"}
-      onSelect={(
-        ref: React.RefObject<HTMLButtonElement> | React.RefObject<HTMLAnchorElement>,
-        props: SimpleListItemProps
-      ) => undefined as void}
-    />
-  );
-  expect(view.container).toMatchSnapshot();
-});

package/src/components/SimpleList/__tests__/Generated/__snapshots__/SimpleList.test.tsx.snap

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SimpleList should match snapshot (auto-generated) 1`] = `
-<div>
-  <div
-    class="pf-c-simple-list ''"
-  >
-    <ul>
-      ReactNode
-    </ul>
-  </div>
-</div>
-`;

package/src/components/SkipToContent/__tests__/Generated/SkipToContent.test.tsx

@@ -1,15 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { SkipToContent } from '../../SkipToContent';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('SkipToContent should match snapshot (auto-generated)', () => {
-  const view = render(
-    <SkipToContent component={'a'} href={'string'} children={<div>ReactNode</div>} className={"''"} show={false} />
-  );
-  expect(view.container).toMatchSnapshot();
-});

package/src/components/SkipToContent/__tests__/Generated/__snapshots__/SkipToContent.test.tsx.snap

@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SkipToContent should match snapshot (auto-generated) 1`] = `
-<div>
-  <a
-    class="pf-c-button pf-m-primary pf-c-skip-to-content ''"
-    component="a"
-    href="string"
-  >
-    <div>
-      ReactNode
-    </div>
-  </a>
-</div>
-`;

package/src/components/Spinner/__tests__/Generated/Spinner.test.tsx

@@ -1,13 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { Spinner } from '../../Spinner';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('Spinner should match snapshot (auto-generated)', () => {
-  const view = render(<Spinner className={"test"} size={'xl'} aria-valuetext={"'Loading...'"} />);
-  expect(view.container).toMatchSnapshot();
-});