Skip to content

Commit

Permalink
Fixes vulnerability issues in UI libraries
Browse files Browse the repository at this point in the history 
Signed-off-by: Puneet Punamiya ppunamiy@redhat.com
  • Loading branch information
@PuneetPunamiya
PuneetPunamiya committed Feb 1, 2023
1 parent 208301f commit 46ccb92
Show file tree
Hide file tree
Showing 10 changed files with 4,838 additions and 6,662 deletions.
11,364 changes: 4,770 additions & 6,594 deletions ui/package-lock.json
View file

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions ui/src/components/LeftPane/__snapshots__/LeftPane.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,11 @@ exports[`LeftPane should find the components and match the count 1`] = `
<div className=\\"pf-l-grid__item pf-m-8-col\\" style={[undefined]}>
<Sort>
<div className=\\"hub-sort\\">
<Select variant=\\"single\\" isPlain={true} typeAheadAriaLabel=\\"Sort By\\" onToggle={[Function: onToggle]} onSelect={[Function: onSelect]} onClear={[Function: clearSelection]} isOpen={false} selections=\\"\\" placeholderText=\\"Sort By\\" className=\\"\\" position=\\"left\\" direction=\\"down\\" toggleId={{...}} isGrouped={false} isDisabled={false} hasPlaceholderStyle={false} isCreatable={false} validated=\\"default\\" aria-label=\\"\\" aria-labelledby=\\"\\" aria-describedby=\\"\\" aria-invalid={false} clearSelectionsAriaLabel=\\"Clear all\\" toggleAriaLabel=\\"Options menu\\" removeSelectionAriaLabel=\\"Remove\\" createText=\\"Create\\" noResultsFoundText=\\"No results found\\" width=\\"\\" onCreateOption={[Function: onCreateOption]} toggleIcon={{...}} onFilter={{...}} onTypeaheadInputChanged={{...}} customContent={{...}} hasInlineFilter={false} inlineFilterPlaceholderText={{...}} customBadgeText={{...}} inputIdPrefix=\\"\\" inputAutoComplete=\\"off\\" menuAppendTo=\\"inline\\" favorites={{...}} favoritesLabel=\\"Favorites\\" ouiaSafe={true} chipGroupComponent={{...}} isInputValuePersisted={false} isInputFilterPersisted={false} isCreateSelectOptionObject={false} shouldResetOnSelect={true}>
<Select variant=\\"single\\" isPlain={true} typeAheadAriaLabel=\\"Sort By\\" onToggle={[Function: onToggle]} onSelect={[Function: onSelect]} onClear={[Function: clearSelection]} isOpen={false} selections=\\"\\" placeholderText=\\"Sort By\\" className=\\"\\" position=\\"left\\" direction=\\"down\\" toggleId={{...}} isGrouped={false} isDisabled={false} hasPlaceholderStyle={false} isCreatable={false} isCreateOptionOnTop={false} validated=\\"default\\" aria-label=\\"\\" aria-labelledby=\\"\\" aria-describedby=\\"\\" aria-invalid={false} typeAheadAriaDescribedby=\\"\\" clearSelectionsAriaLabel=\\"Clear all\\" toggleAriaLabel=\\"Options menu\\" removeSelectionAriaLabel=\\"Remove\\" createText=\\"Create\\" noResultsFoundText=\\"No results found\\" width=\\"\\" onCreateOption={[Function: onCreateOption]} toggleIcon={{...}} toggleIndicator={{...}} onFilter={{...}} onTypeaheadInputChanged={{...}} customContent={{...}} hasInlineFilter={false} inlineFilterPlaceholderText={{...}} customBadgeText={{...}} inputIdPrefix=\\"\\" inputAutoComplete=\\"off\\" menuAppendTo=\\"inline\\" favorites={{...}} favoritesLabel=\\"Favorites\\" ouiaSafe={true} chipGroupComponent={{...}} isInputValuePersisted={false} isInputFilterPersisted={false} isCreateSelectOptionObject={false} shouldResetOnSelect={true} isFlipEnabled={true} removeFindDomNode={false} zIndex={9999}>
<GenerateId prefix=\\"pf-random-id-\\">
<div className=\\"pf-c-select\\" data-ouia-component-type=\\"PF4/Select\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Select-single-1\\">
<SelectToggle id=\\"pf-select-toggle-id-0\\" parentRef={{...}} menuRef={{...}} isOpen={false} isPlain={true} hasPlaceholderStyle={false} onToggle={[Function (anonymous)]} onEnter={[Function (anonymous)]} onClose={[Function (anonymous)]} variant=\\"single\\" aria-labelledby=\\" pf-select-toggle-id-0\\" aria-label=\\"Options menu\\" handleTypeaheadKeys={[Function (anonymous)]} moveFocusToLastMenuItem={[Function (anonymous)]} isDisabled={false} hasClearButton={true} hasFooter={false} onClickTypeaheadToggleButton={[Function (anonymous)]} className=\\"\\" isActive={false} type=\\"button\\">
<div className=\\"pf-c-select__toggle pf-m-plain pf-m-typeahead\\" onClick={[Function: onClick]} onKeyDown={[Function (anonymous)]}>
<SelectToggle id=\\"pf-select-toggle-id-0\\" parentRef={{...}} menuRef={{...}} isOpen={false} isPlain={true} hasPlaceholderStyle={false} onToggle={[Function (anonymous)]} onEnter={[Function (anonymous)]} onClose={[Function (anonymous)]} onBlur={[undefined]} variant=\\"single\\" toggleIndicator={{...}} aria-labelledby=\\" pf-select-toggle-id-0\\" aria-label=\\"Options menu\\" handleTypeaheadKeys={[Function (anonymous)]} moveFocusToLastMenuItem={[Function (anonymous)]} isDisabled={false} hasClearButton={true} hasFooter={false} onClickTypeaheadToggleButton={[Function (anonymous)]} className=\\"\\" isActive={false} type=\\"button\\">
<div className=\\"pf-c-select__toggle pf-m-plain pf-m-typeahead\\" onBlur={[undefined]} onClick={[Function: onClick]} onKeyDown={[Function (anonymous)]}>
<div className=\\"pf-c-select__toggle-wrapper\\">
<span className=\\"pf-c-select__toggle-text\\">
Sort By
Expand Down
18 changes: 9 additions & 9 deletions ui/src/containers/App/__snapshots__/App.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,8 @@ exports[`App should render the component correctly and match the snapshot 1`] =
<ParseUrl>
</ParseUrl>
<Page header={{...}} className=\\"hub-page\\" isManagedSidebar={false} isBreadcrumbWidthLimited={false} defaultManagedSidebarIsOpen={true} onPageResize={[Function: onPageResize]} mainTabIndex={-1} isNotificationDrawerExpanded={false} onNotificationDrawerExpand={[Function: onNotificationDrawerExpand]} getBreakpoint={[Function: getBreakpoint]}>
<div className=\\"pf-c-page pf-m-resize-observer pf-m-breakpoint-default hub-page\\">
<Page header={{...}} className=\\"hub-page\\" isManagedSidebar={false} isBreadcrumbWidthLimited={false} defaultManagedSidebarIsOpen={true} onPageResize={[Function: onPageResize]} mainTabIndex={-1} isNotificationDrawerExpanded={false} onNotificationDrawerExpand={[Function: onNotificationDrawerExpand]} getBreakpoint={[Function: getBreakpoint]} getVerticalBreakpoint={[Function: getVerticalBreakpoint]}>
<div className=\\"pf-c-page pf-m-resize-observer pf-m-breakpoint-default pf-m-height-breakpoint-sm hub-page\\">
<Memo(observerComponent)>
<PageHeader logo={{...}} headerTools={{...}}>
<header role={[undefined]} className=\\"pf-c-page__header\\">
Expand All @@ -32,7 +32,7 @@ exports[`App should render the component correctly and match the snapshot 1`] =
<Memo(observerComponent)>
<TextInput type=\\"search\\" value=\\"\\" onChange={[Function: onSearchChange]} onKeyPress={[Function: onSearchKeyPress]} aria-label=\\"text input example\\" placeholder=\\"Search for resources...\\" spellCheck=\\"false\\" className=\\"hub-search\\">
<TextInputBase type=\\"search\\" value=\\"\\" onChange={[Function: onSearchChange]} onKeyPress={[Function: onSearchKeyPress]} aria-label=\\"text input example\\" placeholder=\\"Search for resources...\\" spellCheck=\\"false\\" className=\\"hub-search\\" innerRef={{...}} isRequired={false} validated=\\"default\\" isDisabled={false} isReadOnly={false} isIconSprite={false} isLeftTruncated={false} ouiaSafe={true}>
<input onKeyPress={[Function: onSearchKeyPress]} aria-label=\\"text input example\\" placeholder=\\"Search for resources...\\" spellCheck=\\"false\\" onFocus={[Function (anonymous)]} onBlur={[Function (anonymous)]} className=\\"pf-c-form-control hub-search\\" onChange={[Function (anonymous)]} type=\\"search\\" value=\\"\\" aria-invalid={false} required={false} disabled={false} readOnly={false} data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-TextInputBase-1\\" />
<input onKeyPress={[Function: onSearchKeyPress]} aria-label=\\"text input example\\" placeholder=\\"Search for resources...\\" spellCheck=\\"false\\" onFocus={[Function (anonymous)]} onBlur={[Function (anonymous)]} className=\\"pf-c-form-control hub-search\\" onChange={[Function (anonymous)]} type=\\"search\\" value=\\"\\" aria-invalid={false} required={false} disabled={false} readOnly={[undefined]} data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-TextInputBase-1\\" />
</TextInputBase>
</TextInput>
</Memo(observerComponent)>
Expand Down Expand Up @@ -66,12 +66,12 @@ exports[`App should render the component correctly and match the snapshot 1`] =
</PageHeader>
<Modal variant=\\"small\\" title=\\"Search tips:\\" isOpen={false} onClose={[Function: onClose]} className=\\"\\" titleIconVariant={{...}} titleLabel=\\"\\" aria-label=\\"\\" showClose={true} aria-describedby=\\"\\" aria-labelledby=\\"\\" id={[undefined]} actions={{...}} hasNoBodyWrapper={false} appendTo={[Function: appendTo]} ouiaSafe={true}>
<Portal containerInfo={{...}}>
<ModalContent variant=\\"small\\" isOpen={false} onClose={[Function: onClose]} className=\\"\\" showClose={true} id={[undefined]} actions={{...}} hasNoBodyWrapper={false} boxId=\\"pf-modal-part-0\\" labelId=\\"pf-modal-part-1\\" descriptorId=\\"pf-modal-part-2\\" title=\\"Search tips:\\" titleIconVariant={{...}} titleLabel=\\"\\" aria-label=\\"\\" aria-describedby=\\"\\" aria-labelledby=\\"\\" ouiaId=\\"OUIA-Generated-Modal-small-1\\" ouiaSafe={true} />
<ModalContent variant=\\"small\\" isOpen={false} onClose={[Function: onClose]} className=\\"\\" showClose={true} id={[undefined]} actions={{...}} hasNoBodyWrapper={false} boxId=\\"pf-modal-part-0\\" labelId=\\"pf-modal-part-1\\" descriptorId=\\"pf-modal-part-2\\" title=\\"Search tips:\\" titleIconVariant={{...}} titleLabel=\\"\\" aria-label=\\"\\" aria-describedby=\\"\\" aria-labelledby=\\"\\" bodyAriaLabel={[undefined]} bodyAriaRole={[undefined]} ouiaId=\\"OUIA-Generated-Modal-small-1\\" ouiaSafe={true} />
</Portal>
</Modal>
<Modal variant=\\"small\\" title=\\"Tekton Hub\\" isOpen={false} onClose={[Function: onClose]} className=\\"hub-header-login__modal\\" aria-label=\\"login\\" titleIconVariant={{...}} titleLabel=\\"\\" showClose={true} aria-describedby=\\"\\" aria-labelledby=\\"\\" id={[undefined]} actions={{...}} hasNoBodyWrapper={false} appendTo={[Function: appendTo]} ouiaSafe={true}>
<Portal containerInfo={{...}}>
<ModalContent variant=\\"small\\" isOpen={false} onClose={[Function: onClose]} className=\\"hub-header-login__modal\\" showClose={true} id={[undefined]} actions={{...}} hasNoBodyWrapper={false} boxId=\\"pf-modal-part-1\\" labelId=\\"pf-modal-part-2\\" descriptorId=\\"pf-modal-part-3\\" title=\\"Tekton Hub\\" titleIconVariant={{...}} titleLabel=\\"\\" aria-label=\\"login\\" aria-describedby=\\"\\" aria-labelledby=\\"\\" ouiaId=\\"OUIA-Generated-Modal-small-2\\" ouiaSafe={true} />
<ModalContent variant=\\"small\\" isOpen={false} onClose={[Function: onClose]} className=\\"hub-header-login__modal\\" showClose={true} id={[undefined]} actions={{...}} hasNoBodyWrapper={false} boxId=\\"pf-modal-part-1\\" labelId=\\"pf-modal-part-2\\" descriptorId=\\"pf-modal-part-3\\" title=\\"Tekton Hub\\" titleIconVariant={{...}} titleLabel=\\"\\" aria-label=\\"login\\" aria-describedby=\\"\\" aria-labelledby=\\"\\" bodyAriaLabel={[undefined]} bodyAriaRole={[undefined]} ouiaId=\\"OUIA-Generated-Modal-small-2\\" ouiaSafe={true} />
</Portal>
</Modal>
</Memo(observerComponent)>
Expand All @@ -98,7 +98,7 @@ exports[`App should render the component correctly and match the snapshot 1`] =
</Background>
</Route>
<PageSection>
<section className=\\"pf-c-page__main-section\\">
<section className=\\"pf-c-page__main-section\\" aria-label={[undefined]}>
<Grid hasGutter={true}>
<div className=\\"pf-l-grid pf-m-gutter\\" style={[undefined]}>
<GridItem span={12}>
Expand All @@ -116,11 +116,11 @@ exports[`App should render the component correctly and match the snapshot 1`] =
<div className=\\"pf-l-grid__item pf-m-8-col\\" style={[undefined]}>
<Sort>
<div className=\\"hub-sort\\">
<Select variant=\\"single\\" isPlain={true} typeAheadAriaLabel=\\"Sort By\\" onToggle={[Function: onToggle]} onSelect={[Function: onSelect]} onClear={[Function: clearSelection]} isOpen={false} selections=\\"\\" placeholderText=\\"Sort By\\" className=\\"\\" position=\\"left\\" direction=\\"down\\" toggleId={{...}} isGrouped={false} isDisabled={false} hasPlaceholderStyle={false} isCreatable={false} validated=\\"default\\" aria-label=\\"\\" aria-labelledby=\\"\\" aria-describedby=\\"\\" aria-invalid={false} clearSelectionsAriaLabel=\\"Clear all\\" toggleAriaLabel=\\"Options menu\\" removeSelectionAriaLabel=\\"Remove\\" createText=\\"Create\\" noResultsFoundText=\\"No results found\\" width=\\"\\" onCreateOption={[Function: onCreateOption]} toggleIcon={{...}} onFilter={{...}} onTypeaheadInputChanged={{...}} customContent={{...}} hasInlineFilter={false} inlineFilterPlaceholderText={{...}} customBadgeText={{...}} inputIdPrefix=\\"\\" inputAutoComplete=\\"off\\" menuAppendTo=\\"inline\\" favorites={{...}} favoritesLabel=\\"Favorites\\" ouiaSafe={true} chipGroupComponent={{...}} isInputValuePersisted={false} isInputFilterPersisted={false} isCreateSelectOptionObject={false} shouldResetOnSelect={true}>
<Select variant=\\"single\\" isPlain={true} typeAheadAriaLabel=\\"Sort By\\" onToggle={[Function: onToggle]} onSelect={[Function: onSelect]} onClear={[Function: clearSelection]} isOpen={false} selections=\\"\\" placeholderText=\\"Sort By\\" className=\\"\\" position=\\"left\\" direction=\\"down\\" toggleId={{...}} isGrouped={false} isDisabled={false} hasPlaceholderStyle={false} isCreatable={false} isCreateOptionOnTop={false} validated=\\"default\\" aria-label=\\"\\" aria-labelledby=\\"\\" aria-describedby=\\"\\" aria-invalid={false} typeAheadAriaDescribedby=\\"\\" clearSelectionsAriaLabel=\\"Clear all\\" toggleAriaLabel=\\"Options menu\\" removeSelectionAriaLabel=\\"Remove\\" createText=\\"Create\\" noResultsFoundText=\\"No results found\\" width=\\"\\" onCreateOption={[Function: onCreateOption]} toggleIcon={{...}} toggleIndicator={{...}} onFilter={{...}} onTypeaheadInputChanged={{...}} customContent={{...}} hasInlineFilter={false} inlineFilterPlaceholderText={{...}} customBadgeText={{...}} inputIdPrefix=\\"\\" inputAutoComplete=\\"off\\" menuAppendTo=\\"inline\\" favorites={{...}} favoritesLabel=\\"Favorites\\" ouiaSafe={true} chipGroupComponent={{...}} isInputValuePersisted={false} isInputFilterPersisted={false} isCreateSelectOptionObject={false} shouldResetOnSelect={true} isFlipEnabled={true} removeFindDomNode={false} zIndex={9999}>
<GenerateId prefix=\\"pf-random-id-\\">
<div className=\\"pf-c-select\\" data-ouia-component-type=\\"PF4/Select\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Select-single-1\\">
<SelectToggle id=\\"pf-select-toggle-id-0\\" parentRef={{...}} menuRef={{...}} isOpen={false} isPlain={true} hasPlaceholderStyle={false} onToggle={[Function (anonymous)]} onEnter={[Function (anonymous)]} onClose={[Function (anonymous)]} variant=\\"single\\" aria-labelledby=\\" pf-select-toggle-id-0\\" aria-label=\\"Options menu\\" handleTypeaheadKeys={[Function (anonymous)]} moveFocusToLastMenuItem={[Function (anonymous)]} isDisabled={false} hasClearButton={true} hasFooter={false} onClickTypeaheadToggleButton={[Function (anonymous)]} className=\\"\\" isActive={false} type=\\"button\\">
<div className=\\"pf-c-select__toggle pf-m-plain pf-m-typeahead\\" onClick={[Function: onClick]} onKeyDown={[Function (anonymous)]}>
<SelectToggle id=\\"pf-select-toggle-id-0\\" parentRef={{...}} menuRef={{...}} isOpen={false} isPlain={true} hasPlaceholderStyle={false} onToggle={[Function (anonymous)]} onEnter={[Function (anonymous)]} onClose={[Function (anonymous)]} onBlur={[undefined]} variant=\\"single\\" toggleIndicator={{...}} aria-labelledby=\\" pf-select-toggle-id-0\\" aria-label=\\"Options menu\\" handleTypeaheadKeys={[Function (anonymous)]} moveFocusToLastMenuItem={[Function (anonymous)]} isDisabled={false} hasClearButton={true} hasFooter={false} onClickTypeaheadToggleButton={[Function (anonymous)]} className=\\"\\" isActive={false} type=\\"button\\">
<div className=\\"pf-c-select__toggle pf-m-plain pf-m-typeahead\\" onBlur={[undefined]} onClick={[Function: onClick]} onKeyDown={[Function (anonymous)]}>
<div className=\\"pf-c-select__toggle-wrapper\\">
<span className=\\"pf-c-select__toggle-text\\">
Sort By
Expand Down
Loading

0 comments on commit 46ccb92

Please sign in to comment.