diff --git a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/__snapshots__/ApplicationLauncher.test.js.snap b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/__snapshots__/ApplicationLauncher.test.js.snap index 5655bcaca19..3154d5e1e95 100644 --- a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/__snapshots__/ApplicationLauncher.test.js.snap +++ b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/__snapshots__/ApplicationLauncher.test.js.snap @@ -54,9 +54,8 @@ exports[`ApplicationLauncher custom icon 1`] = ` /> } > - } > - , - } - } - > - + + + + + + , + } + } + > + - + + + + + + +`; + +exports[`ApplicationLauncher dropup + right aligned 1`] = ` + + Link + , + Action , @@ -851,9 +976,8 @@ exports[`ApplicationLauncher dropup + right aligned 1`] = ` /> } > - } > - , - } - } - > - - - , - } - } - > - - - - - + + + + + + + + + `; @@ -1112,9 +1360,8 @@ exports[`ApplicationLauncher dropup 1`] = ` /> } > - } > - , + + , + } } - } - > - + , + } + } > - - - - - - - - - - - + + + + + + + + + + + + + `; @@ -1373,9 +1744,8 @@ exports[`ApplicationLauncher expanded 1`] = ` /> } > - } > - , - } - } - > - + + + + + + , + } + } + > + - + + + + + `; @@ -2165,9 +2659,8 @@ exports[`ApplicationLauncher regular 1`] = ` /> } > - } > - , - } - } - > - - - , - } - } - > - - - - - + + + + + + + + + `; @@ -2426,9 +3043,8 @@ exports[`ApplicationLauncher right aligned 1`] = ` /> } > - } > - , - } - } - > - - - , - } - } - > - - - - - + + + + + + + + + `; diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/Dropdown.tsx b/packages/patternfly-4/react-core/src/components/Dropdown/Dropdown.tsx index c61c4de3db0..86ee33ed30d 100644 --- a/packages/patternfly-4/react-core/src/components/Dropdown/Dropdown.tsx +++ b/packages/patternfly-4/react-core/src/components/Dropdown/Dropdown.tsx @@ -23,11 +23,12 @@ export interface DropdownProps extends React.HTMLProps { /** Toggle for the dropdown, examples: or */ toggle: React.ReactElement; /** Function callback called when user selects item */ - onSelect?(event: React.SyntheticEvent): void; + onSelect?(event?: React.SyntheticEvent): void; /** Flag to indicate if the first dropdown item should gain initial focus, set false when adding * a specific auto-focus item (like a current selection) otherwise leave as true */ autoFocus?: boolean; + ouiaComponentType?: string; } export const Dropdown: React.FunctionComponent = ({ diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownWithContext.tsx b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownWithContext.tsx index dcf5f33112b..307e825e888 100644 --- a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownWithContext.tsx +++ b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownWithContext.tsx @@ -4,8 +4,9 @@ import { css } from '@patternfly/react-styles'; import { DropdownMenu } from './DropdownMenu'; import { DropdownProps } from './Dropdown'; import { DropdownPosition, DropdownDirection, DropdownContext } from './dropdownConstants'; +import { InjectedOuiaProps, withOuiaContext } from '../withOuia'; -export class DropdownWithContext extends React.Component { +class DropdownWithContext extends React.Component { openedOnEnter = false; baseComponentRef = React.createRef(); @@ -20,8 +21,9 @@ export class DropdownWithContext extends React.Component { isGrouped: false, position: DropdownPosition.left, direction: DropdownDirection.down, - onSelect: Function.prototype, - autoFocus: true + onSelect: (): void => undefined, + autoFocus: true, + ouiaComponentType: 'Dropdown' }; constructor(props: DropdownProps) { @@ -56,6 +58,9 @@ export class DropdownWithContext extends React.Component { position, toggle, autoFocus, + ouiaContext, + ouiaId, + ouiaComponentType, ...props } = this.props; const id = toggle.props.id || `pf-toggle-id-${DropdownWithContext.currentId++}`; @@ -85,6 +90,10 @@ export class DropdownWithContext extends React.Component { className )} ref={this.baseComponentRef} + {...ouiaContext.isOuia && { + 'data-ouia-component-type': ouiaComponentType, + 'data-ouia-component-id': ouiaId || ouiaContext.ouiaId + }} > {React.Children.map(toggle, oneToggle => React.cloneElement(oneToggle, { @@ -116,3 +125,7 @@ export class DropdownWithContext extends React.Component { ); } } + +const DropdownWithOuiaContext = withOuiaContext(DropdownWithContext); + +export { DropdownWithOuiaContext as DropdownWithContext }; diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap b/packages/patternfly-4/react-core/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap index 2a603d55756..c8cc61ca3cc 100644 --- a/packages/patternfly-4/react-core/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap +++ b/packages/patternfly-4/react-core/src/components/Dropdown/__snapshots__/Dropdown.test.tsx.snap @@ -9,105 +9,183 @@ exports[`KebabToggle basic 1`] = ` /> } > - } > -
+ BASIC +
, + "isOpen": true, + "toggle": , + } + } + consumerContext={null} > - + } + > +
+ + +
+
+ BASIC +
+
+
, + } + } + > + + +
+
+ BASIC +
+
+ , + } + } > -
-
- BASIC -
-
- , - } - } - > - - -
-
- BASIC -
-
- , - } - } - > - + + + - -
- - - - - - - - +
+ - - - + + + `; @@ -342,9 +374,7 @@ exports[`KebabToggle dropup + right aligned 1`] = ` /> } > - , ] } - isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} position="right" toggle={ } > -
- - -
, - } - } - > - - - , - } - } - > - - - - - - -`; - -exports[`KebabToggle dropup 1`] = ` - + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ], + "position": "right", + "toggle": , } - href="" - id="" - index={-1} - isDisabled={false} - isHovered={false} - onClick={[Function]} - onSelect={[Function]} - role="none" - tooltipProps={Object {}} - > - Link - , - + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] + } + isGrouped={false} + isOpen={false} + isPlain={false} + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } + position="right" + toggle={ + + } + > +
+ + +
, + } + } + > + + + , + } + } + > + + + + + + + + +`; + +exports[`KebabToggle dropup 1`] = ` + + Link + , + } > - , ] } - isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} - position="left" toggle={ } > -
- - -
, - } - } - > - - - , - } - } - > - + , + } + } + > + + + , + } + } + > + - - - - + + + + + + + + + + + + `; @@ -1206,10 +1842,7 @@ exports[`KebabToggle expanded 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={true} - isPlain={false} - onSelect={[Function]} - position="left" toggle={ } > -
- - - -
, - } - } - > - - - - , - } - } - > - - - - - - - - - -`; - -exports[`KebabToggle plain 1`] = ` - - Link - , - , + ], + "isOpen": true, + "toggle": , } - href="" - id="" - index={-1} - isDisabled={false} - isHovered={false} - onClick={[Function]} - onSelect={[Function]} - role="none" - tooltipProps={Object {}} - > - Action - , - + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] } - href="" - id="" - index={-1} - isDisabled={true} - isHovered={false} - onClick={[Function]} + isGrouped={false} + isOpen={true} + isPlain={false} onSelect={[Function]} - role="none" - tooltipProps={Object {}} - > - Disabled Link - , - - Disabled Action - , - , - } - href="" - id="" - index={-1} - isDisabled={false} - isHovered={false} - onClick={[Function]} - onSelect={[Function]} - role="none" - tooltipProps={Object {}} > - Separated Link - , - - Separated Action - , - ] - } - isPlain={true} - toggle={ - - } -> - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - + + + , + } } - } - href="" - id="" - index={-1} - isDisabled={false} - isHovered={false} - onClick={[Function]} - onSelect={[Function]} - role="none" - tooltipProps={Object {}} - > - Separated Action - , - ] - } - isGrouped={false} - isOpen={false} - isPlain={true} - onSelect={[Function]} - position="left" - toggle={ - - } - > -
- + + + +
, + } + } > - , - } - } - > - - - , - } - } - > - + + + - - - - - - - - - -`; - -exports[`KebabToggle regular 1`] = ` - +
  • + + Link + +
    • + + +
  • + +
    • +     + +
  • + + Disabled Link + +
    • +     + +
  • + +
    • +     + + +
  • +
    +
    • +     +     + +
  • + + Separated Link + +
    • +     + +
  • + +
    • +     + +     + + + + + +`; + +exports[`KebabToggle plain 1`] = ` + Link , , ] } + isPlain={true} toggle={ } > - , ] } - isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} - position="left" + isPlain={true} toggle={ } > -
    - - -
    , - } - } - > - - - , - } - } - > - - -     - - - -`; - -exports[`KebabToggle right aligned 1`] = ` - - Link - , - - Action - , + } + href="" + id="" + index={-1} + isDisabled={false} + isHovered={false} + onClick={[Function]} + onSelect={[Function]} + role="none" + tooltipProps={Object {}} + > + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ], + "isPlain": true, + "toggle": , + } + } + consumerContext={null} + > + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] + } + isGrouped={false} + isOpen={false} + isPlain={true} + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } + position="left" + toggle={ + + } + > +
    + + +
    , + } + } + > + + + , + } + } + > + + +     + + + + + +`; + +exports[`KebabToggle regular 1`] = ` + - Disabled Link + Link , + Action + , + + Disabled Link + , + , ] } - position="right" toggle={ } > - , ] } - isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} - position="right" toggle={ } > -
    - - -
    , - } - } - > - - - , - } - } - > - - -     - - - -`; - -exports[`dropdown basic 1`] = ` - - Dropdown - - } -> - - Dropdown - - } - > -
    - - -
    -
    - BASIC -
    -
    -
    , - } - } - > - - -
    -
    - BASIC -
    -
    - , - } - } - > - -     -     - - - - - - -`; - -exports[`dropdown dropup + right aligned 1`] = ` - - Link - , - + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ], + "toggle": , + } + } + consumerContext={null} + > + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] + } + isGrouped={false} + isOpen={false} + isPlain={false} + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } + position="left" + toggle={ + + } > - Action - , +
    + + +
    , + } + } + > + + + , + } + } + > + + +     + + + + + +`; + +exports[`KebabToggle right aligned 1`] = ` + - Disabled Link + Link , - Disabled Action + Action , - , - Separated Link + Disabled Link , - Separated Action + Disabled Action , - ] - } - position="right" - toggle={ + , + + Separated Link + , + + Separated Action + , + ] + } + position="right" + toggle={ - Dropdown - + /> } > - , ] } - isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} position="right" toggle={ - Dropdown - + /> } > -
    - - -
    , - } - } - > - - - , - } - } - > - - -     - - - -`; - -exports[`dropdown dropup 1`] = ` - - Link - , - + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ], + "position": "right", + "toggle": , } - href="" - id="" - index={-1} - isDisabled={false} - isHovered={false} - onClick={[Function]} - onSelect={[Function]} - role="none" - tooltipProps={Object {}} - > - Action - , - + - Disabled Link - , - + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] } - href="" - id="" - index={-1} - isDisabled={true} - isHovered={false} - onClick={[Function]} + isGrouped={false} + isOpen={false} + isPlain={false} onSelect={[Function]} - role="none" - tooltipProps={Object {}} - > - Disabled Action - , - , - - Separated Link - , - } - href="" - id="" - index={-1} - isDisabled={false} - isHovered={false} - onClick={[Function]} - onSelect={[Function]} - role="none" - tooltipProps={Object {}} > - Separated Action - , - ] - } +
    + + +
    , + } + } + > + + + , + } + } + > + + +     + + + + + +`; + +exports[`dropdown basic 1`] = ` + } > - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - - Separated Action - , - ] - } - isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} - position="left" + } > -
    + BASIC +
    , + "isOpen": true, + "toggle": + Dropdown + , + } + } + consumerContext={null} > - + Dropdown +     + } + > +
    + + +
    +
    + BASIC +
    +
    +
    , + } + } + > + + +
    +
    + BASIC +
    +
    + , + } + } > - , - } - } - > - - - , - } - } - > - + +     + - - Dropdown - - -
    - - - - - - -
    - + BASIC + + +     + + + + `; -exports[`dropdown expanded 1`] = ` +exports[`dropdown dropup + right aligned 1`] = ` , ] } - isOpen={true} + position="right" toggle={ } > - , ] } - isGrouped={false} - isOpen={true} - isPlain={false} - onSelect={[Function]} - position="left" + position="right" toggle={ } > -
    - - - -
    , - } - } - > - - - - , - } - } - > - - -     - - - - - + + + + + + `; -exports[`dropdown primary 1`] = ` +exports[`dropdown dropup 1`] = ` Dropdown } > - , ] } - isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} - position="left" toggle={ Dropdown } > -
    - - -
    , - } - } - > - - - , - } - } - > - - -     - - - -`; - -exports[`dropdown regular 1`] = ` - - Link - , - + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ], + "toggle": + Dropdown + , } - href="" - id="" - index={-1} - isDisabled={false} - isHovered={false} - onClick={[Function]} - onSelect={[Function]} - role="none" - tooltipProps={Object {}} - > - Action - , - + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] } - href="" - id="" - index={-1} - isDisabled={true} - isHovered={false} - onClick={[Function]} + isGrouped={false} + isOpen={false} + isPlain={false} onSelect={[Function]} - role="none" - tooltipProps={Object {}} - > - Disabled Link - , - - Disabled Action - , - , - + Dropdown + } - href="" - id="" - index={-1} - isDisabled={false} - isHovered={false} - onClick={[Function]} + > +
    + + +
    , + } + } + > + + + , + } + } + > + + +     + + + + + +`; + +exports[`dropdown expanded 1`] = ` + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + , ] } + isOpen={true} toggle={ } > - , ] } - isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} - position="left" + isOpen={true} toggle={ } > -
    - - -
    , - } - } - > - - - , - } - } - > - - -     - - - -`; - -exports[`dropdown right aligned 1`] = ` - - Link - , - + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ], + "isOpen": true, + "toggle": + Dropdown + , } - href="" - id="" - index={-1} - isDisabled={false} - isHovered={false} - onClick={[Function]} - onSelect={[Function]} - role="none" - tooltipProps={Object {}} - > - Action - , - + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] } - href="" - id="" - index={-1} - isDisabled={true} - isHovered={false} - onClick={[Function]} + isGrouped={false} + isOpen={true} + isPlain={false} onSelect={[Function]} - role="none" - tooltipProps={Object {}} - > - Disabled Link - , - + Dropdown + + } > - Disabled Action - , - , - + + + + , + } + } + > + + + + , + } + } + > + + + + + + + + + + + +`; + +exports[`dropdown primary 1`] = ` + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] + } + toggle={ + + Dropdown + + } +> + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] + } + toggle={ + + Dropdown + + } + > + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ], + "toggle": + Dropdown + , + } + } + consumerContext={null} + > + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] + } + isGrouped={false} + isOpen={false} + isPlain={false} + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } + position="left" + toggle={ + + Dropdown + + } + > +
    + + +
    , + } + } + > + + + , + } + } + > + + +     + + + +     + +`; + +exports[`dropdown regular 1`] = ` + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] + } + toggle={ + + Dropdown + + } +> + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] + } + toggle={ + + Dropdown + + } + > + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ], + "toggle": + Dropdown + , + } + } + consumerContext={null} + > + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] + } + isGrouped={false} + isOpen={false} + isPlain={false} + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } + position="left" + toggle={ + + Dropdown + + } + > +
    + + +
    , + } + } + > + + + , + } + } + > + + +     + + + +     + +`; + +exports[`dropdown right aligned 1`] = ` + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] + } + position="right" + toggle={ + + Dropdown + + } +> + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] + } + position="right" + toggle={ + + Dropdown + + } + > + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ], + "position": "right", + "toggle": + Dropdown + , + } + } + consumerContext={null} + > + + Link + , + + Action + , + + Disabled Link + , + + Disabled Action + , + , + + Separated Link + , + + Separated Action + , + ] + } + isGrouped={false} + isOpen={false} + isPlain={false} onSelect={[Function]} - role="none" - tooltipProps={Object {}} - > - Separated Link - , - + Dropdown + + } > - Separated Action - , - ] - } - position="right" - toggle={ - - Dropdown - - } -> - - Link - , - - Action - , - - Disabled Link - , - - Disabled Action - , - , - - Separated Link - , - + + , + } } - } - href="" - id="" - index={-1} - isDisabled={false} - isHovered={false} - onClick={[Function]} - onSelect={[Function]} - role="none" - tooltipProps={Object {}} - > - Separated Action - , - ] - } - isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} - position="right" - toggle={ - - Dropdown - - } - > -
    - + + +
    , + } + } > - , - } - } - > - - - , - } - } - > - - -     - - + + + +     + + + + `; diff --git a/packages/patternfly-4/react-core/src/components/OptionsMenu/__snapshots__/OptionsMenu.test.js.snap b/packages/patternfly-4/react-core/src/components/OptionsMenu/__snapshots__/OptionsMenu.test.js.snap index 6b14f9e2bb9..49a31d40939 100644 --- a/packages/patternfly-4/react-core/src/components/OptionsMenu/__snapshots__/OptionsMenu.test.js.snap +++ b/packages/patternfly-4/react-core/src/components/OptionsMenu/__snapshots__/OptionsMenu.test.js.snap @@ -39,10 +39,8 @@ exports[`optionsMenu expanded 1`] = ` } > - @@ -75,626 +73,305 @@ exports[`optionsMenu expanded 1`] = ` id="expanded" isGrouped={false} isOpen={true} - isPlain={false} - onSelect={[Function]} - position="left" toggle={ Options Menu } > -
    + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ], + "id": "expanded", + "isGrouped": false, + "isOpen": true, + "toggle": + Options Menu + , + } + } + consumerContext={null} > - + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ] + } + id="expanded" + isGrouped={false} isOpen={true} isPlain={false} - key=".0" - onEnter={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    - - -
    , + "isOuia": false, + "ouiaId": null, } } + position="left" + toggle={ + + Options Menu + + } > - - -
    , - } - } - > - - + + + + -
  • + , + } + } + > + + + + + + - , - } - } - > - - - - - - +
    • + + + + +     + + + +`; + +exports[`optionsMenu isDisabled 1`] = ` + + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ] + } + toggle={ + + Options Menu + + } +> + + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ] + } + id="disabled" + isGrouped={false} + toggle={ + + Options Menu + + } + > + + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ], + "id": "disabled", + "isGrouped": false, + "toggle": + Options Menu + , + } + } + consumerContext={null} + > + + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ] + } + id="disabled" + isGrouped={false} + isOpen={false} + isPlain={false} + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } + position="left" + toggle={ + + Options Menu + + } + > +
    + -
    , + } + } + > + + - - - -     - - - - -
  • - - -
  • + + + , + } + } > -
      - - - - - - - - + + + , + } + } + > + - - - - -
    -
    • + + + + + +     - - - - + + + + `; -exports[`optionsMenu isDisabled 1`] = ` +exports[`optionsMenu open up 1`] = ` @@ -1571,17 +2048,14 @@ exports[`optionsMenu isDisabled 1`] = ` ] } toggle={ - + Options Menu } > - @@ -1611,149 +2085,131 @@ exports[`optionsMenu isDisabled 1`] = ` , ] } - id="disabled" + id="openUp" isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} - position="left" toggle={ - + Options Menu } > -
    + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ], + "id": "openUp", + "isGrouped": false, + "toggle": + Options Menu + , + } + } + consumerContext={null} > - + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ] + } + id="openUp" + isGrouped={false} isOpen={false} isPlain={false} - key=".0" - onEnter={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    - -
    , - } - } - > - - -
    , - } + "isOuia": false, + "ouiaId": null, } + } + position="left" + toggle={ + + Options Menu + + } + > +
    - +
    , + } + } > - - - + + + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - -     - - - + + + + + + + + + + + + + `; -exports[`optionsMenu open up 1`] = ` +exports[`optionsMenu plain 1`] = ` @@ -1869,10 +2429,8 @@ exports[`optionsMenu open up 1`] = ` } > - @@ -1902,223 +2460,237 @@ exports[`optionsMenu open up 1`] = ` , ] } - id="openUp" + id="plain" isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} - position="left" + isPlain={true} toggle={ Options Menu } > -
    + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ], + "id": "plain", + "isGrouped": false, + "isPlain": true, + "toggle": + Options Menu + , + } + } + consumerContext={null} > - + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ] + } + id="plain" + isGrouped={false} isOpen={false} - isPlain={false} - key=".0" - onEnter={[Function]} - parentRef={ + isPlain={true} + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    - -
    , + "isOuia": false, + "ouiaId": null, } } + position="left" + toggle={ + + Options Menu + + } > - - -
    , - } - } +
    - +
    , + } + } + > + + - , + + + , + } } - } - > - + , } - viewBox="0 0 320 512" - width="1em" + } + > + - - -     - - + + + + + + + + `; -exports[`optionsMenu plain 1`] = ` +exports[`optionsMenu regular 1`] = ` @@ -2154,10 +2726,8 @@ exports[`optionsMenu plain 1`] = ` } > - @@ -2187,144 +2757,314 @@ exports[`optionsMenu plain 1`] = ` , ] } - id="plain" + id="regular" isGrouped={false} - isOpen={false} - isPlain={true} - onSelect={[Function]} - position="left" toggle={ Options Menu } > -
    + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ], + "id": "regular", + "isGrouped": false, + "toggle": + Options Menu + , + } + } + consumerContext={null} > - + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ] + } + id="regular" + isGrouped={false} isOpen={false} - isPlain={true} - key=".0" - onEnter={[Function]} - parentRef={ + isPlain={false} + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    - -
    , + "isOuia": false, + "ouiaId": null, } } + position="left" + toggle={ + + Options Menu + + } > - - -
    , - } - } +
    -
    , } } > - + , + } + } > - - - -     - - - + + + , + } + } + > + + + + + + + + `; -exports[`optionsMenu regular 1`] = ` +exports[`optionsMenu right aligned + open up 1`] = ` @@ -2354,16 +3094,16 @@ exports[`optionsMenu regular 1`] = ` , ] } + position="right" toggle={ Options Menu } > - @@ -2393,143 +3133,133 @@ exports[`optionsMenu regular 1`] = ` , ] } - id="regular" + id="rightAlignedOpenUp" isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} - position="left" + position="right" toggle={ Options Menu } > -
    + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ], + "id": "rightAlignedOpenUp", + "isGrouped": false, + "position": "right", + "toggle": + Options Menu + , + } + } + consumerContext={null} > - + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ] + } + id="rightAlignedOpenUp" + isGrouped={false} isOpen={false} isPlain={false} - key=".0" - onEnter={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    - -
    , + "isOuia": false, + "ouiaId": null, } } + position="right" + toggle={ + + Options Menu + + } > - - -
    , - } - } +
    - - - - -
    -     -     -`; - -exports[`optionsMenu right aligned + open up 1`] = ` - - - Name - - - Date - - - Disabled - - - Size - - , - , - - - Ascending - - - Descending - - , - ] - } - position="right" - toggle={ - - Options Menu - - } -> - - - Name - - - Date - - - Disabled - - - Size - - , - , - - - Ascending - - - Descending - - , - ] - } - id="rightAlignedOpenUp" - isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} - position="right" - toggle={ - - Options Menu - - } - > -
    - + +
    , + } + } > - - , - } - } - > - + + , + } + } > - , - } - } - > - - - , - } - } - > - - - -     - - + + + + + + + + + `; @@ -2931,10 +3479,8 @@ exports[`optionsMenu right aligned 1`] = ` } > - @@ -2966,9 +3512,6 @@ exports[`optionsMenu right aligned 1`] = ` } id="rightAligned" isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} position="right" toggle={ @@ -2976,119 +3519,111 @@ exports[`optionsMenu right aligned 1`] = ` } > -
    + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ], + "id": "rightAligned", + "isGrouped": false, + "position": "right", + "toggle": + Options Menu + , + } + } + consumerContext={null} > - + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ] + } + id="rightAligned" + isGrouped={false} isOpen={false} isPlain={false} - key=".0" - onEnter={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    - -
    , + "isOuia": false, + "ouiaId": null, } } + position="right" + toggle={ + + Options Menu + + } > - - -
    , - } - } +
    - + +
    , + } + } + > + + + , + } + } + > + + + , + } + } + > + - , - } - } - > - - - - - -     + + + + + + + + + `; @@ -3220,10 +3859,8 @@ exports[`optionsMenu text 1`] = ` /> } > - @@ -3255,10 +3892,6 @@ exports[`optionsMenu text 1`] = ` } id="text" isGrouped={false} - isOpen={false} - isPlain={false} - onSelect={[Function]} - position="left" toggle={ } > -
    + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ], + "id": "text", + "isGrouped": false, + "toggle": + Test + + } + toggleText="Test" + />, + } + } + consumerContext={null} > - + + Name + + + Date + + + Disabled + + + Size + + , + , + + + Ascending + + + Descending + + , + ] + } + id="text" + isGrouped={false} isOpen={false} isPlain={false} - key=".0" - onEnter={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - Test - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - toggleButtonContents={ - - Test - + position="left" + toggle={ + + Test + + } + toggleText="Test" + /> } - toggleText="Test" >
    - - Test - , } } - toggleTemplate={ + toggleButtonContents={ Test } + toggleText="Test" > - -
    - - Test - - -
    -
    , - } - } +
    - + Test + + , } } + toggleTemplate={ + + Test + + } > - +
    +
    , + } + } > - - Test - - - +
    + + Test + + +
    + , } - viewBox="0 0 320 512" - width="1em" + } + > + - - + + Test + + + + + + + + + + + - - -     + + + `; diff --git a/packages/patternfly-4/react-core/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap b/packages/patternfly-4/react-core/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap index 3987d7dde55..dd5e1d834fc 100644 --- a/packages/patternfly-4/react-core/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap +++ b/packages/patternfly-4/react-core/src/components/Pagination/__snapshots__/Pagination.test.tsx.snap @@ -87,9 +87,7 @@ exports[`component render custom pagination toggle 1`] = ` toggleTemplate="\${firstIndex} - \${lastIndex} - \${itemCount} - \${itemsTitle}" widgetId="pagination-options-menu" > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - itemCount={40} - itemsPerPageTitle="Items per page" - itemsTitle="" - key=".0" - lastIndex={10} - onEnter={[Function]} - onToggle={[Function]} - optionsToggle="Items per page" - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - 1 - 10 - 40 - - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={true} - toggleTemplate="\${firstIndex} - \${lastIndex} - \${itemCount} - \${itemsTitle}" - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - - 1 - 10 - 40 - - , } } + showToggle={true} + toggleTemplate="\${firstIndex} - \${lastIndex} - \${itemCount} - \${itemsTitle}" + widgetId="pagination-options-menu" > - -
    + + 1 - 10 - 40 - + + - - 1 - 10 - 40 - - - -
    -
    , + 1 - 10 - 40 - + + +
    + , + } } - } - > - + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - + + + + + + + + + - - -     + + + - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    + some + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + some + + per page + + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - itemCount={40} - itemsPerPageTitle="Items per page" - itemsTitle="" - key=".0" - lastIndex={10} - onEnter={[Function]} - onToggle={[Function]} - optionsToggle="Items per page" - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - - 1 - - - 10 - - - of - - 40 - - - - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={true} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - - - - 1 - - - 10 - - - of - - 40 - - - - , } } + showToggle={true} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" > - -
    + + + + 1 + - + 10 + + + of + + 40 + + + + + - - - 1 - - - 10 - - - of - - 40 - - - - - -
    -
    , + + 1 + - + 10 + + + of + + 40 + + + + + +
    + , + } } - } - > - + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - + + + + + + + + + - - -     + + + - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    - -
    - - - 5 - - - 15 - - - of - - 40 - - - - - -
    -
    , - } - } - showToggle={true} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" - > -
    - - - - 5 - - - 15 - - - of - - 40 - - - - - + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } + > + + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ] + } + isGrouped={false} + isOpen={false} + isPlain={true} + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } + position="left" + toggle={ + + } + > +
    + , } } + showToggle={true} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" > - -
    + + + + 5 + - + 15 + + + of + + 40 + + + + + - - - 5 - - - 15 - - - of - - 40 - - - - - -
    -
    , + + 5 + - + 15 + + + of + + 40 + + + + + +
    + , + } } - } - > - + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - + + + + + + + + + - - -     + + + - } > -
    , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={false} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - -
    - + className="pf-c-options-menu" + > + +
    +
    , + } + } + showToggle={false} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" + > +
    + +
    + + +     - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - itemCount={20} - itemsPerPageTitle="Items per page" - itemsTitle="" - key=".0" - lastIndex={20} - onEnter={[Function]} - onToggle={[Function]} - optionsToggle="Items per page" - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - - 11 - - - 20 - - - of - - 20 - - - - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={true} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - - - - 11 - - - 20 - - - of - - 20 - - - - , } } + showToggle={true} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" > - -
    + + + + 11 + - + 20 + + + of + + 20 + + + + + - - - 11 - - - 20 - - - of - - 20 - - - - - -
    -
    , + + +
    +
    , + } } - } - > - + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - - - - - -     - - + + + + + + + + + + + + + + + - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    + 10 + + per page + + , + + 20 + + per page + + + + + , + + 50 + + per page + + , + + 100 + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + 10 + + per page + + , + + 20 + + per page + + + + + , + + 50 + + per page + + , + + 100 + + per page + + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - itemCount={20} - itemsPerPageTitle="Items per page" - itemsTitle="" - key=".0" - lastIndex={20} - onEnter={[Function]} - onToggle={[Function]} - optionsToggle="Items per page" - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - - 1 - - - 20 - - - of - - 20 - - - - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={true} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - - - - 1 - - - 20 - - - of - - 20 - - - - , } } + showToggle={true} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" > - -
    + + + + 1 + - + 20 + + + of + + 20 + + + + + - - - 1 - - - 20 - - - of - - 20 - - - - - -
    -
    , + + +
    + , + } } - } - > - + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - + + + + + + + + + - - -     + + + - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - itemCount={0} - itemsPerPageTitle="Items per page" - itemsTitle="" - key=".0" - lastIndex={0} - onEnter={[Function]} - onToggle={[Function]} - optionsToggle="Items per page" - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - - 0 - - - 0 - - - of - - 0 - - - - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={true} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - - - - 0 - - - 0 - - - of - - 0 - - - - , } } + showToggle={true} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" > - -
    + + + + 0 + - + 0 + + + of + + 0 + + + + + - - - 0 - - - 0 - - - of - - 0 - - - - - -
    -
    , + + +
    + , + } } - } - > - - + +
    + + + 0 + - + 0 + + + of + + 0 + + + + + +
    + , + } + } + > + +     + + - - -     + + + - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - itemCount={20} - itemsPerPageTitle="Items per page" - itemsTitle="" - key=".0" - lastIndex={10} - onEnter={[Function]} - onToggle={[Function]} - optionsToggle="Items per page" - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - - 1 - - - 10 - - - of - - 20 - - - - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={true} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - - - - 1 - - - 10 - - - of - - 20 - - - - , } } + showToggle={true} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" > - -
    + + + + 1 + - + 10 + + + of + + 20 + + + + + - - - 1 - - - 10 - - - of - - 20 - - - - - -
    -
    , + + +
    + , + } } - } - > - + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - + + + + + + + + + - - -     + + + - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - itemCount={20} - itemsPerPageTitle="Items per page" - itemsTitle="" - key=".0" - lastIndex={10} - onEnter={[Function]} - onToggle={[Function]} - optionsToggle="Items per page" - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - - 1 - - - 10 - - - of - - 20 - - - - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={true} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - - - - 1 - - - 10 - - - of - - 20 - - - - , } } + showToggle={true} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" > - -
    + + + + 1 + - + 10 + + + of + + 20 + + + + + - - - 1 - - - 10 - - - of - - 20 - - - - - -
    -
    , + + +
    + , + } } - } - > - + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - + + + + + + + + + - - -     + + + - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - itemCount={20} - itemsPerPageTitle="Items per page" - itemsTitle="" - key=".0" - lastIndex={10} - onEnter={[Function]} - onToggle={[Function]} - optionsToggle="Items per page" - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - - 1 - - - 10 - - - of - - 20 - - - - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={true} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - - - - 1 - - - 10 - - - of - - 20 - - - - , } } + showToggle={true} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" > - -
    + + + + 1 + - + 10 + + + of + + 20 + + + + + - - - 1 - - - 10 - - - of - - 20 - - - - - -
    -
    , + + 1 + - + 10 + + + of + + 20 + + + + + +
    + , + } } - } - > - + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - + + + + + + + + + - - -     + + + - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - itemCount={20} - itemsPerPageTitle="Items per page" - itemsTitle="" - key=".0" - lastIndex={10} - onEnter={[Function]} - onToggle={[Function]} - optionsToggle="Items per page" - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - - 1 - - - 10 - - - of - - 20 - - - - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={true} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - - - - 1 - - - 10 - - - of - - 20 - - - - , } } + showToggle={true} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" > - -
    + + + + 1 + - + 10 + + + of + + 20 + + + + + - - - 1 - - - 10 - - - of - - 20 - - - - - -
    -
    , + + 1 + - + 10 + + + of + + 20 + + + + + +
    + , + } } - } - > - + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - + + + + + + + + + - - -     + + + - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - itemCount={40} - itemsPerPageTitle="Items per page" - itemsTitle="values" - key=".0" - lastIndex={10} - onEnter={[Function]} - onToggle={[Function]} - optionsToggle="Select" - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - - 1 - - - 10 - - - of - - 40 - - - values - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={true} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - - - - 1 - - - 10 - - - of - - 40 - - - values - - , } } + showToggle={true} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" > - -
    + + + + 1 + - + 10 + + + of + + 40 + + + values + + + - - - 1 - - - 10 - - - of - - 40 - - - values - - -
    -
    , + + 1 + - + 10 + + + of + + 40 + + + values + + +
    + , + } } - } - > - + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - + + + + + + + + + - - -     + + + - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - itemCount={40} - itemsPerPageTitle="Items per page" - itemsTitle="" - key=".0" - lastIndex={10} - onEnter={[Function]} - onToggle={[Function]} - optionsToggle="Items per page" - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - - 1 - - - 10 - - - of - - 40 - - - - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={true} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - - - - 1 - - - 10 - - - of - - 40 - - - - , } } + showToggle={true} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" > - -
    + + + + 1 + - + 10 + + + of + + 40 + + + + + - - - 1 - - - 10 - - - of - - 40 - - - - - -
    -
    , + + 1 + - + 10 + + + of + + 40 + + + + + +
    + , + } } - } - > - + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - + + + + + + + + + - - -     + + + - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} - position="left" toggle={ } > -
    + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ], + "isOpen": false, + "isPlain": true, + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + 10 + + per page + + + + + , + + 20 + + per page + + , + + 50 + + per page + + , + + 100 + + per page + + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - itemCount={0} - itemsPerPageTitle="Items per page" - itemsTitle="" - key=".0" - lastIndex={0} - onEnter={[Function]} - onToggle={[Function]} - optionsToggle="Items per page" - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    -
    - - - 0 - - - 0 - - - of - - 0 - - - - - -
    -
    , + "isOuia": false, + "ouiaId": null, } } - showToggle={true} - toggleTemplate={[Function]} - widgetId="pagination-options-menu" + position="left" + toggle={ + + } >
    - - - - 0 - - - 0 - - - of - - 0 - - - - , } } + showToggle={true} + toggleTemplate={[Function]} + widgetId="pagination-options-menu" > - -
    + + + + 0 + - + 0 + + + of + + 0 + + + + + - - - 0 - - - 0 - - - of - - 0 - - - - - -
    -
    , + + 0 + - + 0 + + + of + + 0 + + + + + +
    + , + } } - } - > - + + , } - viewBox="0 0 320 512" - width="1em" + } + > + - + + + + + + + + + - - -     + + + } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -6087,9 +6181,7 @@ exports[`Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -7198,9 +7386,7 @@ exports[`Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -8309,9 +8591,7 @@ exports[`Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -9420,9 +9796,7 @@ exports[`Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -10531,9 +11001,7 @@ exports[`Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -11642,9 +12206,7 @@ exports[`Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -12753,9 +13411,7 @@ exports[`Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -13864,9 +14616,7 @@ exports[`Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -72433,9 +73279,7 @@ exports[`Simple Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -73683,9 +74621,7 @@ exports[`Simple Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -74933,9 +75963,7 @@ exports[`Simple Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -76183,9 +77305,7 @@ exports[`Simple Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -77433,9 +78647,7 @@ exports[`Simple Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -78683,9 +79989,7 @@ exports[`Simple Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -79933,9 +81331,7 @@ exports[`Simple Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -81183,9 +82673,7 @@ exports[`Simple Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -82433,9 +84015,7 @@ exports[`Simple Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + + @@ -83692,9 +85366,7 @@ exports[`Simple Actions table 1`] = ` /> } > - , ] } - isGrouped={false} isOpen={false} isPlain={true} - onSelect={[Function]} position="right" toggle={ } > -
    + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ], + "isOpen": false, + "isPlain": true, + "position": "right", + "toggle": , + } + } + consumerContext={ + Object { + "isOuia": false, + "ouiaId": null, + } + } > - + Some action + , + +
    + Another action +
    +     , + , + + Third action + , + ] + } + isGrouped={false} isOpen={false} isPlain={true} - key=".0" - onEnter={[Function]} - onToggle={[Function]} - parentRef={ + onSelect={[Function]} + ouiaComponentType="Dropdown" + ouiaContext={ Object { - "current":
    + } + > +
    + + +
    , + } + } + > + + +
    , + } + } > -
    , - } - } - > - - - , - } - } - > - - -     - -     + + + + + + + +