@mohsinonxrm/pptb-fetchxml-studio 1.0.0 → 1.0.1

package/src/features/fetchxml/ui/RightPane/XmlTextArea.tsx

@@ -1,65 +0,0 @@
-/**
- * Simple XML text area viewer (fallback when Monaco fails due to CSP)
- */
-
-import { Button, makeStyles, Tooltip, Textarea } from "@fluentui/react-components";
-import { Copy24Regular } from "@fluentui/react-icons";
-
-const useStyles = makeStyles({
-	container: {
-		display: "flex",
-		flexDirection: "column",
-		height: "100%",
-		position: "relative",
-		padding: "8px",
-	},
-	textarea: {
-		flex: 1,
-		fontFamily: "'Consolas', 'Monaco', 'Courier New', monospace",
-		fontSize: "13px",
-		lineHeight: "1.5",
-		minHeight: 0, // Important for flex child
-	},
-	copyButton: {
-		position: "absolute",
-		top: "16px",
-		right: "16px",
-		zIndex: 10,
-	},
-});
-
-interface XmlTextAreaProps {
-	xml: string;
-}
-
-export function XmlTextArea({ xml }: XmlTextAreaProps) {
-	const styles = useStyles();
-
-	const handleCopy = async () => {
-		try {
-			await navigator.clipboard.writeText(xml);
-		} catch (err) {
-			console.error("Failed to copy:", err);
-		}
-	};
-
-	return (
-		<div className={styles.container}>
-			<Tooltip content="Copy FetchXML to clipboard" relationship="label">
-				<Button
-					className={styles.copyButton}
-					appearance="subtle"
-					icon={<Copy24Regular />}
-					onClick={handleCopy}
-				/>
-			</Tooltip>
-			<Textarea
-				className={styles.textarea}
-				value={xml}
-				readOnly
-				resize="none"
-				style={{ height: "100%" }}
-			/>
-		</div>
-	);
-}

package/src/features/fetchxml/ui/Settings/SettingsDrawer.tsx

@@ -1,175 +0,0 @@
-/**
- * Settings Drawer
- * Contains display preferences for FetchXML Studio
- */
-
-import { useCallback } from "react";
-import {
-	DrawerBody,
-	DrawerHeader,
-	DrawerHeaderTitle,
-	OverlayDrawer,
-	Button,
-	makeStyles,
-	tokens,
-	Text,
-	Switch,
-	Dropdown,
-	Option,
-	Divider,
-} from "@fluentui/react-components";
-import { Dismiss24Regular, Settings20Regular } from "@fluentui/react-icons";
-import type { DisplaySettings, ValueDisplayMode } from "../../model/displaySettings";
-
-const useStyles = makeStyles({
-	drawer: {
-		width: "360px",
-	},
-	section: {
-		marginBottom: tokens.spacingVerticalL,
-	},
-	sectionTitle: {
-		fontSize: tokens.fontSizeBase400,
-		fontWeight: tokens.fontWeightSemibold,
-		marginBottom: tokens.spacingVerticalM,
-		display: "flex",
-		alignItems: "center",
-		gap: tokens.spacingHorizontalS,
-	},
-	settingItem: {
-		display: "flex",
-		flexDirection: "column",
-		gap: tokens.spacingVerticalXS,
-		marginBottom: tokens.spacingVerticalM,
-	},
-	settingRow: {
-		display: "flex",
-		justifyContent: "space-between",
-		alignItems: "center",
-	},
-	settingLabel: {
-		fontWeight: tokens.fontWeightSemibold,
-	},
-	settingDescription: {
-		fontSize: tokens.fontSizeBase200,
-		color: tokens.colorNeutralForeground3,
-	},
-	dropdown: {
-		minWidth: "160px",
-	},
-});
-
-export interface SettingsDrawerProps {
-	/** Whether the drawer is open */
-	open: boolean;
-	/** Current display settings */
-	settings: DisplaySettings;
-	/** Called when drawer should close */
-	onClose: () => void;
-	/** Called when settings change */
-	onSettingsChange: (settings: DisplaySettings) => void;
-}
-
-export function SettingsDrawer({ open, settings, onClose, onSettingsChange }: SettingsDrawerProps) {
-	const styles = useStyles();
-
-	const handleLogicalNamesChange = useCallback(
-		(checked: boolean) => {
-			onSettingsChange({
-				...settings,
-				useLogicalNames: checked,
-			});
-		},
-		[settings, onSettingsChange]
-	);
-
-	const handleValueDisplayModeChange = useCallback(
-		(mode: ValueDisplayMode) => {
-			onSettingsChange({
-				...settings,
-				valueDisplayMode: mode,
-			});
-		},
-		[settings, onSettingsChange]
-	);
-
-	return (
-		<OverlayDrawer
-			open={open}
-			onOpenChange={(_e, data) => !data.open && onClose()}
-			position="end"
-			size="small"
-			className={styles.drawer}
-		>
-			<DrawerHeader>
-				<DrawerHeaderTitle
-					action={
-						<Button
-							appearance="subtle"
-							aria-label="Close"
-							icon={<Dismiss24Regular />}
-							onClick={onClose}
-						/>
-					}
-				>
-					<Settings20Regular style={{ marginRight: tokens.spacingHorizontalS }} />
-					Settings
-				</DrawerHeaderTitle>
-			</DrawerHeader>
-			<DrawerBody>
-				{/* Display Settings Section */}
-				<div className={styles.section}>
-					<Text className={styles.sectionTitle}>Display Settings</Text>
-
-					{/* Logical Names Toggle */}
-					<div className={styles.settingItem}>
-						<div className={styles.settingRow}>
-							<div>
-								<Text className={styles.settingLabel}>Use Logical Names</Text>
-								<Text className={styles.settingDescription} block>
-									Show attribute logical names in column headers instead of display names
-								</Text>
-							</div>
-							<Switch
-								checked={settings.useLogicalNames}
-								onChange={(_e, data) => handleLogicalNamesChange(data.checked)}
-							/>
-						</div>
-					</div>
-
-					{/* Value Display Mode */}
-					<div className={styles.settingItem}>
-						<Text className={styles.settingLabel}>Value Display Mode</Text>
-						<Text className={styles.settingDescription} block>
-							How to display cell values in the results grid
-						</Text>
-						<Dropdown
-							className={styles.dropdown}
-							value={
-								settings.valueDisplayMode === "formatted"
-									? "Formatted"
-									: settings.valueDisplayMode === "raw"
-									? "Raw"
-									: "Both"
-							}
-							selectedOptions={[settings.valueDisplayMode]}
-							onOptionSelect={(_e, data) =>
-								handleValueDisplayModeChange(data.optionValue as ValueDisplayMode)
-							}
-						>
-							<Option value="formatted">Formatted</Option>
-							<Option value="raw">Raw</Option>
-							<Option value="both">Both (2 columns per attribute)</Option>
-						</Dropdown>
-					</div>
-				</div>
-
-				<Divider />
-
-				{/* Future: More settings sections can go here */}
-				{/* Solution filtering for attributes/views */}
-				{/* App filtering */}
-			</DrawerBody>
-		</OverlayDrawer>
-	);
-}