@zayne-labs/ui-react 0.9.6 → 0.9.10

package/dist/esm/components/ui/drag-scroll/index.js

@@ -1,122 +1,5 @@
-import { cnMerge } from '../../../chunk-OHG7GB7O.js';
+export { useDragScroll } from '../../../chunk-V5ZPMMIH.js';
+import '../../../chunk-OHG7GB7O.js';
 import '../../../chunk-PZ5AY32C.js';
-import { off, on, checkIsDeviceMobile } from '@zayne-labs/toolkit-core';
-import { useCallbackRef } from '@zayne-labs/toolkit-react';
-import { mergeTwoProps, composeRefs } from '@zayne-labs/toolkit-react/utils';
-import { useRef } from 'react';
-
-var updateCursor = (element) => {
-  element.style.cursor = "grabbing";
-  element.style.userSelect = "none";
-};
-var onScrollSnap = (action, element) => {
-  if (action === "remove") {
-    element.style.scrollSnapType = "none";
-    return;
-  }
-  element.style.scrollSnapType = "";
-};
-var resetCursor = (element) => {
-  element.style.cursor = "";
-  element.style.userSelect = "";
-};
-var handleScrollSnap = (dragContainer) => {
-  const isMobile = checkIsDeviceMobile();
-  if (!isMobile) {
-    onScrollSnap("remove", dragContainer);
-  } else {
-    onScrollSnap("reset", dragContainer);
-  }
-};
-
-// src/components/ui/drag-scroll/use-drag-scroll.ts
-var useDragScroll = (props) => {
-  const {
-    classNames,
-    extraItemProps,
-    extraRootProps,
-    orientation = "horizontal",
-    usage = "allScreens"
-  } = props ?? {};
-  const dragContainerRef = useRef(null);
-  const positionRef = useRef({ left: 0, top: 0, x: 0, y: 0 });
-  const handleMouseMove = useCallbackRef((event) => {
-    if (!dragContainerRef.current) return;
-    if (orientation === "horizontal" || orientation === "both") {
-      const dx = event.clientX - positionRef.current.x;
-      dragContainerRef.current.scrollLeft = positionRef.current.left - dx;
-    }
-    if (orientation === "vertical" || orientation === "both") {
-      const dy = event.clientY - positionRef.current.y;
-      dragContainerRef.current.scrollTop = positionRef.current.top - dy;
-    }
-  });
-  const handleMouseUpOrLeave = useCallbackRef(() => {
-    if (!dragContainerRef.current) return;
-    off("mousemove", dragContainerRef.current, handleMouseMove);
-    off("mouseup", dragContainerRef.current, handleMouseUpOrLeave);
-    off("mouseleave", dragContainerRef.current, handleMouseUpOrLeave);
-    resetCursor(dragContainerRef.current);
-  });
-  const handleMouseDown = useCallbackRef((event) => {
-    if (usage === "mobileAndTabletOnly" && window.innerWidth >= 768) return;
-    if (usage === "desktopOnly" && window.innerWidth < 768) return;
-    if (!dragContainerRef.current) return;
-    if (orientation === "horizontal" || orientation === "both") {
-      positionRef.current.x = event.clientX;
-      positionRef.current.left = dragContainerRef.current.scrollLeft;
-    }
-    if (orientation === "vertical" || orientation === "both") {
-      positionRef.current.y = event.clientY;
-      positionRef.current.top = dragContainerRef.current.scrollTop;
-    }
-    updateCursor(dragContainerRef.current);
-    on("mousemove", dragContainerRef.current, handleMouseMove);
-    on("mouseup", dragContainerRef.current, handleMouseUpOrLeave);
-    on("mouseleave", dragContainerRef.current, handleMouseUpOrLeave);
-  });
-  const refCallBack = useCallbackRef((node) => {
-    dragContainerRef.current = node;
-    node && handleScrollSnap(node);
-    const cleanup = on("mousedown", dragContainerRef.current, handleMouseDown);
-    return cleanup;
-  });
-  const getRootProps = (rootProps) => {
-    const mergedRootProps = mergeTwoProps(extraRootProps, rootProps);
-    return {
-      ...mergedRootProps,
-      className: cnMerge(
-        `scrollbar-hidden flex w-full cursor-grab snap-x snap-mandatory overflow-y-hidden
-				overflow-x-scroll`,
-        orientation === "horizontal" && "flex-row",
-        orientation === "vertical" && "flex-col",
-        usage === "mobileAndTabletOnly" && "md:cursor-default md:flex-col",
-        usage === "desktopOnly" && "max-md:cursor-default max-md:flex-col",
-        classNames?.base,
-        mergedRootProps.className
-      ),
-      "data-part": "root",
-      "data-scope": "drag-scroll",
-      "data-slot": "drag-scroll-root",
-      ref: composeRefs(
-        refCallBack,
-        mergedRootProps?.ref
-      )
-    };
-  };
-  const getItemProps = (itemProps) => {
-    const mergedItemProps = mergeTwoProps(extraItemProps, itemProps);
-    return {
-      ...mergedItemProps,
-      className: cnMerge("snap-center snap-always", classNames?.item, mergedItemProps.className),
-      "data-part": "item",
-      "data-scope": "drag-scroll",
-      "data-slot": "drag-scroll-item"
-    };
-  };
-  return { getItemProps, getRootProps };
-};
-
-export { useDragScroll };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ui/drag-scroll/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/ui/drag-scroll/utils.ts","../../../../../src/components/ui/drag-scroll/use-drag-scroll.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { checkIsDeviceMobile } from \"@zayne-labs/toolkit-core\";\n\n/* eslint-disable no-param-reassign -- Mutation is needed here since it's an element */\nexport const updateCursor = <TElement extends HTMLElement>(element: TElement) => {\n\telement.style.cursor = \"grabbing\";\n\telement.style.userSelect = \"none\";\n};\n\nexport const onScrollSnap = <TElement extends HTMLElement>(\n\taction: \"remove\" | \"reset\",\n\telement: TElement\n) => {\n\tif (action === \"remove\") {\n\t\telement.style.scrollSnapType = \"none\";\n\t\treturn;\n\t}\n\n\telement.style.scrollSnapType = \"\";\n};\n\nexport const resetCursor = <TElement extends HTMLElement>(element: TElement) => {\n\telement.style.cursor = \"\";\n\telement.style.userSelect = \"\";\n};\n/* eslint-enable no-param-reassign  -- Mutation is needed here since it's an element */\n\nexport const handleScrollSnap = (dragContainer: HTMLElement) => {\n\tconst isMobile = checkIsDeviceMobile();\n\n\tif (!isMobile) {\n\t\tonScrollSnap(\"remove\", dragContainer);\n\t} else {\n\t\tonScrollSnap(\"reset\", dragContainer);\n\t}\n};\n","import { cnMerge } from \"@/lib/utils/cn\";\nimport { off, on } from \"@zayne-labs/toolkit-core\";\nimport { useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport { type InferProps, composeRefs, mergeTwoProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { type RefCallback, useRef } from \"react\";\nimport { handleScrollSnap, resetCursor, updateCursor } from \"./utils\";\n\ntype ItemProps<TItemElement extends HTMLElement> = Omit<InferProps<TItemElement>, \"children\">;\n\ntype RootProps<TElement extends HTMLElement> = Omit<InferProps<TElement>, \"children\">;\n\ntype DragScrollProps<TElement extends HTMLElement, TItemElement extends HTMLElement> = {\n\tclassNames?: { base?: string; item?: string };\n\textraItemProps?: ItemProps<TItemElement>;\n\textraRootProps?: InferProps<TElement>;\n\torientation?: \"both\" | \"horizontal\" | \"vertical\";\n\tusage?: \"allScreens\" | \"desktopOnly\" | \"mobileAndTabletOnly\";\n};\n\ntype DragScrollResult<TElement extends HTMLElement, TItemElement extends HTMLElement> = {\n\tgetItemProps: (itemProps?: ItemProps<TItemElement>) => ItemProps<TItemElement>;\n\tgetRootProps: (rootProps?: RootProps<TElement>) => RootProps<TElement>;\n};\n\nconst useDragScroll = <TElement extends HTMLElement, TItemElement extends HTMLElement = HTMLElement>(\n\tprops?: DragScrollProps<TElement, TItemElement>\n): DragScrollResult<TElement, TItemElement> => {\n\tconst {\n\t\tclassNames,\n\t\textraItemProps,\n\t\textraRootProps,\n\t\torientation = \"horizontal\",\n\t\tusage = \"allScreens\",\n\t} = props ?? {};\n\n\tconst dragContainerRef = useRef<TElement>(null);\n\n\tconst positionRef = useRef({ left: 0, top: 0, x: 0, y: 0 });\n\n\tconst handleMouseMove = useCallbackRef((event: MouseEvent) => {\n\t\tif (!dragContainerRef.current) return;\n\n\t\tif (orientation === \"horizontal\" || orientation === \"both\") {\n\t\t\t// == calculate the current change in the horizontal scroll position based on the difference between the previous mouse position and the new mouse position\n\t\t\tconst dx = event.clientX - positionRef.current.x;\n\n\t\t\t// == Assign the scrollLeft of the container to the difference between its previous horizontal scroll position and the change in the mouse position\n\t\t\tdragContainerRef.current.scrollLeft = positionRef.current.left - dx;\n\t\t}\n\n\t\tif (orientation === \"vertical\" || orientation === \"both\") {\n\t\t\t// == calculate the current change in the vertical scroll position based on the difference between the previous mouse position and the new mouse position\n\t\t\tconst dy = event.clientY - positionRef.current.y;\n\n\t\t\t// == Assign the scrollTop of the container to the difference between its previous vertical scroll position and the change in the mouse position\n\t\t\tdragContainerRef.current.scrollTop = positionRef.current.top - dy;\n\t\t}\n\t});\n\n\tconst handleMouseUpOrLeave = useCallbackRef(() => {\n\t\tif (!dragContainerRef.current) return;\n\n\t\toff(\"mousemove\", dragContainerRef.current, handleMouseMove);\n\t\toff(\"mouseup\", dragContainerRef.current, handleMouseUpOrLeave);\n\t\toff(\"mouseleave\", dragContainerRef.current, handleMouseUpOrLeave);\n\n\t\tresetCursor(dragContainerRef.current);\n\t});\n\n\tconst handleMouseDown = useCallbackRef((event: MouseEvent) => {\n\t\tif (usage === \"mobileAndTabletOnly\" && window.innerWidth >= 768) return;\n\t\tif (usage === \"desktopOnly\" && window.innerWidth < 768) return;\n\n\t\tif (!dragContainerRef.current) return;\n\n\t\t// == Update all initial position properties stored in the positionRef\n\t\tif (orientation === \"horizontal\" || orientation === \"both\") {\n\t\t\tpositionRef.current.x = event.clientX;\n\t\t\tpositionRef.current.left = dragContainerRef.current.scrollLeft;\n\t\t}\n\n\t\tif (orientation === \"vertical\" || orientation === \"both\") {\n\t\t\tpositionRef.current.y = event.clientY;\n\t\t\tpositionRef.current.top = dragContainerRef.current.scrollTop;\n\t\t}\n\n\t\tupdateCursor(dragContainerRef.current);\n\n\t\ton(\"mousemove\", dragContainerRef.current, handleMouseMove);\n\t\ton(\"mouseup\", dragContainerRef.current, handleMouseUpOrLeave);\n\t\ton(\"mouseleave\", dragContainerRef.current, handleMouseUpOrLeave);\n\t});\n\n\tconst refCallBack: RefCallback<TElement> = useCallbackRef((node) => {\n\t\tdragContainerRef.current = node;\n\n\t\tnode && handleScrollSnap(node);\n\n\t\tconst cleanup = on(\"mousedown\", dragContainerRef.current, handleMouseDown);\n\n\t\treturn cleanup;\n\t});\n\n\tconst getRootProps: DragScrollResult<TElement, TItemElement>[\"getRootProps\"] = (rootProps) => {\n\t\tconst mergedRootProps = mergeTwoProps(extraRootProps, rootProps);\n\n\t\treturn {\n\t\t\t...mergedRootProps,\n\t\t\tclassName: cnMerge(\n\t\t\t\t`scrollbar-hidden flex w-full cursor-grab snap-x snap-mandatory overflow-y-hidden\n\t\t\t\toverflow-x-scroll`,\n\t\t\t\torientation === \"horizontal\" && \"flex-row\",\n\t\t\t\torientation === \"vertical\" && \"flex-col\",\n\t\t\t\tusage === \"mobileAndTabletOnly\" && \"md:cursor-default md:flex-col\",\n\t\t\t\tusage === \"desktopOnly\" && \"max-md:cursor-default max-md:flex-col\",\n\t\t\t\tclassNames?.base,\n\t\t\t\tmergedRootProps.className\n\t\t\t),\n\t\t\t\"data-part\": \"root\",\n\t\t\t\"data-scope\": \"drag-scroll\",\n\t\t\t\"data-slot\": \"drag-scroll-root\",\n\t\t\tref: composeRefs(\n\t\t\t\trefCallBack,\n\t\t\t\t(mergedRootProps as { ref?: React.Ref<TElement> } | undefined)?.ref\n\t\t\t),\n\t\t};\n\t};\n\n\tconst getItemProps: DragScrollResult<TElement, TItemElement>[\"getItemProps\"] = (itemProps) => {\n\t\tconst mergedItemProps = mergeTwoProps(extraItemProps, itemProps);\n\n\t\treturn {\n\t\t\t...mergedItemProps,\n\t\t\tclassName: cnMerge(\"snap-center snap-always\", classNames?.item, mergedItemProps.className),\n\t\t\t\"data-part\": \"item\",\n\t\t\t\"data-scope\": \"drag-scroll\",\n\t\t\t\"data-slot\": \"drag-scroll-item\",\n\t\t};\n\t};\n\n\treturn { getItemProps, getRootProps };\n};\n\nexport { useDragScroll };\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

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

