npm - @trackunit/react-compound-components - Versions diffs - 1.7.65 → 1.7.67 - Mend

@trackunit/react-compound-components 1.7.65 → 1.7.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/package.json +12 -12
package/src/ImageCollection/ImageCollection.stories.d.ts +5 -155

package/package.json CHANGED Viewed

@@ -1,23 +1,23 @@
 {
   "name": "@trackunit/react-compound-components",
-  "version": "1.7.65",
+  "version": "1.7.67",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
     "react": "19.0.0",
     "tailwind-merge": "^2.0.0",
     "react-image-gallery": "1.3.0",
-    "@trackunit/react-core-contexts-api": "1.8.47",
-    "@trackunit/react-core-hooks": "1.7.50",
-    "@trackunit/react-components": "1.10.3",
-    "@trackunit/react-modal": "1.8.62",
-    "@trackunit/css-class-variance-utilities": "1.7.43",
-    "@trackunit/date-and-time-utils": "1.7.43",
-    "@trackunit/react-form-components": "1.8.65",
-    "@trackunit/i18n-library-translation": "1.7.52",
-    "@trackunit/react-test-setup": "1.4.43",
-    "@trackunit/shared-utils": "1.9.43",
-    "@trackunit/ui-icons": "1.7.44"
+    "@trackunit/react-core-contexts-api": "1.8.48",
+    "@trackunit/react-core-hooks": "1.7.51",
+    "@trackunit/react-components": "1.10.5",
+    "@trackunit/react-modal": "1.8.64",
+    "@trackunit/css-class-variance-utilities": "1.7.44",
+    "@trackunit/date-and-time-utils": "1.7.44",
+    "@trackunit/react-form-components": "1.8.67",
+    "@trackunit/i18n-library-translation": "1.7.53",
+    "@trackunit/react-test-setup": "1.4.44",
+    "@trackunit/shared-utils": "1.9.44",
+    "@trackunit/ui-icons": "1.7.45"
   },
   "engines": {
     "node": ">=22.x",

package/src/ImageCollection/ImageCollection.stories.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
-import { ComponentProps, ReactElement } from "react";
-import { ImageCollection } from "./ImageCollection";
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+type Story = StoryObj<typeof meta>;
 declare const meta: {
     title: string;
     component: (props: Omit<import("react-image-gallery").ReactImageGalleryProps, "items"> & {
@@ -34,156 +35,5 @@ declare const meta: {
 };
 export default meta;
 export declare const PackageName: () => ReactElement;
-export declare const Default: {
-    render: (props: ComponentProps<typeof ImageCollection>) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        imageIds: {
-            id: string;
-            original: string;
-            thumbnail: string;
-        }[];
-        onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        flickThreshold?: number | undefined | undefined;
-        showNav?: boolean | undefined | undefined;
-        autoPlay?: boolean | undefined | undefined;
-        lazyLoad?: boolean | undefined | undefined;
-        infinite?: boolean | undefined | undefined;
-        showIndex?: boolean | undefined | undefined;
-        showBullets?: boolean | undefined | undefined;
-        showThumbnails?: boolean | undefined | undefined;
-        showPlayButton?: boolean | undefined | undefined;
-        showFullscreenButton?: boolean | undefined | undefined;
-        disableThumbnailScroll?: boolean | undefined | undefined;
-        disableKeyDown?: boolean | undefined | undefined;
-        disableSwipe?: boolean | undefined | undefined;
-        useBrowserFullscreen?: boolean | undefined | undefined;
-        preventDefaultTouchmoveEvent?: boolean | undefined | undefined;
-        onErrorImageURL?: string | undefined | undefined;
-        indexSeparator?: string | undefined | undefined;
-        thumbnailPosition?: "top" | "right" | "bottom" | "left" | undefined | undefined;
-        startIndex?: number | undefined | undefined;
-        slideDuration?: number | undefined | undefined;
-        slideInterval?: number | undefined | undefined;
-        slideOnThumbnailOver?: boolean | undefined | undefined;
-        swipeThreshold?: number | undefined | undefined;
-        swipingTransitionDuration?: number | undefined | undefined;
-        onSlide?: ((currentIndex: number) => void) | undefined | undefined;
-        onBeforeSlide?: ((currentIndex: number) => void) | undefined | undefined;
-        onScreenChange?: ((fullScreen: boolean) => void) | undefined | undefined;
-        onPause?: ((currentIndex: number) => void) | undefined | undefined;
-        onPlay?: ((currentIndex: number) => void) | undefined | undefined;
-        onImageLoad?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
-        onImageError?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
-        onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onThumbnailError?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
-        onThumbnailClick?: ((event: React.MouseEvent<HTMLAnchorElement>, index: number) => void) | undefined | undefined;
-        renderCustomControls?: (() => React.ReactNode) | undefined | undefined;
-        renderLeftNav?: ((onClick: React.MouseEventHandler<HTMLElement>, disabled: boolean) => React.ReactNode) | undefined | undefined;
-        renderRightNav?: ((onClick: React.MouseEventHandler<HTMLElement>, disabled: boolean) => React.ReactNode) | undefined | undefined;
-        renderPlayPauseButton?: ((onClick: React.MouseEventHandler<HTMLElement>, isPlaying: boolean) => React.ReactNode) | undefined | undefined;
-        renderFullscreenButton?: ((onClick: React.MouseEventHandler<HTMLElement>, isFullscreen: boolean) => React.ReactNode) | undefined | undefined;
-        renderItem?: ((item: import("react-image-gallery").ReactImageGalleryItem) => React.ReactNode) | undefined | undefined;
-        renderThumbInner?: ((item: import("react-image-gallery").ReactImageGalleryItem) => React.ReactNode) | undefined | undefined;
-        stopPropagation?: boolean | undefined | undefined;
-        additionalClass?: string | undefined | undefined;
-        useTranslate3D?: boolean | undefined | undefined;
-        isRTL?: boolean | undefined | undefined;
-        imagesData?: {
-            id: string;
-            name: string;
-            timestamp: string;
-        }[] | undefined;
-        actions?: {
-            upload?: {
-                label: string;
-                onUpload: (pictures: FileList) => Promise<void>;
-            };
-            remove?: {
-                label: string;
-                onRemove?: (id: string) => Promise<void>;
-            };
-        } | undefined;
-        emptyPlaceholderActionLabel?: string | undefined;
-        additionalItemClassName?: string | undefined;
-        uploading?: boolean | undefined;
-    };
-};
-export declare const EmptyState: {
-    name: string;
-    render: (props: ComponentProps<typeof ImageCollection>) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        imageIds: never[];
-        onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        flickThreshold?: number | undefined | undefined;
-        showNav?: boolean | undefined | undefined;
-        autoPlay?: boolean | undefined | undefined;
-        lazyLoad?: boolean | undefined | undefined;
-        infinite?: boolean | undefined | undefined;
-        showIndex?: boolean | undefined | undefined;
-        showBullets?: boolean | undefined | undefined;
-        showThumbnails?: boolean | undefined | undefined;
-        showPlayButton?: boolean | undefined | undefined;
-        showFullscreenButton?: boolean | undefined | undefined;
-        disableThumbnailScroll?: boolean | undefined | undefined;
-        disableKeyDown?: boolean | undefined | undefined;
-        disableSwipe?: boolean | undefined | undefined;
-        useBrowserFullscreen?: boolean | undefined | undefined;
-        preventDefaultTouchmoveEvent?: boolean | undefined | undefined;
-        onErrorImageURL?: string | undefined | undefined;
-        indexSeparator?: string | undefined | undefined;
-        thumbnailPosition?: "top" | "right" | "bottom" | "left" | undefined | undefined;
-        startIndex?: number | undefined | undefined;
-        slideDuration?: number | undefined | undefined;
-        slideInterval?: number | undefined | undefined;
-        slideOnThumbnailOver?: boolean | undefined | undefined;
-        swipeThreshold?: number | undefined | undefined;
-        swipingTransitionDuration?: number | undefined | undefined;
-        onSlide?: ((currentIndex: number) => void) | undefined | undefined;
-        onBeforeSlide?: ((currentIndex: number) => void) | undefined | undefined;
-        onScreenChange?: ((fullScreen: boolean) => void) | undefined | undefined;
-        onPause?: ((currentIndex: number) => void) | undefined | undefined;
-        onPlay?: ((currentIndex: number) => void) | undefined | undefined;
-        onImageLoad?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
-        onImageError?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
-        onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-        onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-        onThumbnailError?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
-        onThumbnailClick?: ((event: React.MouseEvent<HTMLAnchorElement>, index: number) => void) | undefined | undefined;
-        renderCustomControls?: (() => React.ReactNode) | undefined | undefined;
-        renderLeftNav?: ((onClick: React.MouseEventHandler<HTMLElement>, disabled: boolean) => React.ReactNode) | undefined | undefined;
-        renderRightNav?: ((onClick: React.MouseEventHandler<HTMLElement>, disabled: boolean) => React.ReactNode) | undefined | undefined;
-        renderPlayPauseButton?: ((onClick: React.MouseEventHandler<HTMLElement>, isPlaying: boolean) => React.ReactNode) | undefined | undefined;
-        renderFullscreenButton?: ((onClick: React.MouseEventHandler<HTMLElement>, isFullscreen: boolean) => React.ReactNode) | undefined | undefined;
-        renderItem?: ((item: import("react-image-gallery").ReactImageGalleryItem) => React.ReactNode) | undefined | undefined;
-        renderThumbInner?: ((item: import("react-image-gallery").ReactImageGalleryItem) => React.ReactNode) | undefined | undefined;
-        stopPropagation?: boolean | undefined | undefined;
-        additionalClass?: string | undefined | undefined;
-        useTranslate3D?: boolean | undefined | undefined;
-        isRTL?: boolean | undefined | undefined;
-        imagesData?: {
-            id: string;
-            name: string;
-            timestamp: string;
-        }[] | undefined;
-        actions?: {
-            upload?: {
-                label: string;
-                onUpload: (pictures: FileList) => Promise<void>;
-            };
-            remove?: {
-                label: string;
-                onRemove?: (id: string) => Promise<void>;
-            };
-        } | undefined;
-        emptyPlaceholderActionLabel?: string | undefined;
-        additionalItemClassName?: string | undefined;
-        uploading?: boolean | undefined;
-    };
-};
+export declare const Default: Story;
+export declare const EmptyState: Story;