@patternfly/react-core 4.200.0 → 4.201.0

package/src/components/Toolbar/__tests__/__snapshots__/ToolbarToggleGroup.test.tsx.snap

@@ -1,516 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Toolbar should render inset 1`] = `
-<div>
-  <div
-    class="pf-c-toolbar pf-m-inset-none pf-m-inset-sm-on-md pf-m-inset-2xl-on-xl pf-m-inset-lg-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Toolbar-1"
-    data-ouia-component-type="PF4/Toolbar"
-    data-ouia-safe="true"
-    id="toolbar"
-  >
-    <div
-      class="pf-c-toolbar__content"
-    >
-      <div
-        class="pf-c-toolbar__content-section"
-      >
-        <div
-          class="pf-c-toolbar__item"
-        >
-          Test
-        </div>
-        <div
-          class="pf-c-toolbar__item"
-        >
-          Test 2
-        </div>
-        <hr
-          class="pf-c-divider pf-m-vertical"
-        />
-        <div
-          class="pf-c-toolbar__item"
-        >
-          Test 3 
-        </div>
-      </div>
-      <div
-        class="pf-c-toolbar__expandable-content"
-        id="toolbar-expandable-content-0"
-      >
-        <div
-          class="pf-c-toolbar__group"
-        />
-      </div>
-    </div>
-    <div
-      class="pf-c-toolbar__content pf-m-hidden"
-      hidden=""
-    >
-      <div
-        class="pf-c-toolbar__group"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Toolbar should render with custom chip content 1`] = `
-<div>
-  <div
-    class="pf-c-toolbar pf-m-toggle-group-container"
-    data-ouia-component-id="OUIA-Generated-Toolbar-3"
-    data-ouia-component-type="PF4/Toolbar"
-    data-ouia-safe="true"
-    id="toolbar-with-filter"
-  >
-    <div
-      class="pf-c-toolbar__content"
-    >
-      <div
-        class="pf-c-toolbar__content-section"
-      >
-        <div
-          class="pf-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
-        >
-          <div
-            class="pf-c-toolbar__toggle"
-          >
-            <button
-              aria-controls="toolbar-with-filter-expandable-content-3"
-              aria-disabled="false"
-              aria-haspopup="false"
-              aria-label="Show Filters"
-              class="pf-c-button pf-m-plain"
-              data-ouia-component-id="OUIA-Generated-Button-plain-1"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe="true"
-              type="button"
-            />
-          </div>
-          <div
-            class="pf-c-toolbar__group pf-m-filter-group"
-          >
-            <div
-              class="pf-c-toolbar__item"
-            >
-              <div
-                class="pf-c-select pf-m-expanded"
-                data-ouia-component-id="OUIA-Generated-Select-checkbox-2"
-                data-ouia-component-type="PF4/Select"
-                data-ouia-safe="true"
-              >
-                <button
-                  aria-expanded="true"
-                  aria-label="Options menu"
-                  aria-labelledby=" pf-select-toggle-id-1"
-                  class="pf-c-select__toggle"
-                  id="pf-select-toggle-id-1"
-                  type="button"
-                >
-                  <div
-                    class="pf-c-select__toggle-wrapper"
-                  >
-                    <span
-                      class="pf-c-select__toggle-text"
-                    >
-                      Status
-                    </span>
-                    <div
-                      class="pf-c-select__toggle-badge"
-                    >
-                      <span
-                        class="pf-c-badge pf-m-read"
-                      >
-                        2
-                      </span>
-                    </div>
-                  </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>
-                <ul
-                  aria-label="Status"
-                  class="pf-c-select__menu"
-                  role="listbox"
-                >
-                  <label
-                    class="pf-c-check pf-c-select__menu-item"
-                  >
-                    <input
-                      checked=""
-                      class="pf-c-check__input"
-                      id="pf-random-id-1-New"
-                      type="checkbox"
-                    />
-                    <span
-                      class="pf-c-check__label"
-                    >
-                      New
-                    </span>
-                  </label>
-                  <label
-                    class="pf-c-check pf-c-select__menu-item"
-                  >
-                    <input
-                      checked=""
-                      class="pf-c-check__input"
-                      id="pf-random-id-1-Pending"
-                      type="checkbox"
-                    />
-                    <span
-                      class="pf-c-check__label"
-                    >
-                      Pending
-                    </span>
-                  </label>
-                  <label
-                    class="pf-c-check pf-c-select__menu-item"
-                  >
-                    <input
-                      class="pf-c-check__input"
-                      id="pf-random-id-1-Running"
-                      type="checkbox"
-                    />
-                    <span
-                      class="pf-c-check__label"
-                    >
-                      Running
-                    </span>
-                  </label>
-                  <label
-                    class="pf-c-check pf-c-select__menu-item"
-                  >
-                    <input
-                      class="pf-c-check__input"
-                      id="pf-random-id-1-Cancelled"
-                      type="checkbox"
-                    />
-                    <span
-                      class="pf-c-check__label"
-                    >
-                      Cancelled
-                    </span>
-                  </label>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="pf-c-toolbar__expandable-content"
-        id="toolbar-with-filter-expandable-content-3"
-      >
-        <div
-          class="pf-c-toolbar__group"
-        />
-        <div
-          class="pf-c-toolbar__group pf-m-chip-container"
-        >
-          <div
-            class="pf-c-toolbar__group"
-          />
-          <div
-            class="pf-c-toolbar__item"
-          >
-            <button
-              aria-disabled="false"
-              class="pf-c-button pf-m-link pf-m-inline"
-              data-ouia-component-id="OUIA-Generated-Button-link-3"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe="true"
-              type="button"
-            >
-              Save filters
-            </button>
-          </div>
-          <div
-            class="pf-c-toolbar__item"
-          >
-            <button
-              aria-disabled="false"
-              class="pf-c-button pf-m-link pf-m-inline"
-              data-ouia-component-id="OUIA-Generated-Button-link-4"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe="true"
-              type="button"
-            >
-              Clear all filters
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="pf-c-toolbar__content"
-    >
-      <div
-        aria-hidden="true"
-        class="pf-c-toolbar__group pf-m-hidden"
-        hidden=""
-      >
-        <div
-          class="pf-c-toolbar__item pf-m-chip-group"
-        >
-          <div
-            aria-labelledby="pf-random-id-2"
-            class="pf-c-chip-group pf-m-category"
-            data-ouia-component-type="PF4/ChipGroup"
-            data-ouia-safe="true"
-            role="group"
-          >
-            <div
-              class="pf-c-chip-group__main"
-            >
-              <span
-                class="pf-c-chip-group__label"
-                id="pf-random-id-2"
-              >
-                Status
-              </span>
-              <ul
-                aria-labelledby="pf-random-id-2"
-                class="pf-c-chip-group__list"
-                role="list"
-              >
-                <li
-                  class="pf-c-chip-group__list-item"
-                >
-                  <div
-                    class="pf-c-chip"
-                    data-ouia-component-id="OUIA-Generated-Chip-1"
-                    data-ouia-component-type="PF4/Chip"
-                    data-ouia-safe="true"
-                  >
-                    <span
-                      class="pf-c-chip__text"
-                      id="pf-random-id-3"
-                    >
-                      New
-                    </span>
-                    <button
-                      aria-disabled="false"
-                      aria-label="close"
-                      aria-labelledby="remove_pf-random-id-3 pf-random-id-3"
-                      class="pf-c-button pf-m-plain"
-                      data-ouia-component-id="close"
-                      data-ouia-component-type="PF4/Button"
-                      data-ouia-safe="true"
-                      id="remove_pf-random-id-3"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        fill="currentColor"
-                        height="1em"
-                        role="img"
-                        style="vertical-align: -0.125em;"
-                        viewBox="0 0 352 512"
-                        width="1em"
-                      >
-                        <path
-                          d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </li>
-                <li
-                  class="pf-c-chip-group__list-item"
-                >
-                  <div
-                    class="pf-c-chip"
-                    data-ouia-component-id="OUIA-Generated-Chip-2"
-                    data-ouia-component-type="PF4/Chip"
-                    data-ouia-safe="true"
-                  >
-                    <span
-                      class="pf-c-chip__text"
-                      id="pf-random-id-4"
-                    >
-                      Pending
-                    </span>
-                    <button
-                      aria-disabled="false"
-                      aria-label="close"
-                      aria-labelledby="remove_pf-random-id-4 pf-random-id-4"
-                      class="pf-c-button pf-m-plain"
-                      data-ouia-component-id="close"
-                      data-ouia-component-type="PF4/Button"
-                      data-ouia-safe="true"
-                      id="remove_pf-random-id-4"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        fill="currentColor"
-                        height="1em"
-                        role="img"
-                        style="vertical-align: -0.125em;"
-                        viewBox="0 0 352 512"
-                        width="1em"
-                      >
-                        <path
-                          d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </li>
-              </ul>
-            </div>
-            <div
-              class="pf-c-chip-group__close"
-            >
-              <button
-                aria-disabled="false"
-                aria-label="Close chip group"
-                aria-labelledby="remove_group_pf-random-id-2 pf-random-id-2"
-                class="pf-c-button pf-m-plain"
-                data-ouia-component-id="Close chip group"
-                data-ouia-component-type="PF4/Button"
-                data-ouia-safe="true"
-                id="remove_group_pf-random-id-2"
-                type="button"
-              >
-                <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>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="pf-c-toolbar__group"
-      >
-        <div
-          class="pf-c-toolbar__item"
-        >
-          2 filters applied
-        </div>
-      </div>
-      <div
-        class="pf-c-toolbar__item"
-      >
-        <button
-          aria-disabled="false"
-          class="pf-c-button pf-m-link pf-m-inline"
-          data-ouia-component-id="OUIA-Generated-Button-link-1"
-          data-ouia-component-type="PF4/Button"
-          data-ouia-safe="true"
-          type="button"
-        >
-          Save filters
-        </button>
-      </div>
-      <div
-        class="pf-c-toolbar__item"
-      >
-        <button
-          aria-disabled="false"
-          class="pf-c-button pf-m-link pf-m-inline"
-          data-ouia-component-id="OUIA-Generated-Button-link-2"
-          data-ouia-component-type="PF4/Button"
-          data-ouia-safe="true"
-          type="button"
-        >
-          Clear all filters
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Toolbar should render with page inset flag 1`] = `
-<div>
-  <div
-    class="pf-c-toolbar pf-m-page-insets"
-    data-ouia-component-id="OUIA-Generated-Toolbar-2"
-    data-ouia-component-type="PF4/Toolbar"
-    data-ouia-safe="true"
-    id="toolbar"
-  >
-    <div
-      class="pf-c-toolbar__content"
-    >
-      <div
-        class="pf-c-toolbar__content-section"
-      >
-        <div
-          class="pf-c-toolbar__item"
-        >
-          Test
-        </div>
-        <div
-          class="pf-c-toolbar__item"
-        >
-          Test 2
-        </div>
-        <hr
-          class="pf-c-divider pf-m-vertical"
-        />
-        <div
-          class="pf-c-toolbar__item"
-        >
-          Test 3 
-        </div>
-      </div>
-      <div
-        class="pf-c-toolbar__expandable-content"
-        id="toolbar-expandable-content-1"
-      >
-        <div
-          class="pf-c-toolbar__group"
-        />
-      </div>
-    </div>
-    <div
-      class="pf-c-toolbar__content pf-m-hidden"
-      hidden=""
-    >
-      <div
-        class="pf-c-toolbar__group"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`ToolbarItem should map width breakpoints 1`] = `
-<div>
-  <div
-    class="pf-c-toolbar__item"
-    style="--pf-c-toolbar__item--Width: 100px; --pf-c-toolbar__item--Width-on-sm: 80px; --pf-c-toolbar__item--Width-on-md: 150px; --pf-c-toolbar__item--Width-on-lg: 200px; --pf-c-toolbar__item--Width-on-xl: 250px; --pf-c-toolbar__item--Width-on-2xl: 300px;"
-  >
-    Test
-  </div>
-</div>
-`;

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

