@wirekyt/dom 0.0.1 → 0.0.2

package/dist/machines/file-upload/index.d.cts

@@ -0,0 +1,150 @@
+import { n as AnatomyInstance } from "../../anatomy-DMuSMbOP.cjs";
+import { M as Service, S as EventObject, T as Machine } from "../../index-BKgxIVbE.cjs";
+import { b as PropTypes, g as RequiredBy, o as LocaleProperties, t as CommonProperties, y as NormalizeProps } from "../../index-BXfunVyD.cjs";
+import { i as FileMimeType, r as FileError } from "../../types-CjocssbC.cjs";
+import "../../index-BF6G2RiC.cjs";
+//#region src/machines/file-upload/anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "trigger" | "label" | "clearTrigger" | "dropzone" | "itemName" | "itemSizeText" | "itemPreview" | "itemDeleteTrigger" | "itemGroup" | "itemPreviewImage">;
+//#endregion
+//#region src/machines/file-upload/types.d.ts
+interface FileRejection {
+  file: File;
+  errors: FileError[];
+}
+interface FileChangeDetails {
+  acceptedFiles: File[];
+  rejectedFiles: FileRejection[];
+}
+interface FileValidateDetails {
+  acceptedFiles: File[];
+  rejectedFiles: FileRejection[];
+}
+interface FileAcceptDetails {
+  files: File[];
+}
+interface FileRejectDetails {
+  files: FileRejection[];
+}
+type ElementIds = Partial<{
+  root: string;
+  dropzone: string;
+  hiddenInput: string;
+  trigger: string;
+  label: string;
+  item: (id: string) => string;
+  itemName: (id: string) => string;
+  itemSizeText: (id: string) => string;
+  itemPreview: (id: string) => string;
+  itemDeleteTrigger: (id: string) => string;
+}>;
+interface IntlTranslations {
+  dropzone?: string | undefined;
+  itemPreview?: ((file: File) => string) | undefined;
+  deleteFile?: ((file: File) => string) | undefined;
+}
+interface FileUploadProps extends LocaleProperties, CommonProperties {
+  name?: string | undefined;
+  ids?: ElementIds | undefined;
+  translations?: IntlTranslations | undefined;
+  accept?: Record<string, string[]> | FileMimeType | FileMimeType[] | undefined;
+  disabled?: boolean | undefined;
+  required?: boolean | undefined;
+  allowDrop?: boolean | undefined;
+  maxFileSize?: number | undefined;
+  minFileSize?: number | undefined;
+  maxFiles?: number | undefined;
+  preventDocumentDrop?: boolean | undefined;
+  validate?: ((file: File, details: FileValidateDetails) => FileError[] | null) | undefined;
+  defaultAcceptedFiles?: File[] | undefined;
+  acceptedFiles?: File[] | undefined;
+  onFileChange?: ((details: FileChangeDetails) => void) | undefined;
+  onFileAccept?: ((details: FileAcceptDetails) => void) | undefined;
+  onFileReject?: ((details: FileRejectDetails) => void) | undefined;
+  capture?: "user" | "environment" | undefined;
+  directory?: boolean | undefined;
+  invalid?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  transformFiles?: ((files: File[]) => Promise<File[]>) | undefined;
+}
+type PropsWithDefault = "minFileSize" | "maxFileSize" | "maxFiles" | "preventDocumentDrop" | "allowDrop" | "translations";
+interface Context {
+  rejectedFiles: FileRejection[];
+  acceptedFiles: File[];
+  transforming: boolean;
+}
+type Computed = {
+  acceptAttr: string | undefined;
+  multiple: boolean;
+};
+interface FileUploadSchema {
+  state: "idle" | "focused" | "dragging";
+  props: RequiredBy<FileUploadProps, PropsWithDefault>;
+  context: Context;
+  computed: Computed;
+  event: EventObject;
+  action: string;
+  effect: string;
+  guard: string;
+}
+type FileUploadService = Service<FileUploadSchema>;
+type FileUploadMachine = Machine<FileUploadSchema>;
+type ItemType = "accepted" | "rejected";
+interface ItemTypeProps {
+  type?: ItemType | undefined;
+}
+interface ItemProps extends ItemTypeProps {
+  file: File;
+}
+interface ItemPreviewImageProps extends ItemProps {
+  url: string;
+}
+interface ItemGroupProps extends ItemTypeProps {}
+interface DropzoneProps {
+  disableClick?: boolean | undefined;
+}
+interface FileUploadApi<T extends PropTypes = PropTypes> {
+  dragging: boolean;
+  focused: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  transforming: boolean;
+  maxFilesReached: boolean;
+  remainingFiles: number;
+  openFilePicker: VoidFunction;
+  deleteFile: (file: File, type?: ItemType | undefined) => void;
+  acceptedFiles: File[];
+  rejectedFiles: FileRejection[];
+  setFiles: (files: File[]) => void;
+  clearFiles: VoidFunction;
+  clearRejectedFiles: VoidFunction;
+  getFileSize: (file: File) => string;
+  createFileUrl: (file: File, cb: (url: string) => void) => VoidFunction;
+  setClipboardFiles: (dt: DataTransfer | null) => boolean;
+  getLabelProps: () => T["label"];
+  getRootProps: () => T["element"];
+  getDropzoneProps: (props?: DropzoneProps) => T["element"];
+  getTriggerProps: () => T["button"];
+  getHiddenInputProps: () => T["input"];
+  getItemGroupProps: (props?: ItemGroupProps) => T["element"];
+  getItemProps: (props: ItemProps) => T["element"];
+  getItemNameProps: (props: ItemProps) => T["element"];
+  getItemPreviewProps: (props: ItemProps) => T["element"];
+  getItemPreviewImageProps: (props: ItemPreviewImageProps) => T["img"];
+  getItemSizeTextProps: (props: ItemProps) => T["element"];
+  getItemDeleteTriggerProps: (props: ItemProps) => T["button"];
+  getClearTriggerProps: () => T["button"];
+}
+//#endregion
+//#region src/machines/file-upload/connect.d.ts
+declare function connect<T extends PropTypes>(service: FileUploadService, normalize: NormalizeProps<T>): FileUploadApi<T>;
+//#endregion
+//#region src/machines/file-upload/machine.d.ts
+declare const machine: Machine<FileUploadSchema>;
+//#endregion
+//#region src/machines/file-upload/props.d.ts
+declare const props: (keyof FileUploadProps)[];
+declare const splitProps: <Props extends Partial<FileUploadProps>>(props: Props) => [Partial<FileUploadProps>, Omit<Props, keyof FileUploadProps>];
+declare const itemProps: (keyof ItemProps)[];
+declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
+//#endregion
+export { type FileUploadApi as Api, type DropzoneProps, type ElementIds, type FileAcceptDetails, type FileChangeDetails, type FileError, type FileMimeType, type FileRejectDetails, type FileRejection, type FileValidateDetails, type IntlTranslations, type ItemGroupProps, type ItemPreviewImageProps, type ItemProps, type ItemType, type ItemTypeProps, type FileUploadMachine as Machine, type FileUploadProps as Props, type FileUploadService as Service, anatomy, connect, itemProps, machine, props, splitItemProps, splitProps };

