@trackunit/react-compound-components 0.0.203 → 0.0.205

package/index.cjs.js

@@ -174,6 +174,7 @@ const cvaGallery = cssClassVarianceUtilities.cvaMerge([
     "[&_.image-gallery-slide-wrapper]:flex-col",
     "[&_.image-gallery-slide-wrapper]:justify-center",
     "[&_.image-gallery-slide]:flex",
+    "hover:[&_.image-gallery-icon]:text-blue-600",
     // This centers thumbnails and makes the clickable area independent of image size
     "[&_.image-gallery-thumbnail]:h-[100px]",
 ]);
@@ -186,7 +187,7 @@ const cvaGallery = cssClassVarianceUtilities.cvaMerge([
  */
 const ImageCollection = (props) => {
     var _a;
-    const { imageIds, actions, emptyPlaceholderText, emptyPlaceholderActionLabel, additionalItemClassName, uploading } = props;
+    const { imageIds, actions, emptyPlaceholderActionLabel, additionalItemClassName, uploading } = props;
     const [openImageId, setOpenImageId] = React.useState(imageIds[0]);
     const [isDeleting, setIsDeleting] = React.useState(false);
     const { width } = reactComponents.useResize();
@@ -243,7 +244,7 @@ const ImageCollection = (props) => {
                         // @ts-ignore
                         id, }) => jsxRuntime.jsx("img", { alt: "thumbnail", "data-testid": `thumbnail-${id}`, loading: "lazy", src: thumbnail }), showFullscreenButton: false, showPlayButton: false, showThumbnails: width > 768, 
                         // reduce sliding around during deletion
-                        slideDuration: isDeleting ? 0 : 200, ...props }), uploadButton, (actions === null || actions === void 0 ? void 0 : actions.remove) ? (jsxRuntime.jsx(reactComponents.Button, { className: "absolute right-2 top-2", loading: isDeleting, onClick: onRemove, prefix: jsxRuntime.jsx(reactComponents.Icon, { name: "Trash", size: "small" }), variant: "secondary-danger", children: actions.remove.label })) : null] })) : (jsxRuntime.jsx(reactComponents.EmptyState, { action: ((_a = actions === null || actions === void 0 ? void 0 : actions.upload) === null || _a === void 0 ? void 0 : _a.onUpload) ? (uploading ? (jsxRuntime.jsx(reactComponents.Spinner, {})) : (jsxRuntime.jsx(reactFormComponents.DropZone, { accept: ACCEPT_FOR_IMAGES, dataTestId: "site-images-dropzone", filesSelected: actions.upload.onUpload, label: emptyPlaceholderActionLabel }))) : null, description: emptyPlaceholderText })), jsxRuntime.jsx("input", { 
+                        slideDuration: isDeleting ? 0 : 200, ...props }), uploadButton, (actions === null || actions === void 0 ? void 0 : actions.remove) ? (jsxRuntime.jsx(reactComponents.Button, { className: "absolute right-2 top-2", loading: isDeleting, onClick: onRemove, prefix: jsxRuntime.jsx(reactComponents.Icon, { name: "Trash", size: "small" }), variant: "secondary-danger", children: actions.remove.label })) : null] })) : ((_a = actions === null || actions === void 0 ? void 0 : actions.upload) === null || _a === void 0 ? void 0 : _a.onUpload) ? (uploading ? (jsxRuntime.jsx(reactComponents.Spinner, {})) : (jsxRuntime.jsx(reactFormComponents.DropZone, { accept: ACCEPT_FOR_IMAGES, className: "h-screen", dataTestId: "site-images-dropzone", filesSelected: actions.upload.onUpload, label: emptyPlaceholderActionLabel, multiple: true }))) : null, jsxRuntime.jsx("input", { 
                 // Users can still select other files on mobile devices
                 accept: ACCEPT_FOR_IMAGES, hidden: true, multiple: true, onChange: async (e) => {
                     if (!(e.target.files && (actions === null || actions === void 0 ? void 0 : actions.upload))) {

package/index.esm.js

@@ -3,7 +3,7 @@ import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-l
 import { ConfirmationDialogProvider } from '@trackunit/react-core-hooks';
 import * as React from 'react';
 import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
-import { Card, CardHeader, CardBody, CardFooter, Button, useResize, Icon, EmptyState, Spinner } from '@trackunit/react-components';
+import { Card, CardHeader, CardBody, CardFooter, Button, useResize, Icon, Spinner } from '@trackunit/react-components';
 import { Modal } from '@trackunit/react-modal';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import ImageGallery from 'react-image-gallery';
@@ -154,6 +154,7 @@ const cvaGallery = cvaMerge([
     "[&_.image-gallery-slide-wrapper]:flex-col",
     "[&_.image-gallery-slide-wrapper]:justify-center",
     "[&_.image-gallery-slide]:flex",
+    "hover:[&_.image-gallery-icon]:text-blue-600",
     // This centers thumbnails and makes the clickable area independent of image size
     "[&_.image-gallery-thumbnail]:h-[100px]",
 ]);
@@ -166,7 +167,7 @@ const cvaGallery = cvaMerge([
  */
 const ImageCollection = (props) => {
     var _a;
-    const { imageIds, actions, emptyPlaceholderText, emptyPlaceholderActionLabel, additionalItemClassName, uploading } = props;
+    const { imageIds, actions, emptyPlaceholderActionLabel, additionalItemClassName, uploading } = props;
     const [openImageId, setOpenImageId] = useState(imageIds[0]);
     const [isDeleting, setIsDeleting] = useState(false);
     const { width } = useResize();
@@ -223,7 +224,7 @@ const ImageCollection = (props) => {
                         // @ts-ignore
                         id, }) => jsx("img", { alt: "thumbnail", "data-testid": `thumbnail-${id}`, loading: "lazy", src: thumbnail }), showFullscreenButton: false, showPlayButton: false, showThumbnails: width > 768, 
                         // reduce sliding around during deletion
-                        slideDuration: isDeleting ? 0 : 200, ...props }), uploadButton, (actions === null || actions === void 0 ? void 0 : actions.remove) ? (jsx(Button, { className: "absolute right-2 top-2", loading: isDeleting, onClick: onRemove, prefix: jsx(Icon, { name: "Trash", size: "small" }), variant: "secondary-danger", children: actions.remove.label })) : null] })) : (jsx(EmptyState, { action: ((_a = actions === null || actions === void 0 ? void 0 : actions.upload) === null || _a === void 0 ? void 0 : _a.onUpload) ? (uploading ? (jsx(Spinner, {})) : (jsx(DropZone, { accept: ACCEPT_FOR_IMAGES, dataTestId: "site-images-dropzone", filesSelected: actions.upload.onUpload, label: emptyPlaceholderActionLabel }))) : null, description: emptyPlaceholderText })), jsx("input", { 
+                        slideDuration: isDeleting ? 0 : 200, ...props }), uploadButton, (actions === null || actions === void 0 ? void 0 : actions.remove) ? (jsx(Button, { className: "absolute right-2 top-2", loading: isDeleting, onClick: onRemove, prefix: jsx(Icon, { name: "Trash", size: "small" }), variant: "secondary-danger", children: actions.remove.label })) : null] })) : ((_a = actions === null || actions === void 0 ? void 0 : actions.upload) === null || _a === void 0 ? void 0 : _a.onUpload) ? (uploading ? (jsx(Spinner, {})) : (jsx(DropZone, { accept: ACCEPT_FOR_IMAGES, className: "h-screen", dataTestId: "site-images-dropzone", filesSelected: actions.upload.onUpload, label: emptyPlaceholderActionLabel, multiple: true }))) : null, jsx("input", { 
                 // Users can still select other files on mobile devices
                 accept: ACCEPT_FOR_IMAGES, hidden: true, multiple: true, onChange: async (e) => {
                     if (!(e.target.files && (actions === null || actions === void 0 ? void 0 : actions.upload))) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-compound-components",
-  "version": "0.0.203",
+  "version": "0.0.205",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {

package/src/ImageCollection/ImageCollection.d.ts

@@ -12,7 +12,6 @@ type Props = Omit<ComponentProps<typeof ImageGallery>, "items"> & {
             onRemove?: (id: string) => Promise<void>;
         };
     };
-    emptyPlaceholderText: string;
     emptyPlaceholderActionLabel?: string;
     additionalItemClassName?: string;
     uploading?: boolean;

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

@@ -74,7 +74,6 @@ export declare const Default: {
                 onRemove?: (id: string) => Promise<void>;
             };
         } | undefined;
-        emptyPlaceholderText?: string | undefined;
         emptyPlaceholderActionLabel?: string | undefined;
         additionalItemClassName?: string | undefined;
         uploading?: boolean | undefined;
@@ -146,7 +145,6 @@ export declare const EmptyState: {
                 onRemove?: (id: string) => Promise<void>;
             };
         } | undefined;
-        emptyPlaceholderText?: string | undefined;
         emptyPlaceholderActionLabel?: string | undefined;
         additionalItemClassName?: string | undefined;
         uploading?: boolean | undefined;