@@ -1,43 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { shallow } from 'enzyme';
-import { Wizard } from '../../Wizard';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('Wizard should match snapshot (auto-generated)', () => {
-  const view = shallow(
-    <Wizard
-      width={null}
-      height={null}
-      title={'null'}
-      titleId={'string'}
-      descriptionId={'string'}
-      description={''}
-      hideClose={false}
-      onClose={() => undefined as any}
-      onGoToStep={null}
-      className={"''"}
-      steps={[]}
-      startAtStep={1}
-      navAriaLabel={'null'}
-      navAriaLabelledBy={'null'}
-      mainAriaLabel={'null'}
-      mainAriaLabelledBy={'null'}
-      hasNoBodyPadding={false}
-      footer={null}
-      onSave={() => undefined as void}
-      onNext={null}
-      onBack={null}
-      nextButtonText={'Next'}
-      backButtonText={'Back'}
-      cancelButtonText={'Cancel'}
-      closeButtonAriaLabel={"'Close'"}
-      appendTo={null}
-      isOpen={true}
-    />
-  );
-  expect(view).toMatchSnapshot();
-});

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

@@ -1,69 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Wizard should match snapshot (auto-generated) 1`] = `
-<Modal
-  actions={Array []}
-  appendTo={[Function]}
-  aria-describedby="string"
-  aria-label=""
-  aria-labelledby="string"
-  className=""
-  hasNoBodyWrapper={true}
-  isOpen={true}
-  onClose={[Function]}
-  ouiaSafe={true}
-  showClose={false}
-  title=""
-  titleIconVariant={null}
-  titleLabel=""
-  variant="large"
->
-  <ContextProvider
-    value={
-      Object {
-        "activeStep": undefined,
-        "goToStepById": [Function],
-        "goToStepByName": [Function],
-        "onBack": [Function],
-        "onClose": [Function],
-        "onNext": [Function],
-      }
-    }
-  >
-    <div
-      className="pf-c-wizard ''"
-    >
-      <WizardHeader
-        closeButtonAriaLabel="'Close'"
-        description=""
-        descriptionId="string"
-        hideClose={false}
-        onClose={[Function]}
-        title="null"
-        titleId="string"
-      />
-      <WizardToggle
-        hasNoBodyPadding={false}
-        isInPage={false}
-        isNavOpen={false}
-        mainAriaLabel="null"
-        mainAriaLabelledBy="null"
-        nav={[Function]}
-        onNavToggle={[Function]}
-        steps={Array []}
-      >
-        <WizardFooterInternal
-          backButtonText="Back"
-          cancelButtonText="Cancel"
-          firstStep={true}
-          isValid={true}
-          nextButtonText="Next"
-          onBack={[Function]}
-          onClose={[Function]}
-          onNext={[Function]}
-        />
-      </WizardToggle>
-    </div>
-  </ContextProvider>
-</Modal>
-`;