@ssa-ui-kit/core 3.11.0 → 3.12.0

package/dist/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,37 @@
+import { FileUploadProps } from './types';
+/**
+ * FileUpload - File input component with optional drag-and-drop support
+ *
+ * Supports single and multi-file selection with built-in validation for
+ * file formats and size. In multi-file mode, selected files are listed
+ * below the input with individual remove controls.
+ *
+ * @example
+ * ```tsx
+ * // Single file
+ * <FileUpload
+ *   label="Attachment"
+ *   placeholder="No file selected"
+ *   actionText="Choose File"
+ *   allowedFormats={['pdf', 'doc']}
+ *   maxFileSize={5 * 1024 * 1024}
+ *   onChange={(files) => console.log(files)}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Multi-file with drop area
+ * <FileUpload
+ *   label="Documents"
+ *   isMultiFile
+ *   maxFiles={5}
+ *   withDropArea
+ *   uploadedSectionTitle="Uploaded files"
+ *   value={files}
+ *   onChange={setFiles}
+ * />
+ * ```
+ */
+declare const FileUpload: ({ label, placeholder, helperText, actionText, error, disabled, css, className, allowedFormats, maxFileSize, isMultiFile, maxFiles, withDropArea, uploadedSectionTitle, value, onChange, onFileRejected, }: FileUploadProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default FileUpload;

package/dist/components/FileUpload/FileUploadItem.d.ts

@@ -0,0 +1,7 @@
+interface FileUploadItemProps {
+    file: File;
+    onRemove: (file: File) => void;
+    disabled?: boolean;
+}
+declare const FileUploadItem: ({ file, onRemove, disabled }: FileUploadItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default FileUploadItem;

package/dist/components/FileUpload/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './FileUpload';
+export { default as FileUploadItem } from './FileUploadItem';
+export type { FileUploadProps, FileRejectionReason } from './types';

package/dist/components/FileUpload/styles.d.ts

@@ -0,0 +1,24 @@
+import { Theme } from '@emotion/react';
+export declare const wrapper: import("@emotion/react").SerializedStyles;
+export declare const hiddenInput: import("@emotion/react").SerializedStyles;
+export declare const inputRow: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const inputRowError: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const inputRowDisabled: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const fileNameText: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const placeholderText: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const dropArea: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const dropAreaActive: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const dropAreaError: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const dropAreaDisabled: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const dropAreaTitle: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const dropAreaHint: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const dropAreaAction: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const dropAreaClearButton: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const filesList: import("@emotion/react").SerializedStyles;
+export declare const filesListTitle: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const fileItem: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const fileIconWrapper: import("@emotion/react").SerializedStyles;
+export declare const fileInfo: import("@emotion/react").SerializedStyles;
+export declare const fileName: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const fileSize: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const deleteButton: (theme: Theme) => import("@emotion/react").SerializedStyles;

package/dist/components/FileUpload/types.d.ts

@@ -0,0 +1,21 @@
+import { Interpolation, Theme } from '@emotion/react';
+export type FileRejectionReason = 'size' | 'format';
+export interface FileUploadProps {
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    actionText?: string;
+    error?: string;
+    disabled?: boolean;
+    css?: Interpolation<Theme>;
+    allowedFormats?: string[];
+    maxFileSize?: number;
+    isMultiFile?: boolean;
+    maxFiles?: number;
+    withDropArea?: boolean;
+    uploadedSectionTitle?: string;
+    className?: string;
+    value?: File | File[];
+    onChange?: (files: File[]) => void;
+    onFileRejected?: (file: File, reason: FileRejectionReason) => void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssa-ui-kit/core",
-  "version": "3.11.0",
+  "version": "3.12.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -39,8 +39,8 @@
     "luxon": "3.5.0",
     "plotly.js": "3.0.0",
     "react-plotly.js": "2.6.0",
-    "@ssa-ui-kit/hooks": "^3.11.0",
-    "@ssa-ui-kit/utils": "^3.11.0"
+    "@ssa-ui-kit/hooks": "^3.12.0",
+    "@ssa-ui-kit/utils": "^3.12.0"
   },
   "devDependencies": {
     "@emotion/css": "11.13.5",