@inntechcorp/it-design 3.1.5 → 3.1.7

package/dist/index.d.mts

@@ -76,6 +76,10 @@ export declare const resources: {
                 cropImage: string;
                 crop: string;
                 cancel: string;
+                width: string;
+                height: string;
+                imageTooSmall: string;
+                imageTooSmallMessage: string;
             };
             results: {
                 authentication: {
@@ -378,6 +382,10 @@ export declare const resources: {
                 cropImage: string;
                 crop: string;
                 cancel: string;
+                width: string;
+                height: string;
+                imageTooSmall: string;
+                imageTooSmallMessage: string;
             };
             results: {
                 authentication: {
@@ -695,7 +703,7 @@ export type { NotificationsProps } from './types/NotificationsProps';
 export type { AlertProps, AlertType, AlertSize } from './types/AlertProps';
 export type { SwitchProps } from './types/SwitchProps';
 export type { ModalProps, ModalContentProps, ModalRefProps } from './types/ModalProps';
-export type { UploadProps, UploadProgressProps, UploadResultMessageProps } from './types/UploadProps';
+export type { UploadProps, UploadProgressProps, UploadResultMessageProps, CropSettings } from './types/UploadProps';
 export type { ResultProps } from './types/ResultProps';
 export type { TabsItemProps, TabsProps } from './types/TabsProps';
 export type { TableColumnType, TableProps, TableTRProps, TableRow, TableRefProps } from './types/TableProps';

package/dist/index.d.ts

@@ -589,6 +589,10 @@ interface ImageCropperProps {
     minWidth?: number;
     /** Minimum crop height in pixels */
     minHeight?: number;
+    /** Output width - cropped image will be resized to this width */
+    outputWidth?: number;
+    /** Output height - cropped image will be resized to this height */
+    outputHeight?: number;
     /** Output image quality (0-1) */
     quality?: number;
     /** Output image format */
@@ -599,6 +603,8 @@ interface ImageCropperProps {
     width?: string | number;
     /** Container height */
     height?: string | number;
+    /** Show grid lines on crop area (default: true) */
+    showGrid?: boolean;
 }
 interface ImageCropperRef {
     /** Get cropped image as Blob */
@@ -1424,6 +1430,27 @@ type ModalRefProps = {
     onClickCancel?: () => void;
 };
 
+/**
+ * Crop settings for the Upload component
+ */
+type CropSettings = {
+    /** Aspect ratio (e.g., 1 for square, 16/9 for widescreen). */
+    aspectRatio?: number;
+    /** Minimum crop area width in pixels. User cannot select smaller than this. */
+    minWidth?: number;
+    /** Minimum crop area height in pixels. User cannot select smaller than this. */
+    minHeight?: number;
+    /** Output width in pixels. Cropped image will be resized to this width. */
+    outputWidth?: number;
+    /** Output height in pixels. Cropped image will be resized to this height. */
+    outputHeight?: number;
+    /** Output image quality (0-1), default 0.9 */
+    quality?: number;
+    /** Crop modal title */
+    modalTitle?: string;
+    /** Show grid lines on crop area (default: true) */
+    showGrid?: boolean;
+};
 type UploadProps = {
     id?: string;
     action?: string;
@@ -1455,22 +1482,24 @@ type UploadProps = {
     extraQueryString?: {};
     extraHeader?: {};
     disabled?: boolean;
-    /** Minimum image width required for upload (in pixels). Smaller images will be rejected. */
+    /** Minimum image width required for upload (in pixels). Smaller images will be rejected. Works with or without crop. */
     minImageWidth?: number;
-    /** Minimum image height required for upload (in pixels). Smaller images will be rejected. */
+    /** Minimum image height required for upload (in pixels). Smaller images will be rejected. Works with or without crop. */
     minImageHeight?: number;
-    /** Enable image cropping before upload */
-    enableCrop?: boolean;
-    /** Aspect ratio for crop (e.g., 1 for square, 16/9 for widescreen). Undefined = free crop */
-    cropAspectRatio?: number;
-    /** Minimum crop width in pixels */
-    cropMinWidth?: number;
-    /** Minimum crop height in pixels */
-    cropMinHeight?: number;
-    /** Output image quality (0-1), default 0.9 */
-    cropQuality?: number;
-    /** Crop modal title */
-    cropModalTitle?: string;
+    /**
+     * Crop settings. If provided, cropping is enabled.
+     * @example
+     * crop={{
+     *   aspectRatio: 16/9,
+     *   minWidth: 960,       // Minimum crop area size
+     *   minHeight: 540,
+     *   outputWidth: 1920,   // Final output size
+     *   outputHeight: 1080,
+     *   quality: 0.9,
+     *   modalTitle: "Crop Image"
+     * }}
+     */
+    crop?: CropSettings;
     onChange?: ((value: any) => void) | null;
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
     onUploadSuccess?: (path: string) => void;
@@ -2294,4 +2323,4 @@ declare const resources: {
 };
 
 export { _default as ALink, Accordion, AddDefaultThemeStyle, AddDefaultUnit, AddZero, Alert, Arrow as ArrowIcon, BackToTop, BackTop, Base64Decode, Base64Encode, Button, Calendar, Card, CheckFileURL, Checkbox, Checkmark, ChunkArray, Collapse, ComponentPositions, ComponentSizes, ComponentSizesSlug, ConnectionStatus, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, FileChecker, FileExtensions, FileTypes, FindSelector, Flex, Form, FormValidationTypes, FormatBytes, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, H1, H2, H3, H4, ITDContext, ITDProvider, _default$1 as Image, ImageCropper, _default$5 as InlineSVGCached, InlineSelect, InlineSelectArrow, Input, IsValidJSON, Lock as LockIcon, ModalManager, ModalState, NoData, Notification, Picture, Progress, Radio, RemoveUnits, Result, SVGLoader, Select, Spin, Status, Switch, Table, Tabs, TextArea, TinyScrollbar, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, Wait, ZoomIn, ZoomOut, resources, toKebabCase, useAddExternalCSS, useAvoidCollision, useComponentSize, useConnectionStatus, useConstructor, useContextBridge, useCoreFetch, useKeyboardShortcut, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useOrientation, useReCaptcha, useSingleQuery };
-export type { AccordionItemProps, AccordionProps, AccordionSubMenuProps, AlertProps, AlertSize, AlertType, ButtonProps, ButtonState, ButtonType, ButtonVariant, CalendarDayProps, CalendarProps, CalendarValueProps, CardProps, CheckboxEvent, CheckboxGroupProps, CheckboxProps, CropArea, DatePickerProps, Direction, FieldUpdateProps, FlexAlignProps, FlexGapProps, FlexJustifyProps, FlexProps, FormContextType, FormItemProps, FormProps, FormRuleProps, FormSubComponentProps, FormValueProps, GroupCheckboxOptionType, ITDContextType, ITDImperativeFuncProps, ITDProviderProps, ITDSize, ITDSizeSlug, ImageCropperProps, ImageCropperRef, InputProps, InputVariant, ModalContentProps, ModalProps, ModalRefProps, NotificationContextType, NotificationsProps, ProgressProps, ProgressStatus, QueryValueProps, RadioButtonProps, RadioGroupProps, RadioType, ResultProps, SelectDirection, SelectOptionProps, SelectPosition, SelectProps, SelectToggleProps, SelectValue, SelectVariant, SingleQueryProps, StatusProps, StatusVariant, SwitchProps, TableColumnType, TableProps, TableRefProps, TableRow, TableTRProps, TabsItemProps, TabsProps, TextAreaEvent, TextAreaProps, TextAreaVariant, UploadProgressProps, UploadProps, UploadResultMessageProps };
+export type { AccordionItemProps, AccordionProps, AccordionSubMenuProps, AlertProps, AlertSize, AlertType, ButtonProps, ButtonState, ButtonType, ButtonVariant, CalendarDayProps, CalendarProps, CalendarValueProps, CardProps, CheckboxEvent, CheckboxGroupProps, CheckboxProps, CropArea, CropSettings, DatePickerProps, Direction, FieldUpdateProps, FlexAlignProps, FlexGapProps, FlexJustifyProps, FlexProps, FormContextType, FormItemProps, FormProps, FormRuleProps, FormSubComponentProps, FormValueProps, GroupCheckboxOptionType, ITDContextType, ITDImperativeFuncProps, ITDProviderProps, ITDSize, ITDSizeSlug, ImageCropperProps, ImageCropperRef, InputProps, InputVariant, ModalContentProps, ModalProps, ModalRefProps, NotificationContextType, NotificationsProps, ProgressProps, ProgressStatus, QueryValueProps, RadioButtonProps, RadioGroupProps, RadioType, ResultProps, SelectDirection, SelectOptionProps, SelectPosition, SelectProps, SelectToggleProps, SelectValue, SelectVariant, SingleQueryProps, StatusProps, StatusVariant, SwitchProps, TableColumnType, TableProps, TableRefProps, TableRow, TableTRProps, TabsItemProps, TabsProps, TextAreaEvent, TextAreaProps, TextAreaVariant, UploadProgressProps, UploadProps, UploadResultMessageProps };