@evergis/uilib-gl 1.0.99 → 1.0.101

package/dist/organisms/Preview/hooks/useImageSlideShow.d.ts

@@ -1,2 +1,2 @@
 import { IPreviewImage, ImageSlideShowType } from "../types";
-export declare const useImageSlideShow: (images: IPreviewImage[]) => ImageSlideShowType;
+export declare const useImageSlideShow: (images: IPreviewImage[], initialIndex?: number) => ImageSlideShowType;

package/dist/organisms/Preview/types.d.ts

@@ -15,6 +15,7 @@ export declare type ControlText = {
 };
 export declare type IPreviewProps = ControlText & {
     images?: IPreviewImage[];
+    initialIndex?: number;
     isOpen?: boolean;
     onClose?: VoidFunction;
     root?: HTMLElement | null;

package/dist/uilib-gl.esm.js

@@ -19849,25 +19849,27 @@ const DropdownField = /*#__PURE__*/styled.div.attrs(props => ({
   border-color: ${_ref4 => {
   let {
     theme: {
-      input
+      input,
+      palette
     },
     error,
     active,
     focused
   } = _ref4;
-  return error ? input.error : active ? "transparent" : focused ? input.hoverBorderColor : "";
+  return error ? input.error : active ? palette.primary : focused ? input.hoverBorderColor : "";
 }};
 
   :hover {
     border-color: ${_ref5 => {
   let {
     theme: {
-      input
+      input,
+      palette
     },
     error,
     active
   } = _ref5;
-  return error ? input.error : active ? "transparent" : input.hoverBorderColor;
+  return error ? input.error : active ? palette.primary : input.hoverBorderColor;
 }};
   }
 `;
@@ -27284,8 +27286,12 @@ const PreviewSlideShow = /*#__PURE__*/memo(_ref => {
   })));
 });
 
-const useImageSlideShow = images => {
-  const [chosenImageIndex, setChosenImageIndex] = useState(0);
+const useImageSlideShow = function (images, initialIndex) {
+  if (initialIndex === void 0) {
+    initialIndex = 0;
+  }
+
+  const [chosenImageIndex, setChosenImageIndex] = useState(initialIndex);
   const [fullscreen, setFullscreen] = useState(false);
   const chosenImage = useMemo(() => images[chosenImageIndex], [chosenImageIndex, images]);
   const prev = useCallback(() => {
@@ -27319,6 +27325,7 @@ const useImageSlideShow = images => {
 const PreviewComponent = _ref => {
   let {
     images = [],
+    initialIndex = 0,
     isOpen,
     root,
     onClose,
@@ -27338,7 +27345,7 @@ const PreviewComponent = _ref => {
     prev,
     next,
     toggleFullscreen
-  }] = useImageSlideShow(images);
+  }] = useImageSlideShow(images, initialIndex);
   const [failedSrcs, setFailedSrcs] = useState({});
   const handleImageError = useCallback(src => {
     if (!src) return;