libre.sh/keycloak-scim
2
0
Fork 0
Code Issues 14 Pull requests Releases Packages Activity Actions 6

Use new patternfly jumplinks. (#246)

Browse source 
* Use new patternfly jumplinks.

* Update snapshots
This commit is contained in:
Stan Silvert 2020-12-07 07:51:38 -05:00 committed by GitHub
parent b59902e3c8
commit 2be549a60e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 15416 additions and 12639 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
package.json
View file

@ -16,10 +16,10 @@
"test": "jest" "test": "jest"
}, },
"dependencies": { "dependencies": {
"@patternfly/patternfly": "^4.42.2", "@patternfly/patternfly": "^4.65.6",
"@patternfly/react-core": "4.50.2", "@patternfly/react-core": "4.79.2",
"@patternfly/react-icons": "4.7.6", "@patternfly/react-icons": "4.7.18",
"@patternfly/react-table": "4.16.20", "@patternfly/react-table": "4.19.24",
"file-saver": "^2.0.2", "file-saver": "^2.0.2",
"i18next": "^19.6.2", "i18next": "^19.6.2",
"keycloak-admin": "1.14.2", "keycloak-admin": "1.14.2",

3420
src/client-scopes/add/__tests__/__snapshots__/MapperDialog.test.tsx.snap
View file

File diff suppressed because it is too large Load diff

54
src/clients/__tests__/__snapshots__/ClientList.test.tsx.snap
View file

@ -8,7 +8,7 @@ Object {
<table <table
aria-label="Clients" aria-label="Clients"
class="pf-c-table pf-m-grid-md pf-m-compact" class="pf-c-table pf-m-grid-md pf-m-compact"
data-ouia-component-id="OUIA-Generated-Table-1" data-ouia-component-id="OUIA-Generated-Table-2"
data-ouia-component-type="PF4/Table" data-ouia-component-type="PF4/Table"
data-ouia-safe="true" data-ouia-safe="true"
role="grid" role="grid"
@ -16,7 +16,12 @@ Object {
<thead <thead
class="" class=""
> >
<tr> <tr
class=""
data-ouia-component-id="OUIA-Generated-TableRow-1"
data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true"
>
<th <th
class="" class=""
data-key="0" data-key="0"
@ -53,15 +58,17 @@ Object {
class="" class=""
data-key="4" data-key="4"
data-label="" data-label=""
scope=""
/> />
</tr> </tr>
</thead> </thead>
<tbody <tbody
class="" class=""
role="rowgroup"
> >
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-1" data-ouia-component-id="OUIA-Generated-TableRow-2"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -161,7 +168,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-2" data-ouia-component-id="OUIA-Generated-TableRow-3"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -261,7 +268,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-3" data-ouia-component-id="OUIA-Generated-TableRow-4"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -334,7 +341,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-4" data-ouia-component-id="OUIA-Generated-TableRow-5"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -407,7 +414,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-5" data-ouia-component-id="OUIA-Generated-TableRow-6"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -478,7 +485,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-6" data-ouia-component-id="OUIA-Generated-TableRow-7"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -578,7 +585,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-7" data-ouia-component-id="OUIA-Generated-TableRow-8"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -649,7 +656,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-8" data-ouia-component-id="OUIA-Generated-TableRow-9"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -755,7 +762,7 @@ Object {
<table <table
aria-label="Clients" aria-label="Clients"
class="pf-c-table pf-m-grid-md pf-m-compact" class="pf-c-table pf-m-grid-md pf-m-compact"
data-ouia-component-id="OUIA-Generated-Table-1" data-ouia-component-id="OUIA-Generated-Table-2"
data-ouia-component-type="PF4/Table" data-ouia-component-type="PF4/Table"
data-ouia-safe="true" data-ouia-safe="true"
role="grid" role="grid"
@ -763,7 +770,12 @@ Object {
<thead <thead
class="" class=""
> >
<tr> <tr
class=""
data-ouia-component-id="OUIA-Generated-TableRow-1"
data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true"
>
<th <th
class="" class=""
data-key="0" data-key="0"
@ -800,15 +812,17 @@ Object {
class="" class=""
data-key="4" data-key="4"
data-label="" data-label=""
scope=""
/> />
</tr> </tr>
</thead> </thead>
<tbody <tbody
class="" class=""
role="rowgroup"
> >
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-1" data-ouia-component-id="OUIA-Generated-TableRow-2"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -908,7 +922,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-2" data-ouia-component-id="OUIA-Generated-TableRow-3"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -1008,7 +1022,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-3" data-ouia-component-id="OUIA-Generated-TableRow-4"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -1081,7 +1095,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-4" data-ouia-component-id="OUIA-Generated-TableRow-5"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -1154,7 +1168,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-5" data-ouia-component-id="OUIA-Generated-TableRow-6"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -1225,7 +1239,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-6" data-ouia-component-id="OUIA-Generated-TableRow-7"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -1325,7 +1339,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-7" data-ouia-component-id="OUIA-Generated-TableRow-8"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >
@ -1396,7 +1410,7 @@ Object {
</tr> </tr>
<tr <tr
class="" class=""
data-ouia-component-id="OUIA-Generated-TableRow-8" data-ouia-component-id="OUIA-Generated-TableRow-9"
data-ouia-component-type="PF4/TableRow" data-ouia-component-type="PF4/TableRow"
data-ouia-safe="true" data-ouia-safe="true"
> >

2
src/common-messages.json
View file

@ -57,6 +57,8 @@
"createRealm": "Create Realm", "createRealm": "Create Realm",
"jumpToSection": "Jump to section",
"Sunday": "Sunday", "Sunday": "Sunday",
"Monday": "Monday", "Monday": "Monday",
"Tuesday": "Tuesday", "Tuesday": "Tuesday",

2
src/components/alert/__tests__/__snapshots__/Alerts.test.tsx.snap
View file

@ -41,6 +41,7 @@ exports[`remove alert after timeout: cleared alert 1`] = `
data-ouia-safe={true} data-ouia-safe={true}
disabled={false} disabled={false}
onClick={[Function]} onClick={[Function]}
role={null}
type="button" type="button"
> >
Add Add
@ -91,6 +92,7 @@ exports[`remove alert after timeout: with alert 1`] = `
data-ouia-safe={true} data-ouia-safe={true}
disabled={false} disabled={false}
onClick={[Function]} onClick={[Function]}
role={null}
type="button" type="button"
> >
Add Add

27
src/components/confirm-dialog/__tests__/__snapshots__/ConfirmDialog.test.tsx.snap
View file

@ -48,6 +48,8 @@ exports[`Confirmation dialog renders simple confirm dialog 1`] = `
ouiaSafe={true} ouiaSafe={true}
showClose={true} showClose={true}
title="Delete app02?" title="Delete app02?"
titleIconVariant={null}
titleLabel=""
variant="small" variant="small"
> >
<Portal <Portal
@ -97,10 +99,15 @@ exports[`Confirmation dialog renders simple confirm dialog 1`] = `
class="pf-c-modal-box__header" class="pf-c-modal-box__header"
> >
<h1 <h1
class="pf-c-modal-box__title pf-c-modal-box__title" class="pf-c-modal-box__title"
id="pf-modal-part-2" id="pf-modal-part-2"
> >
<span
class="pf-c-modal-box__title-text"
>
Delete app02? Delete app02?
</span>
</h1> </h1>
</header> </header>
<div <div
@ -174,6 +181,8 @@ exports[`Confirmation dialog renders simple confirm dialog 1`] = `
ouiaSafe={true} ouiaSafe={true}
showClose={true} showClose={true}
title="Delete app02?" title="Delete app02?"
titleIconVariant={null}
titleLabel=""
variant="small" variant="small"
> >
<Backdrop> <Backdrop>
@ -236,6 +245,7 @@ exports[`Confirmation dialog renders simple confirm dialog 1`] = `
data-ouia-safe={true} data-ouia-safe={true}
disabled={false} disabled={false}
onClick={[Function]} onClick={[Function]}
role={null}
type="button" type="button"
> >
<TimesIcon <TimesIcon
@ -265,20 +275,27 @@ exports[`Confirmation dialog renders simple confirm dialog 1`] = `
</button> </button>
</Button> </Button>
</ModalBoxCloseButton> </ModalBoxCloseButton>
<ModalBoxHeader> <ModalBoxHeader
help={null}
>
<header <header
className="pf-c-modal-box__header" className="pf-c-modal-box__header"
> >
<ModalBoxTitle <ModalBoxTitle
className="pf-c-modal-box__title"
id="pf-modal-part-2" id="pf-modal-part-2"
title="Delete app02?" title="Delete app02?"
titleIconVariant={null}
titleLabel=""
> >
<h1 <h1
className="pf-c-modal-box__title pf-c-modal-box__title" className="pf-c-modal-box__title"
id="pf-modal-part-2" id="pf-modal-part-2"
>
<span
className="pf-c-modal-box__title-text"
> >
Delete app02? Delete app02?
</span>
</h1> </h1>
</ModalBoxTitle> </ModalBoxTitle>
</header> </header>
@ -313,6 +330,7 @@ exports[`Confirmation dialog renders simple confirm dialog 1`] = `
disabled={false} disabled={false}
id="modal-confirm" id="modal-confirm"
onClick={[Function]} onClick={[Function]}
role={null}
type="button" type="button"
> >
Delete Delete
@ -334,6 +352,7 @@ exports[`Confirmation dialog renders simple confirm dialog 1`] = `
disabled={false} disabled={false}
id="modal-cancel" id="modal-cancel"
onClick={[Function]} onClick={[Function]}
role={null}
type="button" type="button"
> >
cancel cancel

4
src/components/form-access/__tests__/__snapshots__/FormAccess.test.tsx.snap
View file

@ -39,7 +39,7 @@ exports[`<FormAccess /> render normal form 1`] = `
<div <div
className="pf-c-form__group-control" className="pf-c-form__group-control"
> >
<ForwardRef <TextInput
id="field" id="field"
isDisabled={false} isDisabled={false}
key=".0" key=".0"
@ -75,7 +75,7 @@ exports[`<FormAccess /> render normal form 1`] = `
type="text" type="text"
/> />
</TextInputBase> </TextInputBase>
</ForwardRef> </TextInput>
</div> </div>
</div> </div>
</FormGroup> </FormGroup>

21
src/components/help-enabler/__tests__/__snapshots__/HelpHeader.test.tsx.snap
View file

@ -13,6 +13,9 @@ exports[`<HelpHeader /> enable help 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-label="Help" aria-label="Help"
class="pf-c-dropdown__toggle pf-m-plain" class="pf-c-dropdown__toggle pf-m-plain"
data-ouia-component-id="OUIA-Generated-DropdownToggle-3"
data-ouia-component-type="PF4/DropdownToggle"
data-ouia-safe="true"
id="help" id="help"
type="button" type="button"
> >
@ -44,6 +47,9 @@ exports[`<HelpHeader /> enable help 1`] = `
<a <a
aria-disabled="false" aria-disabled="false"
class="pf-c-dropdown__menu-item" class="pf-c-dropdown__menu-item"
data-ouia-component-id="OUIA-Generated-DropdownItem-3"
data-ouia-component-type="PF4/DropdownItem"
data-ouia-safe="true"
tabindex="-1" tabindex="-1"
> >
<div <div
@ -81,6 +87,9 @@ exports[`<HelpHeader /> enable help 1`] = `
<a <a
aria-disabled="false" aria-disabled="false"
class="pf-c-dropdown__menu-item pf-m-description" class="pf-c-dropdown__menu-item pf-m-description"
data-ouia-component-id="OUIA-Generated-DropdownItem-4"
data-ouia-component-type="PF4/DropdownItem"
data-ouia-safe="true"
tabindex="-1" tabindex="-1"
> >
<div <div
@ -166,6 +175,9 @@ exports[`<HelpHeader /> open dropdown 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-label="Help" aria-label="Help"
class="pf-c-dropdown__toggle pf-m-plain" class="pf-c-dropdown__toggle pf-m-plain"
data-ouia-component-id="OUIA-Generated-DropdownToggle-2"
data-ouia-component-type="PF4/DropdownToggle"
data-ouia-safe="true"
id="help" id="help"
type="button" type="button"
> >
@ -197,6 +209,9 @@ exports[`<HelpHeader /> open dropdown 1`] = `
<a <a
aria-disabled="false" aria-disabled="false"
class="pf-c-dropdown__menu-item" class="pf-c-dropdown__menu-item"
data-ouia-component-id="OUIA-Generated-DropdownItem-1"
data-ouia-component-type="PF4/DropdownItem"
data-ouia-safe="true"
tabindex="-1" tabindex="-1"
> >
<div <div
@ -234,6 +249,9 @@ exports[`<HelpHeader /> open dropdown 1`] = `
<a <a
aria-disabled="false" aria-disabled="false"
class="pf-c-dropdown__menu-item pf-m-description" class="pf-c-dropdown__menu-item pf-m-description"
data-ouia-component-id="OUIA-Generated-DropdownItem-2"
data-ouia-component-type="PF4/DropdownItem"
data-ouia-safe="true"
tabindex="-1" tabindex="-1"
> >
<div <div
@ -314,6 +332,9 @@ exports[`<HelpHeader /> render 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-label="Help" aria-label="Help"
class="pf-c-dropdown__toggle pf-m-plain" class="pf-c-dropdown__toggle pf-m-plain"
data-ouia-component-id="OUIA-Generated-DropdownToggle-1"
data-ouia-component-type="PF4/DropdownToggle"
data-ouia-safe="true"
id="help" id="help"
type="button" type="button"
> >

40
src/components/json-file-upload/__tests__/__snapshots__/JsonFileUpload.test.tsx.snap
View file

@ -100,7 +100,7 @@ exports[`<JsonFileUpload /> render 1`] = `
<div <div
className="pf-c-input-group" className="pf-c-input-group"
> >
<ForwardRef <TextInput
aria-describedby="test-browse-button" aria-describedby="test-browse-button"
aria-label="Drag a file here or browse to upload" aria-label="Drag a file here or browse to upload"
id="test-filename" id="test-filename"
@ -146,7 +146,7 @@ exports[`<JsonFileUpload /> render 1`] = `
value="" value=""
/> />
</TextInputBase> </TextInputBase>
</ForwardRef> </TextInput>
<Button <Button
id="test-browse-button" id="test-browse-button"
isDisabled={false} isDisabled={false}
@ -164,6 +164,7 @@ exports[`<JsonFileUpload /> render 1`] = `
disabled={false} disabled={false}
id="test-browse-button" id="test-browse-button"
onClick={[Function]} onClick={[Function]}
role={null}
type="button" type="button"
> >
Browse... Browse...
@ -184,6 +185,7 @@ exports[`<JsonFileUpload /> render 1`] = `
data-ouia-safe={true} data-ouia-safe={true}
disabled={true} disabled={true}
onClick={[Function]} onClick={[Function]}
role={null}
tabIndex={null} tabIndex={null}
type="button" type="button"
> >
@ -195,12 +197,25 @@ exports[`<JsonFileUpload /> render 1`] = `
</div> </div>
<div <div
className="pf-c-file-upload__file-details" className="pf-c-file-upload__file-details"
>
<TextArea
aria-label="File upload"
disabled={false}
id="test"
isRequired={false}
name="test"
onChange={[Function]}
readOnly={false}
resizeOrientation="vertical"
validated="default"
value=""
> >
<TextArea <TextArea
aria-label="File upload" aria-label="File upload"
className="" className=""
disabled={false} disabled={false}
id="test" id="test"
innerRef={null}
isRequired={false} isRequired={false}
name="test" name="test"
onChange={[Function]} onChange={[Function]}
@ -222,6 +237,7 @@ exports[`<JsonFileUpload /> render 1`] = `
value="" value=""
/> />
</TextArea> </TextArea>
</TextArea>
</div> </div>
<input <input
accept=".json" accept=".json"
@ -355,7 +371,7 @@ exports[`<JsonFileUpload /> upload file 1`] = `
<div <div
className="pf-c-input-group" className="pf-c-input-group"
> >
<ForwardRef <TextInput
aria-describedby="upload-browse-button" aria-describedby="upload-browse-button"
aria-label="Drag a file here or browse to upload" aria-label="Drag a file here or browse to upload"
id="upload-filename" id="upload-filename"
@ -401,7 +417,7 @@ exports[`<JsonFileUpload /> upload file 1`] = `
value="" value=""
/> />
</TextInputBase> </TextInputBase>
</ForwardRef> </TextInput>
<Button <Button
id="upload-browse-button" id="upload-browse-button"
isDisabled={false} isDisabled={false}
@ -419,6 +435,7 @@ exports[`<JsonFileUpload /> upload file 1`] = `
disabled={false} disabled={false}
id="upload-browse-button" id="upload-browse-button"
onClick={[Function]} onClick={[Function]}
role={null}
type="button" type="button"
> >
Browse... Browse...
@ -439,6 +456,7 @@ exports[`<JsonFileUpload /> upload file 1`] = `
data-ouia-safe={true} data-ouia-safe={true}
disabled={true} disabled={true}
onClick={[Function]} onClick={[Function]}
role={null}
tabIndex={null} tabIndex={null}
type="button" type="button"
> >
@ -450,12 +468,25 @@ exports[`<JsonFileUpload /> upload file 1`] = `
</div> </div>
<div <div
className="pf-c-file-upload__file-details" className="pf-c-file-upload__file-details"
>
<TextArea
aria-label="File upload"
disabled={false}
id="upload"
isRequired={false}
name="upload"
onChange={[Function]}
readOnly={false}
resizeOrientation="vertical"
validated="default"
value=""
> >
<TextArea <TextArea
aria-label="File upload" aria-label="File upload"
className="" className=""
disabled={false} disabled={false}
id="upload" id="upload"
innerRef={null}
isRequired={false} isRequired={false}
name="upload" name="upload"
onChange={[Function]} onChange={[Function]}
@ -477,6 +508,7 @@ exports[`<JsonFileUpload /> upload file 1`] = `
value="" value=""
/> />
</TextArea> </TextArea>
</TextArea>
</div> </div>
<input <input
accept=".json" accept=".json"

18
src/components/realm-selector/__tests__/__snapshots__/RealmSelector.test.tsx.snap
View file

@ -101,6 +101,9 @@ exports[`renders realm selector 1`] = `
aria-expanded="true" aria-expanded="true"
aria-haspopup="true" aria-haspopup="true"
class="pf-c-dropdown__toggle keycloak__realm_selector_dropdown__toggle" class="pf-c-dropdown__toggle keycloak__realm_selector_dropdown__toggle"
data-ouia-component-id="OUIA-Generated-DropdownToggle-1"
data-ouia-component-type="PF4/DropdownToggle"
data-ouia-safe="true"
id="realm-select-toggle" id="realm-select-toggle"
type="button" type="button"
> >
@ -138,6 +141,9 @@ exports[`renders realm selector 1`] = `
<a <a
aria-disabled="false" aria-disabled="false"
class="pf-c-dropdown__menu-item" class="pf-c-dropdown__menu-item"
data-ouia-component-id="OUIA-Generated-DropdownItem-1"
data-ouia-component-type="PF4/DropdownItem"
data-ouia-safe="true"
tabindex="-1" tabindex="-1"
> >
<div <div
@ -163,6 +169,9 @@ exports[`renders realm selector 1`] = `
aria-haspopup={true} aria-haspopup={true}
bubbleEvent={false} bubbleEvent={false}
className="keycloak__realm_selector_dropdown__toggle" className="keycloak__realm_selector_dropdown__toggle"
data-ouia-component-id="OUIA-Generated-DropdownToggle-1"
data-ouia-component-type="PF4/DropdownToggle"
data-ouia-safe={true}
getMenuRef={[Function]} getMenuRef={[Function]}
id="realm-select-toggle" id="realm-select-toggle"
isActive={false} isActive={false}
@ -186,6 +195,9 @@ exports[`renders realm selector 1`] = `
aria-expanded="true" aria-expanded="true"
aria-haspopup="true" aria-haspopup="true"
class="pf-c-dropdown__toggle keycloak__realm_selector_dropdown__toggle" class="pf-c-dropdown__toggle keycloak__realm_selector_dropdown__toggle"
data-ouia-component-id="OUIA-Generated-DropdownToggle-1"
data-ouia-component-type="PF4/DropdownToggle"
data-ouia-safe="true"
id="realm-select-toggle" id="realm-select-toggle"
type="button" type="button"
> >
@ -223,6 +235,9 @@ exports[`renders realm selector 1`] = `
<a <a
aria-disabled="false" aria-disabled="false"
class="pf-c-dropdown__menu-item" class="pf-c-dropdown__menu-item"
data-ouia-component-id="OUIA-Generated-DropdownItem-1"
data-ouia-component-type="PF4/DropdownItem"
data-ouia-safe="true"
tabindex="-1" tabindex="-1"
> >
<div <div
@ -248,6 +263,9 @@ exports[`renders realm selector 1`] = `
aria-expanded={false} aria-expanded={false}
aria-haspopup={true} aria-haspopup={true}
className="pf-c-dropdown__toggle keycloak__realm_selector_dropdown__toggle" className="pf-c-dropdown__toggle keycloak__realm_selector_dropdown__toggle"
data-ouia-component-id="OUIA-Generated-DropdownToggle-1"
data-ouia-component-type="PF4/DropdownToggle"
data-ouia-safe={true}
disabled={false} disabled={false}
id="realm-select-toggle" id="realm-select-toggle"
onClick={[Function]} onClick={[Function]}

66
src/components/scroll-form/ScrollForm.tsx
View file

@ -1,5 +1,12 @@
import React, { Children, useEffect, useState } from "react"; import React, { Children, useEffect, useState } from "react";
import { Grid, GridItem, Title } from "@patternfly/react-core"; import { useTranslation } from "react-i18next";
import {
Grid,
GridItem,
JumpLinks,
JumpLinksItem,
Title,
} from "@patternfly/react-core";
import { FormPanel } from "./FormPanel"; import { FormPanel } from "./FormPanel";
import style from "./scroll-form.module.css"; import style from "./scroll-form.module.css";
@ -10,64 +17,32 @@ type ScrollFormProps = {
}; };
export const ScrollForm = ({ sections, children }: ScrollFormProps) => { export const ScrollForm = ({ sections, children }: ScrollFormProps) => {
const { t } = useTranslation("common");
const [active, setActive] = useState(sections[0]); const [active, setActive] = useState(sections[0]);
useEffect(() => {
const getCurrentSection = () => {
for (let sectionName of sections) {
const section = document.getElementById(sectionName)!;
const startAt = section.offsetTop;
const endAt = startAt + section.offsetHeight;
const currentPosition =
document.documentElement.scrollTop || document.body.scrollTop;
const isInView = currentPosition >= startAt && currentPosition < endAt;
if (isInView) {
return sectionName;
}
}
};
window.addEventListener("scroll", () => {
const active = getCurrentSection();
if (active) {
setActive(active);
}
});
}, [active, sections]);
const Nav = () => ( const Nav = () => (
<div className={style.sticky}> <div className={style.sticky}>
<Title headingLevel="h5" size="lg"> <Title headingLevel="h5" size="lg">
Jump to Section {t("jumpToSection")}
</Title> </Title>
<div className="pf-c-tabs pf-m-vertical">
<ul className="pf-c-tabs__list"> <JumpLinks isVertical>
{sections.map((cat) => ( {sections.map((cat) => (
<li <JumpLinksItem
className={ isActive={active === cat}
"pf-c-tabs__item" + (active === cat ? " pf-m-current" : "")
}
key={cat} key={cat}
href={`#${cat}`}
onClick={() => setActive(cat)}
> >
<button {cat}
className="pf-c-tabs__link" </JumpLinksItem>
id={`link-${cat}`}
onClick={() =>
document
.getElementById(cat)
?.scrollIntoView({ behavior: "smooth" })
}
>
<span className="pf-c-tabs__item-text">{cat}</span>
</button>
</li>
))} ))}
</ul> </JumpLinks>
</div>
</div> </div>
); );
const nodes = Children.toArray(children); const nodes = Children.toArray(children);
return ( return (
<>
<Grid hasGutter> <Grid hasGutter>
<GridItem span={8}> <GridItem span={8}>
{sections.map((cat, index) => ( {sections.map((cat, index) => (
@ -80,6 +55,5 @@ export const ScrollForm = ({ sections, children }: ScrollFormProps) => {
<Nav /> <Nav />
</GridItem> </GridItem>
</Grid> </Grid>
</>
); );
}; };

75
yarn.lock
View file

@ -3458,51 +3458,56 @@
dependencies: dependencies:
mkdirp "^1.0.4" mkdirp "^1.0.4"
"@patternfly/patternfly@4.42.2", "@patternfly/patternfly@^4.42.2": "@patternfly/patternfly@4.65.5":
version "4.42.2" version "4.65.5"
resolved "https://registry.yarnpkg.com/@patternfly/patternfly/-/patternfly-4.42.2.tgz#236d87bd85f00cb7a16d0c2956638ecedc3fa6ef" resolved "https://registry.yarnpkg.com/@patternfly/patternfly/-/patternfly-4.65.5.tgz#22917237ea8b9cbfe52be1dfd00a258a6bfdb324"
integrity sha512-VLDhNko4D09sKcnzWEzMr8T8z9btqAYpuK0ntWMsAwi+/C9XsKyaxPioxuEsm7PeuW6OU0neEzSDYMSUnwrMBQ== integrity sha512-10dXyBt4fo55Wtm7v+Vmn9eVp4rD25fR296uif0nxGX3ZXhEuyyPOfo2DgNmCFHu42Exo6N8DP7W472Pp9VkJw==
"@patternfly/react-core@4.50.2", "@patternfly/react-core@^4.50.2": "@patternfly/patternfly@^4.65.6":
version "4.50.2" version "4.65.6"
resolved "https://registry.yarnpkg.com/@patternfly/react-core/-/react-core-4.50.2.tgz#b66d9bd8804994af70c2d80ce43a0dee6b90de5c" resolved "https://registry.yarnpkg.com/@patternfly/patternfly/-/patternfly-4.65.6.tgz#ca906c6d55ffc3097d0e23d9ad578e95cb866ea3"
integrity sha512-EAzrgsNivoYJb+Zk0YGKgr24J4qqY8dnPt96NJKhEcSRmVeqJEvL6Uhd1xJF1hRKQ5Bzrn/Lp66C+u5fgmnUBw== integrity sha512-dENO2nZbf5SoEH68coW9U+6FpZmdVnFVjztl7rUeWUPSBUuF1eWld5LT03Q6PVoZuWqqbJxFJodyFKwLb+L9vw==
"@patternfly/react-core@4.79.2", "@patternfly/react-core@^4.79.2":
version "4.79.2"
resolved "https://registry.yarnpkg.com/@patternfly/react-core/-/react-core-4.79.2.tgz#058ebea5a2749294dd69ad9fe8d3e43088100ada"
integrity sha512-TCWi5Hu8+gpqFVAL4ZMXCRLbRfayM7wJ8+/Ob4rfhC61qm36CZNAcqWOmuV8bghOzB29INUMNShggtuiUa5mkg==
dependencies: dependencies:
"@patternfly/react-icons" "^4.7.6" "@patternfly/react-icons" "^4.7.18"
"@patternfly/react-styles" "^4.7.5" "@patternfly/react-styles" "^4.7.16"
"@patternfly/react-tokens" "^4.9.8" "@patternfly/react-tokens" "^4.9.18"
focus-trap "4.0.2" focus-trap "4.0.2"
react-dropzone "9.0.0" react-dropzone "9.0.0"
tippy.js "5.1.2" tippy.js "5.1.2"
tslib "^1.11.1" tslib "1.13.0"
"@patternfly/react-icons@4.7.6", "@patternfly/react-icons@^4.7.6": "@patternfly/react-icons@4.7.18", "@patternfly/react-icons@^4.7.18":
version "4.7.6" version "4.7.18"
resolved "https://registry.yarnpkg.com/@patternfly/react-icons/-/react-icons-4.7.6.tgz#d5f19192912284fc334abb034bc08967b4245f22" resolved "https://registry.yarnpkg.com/@patternfly/react-icons/-/react-icons-4.7.18.tgz#c188f1f460f62bd9ee262f1da580caaefbf8fdf9"
integrity sha512-B1+gVqe4zS+xQGrQh09z846rWxS6JNAs7PpQJYPEJ1SLzLOwy5wEaOK67im9dD6niEJifJqCcbacCNtVZjlWag== integrity sha512-Kd0JjeVCESpMJGb5ZkLXvAdCuklV9dYGUkcTO18WMyXQ57s9+xXjVA77wojmp6Ru1ZCWOP5bLXZOKmwVnOfUpQ==
"@patternfly/react-styles@^4.7.5": "@patternfly/react-styles@^4.7.16":
version "4.7.5" version "4.7.16"
resolved "https://registry.yarnpkg.com/@patternfly/react-styles/-/react-styles-4.7.5.tgz#b5d7161c0c75b54974b7a4db5a69ab30f6dbcb45" resolved "https://registry.yarnpkg.com/@patternfly/react-styles/-/react-styles-4.7.16.tgz#a6c5c1cd7efbe54423210ba9cd70a4c41660e09e"
integrity sha512-xom9hI2QzztT5pxByTFj2h3E0s4zD/+wVVLqvugl98cy8bCNpfo97OftfDCxBSV0MuhFDMs8/zr9QJUcq/O8Lw== integrity sha512-bJmRrYKXgHGPPwLHg/gy1tDb/qEV6JpFLgkelLuz38czXeBnPpAUn9yKry3wNr95VQGERT6FcLsWjXKPY1x42Q==
"@patternfly/react-table@4.16.20": "@patternfly/react-table@4.19.24":
version "4.16.20" version "4.19.24"
resolved "https://registry.yarnpkg.com/@patternfly/react-table/-/react-table-4.16.20.tgz#43e1f855e6cde5fb39b7ce1a6e63c989abadf242" resolved "https://registry.yarnpkg.com/@patternfly/react-table/-/react-table-4.19.24.tgz#5d121e60f1475af0001a64ace278b92da334614b"
integrity sha512-EBxTnlmEMUcIoL8r1i4sBGB2y1IY1ym9zc47TniC+huC+jWDgxLy2866N/GA+GHtuBT3aPR/0WtziWCD/To8QQ== integrity sha512-m7nwDnjlgbnqUHbvHzw53ln6ST42Y/n49Jpt1SUvhpzwppb/SSmY0IrT+3ukwOgLW5jeErGTxCNGNIpAaugTBA==
dependencies: dependencies:
"@patternfly/patternfly" "4.42.2" "@patternfly/patternfly" "4.65.5"
"@patternfly/react-core" "^4.50.2" "@patternfly/react-core" "^4.79.2"
"@patternfly/react-icons" "^4.7.6" "@patternfly/react-icons" "^4.7.18"
"@patternfly/react-styles" "^4.7.5" "@patternfly/react-styles" "^4.7.16"
"@patternfly/react-tokens" "^4.9.8" "@patternfly/react-tokens" "^4.9.18"
lodash "^4.17.19" lodash "^4.17.19"
tslib "^1.11.1" tslib "1.13.0"
"@patternfly/react-tokens@^4.9.8": "@patternfly/react-tokens@^4.9.18":
version "4.9.8" version "4.9.18"
resolved "https://registry.yarnpkg.com/@patternfly/react-tokens/-/react-tokens-4.9.8.tgz#260079b01359bcaf23875890e412f3c6e87e0202" resolved "https://registry.yarnpkg.com/@patternfly/react-tokens/-/react-tokens-4.9.18.tgz#b34afc5fd2567a50b7658aff004f31b536fd9096"
integrity sha512-HBbtQHlWl3/B9KrS1fI3/k6sXDowfTsmw0zKuHXWjG552l0ApOrDmzh120Q7m6cvvkFv/Cw6XRwtJIDZBCEiyg== integrity sha512-zQfqwKtoz1hDngyiGnF6oHeESDtgNY6C79Db97JxMMuRBV7i+5f6uC/DrYhcqNtqHA7mxrVJg0SM1xnPSAW9lA==
"@pmmmwh/react-refresh-webpack-plugin@^0.4.2": "@pmmmwh/react-refresh-webpack-plugin@^0.4.2":
version "0.4.3" version "0.4.3"
@ -18911,7 +18916,7 @@ ts-pnp@^1.1.6:
resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.2.0.tgz#a500ad084b0798f1c3071af391e65912c86bca92" resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.2.0.tgz#a500ad084b0798f1c3071af391e65912c86bca92"
integrity sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw== integrity sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==
tslib@^1.10.0, tslib@^1.11.1, tslib@^1.8.1, tslib@^1.9.0, tslib@^1.9.3: tslib@1.13.0, tslib@^1.10.0, tslib@^1.8.1, tslib@^1.9.0, tslib@^1.9.3:
version "1.13.0" version "1.13.0"
resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043" resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
integrity sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q== integrity sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==