@inntechcorp/it-design 3.1.6 → 3.1.9

package/dist/stories/Upload.stories.d.ts

@@ -16,7 +16,9 @@ type Story = StoryObj<typeof meta>;
 export declare const PreDefined: Story;
 export declare const Disabled: Story;
 export declare const NoDefinedFile: Story;
+export declare const MinImageSize: Story;
 export declare const CropEnabled: Story;
 export declare const CropEnabled16x9: Story;
 export declare const CropEnabledRetina: Story;
+export declare const CropExactOutput: Story;
 export declare const Error: Story;

package/dist/types/UploadProps.d.ts

@@ -1,4 +1,25 @@
 import { FileTypes } from "../index";
+/**
+ * Crop settings for the Upload component
+ */
+export 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;
+};
 export type UploadProps = {
     id?: string;
     action?: string;
@@ -30,22 +51,24 @@ export 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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "3.1.6",
+  "version": "3.1.9",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",