random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-12-23 02:41:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Upgrade Fluent UI v8 (#688)

Browse Source 
Co-authored-by: Steve Faulkner <southpolesteve@gmail.com>
This commit is contained in:
Hardikkumar Nai
2021-05-06 04:56:03 +05:30
committed by GitHub
parent bd47e5ed49
commit 23223cfb23
126 changed files with 5586 additions and 5870 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Explorer/Panes/StringInputPane/StringInputPane.tsx
View File

@@ -1,4 +1,4 @@
import { TextField } from "office-ui-fabric-react";
import { TextField } from "@fluentui/react";
import React, { FormEvent, FunctionComponent, useState } from "react";
import * as ViewModels from "../../../Contracts/ViewModels";
import { logConsoleError, logConsoleInfo, logConsoleProgress } from "../../../Utils/NotificationConsoleUtils";

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

@@ -1787,7 +1787,6 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
"pointerEvents": "none",
"selectors": Object {
":focus": Object {
"outline": 0,
@@ -2050,6 +2049,35 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
},
},
},
"splitButtonMenuFocused": Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
"border": "1px solid #ffffff",
"bottom": 3,
"content": "\\"\\"",
"left": 3,
"outline": "1px solid #605e5c",
"position": "absolute",
"right": 3,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
"border": "none",
"bottom": -2,
"left": -2,
"right": -2,
"top": -2,
},
},
"top": 3,
"zIndex": 1,
},
"::-moz-focus-inner": Object {
"border": "0",
},
},
},
"textContainer": Object {
"display": "block",
"flexGrow": 1,
@@ -2335,7 +2363,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
>
<button
aria-label="Close pane"
className="ms-Button ms-Button--icon closePaneBtn root-104"
className="ms-Button ms-Button--icon closePaneBtn root-153"
data-is-focusable={true}
onClick={[Function]}
onKeyDown={[Function]}
@@ -2348,18 +2376,17 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
type="button"
>
<span
className="ms-Button-flexContainer flexContainer-105"
className="ms-Button-flexContainer flexContainer-154"
data-automationid="splitbuttonprimary"
>
<Component
className="ms-Button-icon icon-107"
className="ms-Button-icon icon-156"
iconName="Cancel"
>
<i
aria-hidden={true}
className="ms-Icon root-37 css-112 ms-Button-icon icon-107"
className="ms-Icon root-37 css-161 ms-Button-icon icon-156"
data-icon-name="Cancel"
role="presentation"
style={
Object {
"fontFamily": "\\"FabricMDL2Icons\\"",
@@ -2424,7 +2451,6 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
<TextFieldBase
aria-label="Enter new directory name"
autoFocus={true}
canRevealPassword={false}
deferredValidationTime={200}
label="Enter new directory name"
name="collectionIdConfirmation"
@@ -2709,7 +2735,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
value=""
>
<div
className="ms-TextField is-required root-114"
className="ms-TextField is-required root-163"
>
<div
className="ms-TextField-wrapper"
@@ -3000,7 +3026,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
}
>
<label
className="ms-Label root-125"
className="ms-Label root-174"
htmlFor="TextField3"
id="TextFieldLabel5"
>
@@ -3009,13 +3035,13 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
</LabelBase>
</StyledLabelBase>
<div
className="ms-TextField-fieldGroup fieldGroup-115"
className="ms-TextField-fieldGroup fieldGroup-164"
>
<input
aria-invalid={false}
aria-labelledby="TextFieldLabel5"
autoFocus={true}
className="ms-TextField-field field-116"
className="ms-TextField-field field-165"
id="TextField3"
name="collectionIdConfirmation"
onBlur={[Function]}
@@ -4105,7 +4131,6 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
"pointerEvents": "none",
"selectors": Object {
":focus": Object {
"outline": 0,
@@ -4452,6 +4477,35 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
},
},
},
"splitButtonMenuFocused": Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
"border": "1px solid #ffffff",
"bottom": 3,
"content": "\\"\\"",
"left": 3,
"outline": "1px solid #605e5c",
"position": "absolute",
"right": 3,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
"border": "none",
"bottom": -2,
"left": -2,
"right": -2,
"top": -2,
},
},
"top": 3,
"zIndex": 1,
},
"::-moz-focus-inner": Object {
"border": "0",
},
},
},
"splitButtonMenuIcon": Object {
"color": "#ffffff",
},
@@ -4749,7 +4803,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
>
<button
aria-label="Submit"
className="ms-Button ms-Button--primary genericPaneSubmitBtn root-126"
className="ms-Button ms-Button--primary genericPaneSubmitBtn root-175"
data-is-focusable={true}
onClick={[Function]}
onKeyDown={[Function]}
@@ -4767,14 +4821,14 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
type="button"
>
<span
className="ms-Button-flexContainer flexContainer-105"
className="ms-Button-flexContainer flexContainer-154"
data-automationid="splitbuttonprimary"
>
<span
className="ms-Button-textContainer textContainer-106"
className="ms-Button-textContainer textContainer-155"
>
<span
className="ms-Button-label label-127"
className="ms-Button-label label-176"
id="id__6"
key="id__6"
>