mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-08-26 14:19:24 +00:00
ffecaa9e1c
- Updated integration tests in ConvertIntegration.test.tsx to include additional parameters for conversion options. - Improved error handling for API responses and network errors. - Enhanced mock implementations for axios calls to ensure accurate testing of conversion operations. - Added tests for smart detection functionality in ConvertSmartDetectionIntegration.test.tsx, covering various file types and conversion scenarios. - Refined mantineTheme.ts by removing unused font weights and ensuring type safety in component customizations. - Updated fileContext.ts and pageEditor.ts to improve type definitions and ensure consistency across the application. - Enhanced fileUtils.ts with additional methods for file handling and improved error logging. - Refactored thumbnailUtils.ts to optimize thumbnail generation logic and improve memory management. - Made minor adjustments to toolOperationTracker.ts for better type handling.
83 lines
3.2 KiB
TypeScript
83 lines
3.2 KiB
TypeScript
import React from "react";
|
|
import { Stack, Text, Select, Switch } from "@mantine/core";
|
|
import { useTranslation } from "react-i18next";
|
|
import { COLOR_TYPES, FIT_OPTIONS } from "../../../constants/convertConstants";
|
|
import { ConvertParameters } from "../../../hooks/tools/convert/useConvertParameters";
|
|
|
|
interface ConvertFromImageSettingsProps {
|
|
parameters: ConvertParameters;
|
|
onParameterChange: (key: keyof ConvertParameters, value: any) => void;
|
|
disabled?: boolean;
|
|
}
|
|
|
|
const ConvertFromImageSettings = ({
|
|
parameters,
|
|
onParameterChange,
|
|
disabled = false
|
|
}: ConvertFromImageSettingsProps) => {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<Stack gap="sm" data-testid="pdf-options-section">
|
|
<Text size="sm" fw={500}>{t("convert.pdfOptions", "PDF Options")}:</Text>
|
|
<Select
|
|
data-testid="color-type-select"
|
|
label={t("convert.colorType", "Color Type")}
|
|
value={parameters.imageOptions.colorType}
|
|
onChange={(val) => val && onParameterChange('imageOptions', {
|
|
...parameters.imageOptions,
|
|
colorType: val as typeof COLOR_TYPES[keyof typeof COLOR_TYPES]
|
|
})}
|
|
data={[
|
|
{ value: COLOR_TYPES.COLOR, label: t("convert.color", "Color") },
|
|
{ value: COLOR_TYPES.GRAYSCALE, label: t("convert.grayscale", "Grayscale") },
|
|
{ value: COLOR_TYPES.BLACK_WHITE, label: t("convert.blackwhite", "Black & White") },
|
|
]}
|
|
disabled={disabled}
|
|
/>
|
|
|
|
<Select
|
|
data-testid="fit-option-select"
|
|
label={t("convert.fitOption", "Fit Option")}
|
|
value={parameters.imageOptions.fitOption}
|
|
onChange={(val) => val && onParameterChange('imageOptions', {
|
|
...parameters.imageOptions,
|
|
fitOption: val as typeof FIT_OPTIONS[keyof typeof FIT_OPTIONS]
|
|
})}
|
|
data={[
|
|
{ value: FIT_OPTIONS.MAINTAIN_ASPECT, label: t("convert.maintainAspectRatio", "Maintain Aspect Ratio") },
|
|
{ value: FIT_OPTIONS.FIT_PAGE, label: t("convert.fitDocumentToPage", "Fit Document to Page") },
|
|
{ value: FIT_OPTIONS.FILL_PAGE, label: t("convert.fillPage", "Fill Page") },
|
|
]}
|
|
disabled={disabled}
|
|
/>
|
|
|
|
<Switch
|
|
data-testid="auto-rotate-switch"
|
|
label={t("convert.autoRotate", "Auto Rotate")}
|
|
description={t("convert.autoRotateDescription", "Automatically rotate images to better fit the PDF page")}
|
|
checked={parameters.imageOptions.autoRotate}
|
|
onChange={(event) => onParameterChange('imageOptions', {
|
|
...parameters.imageOptions,
|
|
autoRotate: event.currentTarget.checked
|
|
})}
|
|
disabled={disabled}
|
|
/>
|
|
|
|
<Switch
|
|
data-testid="combine-images-switch"
|
|
label={t("convert.combineImages", "Combine Images")}
|
|
description={t("convert.combineImagesDescription", "Combine all images into one PDF, or create separate PDFs for each image")}
|
|
checked={parameters.imageOptions.combineImages}
|
|
onChange={(event) => onParameterChange('imageOptions', {
|
|
...parameters.imageOptions,
|
|
combineImages: event.currentTarget.checked
|
|
})}
|
|
disabled={disabled}
|
|
/>
|
|
</Stack>
|
|
);
|
|
};
|
|
|
|
export default ConvertFromImageSettings;
|