@rebilly/revel 12.34.14 → 12.36.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-## [12.34.14](https://github.com/Rebilly/rebilly/compare/revel-v12.34.13...revel-v12.34.14) (2026-06-04)
+## [12.36.0](https://github.com/Rebilly/rebilly/compare/revel-v12.35.0...revel-v12.36.0) (2026-06-08)
 
 
-### Bug Fixes
+### Features
 
-* **revel:** Add `comments` icon ([#22271](https://github.com/Rebilly/rebilly/issues/22271)) ([5f186a9](https://github.com/Rebilly/rebilly/commit/5f186a924615e6d935638516fbc532bf39c93d94))
+* **revel:** Add `r-file-dropzone` component ([#21993](https://github.com/Rebilly/rebilly/issues/21993)) ([63da3d8](https://github.com/Rebilly/rebilly/commit/63da3d88ea48ab3959c9c716086a5c6d4718e856))

package/dist/components/index.d.ts

@@ -9,6 +9,7 @@ export { default as RDateInput } from './r-date-input/r-date-input.vue';
 export { default as RDateRange } from './r-date-range/r-date-range.vue';
 export type { DateRange } from './r-date-range/types';
 export { default as RInputErrors } from './r-input-errors/r-input-errors.vue';
+export { default as RFileDropzone } from './r-file-dropzone/r-file-dropzone.vue';
 export { default as RFileUpload } from './r-file-upload/r-file-upload.vue';
 export { default as RFlex } from './r-flex/r-flex.vue';
 export { default as RFlexItem } from './r-flex/r-flex-item.vue';

package/dist/components/r-file-dropzone/pretty-file-name-format.d.ts

@@ -0,0 +1 @@
+export declare function prettyFileNameFormat(accept: string): string | null;

package/dist/components/r-file-dropzone/pretty-file-size-format.d.ts

@@ -0,0 +1 @@
+export declare function prettyFileSizeFormat(bytes: number): string;

package/dist/components/r-file-dropzone/r-file-dropzone-gallery-item.vue.d.ts

@@ -0,0 +1,13 @@
+import { type ConvertedFile } from './types';
+type __VLS_Props = {
+    /**
+     * File to display as thumbnail
+     */
+    file: ConvertedFile;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/r-file-dropzone/r-file-dropzone-gallery.vue.d.ts

@@ -0,0 +1,13 @@
+import { type ConvertedFile } from './types';
+type __VLS_Props = {
+    /**
+     * Converted files
+     */
+    files: ConvertedFile[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    remove: (arg: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: ((arg: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/r-file-dropzone/r-file-dropzone-list.vue.d.ts

@@ -0,0 +1,13 @@
+import { type ConvertedFile } from './types';
+type __VLS_Props = {
+    /**
+     * Converted files
+     */
+    files: ConvertedFile[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    remove: (arg: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: ((arg: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/r-file-dropzone/r-file-dropzone.vue.d.ts

@@ -0,0 +1,55 @@
+import { type RevelFile } from './types';
+type PreviewType = 'list' | 'gallery';
+interface Props {
+    /**
+     * Model value
+     */
+    modelValue: RevelFile | RevelFile[];
+    /**
+     * Allows the user to select more than one file
+     */
+    multiple?: boolean;
+    /**
+     * String that defines the file format which the dropzone should accept (comma-separated e.g. "image/*,application/pdf,.docx")
+     */
+    accept?: string;
+    /**
+     * Disables the upload action
+     */
+    disabled?: boolean;
+    /**
+     * Hides selected file preview
+     */
+    previewType?: PreviewType;
+    /**
+     * Hides selected file preview
+     */
+    hidePreview?: boolean;
+    /**
+     * Maximum file size in MB. Files larger than this will be omitted when dropped.
+     */
+    maxFileSize?: number | undefined;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (arg: RevelFile | RevelFile[]) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((arg: RevelFile | RevelFile[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    multiple: boolean;
+    accept: string;
+    previewType: PreviewType;
+    hidePreview: boolean;
+    maxFileSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/r-file-dropzone/types.d.ts

@@ -0,0 +1,13 @@
+export type ConvertedFile = {
+    name: string;
+    url?: string;
+    size?: string;
+    image?: File;
+};
+export interface UploadedFile {
+    url: string;
+    name: string;
+    size: number;
+}
+export type RevelFile = File | UploadedFile;
+export declare function isUploadedFile(file: RevelFile | ConvertedFile): file is UploadedFile;

package/dist/components/r-select/r-select.vue.d.ts

@@ -407,7 +407,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     handleAsyncLoadPrev(): Promise<void>;
     handleAsyncLoadMore(count: number): Promise<void>;
     handleAsyncLoadByQuery({ limit, offset }: Partial<Query>): Promise<void>;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "tag" | "select" | "open" | "update:modelValue" | "async-loaded" | "search-change" | "remove")[], "close" | "tag" | "select" | "open" | "update:modelValue" | "async-loaded" | "search-change" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "tag" | "select" | "open" | "update:modelValue" | "remove" | "async-loaded" | "search-change")[], "close" | "tag" | "select" | "open" | "update:modelValue" | "remove" | "async-loaded" | "search-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Specify if no option can be selected
      */
@@ -711,11 +711,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onSelect?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
     onTag?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     "onAsync-loaded"?: ((...args: any[]) => any) | undefined;
     "onSearch-change"?: ((...args: any[]) => any) | undefined;
-    onRemove?: ((...args: any[]) => any) | undefined;
 }>, {
     loading: boolean;
     id: string;