mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-09-19 09:59:22 +00:00
756cbc4780
# Description of Changes - Addition of the remove pages tool - Addition of the remove blank pages tool --- ## Checklist ### General - [ ] I have read the [Contribution Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md) - [ ] I have read the [Stirling-PDF Developer Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md) (if applicable) - [ ] I have read the [How to add new languages to Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md) (if applicable) - [ ] I have performed a self-review of my own code - [ ] My changes generate no new warnings ### Documentation - [ ] I have updated relevant docs on [Stirling-PDF's doc repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/) (if functionality has heavily changed) - [ ] I have read the section [Add New Translation Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md#add-new-translation-tags) (for new translation tags only) ### UI Changes (if applicable) - [ ] Screenshots or videos demonstrating the UI changes are attached (e.g., as comments or direct attachments in the PR) ### Testing (if applicable) - [ ] I have tested my changes locally. Refer to the [Testing Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md#6-testing) for more details.
40 lines
1.5 KiB
TypeScript
40 lines
1.5 KiB
TypeScript
import { Stack, TextInput } from "@mantine/core";
|
|
import { useTranslation } from "react-i18next";
|
|
import { RemovePagesParameters } from "../../../hooks/tools/removePages/useRemovePagesParameters";
|
|
import { validatePageNumbers } from "../../../utils/pageSelection";
|
|
|
|
interface RemovePagesSettingsProps {
|
|
parameters: RemovePagesParameters;
|
|
onParameterChange: <K extends keyof RemovePagesParameters>(key: K, value: RemovePagesParameters[K]) => void;
|
|
disabled?: boolean;
|
|
}
|
|
|
|
const RemovePagesSettings = ({ parameters, onParameterChange, disabled = false }: RemovePagesSettingsProps) => {
|
|
const { t } = useTranslation();
|
|
|
|
const handlePageNumbersChange = (value: string) => {
|
|
// Allow user to type naturally - don't normalize input in real-time
|
|
onParameterChange('pageNumbers', value);
|
|
};
|
|
|
|
// Check if current input is valid
|
|
const isValid = validatePageNumbers(parameters.pageNumbers);
|
|
const hasValue = parameters.pageNumbers.trim().length > 0;
|
|
|
|
return (
|
|
<Stack gap="md">
|
|
<TextInput
|
|
label={t('removePages.pageNumbers.label', 'Pages to Remove')}
|
|
value={parameters.pageNumbers}
|
|
onChange={(event) => handlePageNumbersChange(event.currentTarget.value)}
|
|
placeholder={t('removePages.pageNumbers.placeholder', 'e.g., 1,3,5-8,10')}
|
|
disabled={disabled}
|
|
required
|
|
error={hasValue && !isValid ? t('removePages.pageNumbers.error', 'Invalid page number format. Use numbers, ranges (1-5), or mathematical expressions (2n+1)') : undefined}
|
|
/>
|
|
</Stack>
|
|
);
|
|
};
|
|
|
|
export default RemovePagesSettings;
|