package/dist/machines/file-upload/index.d.ts

@@ -0,0 +1,150 @@
+import { n as AnatomyInstance } from "../../anatomy-DMuSMbOP.js";
+import { M as Service, S as EventObject, T as Machine } from "../../index-CFoN0L3C.js";
+import { b as PropTypes, g as RequiredBy, o as LocaleProperties, t as CommonProperties, y as NormalizeProps } from "../../index-BXfunVyD.js";
+import { i as FileMimeType, r as FileError } from "../../types-CjocssbC.js";
+import "../../index-BdeZuSX6.js";
+//#region src/machines/file-upload/anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "item" | "trigger" | "label" | "clearTrigger" | "dropzone" | "itemName" | "itemSizeText" | "itemPreview" | "itemDeleteTrigger" | "itemGroup" | "itemPreviewImage">;
+//#endregion
+//#region src/machines/file-upload/types.d.ts
+interface FileRejection {
+  file: File;
+  errors: FileError[];
+}
+interface FileChangeDetails {
+  acceptedFiles: File[];
+  rejectedFiles: FileRejection[];
+}
+interface FileValidateDetails {
+  acceptedFiles: File[];
+  rejectedFiles: FileRejection[];
+}
+interface FileAcceptDetails {
+  files: File[];
+}
+interface FileRejectDetails {
+  files: FileRejection[];
+}
+type ElementIds = Partial<{
+  root: string;
+  dropzone: string;
+  hiddenInput: string;
+  trigger: string;
+  label: string;
+  item: (id: string) => string;
+  itemName: (id: string) => string;
+  itemSizeText: (id: string) => string;
+  itemPreview: (id: string) => string;
+  itemDeleteTrigger: (id: string) => string;
+}>;
+interface IntlTranslations {
+  dropzone?: string | undefined;
+  itemPreview?: ((file: File) => string) | undefined;
+  deleteFile?: ((file: File) => string) | undefined;
+}
+interface FileUploadProps extends LocaleProperties, CommonProperties {
+  name?: string | undefined;
+  ids?: ElementIds | undefined;
+  translations?: IntlTranslations | undefined;
+  accept?: Record<string, string[]> | FileMimeType | FileMimeType[] | undefined;
+  disabled?: boolean | undefined;
+  required?: boolean | undefined;
+  allowDrop?: boolean | undefined;
+  maxFileSize?: number | undefined;
+  minFileSize?: number | undefined;
+  maxFiles?: number | undefined;
+  preventDocumentDrop?: boolean | undefined;
+  validate?: ((file: File, details: FileValidateDetails) => FileError[] | null) | undefined;
+  defaultAcceptedFiles?: File[] | undefined;
+  acceptedFiles?: File[] | undefined;
+  onFileChange?: ((details: FileChangeDetails) => void) | undefined;
+  onFileAccept?: ((details: FileAcceptDetails) => void) | undefined;
+  onFileReject?: ((details: FileRejectDetails) => void) | undefined;
+  capture?: "user" | "environment" | undefined;
+  directory?: boolean | undefined;
+  invalid?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  transformFiles?: ((files: File[]) => Promise<File[]>) | undefined;
+}
+type PropsWithDefault = "minFileSize" | "maxFileSize" | "maxFiles" | "preventDocumentDrop" | "allowDrop" | "translations";
+interface Context {
+  rejectedFiles: FileRejection[];
+  acceptedFiles: File[];
+  transforming: boolean;
+}
+type Computed = {
+  acceptAttr: string | undefined;
+  multiple: boolean;
+};
+interface FileUploadSchema {
+  state: "idle" | "focused" | "dragging";
+  props: RequiredBy<FileUploadProps, PropsWithDefault>;
+  context: Context;
+  computed: Computed;
+  event: EventObject;
+  action: string;
+  effect: string;
+  guard: string;
+}
+type FileUploadService = Service<FileUploadSchema>;
+type FileUploadMachine = Machine<FileUploadSchema>;
+type ItemType = "accepted" | "rejected";
+interface ItemTypeProps {
+  type?: ItemType | undefined;
+}
+interface ItemProps extends ItemTypeProps {
+  file: File;
+}
+interface ItemPreviewImageProps extends ItemProps {
+  url: string;
+}
+interface ItemGroupProps extends ItemTypeProps {}
+interface DropzoneProps {
+  disableClick?: boolean | undefined;
+}
+interface FileUploadApi<T extends PropTypes = PropTypes> {
+  dragging: boolean;
+  focused: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  transforming: boolean;
+  maxFilesReached: boolean;
+  remainingFiles: number;
+  openFilePicker: VoidFunction;
+  deleteFile: (file: File, type?: ItemType | undefined) => void;
+  acceptedFiles: File[];
+  rejectedFiles: FileRejection[];
+  setFiles: (files: File[]) => void;
+  clearFiles: VoidFunction;
+  clearRejectedFiles: VoidFunction;
+  getFileSize: (file: File) => string;
+  createFileUrl: (file: File, cb: (url: string) => void) => VoidFunction;
+  setClipboardFiles: (dt: DataTransfer | null) => boolean;
+  getLabelProps: () => T["label"];
+  getRootProps: () => T["element"];
+  getDropzoneProps: (props?: DropzoneProps) => T["element"];
+  getTriggerProps: () => T["button"];
+  getHiddenInputProps: () => T["input"];
+  getItemGroupProps: (props?: ItemGroupProps) => T["element"];
+  getItemProps: (props: ItemProps) => T["element"];
+  getItemNameProps: (props: ItemProps) => T["element"];
+  getItemPreviewProps: (props: ItemProps) => T["element"];
+  getItemPreviewImageProps: (props: ItemPreviewImageProps) => T["img"];
+  getItemSizeTextProps: (props: ItemProps) => T["element"];
+  getItemDeleteTriggerProps: (props: ItemProps) => T["button"];
+  getClearTriggerProps: () => T["button"];
+}
+//#endregion
+//#region src/machines/file-upload/connect.d.ts
+declare function connect<T extends PropTypes>(service: FileUploadService, normalize: NormalizeProps<T>): FileUploadApi<T>;
+//#endregion
+//#region src/machines/file-upload/machine.d.ts
+declare const machine: Machine<FileUploadSchema>;
+//#endregion
+//#region src/machines/file-upload/props.d.ts
+declare const props: (keyof FileUploadProps)[];
+declare const splitProps: <Props extends Partial<FileUploadProps>>(props: Props) => [Partial<FileUploadProps>, Omit<Props, keyof FileUploadProps>];
+declare const itemProps: (keyof ItemProps)[];
+declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
+//#endregion
+export { type FileUploadApi as Api, type DropzoneProps, type ElementIds, type FileAcceptDetails, type FileChangeDetails, type FileError, type FileMimeType, type FileRejectDetails, type FileRejection, type FileValidateDetails, type IntlTranslations, type ItemGroupProps, type ItemPreviewImageProps, type ItemProps, type ItemType, type ItemTypeProps, type FileUploadMachine as Machine, type FileUploadProps as Props, type FileUploadService as Service, anatomy, connect, itemProps, machine, props, splitItemProps, splitProps };