random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-12-21 09:51:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use @fluentui/react DocumentCard (#715)

Browse Source 
Co-authored-by: Steve Faulkner <southpolesteve@gmail.com>
This commit is contained in:
Hardikkumar Nai
2021-05-11 00:47:37 +05:30
committed by GitHub
parent 9d5c9d6296
commit a81b1a40a3
16 changed files with 265 additions and 914 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/Explorer/Panes/DeleteCollectionConfirmationPane/__snapshots__/DeleteCollectionConfirmationPane.test.tsx.snap
View File

@@ -1099,7 +1099,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
>
<button
aria-label="Close pane"
className="ms-Button ms-Button--icon closePaneBtn root-202"
className="ms-Button ms-Button--icon closePaneBtn root-102"
data-is-focusable={true}
onClick={[Function]}
onKeyDown={[Function]}
@@ -1112,16 +1112,16 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
type="button"
>
<span
className="ms-Button-flexContainer flexContainer-203"
className="ms-Button-flexContainer flexContainer-103"
data-automationid="splitbuttonprimary"
>
<Component
className="ms-Button-icon icon-205"
<FontIcon
className="ms-Button-icon icon-105"
iconName="Cancel"
>
<i
aria-hidden={true}
className="ms-Icon root-37 css-210 ms-Button-icon icon-205"
className="ms-Icon root-37 css-110 ms-Button-icon icon-105"
data-icon-name="Cancel"
style={
Object {
@@ -1131,10 +1131,10 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
>
</i>
</Component>
</FontIcon>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</IconButton>
</CustomizedIconButton>
@@ -1190,7 +1190,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
variant="small"
>
<span
className="css-211"
className="css-111"
>
Confirm by typing the
container
@@ -1494,18 +1494,18 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
value=""
>
<div
className="ms-TextField root-213"
className="ms-TextField root-113"
>
<div
className="ms-TextField-wrapper"
>
<div
className="ms-TextField-fieldGroup fieldGroup-214"
className="ms-TextField-fieldGroup fieldGroup-114"
>
<input
aria-invalid={false}
autoFocus={true}
className="ms-TextField-field field-215"
className="ms-TextField-field field-115"
id="confirmCollectionId"
onBlur={[Function]}
onChange={[Function]}
@@ -1528,7 +1528,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
variant="small"
>
<span
className="css-224"
className="css-124"
>
Help us improve Azure Cosmos DB!
</span>
@@ -1538,7 +1538,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
variant="small"
>
<span
className="css-224"
className="css-124"
>
What is the reason why you are deleting this
container
@@ -1844,17 +1844,17 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
value=""
>
<div
className="ms-TextField ms-TextField--multiline root-213"
className="ms-TextField ms-TextField--multiline root-113"
>
<div
className="ms-TextField-wrapper"
>
<div
className="ms-TextField-fieldGroup fieldGroup-225"
className="ms-TextField-fieldGroup fieldGroup-125"
>
<textarea
aria-invalid={false}
className="ms-TextField-field field-226"
className="ms-TextField-field field-126"
id="deleteCollectionFeedbackInput"
onBlur={[Function]}
onChange={[Function]}
@@ -3616,7 +3616,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
>
<button
aria-label="Submit"
className="ms-Button ms-Button--primary genericPaneSubmitBtn root-228"
className="ms-Button ms-Button--primary genericPaneSubmitBtn root-128"
data-is-focusable={true}
onClick={[Function]}
onKeyDown={[Function]}
@@ -3634,14 +3634,14 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
type="button"
>
<span
className="ms-Button-flexContainer flexContainer-203"
className="ms-Button-flexContainer flexContainer-103"
data-automationid="splitbuttonprimary"
>
<span
className="ms-Button-textContainer textContainer-204"
className="ms-Button-textContainer textContainer-104"
>
<span
className="ms-Button-label label-229"
className="ms-Button-label label-129"
id="id__9"
key="id__9"
>
@@ -3650,7 +3650,7 @@ exports[`Delete Collection Confirmation Pane submit() should call delete collect
</span>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</DefaultButton>
</CustomizedDefaultButton>

8
src/Explorer/Panes/ExecuteSprocParamsPane/__snapshots__/ExecuteSprocParamsPane.test.tsx.snap
View File

@@ -1106,7 +1106,7 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
className="ms-Button-flexContainer flexContainer-54"
data-automationid="splitbuttonprimary"
>
<Component
<FontIcon
className="ms-Button-icon icon-56"
iconName="Cancel"
>
@@ -1122,10 +1122,10 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
>
</i>
</Component>
</FontIcon>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</IconButton>
</CustomizedIconButton>
@@ -8213,7 +8213,7 @@ exports[`Excute Sproc Param Pane should render Default properly 1`] = `
</span>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</DefaultButton>
</CustomizedDefaultButton>

2
src/Explorer/Panes/RightPaneForm/__snapshots__/RightPaneForm.test.tsx.snap
View File

@@ -1758,7 +1758,7 @@ exports[`Right Pane Form should render Default properly 1`] = `
</span>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</DefaultButton>
</CustomizedDefaultButton>

2
src/Explorer/Panes/SetupNotebooksPanel/__snapshots__/SetupNotebooksPanel.test.tsx.snap
View File

@@ -1760,7 +1760,7 @@ exports[`Setup Notebooks Panel should render Default properly 1`] = `
</span>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</DefaultButton>
</CustomizedDefaultButton>

32
src/Explorer/Panes/StringInputPane/__snapshots__/StringInputPane.test.tsx.snap
View File

@@ -2365,7 +2365,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
>
<button
aria-label="Close pane"
className="ms-Button ms-Button--icon closePaneBtn root-153"
className="ms-Button ms-Button--icon closePaneBtn root-53"
data-is-focusable={true}
onClick={[Function]}
onKeyDown={[Function]}
@@ -2378,16 +2378,16 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
type="button"
>
<span
className="ms-Button-flexContainer flexContainer-154"
className="ms-Button-flexContainer flexContainer-54"
data-automationid="splitbuttonprimary"
>
<Component
className="ms-Button-icon icon-156"
<FontIcon
className="ms-Button-icon icon-56"
iconName="Cancel"
>
<i
aria-hidden={true}
className="ms-Icon root-37 css-161 ms-Button-icon icon-156"
className="ms-Icon root-37 css-61 ms-Button-icon icon-56"
data-icon-name="Cancel"
style={
Object {
@@ -2397,10 +2397,10 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
>
</i>
</Component>
</FontIcon>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</IconButton>
</CustomizedIconButton>
@@ -2737,7 +2737,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
value=""
>
<div
className="ms-TextField is-required root-163"
className="ms-TextField is-required root-63"
>
<div
className="ms-TextField-wrapper"
@@ -3028,7 +3028,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
}
>
<label
className="ms-Label root-174"
className="ms-Label root-74"
htmlFor="TextField3"
id="TextFieldLabel5"
>
@@ -3037,13 +3037,13 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
</LabelBase>
</StyledLabelBase>
<div
className="ms-TextField-fieldGroup fieldGroup-164"
className="ms-TextField-fieldGroup fieldGroup-64"
>
<input
aria-invalid={false}
aria-labelledby="TextFieldLabel5"
autoFocus={true}
className="ms-TextField-field field-165"
className="ms-TextField-field field-65"
id="TextField3"
name="collectionIdConfirmation"
onBlur={[Function]}
@@ -4805,7 +4805,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
>
<button
aria-label="Submit"
className="ms-Button ms-Button--primary genericPaneSubmitBtn root-175"
className="ms-Button ms-Button--primary genericPaneSubmitBtn root-75"
data-is-focusable={true}
onClick={[Function]}
onKeyDown={[Function]}
@@ -4823,14 +4823,14 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
type="button"
>
<span
className="ms-Button-flexContainer flexContainer-154"
className="ms-Button-flexContainer flexContainer-54"
data-automationid="splitbuttonprimary"
>
<span
className="ms-Button-textContainer textContainer-155"
className="ms-Button-textContainer textContainer-55"
>
<span
className="ms-Button-label label-176"
className="ms-Button-label label-76"
id="id__6"
key="id__6"
>
@@ -4839,7 +4839,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
</span>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</DefaultButton>
</CustomizedDefaultButton>

8
src/Explorer/Panes/Tables/TableQuerySelectPanel/__snapshots__/index.test.tsx.snap
View File

@@ -1110,7 +1110,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
className="ms-Button-flexContainer flexContainer-54"
data-automationid="splitbuttonprimary"
>
<Component
<FontIcon
className="ms-Button-icon icon-56"
iconName="Cancel"
>
@@ -1126,10 +1126,10 @@ exports[`Table query select Panel should render Default properly 1`] = `
>
</i>
</Component>
</FontIcon>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</IconButton>
</CustomizedIconButton>
@@ -4180,7 +4180,7 @@ exports[`Table query select Panel should render Default properly 1`] = `
</span>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</DefaultButton>
</CustomizedDefaultButton>

6
src/Explorer/Panes/Tables/__snapshots__/AddTableEntityPanel.test.tsx.snap
View File

@@ -2663,7 +2663,7 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
className="ms-Button-flexContainer flexContainer-73"
data-automationid="splitbuttonprimary"
>
<Component
<FontIcon
className="ms-Button-icon icon-75"
iconName="Cancel"
>
@@ -2679,10 +2679,10 @@ exports[`Excute Add Table Entity Pane should render Default properly 1`] = `
>
</i>
</Component>
</FontIcon>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</IconButton>
</CustomizedIconButton>

6
src/Explorer/Panes/Tables/__snapshots__/EditTableEntityPanel.test.tsx.snap
View File

@@ -2664,7 +2664,7 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
className="ms-Button-flexContainer flexContainer-73"
data-automationid="splitbuttonprimary"
>
<Component
<FontIcon
className="ms-Button-icon icon-75"
iconName="Cancel"
>
@@ -2680,10 +2680,10 @@ exports[`Excute Edit Table Entity Pane should render Default properly 1`] = `
>
</i>
</Component>
</FontIcon>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</IconButton>
</CustomizedIconButton>

34
src/Explorer/Panes/__snapshots__/DeleteDatabaseConfirmationPanel.test.tsx.snap
View File

@@ -1291,7 +1291,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
verticalAlign="center"
>
<div
className="ms-Stack panelInfoErrorContainer css-202"
className="ms-Stack panelInfoErrorContainer css-102"
>
<StyledIconBase
aria-label="warning"
@@ -1580,7 +1580,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
>
<i
aria-label="warning"
className="panelWarningIcon root-204"
className="panelWarningIcon root-104"
data-icon-name="WarningSolid"
role="img"
>
@@ -1599,7 +1599,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
>
<span
aria-label="message"
className="panelWarningErrorMessage css-205"
className="panelWarningErrorMessage css-105"
>
Warning! The action you are about to take cannot be undone. Continuing will permanently delete this resource and all of its children resources.
</span>
@@ -1623,7 +1623,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
variant="small"
>
<span
className="css-205"
className="css-105"
>
Confirm by typing the database id
</span>
@@ -1923,18 +1923,18 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
validateOnLoad={true}
>
<div
className="ms-TextField root-207"
className="ms-TextField root-107"
>
<div
className="ms-TextField-wrapper"
>
<div
className="ms-TextField-fieldGroup fieldGroup-208"
className="ms-TextField-fieldGroup fieldGroup-108"
>
<input
aria-invalid={false}
autoFocus={true}
className="ms-TextField-field field-209"
className="ms-TextField-field field-109"
id="confirmDatabaseId"
onBlur={[Function]}
onChange={[Function]}
@@ -1957,7 +1957,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
variant="small"
>
<span
className="css-226"
className="css-126"
>
Help us improve Azure Cosmos DB!
</span>
@@ -1967,7 +1967,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
variant="small"
>
<span
className="css-226"
className="css-126"
>
What is the reason why you are deleting this database?
</span>
@@ -2269,17 +2269,17 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
validateOnLoad={true}
>
<div
className="ms-TextField ms-TextField--multiline root-207"
className="ms-TextField ms-TextField--multiline root-107"
>
<div
className="ms-TextField-wrapper"
>
<div
className="ms-TextField-fieldGroup fieldGroup-227"
className="ms-TextField-fieldGroup fieldGroup-127"
>
<textarea
aria-invalid={false}
className="ms-TextField-field field-228"
className="ms-TextField-field field-128"
id="deleteDatabaseFeedbackInput"
onBlur={[Function]}
onChange={[Function]}
@@ -4005,7 +4005,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
>
<button
aria-label="OK"
className="ms-Button ms-Button--primary root-218"
className="ms-Button ms-Button--primary root-118"
data-is-focusable={true}
id="sidePanelOkButton"
onClick={[Function]}
@@ -4017,14 +4017,14 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
type="submit"
>
<span
className="ms-Button-flexContainer flexContainer-219"
className="ms-Button-flexContainer flexContainer-119"
data-automationid="splitbuttonprimary"
>
<span
className="ms-Button-textContainer textContainer-220"
className="ms-Button-textContainer textContainer-120"
>
<span
className="ms-Button-label label-222"
className="ms-Button-label label-122"
id="id__3"
key="id__3"
>
@@ -4033,7 +4033,7 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
</span>
</span>
</button>
<Component />
<FocusRects />
</BaseButton>
</DefaultButton>
</CustomizedDefaultButton>