gantri-components 2.127.0-beta.2 → 2.127.0-beta.20

package/dist/components/color-picker/components/color-picker-item/color-picker-item.styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react" />
 import { CSSProperties } from 'styled-components';
 import { ColorPickerVariant } from '../../color-picker.types';
 import { ProductColorCode } from '../../../../styles/theme';

package/dist/components/file-uploader/file-uploader.constants.d.ts

@@ -1,6 +1,7 @@
 export declare const defaultImageExtensions: readonly ["gif", "jpeg", "jpg", "png", "webp"];
 export declare const fileUploaderVariants: {
     readonly button: "button";
+    readonly custom: "custom";
     readonly link: "link";
     readonly plain: "plain";
     readonly thumbnail: "thumbnail";

package/dist/components/file-uploader/file-uploader.types.d.ts

@@ -3,7 +3,6 @@ import { ButtonProps } from '../button/button.types';
 import { BoxProps } from '../box/box.types';
 import { fileUploaderVariants } from './file-uploader.constants';
 export type FileUploaderProps = {
-    CustomContent?: FileUploaderCustomContent;
     /** Any children passed will appear just within the uploader above everything else. Use this for notifications like download toasts. */
     children?: ReactNode;
     className?: string;
@@ -13,6 +12,8 @@ export type FileUploaderProps = {
     fileUrl: string;
     /** This function should delete the record from the database, ***then*** delete the file. */
     handleDeleteFile: HandleDeleteFile;
+    /** Provide this if supporting multiple uploads to prevent multiple calls to update the database. */
+    handleUploadsComplete: HandleUploadsComplete;
     inputName?: string;
     isActive?: boolean;
     isDisabled?: boolean;
@@ -30,9 +31,9 @@ export type FileUploaderProps = {
     /** If invalid, return the error message to display. */
     validateFile?: ValidateFile;
     /** The 'link' and 'plain' variants will show the 'button' variant if nothing has been uploaded yet. */
-    variant: UploaderVariant;
-} & Partial<FileUploaderDefaultProps> & (WithDraggableProps | WithoutDraggableProps) & (WithReplaceableProps | WithoutReplaceableProps) & (ImmediatelyUploadProps | DelayUploadProps);
-export type UploaderVariant = (typeof fileUploaderVariants)[keyof typeof fileUploaderVariants];
+    variant: FileUploaderVariant;
+} & Partial<FileUploaderDefaultProps> & (WithDraggableProps | WithoutDraggableProps) & (WithReplaceableProps | WithoutReplaceableProps) & (ImmediatelyUploadProps | DelayUploadProps) & (WithCustomContent | WithoutCustomContent);
+export type FileUploaderVariant = (typeof fileUploaderVariants)[keyof typeof fileUploaderVariants];
 export type HandleDeleteFile = (props: HandleFileDeleteArgs) => Promise<void>;
 export type HandleFileDeleteArgs = {
     fileName: string;
@@ -43,11 +44,12 @@ export type HandleFileDeleteArgs = {
 export type DeleteFile = (options?: {
     isReplacing?: boolean;
 }) => Promise<void>;
-export type HandleUploadFile = (props: SelectedFileDetails) => Promise<{
-    [key: string]: any;
+export type HandleUploadFile = (props: SelectedFileDetails) => Promise<UploadedFileDetails>;
+export type HandleUploadsComplete<Data = Record<string, any>> = (uploadedFiles: UploadedFileDetails<Data>[]) => Promise<void>;
+export type UploadedFileDetails<Data = Record<string, any>> = Data & {
     fileName: string;
     fileUrl: string;
-}>;
+};
 /** Applicable to Firebase uploads. */
 export interface FileMetaData {
     contentType: string;
@@ -70,6 +72,7 @@ export type FileUploaderCustomContent = (props: {
     UploaderActionIcons: () => JSX.Element;
     fileName: string;
     fileUrl: string;
+    handleOpenFileSelect: () => void;
     isDraggingOver: boolean;
     processing: boolean;
 }) => JSX.Element;
@@ -104,6 +107,14 @@ type WithoutReplaceableProps = {
     isReplaceable?: never;
     onReplace?: never;
 };
+type WithCustomContent = {
+    CustomContent: FileUploaderCustomContent;
+    variant: 'custom';
+};
+type WithoutCustomContent = {
+    CustomContent?: never | undefined;
+    variant: FileUploaderVariant;
+};
 export type FileUploaderDefaultProps = {
     buttonProps?: Partial<ButtonProps>;
     /** Set to `null` or `[]` to allow all file types. */

package/dist/components/file-uploader/hooks/use-uploader-actions/hooks/use-handle-selected-files/use-handle-selected-files.types.d.ts

@@ -1,7 +1,7 @@
 import { Dispatch, SetStateAction } from 'react';
 import { SelectedFileDetails, FileUploaderProps } from '../../../../file-uploader.types';
 import { OptionalValues } from '../../../../../../types/common';
-export type UseHandleSelectedFilesProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'fileUrl' | 'handleFileSelected' | 'isUploaderOnly' | 'maxUploadsAllowed' | 'onError' | 'transformFileName' | 'validateFile' | 'maxFileSizeMB' | 'minImageHeight' | 'minImageWidth'>>> & {
+export type UseHandleSelectedFilesProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'fileUrl' | 'handleFileSelected' | 'handleUploadsComplete' | 'isUploaderOnly' | 'maxFileSizeMB' | 'maxUploadsAllowed' | 'minImageHeight' | 'minImageWidth' | 'onError' | 'transformFileName' | 'validateFile'>>> & {
     purgeInput: () => void;
     setFileName: Dispatch<SetStateAction<string>>;
     setFileUrl: Dispatch<SetStateAction<string>>;

package/dist/components/file-uploader/hooks/use-uploader-actions/use-uploader-actions.types.d.ts

@@ -1,5 +1,5 @@
 import { FileUploaderProps } from '../../file-uploader.types';
 import { OptionalValues } from '../../../../types/common';
-export type UseUploadActionsProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'fileName' | 'fileUrl' | 'handleDeleteFile' | 'handleFileSelected' | 'handleUploadFile' | 'isUploaderOnly' | 'maxUploadsAllowed' | 'onError' | 'purifyFileName' | 'transformFileName' | 'validateFile'>>> & Partial<Pick<FileUploaderProps, 'maxFileSizeMB' | 'minImageHeight' | 'minImageWidth'>> & {
+export type UseUploadActionsProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'fileName' | 'fileUrl' | 'handleDeleteFile' | 'handleFileSelected' | 'handleUploadsComplete' | 'handleUploadFile' | 'isUploaderOnly' | 'maxUploadsAllowed' | 'onError' | 'purifyFileName' | 'transformFileName' | 'validateFile'>>> & Partial<Pick<FileUploaderProps, 'maxFileSizeMB' | 'minImageHeight' | 'minImageWidth'>> & {
     purgeInput: () => void;
 };

package/dist/components/file-uploader/index.d.ts

@@ -1,2 +1,4 @@
 export * from './file-uploader';
+export * from './file-uploader.constants';
 export * from './file-uploader.types';
+export * from './helpers';