= ({
}
};
- const optionList: IChoiceGroupOption[] = [
- { key: "true", text: "Autoscale" },
- { key: "false", text: "Manual" },
- ];
return (
@@ -115,26 +101,41 @@ export const ThroughputInput: FunctionComponent = ({
- handleOnChangeMode(e, "Autoscale")}
/>
+ Autoscale
+
+ Manual
{isAutoscaleSelected && (
-
+
Estimate your required RU/s with{" "}
-
-
+
{isDatabase ? "Database" : getCollectionName()} Max RU/s
{getAutoScaleTooltip()}
@@ -168,9 +169,9 @@ export const ThroughputInput: FunctionComponent = ({
{!isAutoscaleSelected && (
-
+
Estimate your required RU/s with
-
-
- *": Object {
- "left": 0,
- "position": "relative",
- "top": 0,
- },
- },
- "textAlign": "center",
- "textDecoration": "none",
- "userSelect": "none",
- },
- Object {
- "backgroundColor": "transparent",
- "border": "none",
- "color": "#0078d4",
- "height": "32px",
- "padding": "0 4px",
- "width": "32px",
- },
- ],
- "rootChecked": Object {
- "backgroundColor": "#edebe9",
- "color": "#005a9e",
- },
- "rootCheckedHovered": Object {
- "backgroundColor": "#e1dfdd",
- "color": "#005a9e",
- },
- "rootDisabled": Array [
- Object {
- "outline": "transparent",
- "position": "relative",
- "selectors": Object {
- ".ms-Fabric--isFocusVisible &:focus:after": Object {
- "border": "1px solid transparent",
- "bottom": 2,
- "content": "\\"\\"",
- "left": 2,
- "outline": "1px solid #605e5c",
- "position": "absolute",
- "right": 2,
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "bottom": -2,
- "left": -2,
- "outlineColor": "ButtonText",
- "right": -2,
- "top": -2,
- },
- },
- "top": 2,
- "zIndex": 1,
- },
- "::-moz-focus-inner": Object {
- "border": "0",
- },
- },
- },
- Object {
- "backgroundColor": "#f3f2f1",
- "borderColor": "#f3f2f1",
- "color": "#a19f9d",
- "cursor": "default",
- "selectors": Object {
- ":focus": Object {
- "outline": 0,
- },
- ":hover": Object {
- "outline": 0,
- },
- },
- },
- Object {
- "color": "#c8c6c4",
- },
- ],
- "rootExpanded": Object {
- "backgroundColor": "#edebe9",
- "color": "#005a9e",
- },
- "rootHasMenu": Object {
- "width": "auto",
- },
- "rootHovered": Object {
- "backgroundColor": "#f3f2f1",
- "color": "#106ebe",
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "borderColor": "Highlight",
- "color": "Highlight",
- },
- },
- },
- "rootPressed": Object {
- "backgroundColor": "#edebe9",
- "color": "#005a9e",
- },
- "screenReaderText": Object {
- "border": 0,
- "height": 1,
- "margin": -1,
- "overflow": "hidden",
- "padding": 0,
- "position": "absolute",
- "width": 1,
- },
- "splitButtonContainer": Array [
- 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",
- },
- },
- },
- Object {
- "display": "inline-flex",
- "selectors": Object {
- ".ms-Button--default": Object {
- "borderBottomRightRadius": "0",
- "borderRight": "none",
- "borderTopRightRadius": "0",
- },
- ".ms-Button--primary": Object {
- "border": "none",
- "borderBottomRightRadius": "0",
- "borderTopRightRadius": "0",
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "MsHighContrastAdjust": "none",
- "backgroundColor": "Window",
- "border": "1px solid WindowText",
- "borderRightWidth": "0",
- "color": "WindowText",
- "forcedColorAdjust": "none",
- },
- },
- },
- ".ms-Button--primary + .ms-Button": Object {
- "border": "none",
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "border": "1px solid WindowText",
- "borderLeftWidth": "0",
- },
- },
- },
- },
- },
- ],
- "splitButtonContainerChecked": Object {
- "selectors": Object {
- ".ms-Button--primary": Object {
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "MsHighContrastAdjust": "none",
- "backgroundColor": "WindowText",
- "color": "Window",
- "forcedColorAdjust": "none",
- },
- },
- },
- },
- },
- "splitButtonContainerCheckedHovered": Object {
- "selectors": Object {
- ".ms-Button--primary": Object {
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "MsHighContrastAdjust": "none",
- "backgroundColor": "WindowText",
- "color": "Window",
- "forcedColorAdjust": "none",
- },
- },
- },
- },
- },
- "splitButtonContainerDisabled": Object {
- "border": "none",
- "outline": "none",
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "MsHighContrastAdjust": "none",
- "backgroundColor": "Window",
- "borderColor": "GrayText",
- "color": "GrayText",
- "forcedColorAdjust": "none",
- },
- },
- },
- "splitButtonContainerFocused": Object {
- "outline": "none!important",
- },
- "splitButtonContainerHovered": Object {
- "selectors": Object {
- ".ms-Button--primary": Object {
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "backgroundColor": "Highlight",
- "color": "Window",
- },
- },
- },
- ".ms-Button.is-disabled": Object {
- "color": "#a19f9d",
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "backgroundColor": "Window",
- "borderColor": "GrayText",
- "color": "GrayText",
- },
- },
- },
- },
- },
- "splitButtonDivider": Object {
- "bottom": 8,
- "position": "absolute",
- "right": 31,
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "backgroundColor": "WindowText",
- },
- },
- "top": 8,
- "width": 1,
- },
- "splitButtonDividerDisabled": Object {
- "bottom": 8,
- "position": "absolute",
- "right": 31,
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "backgroundColor": "GrayText",
- },
- },
- "top": 8,
- "width": 1,
- },
- "splitButtonFlexContainer": Object {
- "alignItems": "center",
- "display": "flex",
- "flexWrap": "nowrap",
- "height": "100%",
- "justifyContent": "center",
- },
- "splitButtonMenuButton": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- ".ms-Button-menuIcon": Object {
- "color": "WindowText",
- },
- },
- "border": "1px solid #8a8886",
- "borderBottomRightRadius": "2px",
- "borderLeft": "none",
- "borderRadius": 0,
- "borderTopRightRadius": "2px",
- "boxSizing": "border-box",
- "cursor": "pointer",
- "display": "inline-block",
- "height": "auto",
- "marginBottom": 0,
- "marginLeft": -1,
- "marginRight": 0,
- "marginTop": 0,
- "outline": "transparent",
- "padding": 6,
- "textAlign": "center",
- "textDecoration": "none",
- "userSelect": "none",
- "verticalAlign": "top",
- "width": 32,
- },
- "splitButtonMenuButtonDisabled": Object {
- "border": "none",
- "pointerEvents": "none",
- "selectors": Object {
- ".ms-Button--primary": Object {
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "backgroundColor": "Window",
- "borderColor": "GrayText",
- "color": "GrayText",
- },
- },
- },
- ".ms-Button-menuIcon": Object {
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "color": "GrayText",
- },
- },
- },
- ":hover": Object {
- "cursor": "default",
- },
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "backgroundColor": "Window",
- "border": "1px solid GrayText",
- "color": "GrayText",
- },
- },
- },
- "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,
- },
- }
- }
- theme={
- Object {
- "disableGlobalClassNames": false,
- "effects": Object {
- "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
- "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
- "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
- "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
- "roundedCorner2": "2px",
- "roundedCorner4": "4px",
- "roundedCorner6": "6px",
- },
- "fonts": Object {
- "large": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "18px",
- "fontWeight": 400,
- },
- "medium": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "14px",
- "fontWeight": 400,
- },
- "mediumPlus": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "16px",
- "fontWeight": 400,
- },
- "mega": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "68px",
- "fontWeight": 600,
- },
- "small": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "12px",
- "fontWeight": 400,
- },
- "smallPlus": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "12px",
- "fontWeight": 400,
- },
- "superLarge": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "42px",
- "fontWeight": 600,
- },
- "tiny": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "10px",
- "fontWeight": 400,
- },
- "xLarge": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "20px",
- "fontWeight": 600,
- },
- "xLargePlus": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "24px",
- "fontWeight": 600,
- },
- "xSmall": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "10px",
- "fontWeight": 400,
- },
- "xxLarge": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "28px",
- "fontWeight": 600,
- },
- "xxLargePlus": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "32px",
- "fontWeight": 600,
- },
- },
- "isInverted": false,
- "palette": Object {
- "accent": "#0078d4",
- "black": "#000000",
- "blackTranslucent40": "rgba(0,0,0,.4)",
- "blue": "#0078d4",
- "blueDark": "#002050",
- "blueLight": "#00bcf2",
- "blueMid": "#00188f",
- "green": "#107c10",
- "greenDark": "#004b1c",
- "greenLight": "#bad80a",
- "magenta": "#b4009e",
- "magentaDark": "#5c005c",
- "magentaLight": "#e3008c",
- "neutralDark": "#201f1e",
- "neutralLight": "#edebe9",
- "neutralLighter": "#f3f2f1",
- "neutralLighterAlt": "#faf9f8",
- "neutralPrimary": "#323130",
- "neutralPrimaryAlt": "#3b3a39",
- "neutralQuaternary": "#d2d0ce",
- "neutralQuaternaryAlt": "#e1dfdd",
- "neutralSecondary": "#605e5c",
- "neutralSecondaryAlt": "#8a8886",
- "neutralTertiary": "#a19f9d",
- "neutralTertiaryAlt": "#c8c6c4",
- "orange": "#d83b01",
- "orangeLight": "#ea4300",
- "orangeLighter": "#ff8c00",
- "purple": "#5c2d91",
- "purpleDark": "#32145a",
- "purpleLight": "#b4a0ff",
- "red": "#e81123",
- "redDark": "#a4262c",
- "teal": "#008272",
- "tealDark": "#004b50",
- "tealLight": "#00b294",
- "themeDark": "#005a9e",
- "themeDarkAlt": "#106ebe",
- "themeDarker": "#004578",
- "themeLight": "#c7e0f4",
- "themeLighter": "#deecf9",
- "themeLighterAlt": "#eff6fc",
- "themePrimary": "#0078d4",
- "themeSecondary": "#2b88d8",
- "themeTertiary": "#71afe5",
- "white": "#ffffff",
- "whiteTranslucent40": "rgba(255,255,255,.4)",
- "yellow": "#ffb900",
- "yellowDark": "#d29200",
- "yellowLight": "#fff100",
- },
- "rtl": undefined,
- "semanticColors": Object {
- "accentButtonBackground": "#0078d4",
- "accentButtonText": "#ffffff",
- "actionLink": "#323130",
- "actionLinkHovered": "#201f1e",
- "blockingBackground": "#FDE7E9",
- "blockingIcon": "#FDE7E9",
- "bodyBackground": "#ffffff",
- "bodyBackgroundChecked": "#edebe9",
- "bodyBackgroundHovered": "#f3f2f1",
- "bodyDivider": "#edebe9",
- "bodyFrameBackground": "#ffffff",
- "bodyFrameDivider": "#edebe9",
- "bodyStandoutBackground": "#faf9f8",
- "bodySubtext": "#605e5c",
- "bodyText": "#323130",
- "bodyTextChecked": "#000000",
- "buttonBackground": "#ffffff",
- "buttonBackgroundChecked": "#c8c6c4",
- "buttonBackgroundCheckedHovered": "#edebe9",
- "buttonBackgroundDisabled": "#f3f2f1",
- "buttonBackgroundHovered": "#f3f2f1",
- "buttonBackgroundPressed": "#edebe9",
- "buttonBorder": "#8a8886",
- "buttonBorderDisabled": "#f3f2f1",
- "buttonText": "#323130",
- "buttonTextChecked": "#201f1e",
- "buttonTextCheckedHovered": "#000000",
- "buttonTextDisabled": "#a19f9d",
- "buttonTextHovered": "#201f1e",
- "buttonTextPressed": "#201f1e",
- "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
- "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
- "cardStandoutBackground": "#ffffff",
- "defaultStateBackground": "#faf9f8",
- "disabledBackground": "#f3f2f1",
- "disabledBodySubtext": "#c8c6c4",
- "disabledBodyText": "#a19f9d",
- "disabledBorder": "#c8c6c4",
- "disabledSubtext": "#d2d0ce",
- "disabledText": "#a19f9d",
- "errorBackground": "#FDE7E9",
- "errorIcon": "#A80000",
- "errorText": "#a4262c",
- "focusBorder": "#605e5c",
- "infoBackground": "#f3f2f1",
- "infoIcon": "#605e5c",
- "inputBackground": "#ffffff",
- "inputBackgroundChecked": "#0078d4",
- "inputBackgroundCheckedHovered": "#005a9e",
- "inputBorder": "#605e5c",
- "inputBorderHovered": "#323130",
- "inputFocusBorderAlt": "#0078d4",
- "inputForegroundChecked": "#ffffff",
- "inputIcon": "#0078d4",
- "inputIconDisabled": "#a19f9d",
- "inputIconHovered": "#005a9e",
- "inputPlaceholderBackgroundChecked": "#deecf9",
- "inputPlaceholderText": "#605e5c",
- "inputText": "#323130",
- "inputTextHovered": "#201f1e",
- "link": "#0078d4",
- "linkHovered": "#004578",
- "listBackground": "#ffffff",
- "listHeaderBackgroundHovered": "#f3f2f1",
- "listHeaderBackgroundPressed": "#edebe9",
- "listItemBackgroundChecked": "#edebe9",
- "listItemBackgroundCheckedHovered": "#e1dfdd",
- "listItemBackgroundHovered": "#f3f2f1",
- "listText": "#323130",
- "listTextColor": "#323130",
- "menuBackground": "#ffffff",
- "menuDivider": "#c8c6c4",
- "menuHeader": "#0078d4",
- "menuIcon": "#0078d4",
- "menuItemBackgroundChecked": "#edebe9",
- "menuItemBackgroundHovered": "#f3f2f1",
- "menuItemBackgroundPressed": "#edebe9",
- "menuItemText": "#323130",
- "menuItemTextHovered": "#201f1e",
- "messageLink": "#005A9E",
- "messageLinkHovered": "#004578",
- "messageText": "#323130",
- "primaryButtonBackground": "#0078d4",
- "primaryButtonBackgroundDisabled": "#f3f2f1",
- "primaryButtonBackgroundHovered": "#106ebe",
- "primaryButtonBackgroundPressed": "#005a9e",
- "primaryButtonBorder": "transparent",
- "primaryButtonText": "#ffffff",
- "primaryButtonTextDisabled": "#d2d0ce",
- "primaryButtonTextHovered": "#ffffff",
- "primaryButtonTextPressed": "#ffffff",
- "severeWarningBackground": "#FED9CC",
- "severeWarningIcon": "#D83B01",
- "smallInputBorder": "#605e5c",
- "successBackground": "#DFF6DD",
- "successIcon": "#107C10",
- "successText": "#107C10",
- "variantBorder": "#edebe9",
- "variantBorderHovered": "#a19f9d",
- "warningBackground": "#FFF4CE",
- "warningHighlight": "#ffb900",
- "warningIcon": "#797775",
- "warningText": "#323130",
- },
- "spacing": Object {
- "l1": "20px",
- "l2": "32px",
- "m": "16px",
- "s1": "8px",
- "s2": "4px",
- },
- }
- }
- variantClassName="ms-Button--icon"
- vertical-align={true}
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
@@ -1421,1018 +645,66 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
verticalAlign="center"
>
-
+
-
-
-
-
-
-
-
-
-
-
- Autoscale
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ Autoscale
+
+
+
+ Manual
+
Estimate your required RU/s with
-
-
- *": Object {
- "left": 0,
- "position": "relative",
- "top": 0,
- },
- },
- "textAlign": "center",
- "textDecoration": "none",
- "userSelect": "none",
- },
- Object {
- "backgroundColor": "transparent",
- "border": "none",
- "color": "#0078d4",
- "height": "32px",
- "padding": "0 4px",
- "width": "32px",
- },
- ],
- "rootChecked": Object {
- "backgroundColor": "#edebe9",
- "color": "#005a9e",
- },
- "rootCheckedHovered": Object {
- "backgroundColor": "#e1dfdd",
- "color": "#005a9e",
- },
- "rootDisabled": Array [
- Object {
- "outline": "transparent",
- "position": "relative",
- "selectors": Object {
- ".ms-Fabric--isFocusVisible &:focus:after": Object {
- "border": "1px solid transparent",
- "bottom": 2,
- "content": "\\"\\"",
- "left": 2,
- "outline": "1px solid #605e5c",
- "position": "absolute",
- "right": 2,
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "bottom": -2,
- "left": -2,
- "outlineColor": "ButtonText",
- "right": -2,
- "top": -2,
- },
- },
- "top": 2,
- "zIndex": 1,
- },
- "::-moz-focus-inner": Object {
- "border": "0",
- },
- },
- },
- Object {
- "backgroundColor": "#f3f2f1",
- "borderColor": "#f3f2f1",
- "color": "#a19f9d",
- "cursor": "default",
- "selectors": Object {
- ":focus": Object {
- "outline": 0,
- },
- ":hover": Object {
- "outline": 0,
- },
- },
- },
- Object {
- "color": "#c8c6c4",
- },
- ],
- "rootExpanded": Object {
- "backgroundColor": "#edebe9",
- "color": "#005a9e",
- },
- "rootHasMenu": Object {
- "width": "auto",
- },
- "rootHovered": Object {
- "backgroundColor": "#f3f2f1",
- "color": "#106ebe",
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "borderColor": "Highlight",
- "color": "Highlight",
- },
- },
- },
- "rootPressed": Object {
- "backgroundColor": "#edebe9",
- "color": "#005a9e",
- },
- "screenReaderText": Object {
- "border": 0,
- "height": 1,
- "margin": -1,
- "overflow": "hidden",
- "padding": 0,
- "position": "absolute",
- "width": 1,
- },
- "splitButtonContainer": Array [
- 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",
- },
- },
- },
- Object {
- "display": "inline-flex",
- "selectors": Object {
- ".ms-Button--default": Object {
- "borderBottomRightRadius": "0",
- "borderRight": "none",
- "borderTopRightRadius": "0",
- },
- ".ms-Button--primary": Object {
- "border": "none",
- "borderBottomRightRadius": "0",
- "borderTopRightRadius": "0",
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "MsHighContrastAdjust": "none",
- "backgroundColor": "Window",
- "border": "1px solid WindowText",
- "borderRightWidth": "0",
- "color": "WindowText",
- "forcedColorAdjust": "none",
- },
- },
- },
- ".ms-Button--primary + .ms-Button": Object {
- "border": "none",
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "border": "1px solid WindowText",
- "borderLeftWidth": "0",
- },
- },
- },
- },
- },
- ],
- "splitButtonContainerChecked": Object {
- "selectors": Object {
- ".ms-Button--primary": Object {
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "MsHighContrastAdjust": "none",
- "backgroundColor": "WindowText",
- "color": "Window",
- "forcedColorAdjust": "none",
- },
- },
- },
- },
- },
- "splitButtonContainerCheckedHovered": Object {
- "selectors": Object {
- ".ms-Button--primary": Object {
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "MsHighContrastAdjust": "none",
- "backgroundColor": "WindowText",
- "color": "Window",
- "forcedColorAdjust": "none",
- },
- },
- },
- },
- },
- "splitButtonContainerDisabled": Object {
- "border": "none",
- "outline": "none",
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "MsHighContrastAdjust": "none",
- "backgroundColor": "Window",
- "borderColor": "GrayText",
- "color": "GrayText",
- "forcedColorAdjust": "none",
- },
- },
- },
- "splitButtonContainerFocused": Object {
- "outline": "none!important",
- },
- "splitButtonContainerHovered": Object {
- "selectors": Object {
- ".ms-Button--primary": Object {
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "backgroundColor": "Highlight",
- "color": "Window",
- },
- },
- },
- ".ms-Button.is-disabled": Object {
- "color": "#a19f9d",
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "backgroundColor": "Window",
- "borderColor": "GrayText",
- "color": "GrayText",
- },
- },
- },
- },
- },
- "splitButtonDivider": Object {
- "bottom": 8,
- "position": "absolute",
- "right": 31,
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "backgroundColor": "WindowText",
- },
- },
- "top": 8,
- "width": 1,
- },
- "splitButtonDividerDisabled": Object {
- "bottom": 8,
- "position": "absolute",
- "right": 31,
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "backgroundColor": "GrayText",
- },
- },
- "top": 8,
- "width": 1,
- },
- "splitButtonFlexContainer": Object {
- "alignItems": "center",
- "display": "flex",
- "flexWrap": "nowrap",
- "height": "100%",
- "justifyContent": "center",
- },
- "splitButtonMenuButton": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- ".ms-Button-menuIcon": Object {
- "color": "WindowText",
- },
- },
- "border": "1px solid #8a8886",
- "borderBottomRightRadius": "2px",
- "borderLeft": "none",
- "borderRadius": 0,
- "borderTopRightRadius": "2px",
- "boxSizing": "border-box",
- "cursor": "pointer",
- "display": "inline-block",
- "height": "auto",
- "marginBottom": 0,
- "marginLeft": -1,
- "marginRight": 0,
- "marginTop": 0,
- "outline": "transparent",
- "padding": 6,
- "textAlign": "center",
- "textDecoration": "none",
- "userSelect": "none",
- "verticalAlign": "top",
- "width": 32,
- },
- "splitButtonMenuButtonDisabled": Object {
- "border": "none",
- "pointerEvents": "none",
- "selectors": Object {
- ".ms-Button--primary": Object {
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "backgroundColor": "Window",
- "borderColor": "GrayText",
- "color": "GrayText",
- },
- },
- },
- ".ms-Button-menuIcon": Object {
- "selectors": Object {
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "color": "GrayText",
- },
- },
- },
- ":hover": Object {
- "cursor": "default",
- },
- "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
- "backgroundColor": "Window",
- "border": "1px solid GrayText",
- "color": "GrayText",
- },
- },
- },
- "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,
- },
- }
- }
- theme={
- Object {
- "disableGlobalClassNames": false,
- "effects": Object {
- "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
- "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
- "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
- "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
- "roundedCorner2": "2px",
- "roundedCorner4": "4px",
- "roundedCorner6": "6px",
- },
- "fonts": Object {
- "large": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "18px",
- "fontWeight": 400,
- },
- "medium": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "14px",
- "fontWeight": 400,
- },
- "mediumPlus": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "16px",
- "fontWeight": 400,
- },
- "mega": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "68px",
- "fontWeight": 600,
- },
- "small": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "12px",
- "fontWeight": 400,
- },
- "smallPlus": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "12px",
- "fontWeight": 400,
- },
- "superLarge": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "42px",
- "fontWeight": 600,
- },
- "tiny": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "10px",
- "fontWeight": 400,
- },
- "xLarge": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "20px",
- "fontWeight": 600,
- },
- "xLargePlus": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "24px",
- "fontWeight": 600,
- },
- "xSmall": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "10px",
- "fontWeight": 400,
- },
- "xxLarge": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "28px",
- "fontWeight": 600,
- },
- "xxLargePlus": Object {
- "MozOsxFontSmoothing": "grayscale",
- "WebkitFontSmoothing": "antialiased",
- "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
- "fontSize": "32px",
- "fontWeight": 600,
- },
- },
- "isInverted": false,
- "palette": Object {
- "accent": "#0078d4",
- "black": "#000000",
- "blackTranslucent40": "rgba(0,0,0,.4)",
- "blue": "#0078d4",
- "blueDark": "#002050",
- "blueLight": "#00bcf2",
- "blueMid": "#00188f",
- "green": "#107c10",
- "greenDark": "#004b1c",
- "greenLight": "#bad80a",
- "magenta": "#b4009e",
- "magentaDark": "#5c005c",
- "magentaLight": "#e3008c",
- "neutralDark": "#201f1e",
- "neutralLight": "#edebe9",
- "neutralLighter": "#f3f2f1",
- "neutralLighterAlt": "#faf9f8",
- "neutralPrimary": "#323130",
- "neutralPrimaryAlt": "#3b3a39",
- "neutralQuaternary": "#d2d0ce",
- "neutralQuaternaryAlt": "#e1dfdd",
- "neutralSecondary": "#605e5c",
- "neutralSecondaryAlt": "#8a8886",
- "neutralTertiary": "#a19f9d",
- "neutralTertiaryAlt": "#c8c6c4",
- "orange": "#d83b01",
- "orangeLight": "#ea4300",
- "orangeLighter": "#ff8c00",
- "purple": "#5c2d91",
- "purpleDark": "#32145a",
- "purpleLight": "#b4a0ff",
- "red": "#e81123",
- "redDark": "#a4262c",
- "teal": "#008272",
- "tealDark": "#004b50",
- "tealLight": "#00b294",
- "themeDark": "#005a9e",
- "themeDarkAlt": "#106ebe",
- "themeDarker": "#004578",
- "themeLight": "#c7e0f4",
- "themeLighter": "#deecf9",
- "themeLighterAlt": "#eff6fc",
- "themePrimary": "#0078d4",
- "themeSecondary": "#2b88d8",
- "themeTertiary": "#71afe5",
- "white": "#ffffff",
- "whiteTranslucent40": "rgba(255,255,255,.4)",
- "yellow": "#ffb900",
- "yellowDark": "#d29200",
- "yellowLight": "#fff100",
- },
- "rtl": undefined,
- "semanticColors": Object {
- "accentButtonBackground": "#0078d4",
- "accentButtonText": "#ffffff",
- "actionLink": "#323130",
- "actionLinkHovered": "#201f1e",
- "blockingBackground": "#FDE7E9",
- "blockingIcon": "#FDE7E9",
- "bodyBackground": "#ffffff",
- "bodyBackgroundChecked": "#edebe9",
- "bodyBackgroundHovered": "#f3f2f1",
- "bodyDivider": "#edebe9",
- "bodyFrameBackground": "#ffffff",
- "bodyFrameDivider": "#edebe9",
- "bodyStandoutBackground": "#faf9f8",
- "bodySubtext": "#605e5c",
- "bodyText": "#323130",
- "bodyTextChecked": "#000000",
- "buttonBackground": "#ffffff",
- "buttonBackgroundChecked": "#c8c6c4",
- "buttonBackgroundCheckedHovered": "#edebe9",
- "buttonBackgroundDisabled": "#f3f2f1",
- "buttonBackgroundHovered": "#f3f2f1",
- "buttonBackgroundPressed": "#edebe9",
- "buttonBorder": "#8a8886",
- "buttonBorderDisabled": "#f3f2f1",
- "buttonText": "#323130",
- "buttonTextChecked": "#201f1e",
- "buttonTextCheckedHovered": "#000000",
- "buttonTextDisabled": "#a19f9d",
- "buttonTextHovered": "#201f1e",
- "buttonTextPressed": "#201f1e",
- "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
- "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
- "cardStandoutBackground": "#ffffff",
- "defaultStateBackground": "#faf9f8",
- "disabledBackground": "#f3f2f1",
- "disabledBodySubtext": "#c8c6c4",
- "disabledBodyText": "#a19f9d",
- "disabledBorder": "#c8c6c4",
- "disabledSubtext": "#d2d0ce",
- "disabledText": "#a19f9d",
- "errorBackground": "#FDE7E9",
- "errorIcon": "#A80000",
- "errorText": "#a4262c",
- "focusBorder": "#605e5c",
- "infoBackground": "#f3f2f1",
- "infoIcon": "#605e5c",
- "inputBackground": "#ffffff",
- "inputBackgroundChecked": "#0078d4",
- "inputBackgroundCheckedHovered": "#005a9e",
- "inputBorder": "#605e5c",
- "inputBorderHovered": "#323130",
- "inputFocusBorderAlt": "#0078d4",
- "inputForegroundChecked": "#ffffff",
- "inputIcon": "#0078d4",
- "inputIconDisabled": "#a19f9d",
- "inputIconHovered": "#005a9e",
- "inputPlaceholderBackgroundChecked": "#deecf9",
- "inputPlaceholderText": "#605e5c",
- "inputText": "#323130",
- "inputTextHovered": "#201f1e",
- "link": "#0078d4",
- "linkHovered": "#004578",
- "listBackground": "#ffffff",
- "listHeaderBackgroundHovered": "#f3f2f1",
- "listHeaderBackgroundPressed": "#edebe9",
- "listItemBackgroundChecked": "#edebe9",
- "listItemBackgroundCheckedHovered": "#e1dfdd",
- "listItemBackgroundHovered": "#f3f2f1",
- "listText": "#323130",
- "listTextColor": "#323130",
- "menuBackground": "#ffffff",
- "menuDivider": "#c8c6c4",
- "menuHeader": "#0078d4",
- "menuIcon": "#0078d4",
- "menuItemBackgroundChecked": "#edebe9",
- "menuItemBackgroundHovered": "#f3f2f1",
- "menuItemBackgroundPressed": "#edebe9",
- "menuItemText": "#323130",
- "menuItemTextHovered": "#201f1e",
- "messageLink": "#005A9E",
- "messageLinkHovered": "#004578",
- "messageText": "#323130",
- "primaryButtonBackground": "#0078d4",
- "primaryButtonBackgroundDisabled": "#f3f2f1",
- "primaryButtonBackgroundHovered": "#106ebe",
- "primaryButtonBackgroundPressed": "#005a9e",
- "primaryButtonBorder": "transparent",
- "primaryButtonText": "#ffffff",
- "primaryButtonTextDisabled": "#d2d0ce",
- "primaryButtonTextHovered": "#ffffff",
- "primaryButtonTextPressed": "#ffffff",
- "severeWarningBackground": "#FED9CC",
- "severeWarningIcon": "#D83B01",
- "smallInputBorder": "#605e5c",
- "successBackground": "#DFF6DD",
- "successIcon": "#107C10",
- "successText": "#107C10",
- "variantBorder": "#edebe9",
- "variantBorderHovered": "#a19f9d",
- "warningBackground": "#FFF4CE",
- "warningHighlight": "#ffb900",
- "warningIcon": "#797775",
- "warningText": "#323130",
- },
- "spacing": Object {
- "l1": "20px",
- "l2": "32px",
- "m": "16px",
- "s1": "8px",
- "s2": "4px",
- },
- }
- }
- variantClassName="ms-Button--icon"
- vertical-align={true}
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
@@ -4436,18 +1932,18 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
value="4000"
>
= ({
TelemetryProcessor.trace(Action.CreateDatabase, ActionModifiers.Open, addDatabasePaneOpenMessage);
}, []);
- const submit = () => {
+ const onSubmit = () => {
if (!_isValid()) {
return;
}
@@ -249,17 +249,17 @@ export const AddDatabasePanel: FunctionComponent
= ({
[]
);
- const genericPaneProps: RightPaneFormProps = {
+ const props: RightPaneFormProps = {
expandConsole: container.expandConsole,
formError: formErrors,
formErrorDetail: formErrorsDetails,
isExecuting,
submitButtonText: "OK",
- onSubmit: submit,
+ onSubmit,
};
return (
-
+
{showUpsellMessage && formErrors === "" && (
= (
buttonLabel,
}: PanelFooterProps): JSX.Element => (
);
diff --git a/src/Explorer/Panes/RightPaneForm/RightPaneForm.test.tsx b/src/Explorer/Panes/RightPaneForm/RightPaneForm.test.tsx
index 11e80e546..a2f3423e1 100644
--- a/src/Explorer/Panes/RightPaneForm/RightPaneForm.test.tsx
+++ b/src/Explorer/Panes/RightPaneForm/RightPaneForm.test.tsx
@@ -15,7 +15,7 @@ const props = {
onSubmit,
};
-describe("Load Query Pane", () => {
+describe("Right Pane Form", () => {
let wrapper: ReactWrapper;
it("should render Default properly", () => {
@@ -24,12 +24,12 @@ describe("Load Query Pane", () => {
});
it("should call submit method enter in form", () => {
render(
>>>>>> 487fbf207299bfd3b7d6404bf0307a8de29ac987
>
@@ -1601,13 +1595,11 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
Warning! The action you are about to take cannot be undone. Continuing will permanently delete this resource and all of its children resources.
@@ -2311,14 +2303,12 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
>