@@ -1,184 +1,11 @@
-import * as React$1 from 'react';
-import { GetSlotComponentProps } from '../../../lib/utils/getSlotMap/index.js';
-import { InferProps, DiscriminatedRenderProps, PolymorphicProps } from '@zayne-labs/toolkit-react/utils';
-import { FileMeta, FileValidationErrorContext, FileValidationOptions } from '@zayne-labs/toolkit-core';
-import { Prettify } from '@zayne-labs/toolkit-type-helpers';
-
-type ContainerProps = InferProps<HTMLElement> & {
-    classNames?: {
-        base?: string;
-        isDragging?: string;
-    };
-};
-type InputProps = InferProps<"input">;
-type FileWithPreview = {
-    /**
-     *  File object or file metadata
-     */
-    file: File | FileMeta;
-    /**
-     *  Unique ID for the file
-     */
-    id: string;
-    /**
-     *  Preview URL for the file
-     *  - Will be undefined if `disallowPreviewForNonImageFiles` is set to `true` and the file is not an image
-     *  - Can also be undefined if `URL.createObjectURL` fails
-     */
-    preview: string | undefined;
-};
-type DropZoneState = {
-    /**
-     *  List of validation errors
-     */
-    errors: FileValidationErrorContext[];
-    /**
-     *  List of files with their preview URLs and unique IDs
-     */
-    filesWithPreview: FileWithPreview[];
-    /**
-     *  Whether or not a file is currently being dragged over the drop zone
-     */
-    isDragging: boolean;
-};
-type ChangeOrDragEvent = React.ChangeEvent<HTMLInputElement> | React.DragEvent<HTMLElement>;
-type DropZoneActions = {
-    addFiles: (fileList: File[] | FileList | null, event?: ChangeOrDragEvent) => void;
-    clearErrors: () => void;
-    clearFiles: () => void;
-    handleDragEnter: (event: React.DragEvent<HTMLElement>) => void;
-    handleDragLeave: (event: React.DragEvent<HTMLElement>) => void;
-    handleDragOver: (event: React.DragEvent<HTMLElement>) => void;
-    handleFileUpload: (event: ChangeOrDragEvent) => void;
-    openFilePicker: () => void;
-    removeFile: (fileToRemoveOrId: string | FileWithPreview) => void;
-};
-type UseDropZoneResult = {
-    dropZoneActions: DropZoneActions;
-    dropZoneState: DropZoneState;
-    getContainerProps: (containerProps?: ContainerProps) => ContainerProps;
-    getInputProps: (inputProps?: InputProps) => InputProps;
-    inputRef: React.RefObject<HTMLInputElement | null>;
-};
-type UseDropZoneProps = {
-    /**
-     * Allowed file types to be uploaded.
-     */
-    allowedFileTypes?: string[];
-    /**
-     * CSS classes to apply to the various parts of the drop zone
-     */
-    classNames?: Prettify<ContainerProps["classNames"] & {
-        input?: string;
-    }>;
-    /**
-     * Whether to disallow duplicate files
-     * @default true
-     */
-    disallowDuplicates?: boolean;
-    /**
-     * Whether to disallow preview for non-image files
-     * @default true
-     */
-    disallowPreviewForNonImageFiles?: boolean;
-    /**
-     * Extra props to pass to the container element
-     */
-    extraContainerProps?: ContainerProps;
-    /**
-     * Extra props to pass to the input element
-     */
-    extraInputProps?: InputProps;
-    /**
-     * Initial files to populate the drop zone
-     */
-    initialFiles?: FileMeta | FileMeta[] | null;
-    /**
-     * Maximum number of files that can be uploaded.
-     */
-    maxFileCount?: number;
-    /**
-     * Maximum file size in MB
-     */
-    maxFileSize?: number;
-    /**
-     * Whether to allow multiple files to be uploaded
-     */
-    multiple?: boolean;
-    /**
-     * Callback function to be called when internal files state changes
-     */
-    onFilesChange?: (context: {
-        filesWithPreview: FileWithPreview[];
-    }) => void;
-    /**
-     * Callback function to be called when the render props change
-     */
-    onRenderPropsChange?: (props: UseDropZoneResult) => void;
-    /**
-     * Callback function to be called when new files are uploaded
-     */
-    onUpload?: (context: {
-        event: ChangeOrDragEvent;
-        filesWithPreview: FileWithPreview[];
-    }) => void;
-    /**
-     * Callback function to be called on each file upload as they occur
-     */
-    onUploadError?: FileValidationOptions["onError"];
-    /**
-     * Callback function to be called once after all file upload errors have occurred
-     */
-    onUploadErrors?: FileValidationOptions["onErrors"];
-    /**
-     * Callback function to be called on file upload success
-     */
-    onUploadSuccess?: FileValidationOptions["onSuccess"];
-    /**
-     * Custom validation function.
-     *
-     * If the function returns false, the file will be rejected
-     */
-    validator?: NonNullable<FileValidationOptions["validationSettings"]>["validator"];
-    /**
-     * Custom validation function that runs after all file validation has occurred
-     */
-    validatorForAllFiles?: FileValidationOptions["validatorForAllFiles"];
-    /**
-     * Whether to allow the default file picker via the file input element
-     * @default true
-     */
-    withDefaultFilePicker?: boolean;
-};
-declare const useDropZone: (props?: UseDropZoneProps) => UseDropZoneResult;
-
-type DropZoneRenderPropType = DiscriminatedRenderProps<React$1.ReactNode | ((props: UseDropZoneResult) => React$1.ReactNode)>;
-type DropZoneRootProps = DropZoneRenderPropType & UseDropZoneProps & {
-    /**
-     * Controls whether to include internal elements (root and input) or not.
-     */
-    withInternalElements?: boolean;
-};
-declare function DropZoneRoot(props: DropZoneRootProps): React$1.JSX.Element;
-type DropZoneInputProps = InputProps & {
-    asChild?: boolean;
-};
-declare function DropZoneInput(props: DropZoneInputProps): React$1.JSX.Element;
-type DropZoneContainerProps = ContainerProps & {
-    asChild?: boolean;
-};
-declare function DropZoneContainer<TElement extends React$1.ElementType = "div">(props: PolymorphicProps<TElement, DropZoneContainerProps>): React$1.JSX.Element;
-type SlotComponentProps = GetSlotComponentProps<"preview", React$1.ReactNode | ((props: UseDropZoneResult) => React$1.ReactNode)>;
-declare const DropZoneImagePreview: {
-    (props: Pick<SlotComponentProps, "children"> & Record<string, unknown>): React$1.ReactNode;
-    readonly slotName?: "preview" | undefined;
-    readonly slotSymbol?: symbol;
-};
-
-declare namespace dropZoneParts {
-  export { DropZoneContainer as Container, DropZoneImagePreview as ImagePreview, DropZoneInput as Input, DropZoneRoot as Root };
-}
+import { U as UseDropZoneResult } from '../../../drop-zone-parts-CvseSoXA.js';
+export { C as ContainerProps, d as DropZone, i as DropZoneActions, e as DropZoneContainer, f as DropZoneContext, g as DropZoneImagePreview, c as DropZoneInput, D as DropZoneRenderPropType, b as DropZoneRoot, a as DropZoneRootProps, h as DropZoneState, F as FileWithPreview, I as InputProps, j as UseDropZoneProps, u as useDropZone } from '../../../drop-zone-parts-CvseSoXA.js';
+import 'react';
+import '../../../getSlotMap-DTkxtGhd.js';
+import '@zayne-labs/toolkit-type-helpers';
+import '@zayne-labs/toolkit-react/utils';
+import '@zayne-labs/toolkit-core';
 
 declare const useDropZoneContext: () => UseDropZoneResult;
 
-export { type ContainerProps, dropZoneParts as DropZone, type DropZoneActions, DropZoneContainer, DropZoneImagePreview, DropZoneInput, type DropZoneRenderPropType, DropZoneRoot, type DropZoneRootProps, type DropZoneState, type FileWithPreview, type InputProps, type UseDropZoneProps, type UseDropZoneResult, useDropZone, useDropZoneContext };
+export { UseDropZoneResult, useDropZoneContext };