@zayne-labs/ui-react 0.10.45 → 0.10.47

package/dist/esm/ui/drop-zone/index.d.ts

@@ -1,18 +1,38 @@
 import { InferProps, PolymorphicPropsStrict } from "@zayne-labs/toolkit-react/utils";
 import * as _zayne_labs_toolkit_type_helpers0 from "@zayne-labs/toolkit-type-helpers";
 import { Awaitable, SelectorFn } from "@zayne-labs/toolkit-type-helpers";
-import * as react1 from "react";
-import "@zayne-labs/toolkit-react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react6 from "react";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import * as _zayne_labs_toolkit_core1 from "@zayne-labs/toolkit-core";
 import { FileMeta, FileOrFileMeta, FileValidationErrorContextEach, FileValidationHooksAsync, FileValidationSettingsAsync } from "@zayne-labs/toolkit-core";
+import "@zayne-labs/toolkit-react";
 
 //#region src/components/ui/drop-zone/drop-zone-store.d.ts
 type RequiredUseDropZoneProps = { [Key in keyof Required<UseDropZoneProps>]: UseDropZoneProps[Key] | undefined };
-type InitStoreValues = Omit<RequiredUseDropZoneProps, "disabled" | "disableFilePickerOpenOnAreaClick" | "disableInternalStateSubscription" | "extraProps"> & {
-  inputRef: React.RefObject<HTMLInputElement | null>;
+type StoreContext = Pick<RequiredUseDropZoneProps, "allowedFileTypes" | "disablePreviewGenForNonImageFiles" | "initialFiles" | "maxFileCount" | "maxFileSize" | "multiple" | "onFilesChange" | "onUpload" | "onValidationError" | "onValidationSuccess" | "rejectDuplicateFiles" | "validator">;
+declare const createDropZoneStore: (storeContext: StoreContext) => {
+  getInitialState: () => DropZoneStore;
+  getListeners: () => Set<(state: DropZoneStore, prevState: DropZoneStore) => void>;
+  getState: () => DropZoneStore;
+  resetState: () => void;
+  setState: {
+    (stateUpdate: Partial<DropZoneStore> | ((prevState: DropZoneStore) => Partial<DropZoneStore>), options?: ({
+      onNotifySync?: ((previousState: DropZoneStore) => void) | undefined;
+      onNotifyViaBatch?: ((previousStateSnapshot: DropZoneStore) => void) | undefined;
+      shouldNotifySync?: boolean | undefined;
+    } & {
+      shouldReplace?: false;
+    }) | undefined): void;
+    (stateUpdate: DropZoneStore | ((prevState: DropZoneStore) => DropZoneStore), options?: ({
+      onNotifySync?: ((previousState: DropZoneStore) => void) | undefined;
+      onNotifyViaBatch?: ((previousStateSnapshot: DropZoneStore) => void) | undefined;
+      shouldNotifySync?: boolean | undefined;
+    } & {
+      shouldReplace: true;
+    }) | undefined): void;
+  };
+  subscribe: _zayne_labs_toolkit_core1.SubscribeFn<DropZoneStore>;
 };
-declare const createDropZoneStore: (initStoreValues: InitStoreValues) => _zayne_labs_toolkit_core1.StoreApi<DropZoneStore>;
 //#endregion
 //#region src/components/ui/drop-zone/utils.d.ts
 declare class DropZoneError extends Error {
@@ -62,13 +82,19 @@ type FileStateOrIDProp = {
   fileStateOrID: FileOrFileMeta | FileState | FileState["id"];
 };
 type RecordForDataAttr = Record<`data-${string}`, unknown>;
+type SharedInputProps = {
+  /**
+   * Set to `true` to disable the default styling
+   */
+  unstyled?: boolean;
+};
 interface PartProps {
   container: {
-    input: PartProps["container"]["output"];
+    input: PartProps["container"]["output"] & SharedInputProps;
     output: InferProps<HTMLElement> & RecordForDataAttr;
   };
   fileItem: {
-    input: PartProps["fileItem"]["output"];
+    input: PartProps["fileItem"]["output"] & SharedInputProps;
     output: InferProps<"li"> & RecordForDataAttr;
   };
   fileItemClear: {
@@ -80,21 +106,21 @@ interface PartProps {
     output: InferProps<"button"> & RecordForDataAttr;
   };
   fileItemMetadata: {
-    input: PartProps["fileItemMetadata"]["output"];
+    input: PartProps["fileItemMetadata"]["output"] & SharedInputProps;
     output: InferProps<"div"> & RecordForDataAttr;
   };
   fileItemPreview: {
-    input: PartProps["fileItemPreview"]["output"];
+    input: PartProps["fileItemPreview"]["output"] & SharedInputProps;
     output: InferProps<"span"> & RecordForDataAttr;
   };
   fileItemProgress: {
-    input: PartProps["fileItemProgress"]["output"] & {
+    input: PartProps["fileItemProgress"]["output"] & SharedInputProps & {
       variant?: "circular" | "fill" | "linear";
     };
     output: InferProps<"span"> & RecordForDataAttr;
   };
   fileList: {
-    input: PartProps["fileList"]["output"] & {
+    input: PartProps["fileList"]["output"] & SharedInputProps & {
       orientation?: "horizontal" | "vertical";
     };
     output: InferProps<"ul"> & RecordForDataAttr;
@@ -146,6 +172,7 @@ type DropZoneActions = {
     handlePaste: (event: React.ClipboardEvent<HTMLElement>) => Awaitable<void>;
     openFilePicker: () => void;
     removeFile: (ctx: FileStateOrIDProp) => void;
+    setInputRef: (element: HTMLInputElement | null) => void;
     updateFileState: (ctx: FileStateOrIDProp & Partial<Omit<FileState, "file" | "id" | "preview">>) => void;
   };
 };
@@ -156,7 +183,7 @@ interface UseDropZoneResult extends Pick<Required<UseDropZoneProps>, "disabled"
   storeApi: ReturnType<typeof createDropZoneStore>;
   useDropZoneStore: typeof useDropZoneStoreContext;
 }
-interface UseDropZoneProps extends FileValidationSettingsAsync {
+interface UseDropZoneProps extends FileValidationSettingsAsync, Pick<SharedInputProps, "unstyled"> {
   /**
    * Whether or not the drop zone is disabled
    */
@@ -213,7 +240,7 @@ interface UseDropZoneProps extends FileValidationSettingsAsync {
   /**
    * Custom validation function.
    *
-   * If the function returns false, the file will be rejected
+   * If the function returns `false`, the file will be rejected
    *
    */
   validator?: FileValidationSettingsAsync["validator"];
@@ -222,8 +249,52 @@ interface UseDropZoneProps extends FileValidationSettingsAsync {
 //#region src/components/ui/drop-zone/drop-zone-context.d.ts
 declare const DropZoneStoreContextProvider: (props: {
     children: React.ReactNode;
-    store: _zayne_labs_toolkit_core1.StoreApi<DropZoneStore>;
-  }) => react1.FunctionComponentElement<react1.ProviderProps<_zayne_labs_toolkit_core1.StoreApi<DropZoneStore>>>, useDropZoneStoreContext: <TResult = DropZoneStore>(selector?: _zayne_labs_toolkit_type_helpers0.SelectorFn<DropZoneStore, TResult> | undefined) => TResult;
+    store: {
+      getInitialState: () => DropZoneStore;
+      getListeners: () => Set<(state: DropZoneStore, prevState: DropZoneStore) => void>;
+      getState: () => DropZoneStore;
+      resetState: () => void;
+      setState: {
+        (stateUpdate: Partial<DropZoneStore> | ((prevState: DropZoneStore) => Partial<DropZoneStore>), options?: ({
+          onNotifySync?: ((previousState: DropZoneStore) => void) | undefined;
+          onNotifyViaBatch?: ((previousStateSnapshot: DropZoneStore) => void) | undefined;
+          shouldNotifySync?: boolean | undefined;
+        } & {
+          shouldReplace?: false;
+        }) | undefined): void;
+        (stateUpdate: DropZoneStore | ((prevState: DropZoneStore) => DropZoneStore), options?: ({
+          onNotifySync?: ((previousState: DropZoneStore) => void) | undefined;
+          onNotifyViaBatch?: ((previousStateSnapshot: DropZoneStore) => void) | undefined;
+          shouldNotifySync?: boolean | undefined;
+        } & {
+          shouldReplace: true;
+        }) | undefined): void;
+      };
+      subscribe: _zayne_labs_toolkit_core1.SubscribeFn<DropZoneStore>;
+    };
+  }) => react6.FunctionComponentElement<react6.ProviderProps<{
+    getInitialState: () => DropZoneStore;
+    getListeners: () => Set<(state: DropZoneStore, prevState: DropZoneStore) => void>;
+    getState: () => DropZoneStore;
+    resetState: () => void;
+    setState: {
+      (stateUpdate: Partial<DropZoneStore> | ((prevState: DropZoneStore) => Partial<DropZoneStore>), options?: ({
+        onNotifySync?: ((previousState: DropZoneStore) => void) | undefined;
+        onNotifyViaBatch?: ((previousStateSnapshot: DropZoneStore) => void) | undefined;
+        shouldNotifySync?: boolean | undefined;
+      } & {
+        shouldReplace?: false;
+      }) | undefined): void;
+      (stateUpdate: DropZoneStore | ((prevState: DropZoneStore) => DropZoneStore), options?: ({
+        onNotifySync?: ((previousState: DropZoneStore) => void) | undefined;
+        onNotifyViaBatch?: ((previousStateSnapshot: DropZoneStore) => void) | undefined;
+        shouldNotifySync?: boolean | undefined;
+      } & {
+        shouldReplace: true;
+      }) | undefined): void;
+    };
+    subscribe: _zayne_labs_toolkit_core1.SubscribeFn<DropZoneStore>;
+  }>>, useDropZoneStoreContext: <TResult = DropZoneStore>(selector?: _zayne_labs_toolkit_type_helpers0.SelectorFn<DropZoneStore, TResult> | undefined) => TResult;
 type FileItemContextType = {
   fileState: FileState;
 };
@@ -232,29 +303,29 @@ type FileItemContextType = {
 type DropZoneRootProps = UseDropZoneProps & {
   children: React.ReactNode;
 };
-declare function DropZoneRoot(props: DropZoneRootProps): react_jsx_runtime10.JSX.Element;
+declare function DropZoneRoot(props: DropZoneRootProps): react_jsx_runtime9.JSX.Element;
 type DropZoneContextProps<TSlice> = {
   children: React.ReactNode | ((context: TSlice) => React.ReactNode);
   selector?: SelectorFn<DropZoneStore, TSlice>;
 };
-declare function DropZoneContext<TSlice = DropZoneStore>(props: DropZoneContextProps<TSlice>): react1.ReactNode;
+declare function DropZoneContext<TSlice = DropZoneStore>(props: DropZoneContextProps<TSlice>): react6.ReactNode;
 type DropZoneContainerProps = PartInputProps["container"] & {
   asChild?: boolean;
 };
-declare function DropZoneContainer<TElement extends React.ElementType = "div">(props: PolymorphicPropsStrict<TElement, DropZoneContainerProps>): react_jsx_runtime10.JSX.Element;
+declare function DropZoneContainer<TElement extends React.ElementType = "div">(props: PolymorphicPropsStrict<TElement, DropZoneContainerProps>): react_jsx_runtime9.JSX.Element;
 type DropZoneInputProps = PartInputProps["input"] & {
   asChild?: boolean;
 };
-declare function DropZoneInput(props: DropZoneInputProps): react_jsx_runtime10.JSX.Element;
+declare function DropZoneInput(props: DropZoneInputProps): react_jsx_runtime9.JSX.Element;
 type DropZoneAreaProps<TSlice> = DropZoneContextProps<TSlice> & PartInputProps["container"] & {
   classNames?: Partial<Record<Extract<keyof PartInputProps, "container" | "input">, string>>;
   extraProps?: Partial<Pick<PartInputProps, "container" | "input">>;
 };
-declare function DropZoneArea<TSlice = DropZoneStore>(props: DropZoneAreaProps<TSlice>): react_jsx_runtime10.JSX.Element;
+declare function DropZoneArea<TSlice = DropZoneStore>(props: DropZoneAreaProps<TSlice>): react_jsx_runtime9.JSX.Element;
 type DropZoneTriggerProps = PartInputProps["trigger"] & {
   asChild?: boolean;
 };
-declare function DropZoneTrigger(props: DropZoneTriggerProps): react_jsx_runtime10.JSX.Element;
+declare function DropZoneTrigger(props: DropZoneTriggerProps): react_jsx_runtime9.JSX.Element;
 type ListPerItemContext = Pick<DropZoneStore, "actions"> & {
   array: DropZoneStore["fileStateArray"];
   fileState: DropZoneStore["fileStateArray"][number];
@@ -273,21 +344,21 @@ type DropZoneFileListProps = Omit<PartInputProps["fileList"], "children"> & {
   asChild?: boolean;
   forceMount?: boolean;
 } & (FileListManualListVariant | FileListPerItemVariant);
-declare function DropZoneFileList<TElement extends React.ElementType = "ul">(props: PolymorphicPropsStrict<TElement, DropZoneFileListProps>): react_jsx_runtime10.JSX.Element;
+declare function DropZoneFileList<TElement extends React.ElementType = "ul">(props: PolymorphicPropsStrict<TElement, DropZoneFileListProps>): react_jsx_runtime9.JSX.Element;
 type DropZoneFileItemProps = FileItemContextType & PartInputProps["fileItem"] & {
   asChild?: boolean;
 };
-declare function DropZoneFileItem<TElement extends React.ElementType = "li">(props: PolymorphicPropsStrict<TElement, DropZoneFileItemProps>): react_jsx_runtime10.JSX.Element;
+declare function DropZoneFileItem<TElement extends React.ElementType = "li">(props: PolymorphicPropsStrict<TElement, DropZoneFileItemProps>): react_jsx_runtime9.JSX.Element;
 type DropZoneFileItemDeleteProps = PartInputProps["fileItemDelete"] & {
   asChild?: boolean;
 };
-declare function DropZoneFileItemDelete(props: DropZoneFileItemDeleteProps): react_jsx_runtime10.JSX.Element;
+declare function DropZoneFileItemDelete(props: DropZoneFileItemDeleteProps): react_jsx_runtime9.JSX.Element;
 type DropZoneFileItemProgressProps = PartInputProps["fileItemProgress"] & {
   asChild?: boolean;
   forceMount?: boolean;
   size?: number;
 };
-declare function DropZoneFileItemProgress<TElement extends React.ElementType = "span">(props: PolymorphicPropsStrict<TElement, DropZoneFileItemProgressProps>): react_jsx_runtime10.JSX.Element | null;
+declare function DropZoneFileItemProgress<TElement extends React.ElementType = "span">(props: PolymorphicPropsStrict<TElement, DropZoneFileItemProgressProps>): react_jsx_runtime9.JSX.Element | null;
 type RenderPreviewDetails<TElement extends React.ElementType = "svg"> = {
   node?: React.ReactNode;
 } & {
@@ -316,7 +387,7 @@ type DropZoneFileItemPreviewProps = Omit<PartInputProps["fileItemPreview"], "chi
   }) => React.ReactNode);
   renderPreview?: boolean | RenderPreview;
 };
-declare function DropZoneFileItemPreview<TElement extends React.ElementType>(props: PolymorphicPropsStrict<TElement, DropZoneFileItemPreviewProps>): react_jsx_runtime10.JSX.Element | null;
+declare function DropZoneFileItemPreview<TElement extends React.ElementType>(props: PolymorphicPropsStrict<TElement, DropZoneFileItemPreviewProps>): react_jsx_runtime9.JSX.Element | null;
 type DropZoneFileItemMetadataProps = Omit<PartInputProps["fileItemMetadata"], "children"> & Partial<Pick<FileItemContextType, "fileState">> & {
   asChild?: boolean;
   children?: React.ReactNode | ((context: Pick<FileItemContextType, "fileState">) => React.ReactNode);
@@ -326,12 +397,12 @@ type DropZoneFileItemMetadataProps = Omit<PartInputProps["fileItemMetadata"], "c
   };
   size?: "default" | "sm";
 };
-declare function DropZoneFileItemMetadata(props: DropZoneFileItemMetadataProps): react_jsx_runtime10.JSX.Element | null;
+declare function DropZoneFileItemMetadata(props: DropZoneFileItemMetadataProps): react_jsx_runtime9.JSX.Element | null;
 type DropZoneFileClearProps = PartInputProps["fileItemClear"] & {
   asChild?: boolean;
   forceMount?: boolean;
 };
-declare function DropZoneFileClear(props: DropZoneFileClearProps): react_jsx_runtime10.JSX.Element | null;
+declare function DropZoneFileClear(props: DropZoneFileClearProps): react_jsx_runtime9.JSX.Element | null;
 declare namespace drop_zone_parts_d_exports {
   export { DropZoneArea as Area, DropZoneContainer as Container, DropZoneContext as Context, DropZoneFileClear as FileClear, DropZoneFileItem as FileItem, DropZoneFileItemDelete as FileItemDelete, DropZoneFileItemMetadata as FileItemMetadata, DropZoneFileItemPreview as FileItemPreview, DropZoneFileItemProgress as FileItemProgress, DropZoneFileList as FileList, DropZoneInput as Input, DropZoneRoot as Root, DropZoneTrigger as Trigger };
 }