mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-12-30 06:11:38 +00:00
2c31ec2a8d
* First dark theme commits for command bar * Updated theme on sidebar * Updated tabs, sidebar, splash screen * settings theme changes * Dark theme applied to Monaco editor * Dark theme to stored procedures * Fixed sidebar scroll * Updated scroll issue in sidebar * Command bar items fixed * Fixed lint errors * fixed lint errors * settings side panel fixed * Second last iteration for css * Fixed all the issues of css * Updated the theme icon for now on DE to change the theme from portal/DE itself * Formatting issue resolved * Remove CloudShellTerminalComponent changes - revert to master version * Fixed test issue * Fixed formatting issue * Fix tests: update snapshots and revert xterm imports for compatibility * Fix xterm imports in CloudShellTerminalComponent to use @xterm packages * Fix Cloud Shell component imports for compatibility * Update test snapshots * Fix xterm package consistency across all CloudShell components * Fix TypeScript compilation errors in CloudShell components and query Documents - Standardized xterm package imports across CloudShell components to use legacy 'xterm' package - Fixed Terminal type compatibility issues in CommonUtils.tsx - Added type casting for enableQueryControl property in queryDocuments.ts to handle Azure Cosmos SDK interface limitations - Applied code formatting to ensure consistency * Update failing snapshot tests - Updated TreeNodeComponent snapshot tests for loading states - Updated ThroughputInputAutoPilotV3Component snapshots for number formatting changes (10,00,000 -> 1,000,000) - All snapshot tests now pass * Fixed test issue * Fixed test issue * Updated the buttons for theme * Updated the Theme changes based on portal theme changes * Updated review comments * Updated the duplicate code and fixed the fabric react error * Few places styling added and resolving few comments * Fixed errors * Fixed comments * Fixed comments * Fixed comments * Fixed full text policy issue for mongoru accounts * Resolved comments for class Name and few others * Added css for homepage in ru accounts * Final commit with all the feedback issues resolved * Lint error resolved * Updated the review comments and few Ui issues * Resolved review comments and changed header bg and active state color * Moved svg code to different file and imported * css fixed for the hpome page boxed for ru account * Lint errors * Fixed boxes issue in ru accounts * Handled the initial theme from the portal * Updated snap * Update snapshots for TreeNodeComponent and CreateCopyJobScreensProvider tests * Fix duplicate DataExplorerRoot test id causing Playwright strict mode violation * Fix locale-dependent number formatting in ThroughputInputAutoPilotV3Component --------- Co-authored-by: Sakshi Gupta <sakshig+microsoft@microsoft.com> Co-authored-by: Sakshi Gupta <sakshig@microsoft.com>
60 lines
2.6 KiB
TypeScript
60 lines
2.6 KiB
TypeScript
import { Checkbox, Icon, Link, Stack, Text } from "@fluentui/react";
|
|
import { CollapsibleSectionComponent } from "Explorer/Controls/CollapsiblePanel/CollapsibleSectionComponent";
|
|
import { scrollToSection } from "Explorer/Panes/AddCollectionPanel/AddCollectionPanelUtility";
|
|
import React from "react";
|
|
import { Action } from "Shared/Telemetry/TelemetryConstants";
|
|
import * as TelemetryProcessor from "Shared/Telemetry/TelemetryProcessor";
|
|
|
|
export interface AdvancedComponentProps {
|
|
useHashV1: boolean;
|
|
setUseHashV1: React.Dispatch<React.SetStateAction<boolean>>;
|
|
setSubPartitionKeys: React.Dispatch<React.SetStateAction<string[]>>;
|
|
}
|
|
export const AdvancedComponent = (props: AdvancedComponentProps): JSX.Element => {
|
|
const { useHashV1, setUseHashV1, setSubPartitionKeys } = props;
|
|
|
|
const useHashV1CheckboxOnChange = (isChecked: boolean): void => {
|
|
setUseHashV1(isChecked);
|
|
setSubPartitionKeys([]);
|
|
};
|
|
|
|
return (
|
|
<CollapsibleSectionComponent
|
|
title="Advanced"
|
|
isExpandedByDefault={false}
|
|
onExpand={() => {
|
|
TelemetryProcessor.traceOpen(Action.ExpandAddGlobalSecondaryIndexPaneAdvancedSection);
|
|
scrollToSection("collapsibleAdvancedSectionContent");
|
|
}}
|
|
>
|
|
<Stack className="panelGroupSpacing" id="collapsibleAdvancedSectionContent">
|
|
<Checkbox
|
|
label="My application uses an older Cosmos .NET or Java SDK version (.NET V1 or Java V2)"
|
|
checked={useHashV1}
|
|
styles={{
|
|
text: { fontSize: 12, color: "var(--colorNeutralForeground1)" },
|
|
checkbox: { width: 12, height: 12 },
|
|
label: { padding: 0, alignItems: "center", wordWrap: "break-word", whiteSpace: "break-spaces" },
|
|
root: {
|
|
selectors: {
|
|
":hover .ms-Checkbox-text": { color: "var(--colorNeutralForeground1)" },
|
|
},
|
|
},
|
|
}}
|
|
onChange={(ev: React.FormEvent<HTMLElement>, isChecked: boolean) => {
|
|
useHashV1CheckboxOnChange(isChecked);
|
|
}}
|
|
/>
|
|
<Text variant="small" style={{ color: "var(--colorNeutralForeground1)" }}>
|
|
<Icon iconName="InfoSolid" className="removeIcon" /> To ensure compatibility with older SDKs, the created
|
|
container will use a legacy partitioning scheme that supports partition key values of size only up to 101
|
|
bytes. If this is enabled, you will not be able to use hierarchical partition keys.{" "}
|
|
<Link href="https://aka.ms/cosmos-large-pk" target="_blank">
|
|
Learn more
|
|
</Link>
|
|
</Text>
|
|
</Stack>
|
|
</CollapsibleSectionComponent>
|
|
);
|
|
};
|