@fattureincloud/fic-design-system 0.10.0 → 0.10.1

package/dist/components/carousel/Carousel.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CarouselProps } from './types';
+declare const Carousel: ({ media }: CarouselProps) => JSX.Element;
+export default Carousel;

package/dist/components/carousel/carousel.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { CarouselProps } from './types';
+export declare const Default: () => JSX.Element;
+declare const CarouselStories: Meta<CarouselProps>;
+export default CarouselStories;

package/dist/components/carousel/components/carouselMainMedia/CarouselMainMedia.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface Props {
+    src: string;
+    openFullscreen: () => void;
+}
+declare const CarouselMainMedia: ({ src, openFullscreen }: Props) => JSX.Element;
+export default CarouselMainMedia;

package/dist/components/carousel/components/carouselMainMedia/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Image: import("styled-components").StyledComponent<({ src, className, showVideoControls }: import("../common/media/Media").MediaProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const FullScreenButton: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/carousel/components/carouselThumbnails/CarouselThumbnails.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface Props {
+    media: string[];
+    selectedMedia: number;
+    setSelectedMedia: (position: number) => void;
+}
+declare const CarouselThumbnails: ({ media, selectedMedia, setSelectedMedia }: Props) => JSX.Element;
+export default CarouselThumbnails;

package/dist/components/carousel/components/carouselThumbnails/components/carouselThumbnail/CarouselThumbnail.d.ts

@@ -0,0 +1,8 @@
+import React, { MouseEventHandler } from 'react';
+interface Props {
+    src: string;
+    isSelected: boolean;
+    onClick: MouseEventHandler;
+}
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;
+export default _default;

package/dist/components/carousel/components/carouselThumbnails/components/carouselThumbnail/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const Image: import("styled-components").StyledComponent<({ src, className, showVideoControls }: import("../../../common/media/Media").MediaProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    isSelected: boolean;
+}, never>;

package/dist/components/carousel/components/carouselThumbnails/styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CarouselThumbnailsWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    mediaCount: number;
+}, never>;
+export declare const RightArrowButton: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const LeftArrowButton: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/carousel/components/carouselThumbnails/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const calculateNewPosition: (actualPosition: number, mediaCount: number, direction: 'back' | 'forward') => number;
+export declare const navigateToThumbnail: (newPosition: number, refs: React.MutableRefObject<(HTMLLIElement | null)[]>) => void;

package/dist/components/carousel/components/common/media/Media.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface MediaProps {
+    src: string;
+    className?: string;
+    showVideoControls?: boolean;
+}
+declare const Media: ({ src, className, showVideoControls }: MediaProps) => JSX.Element;
+export default Media;

package/dist/components/carousel/components/common/media/utils.d.ts

@@ -0,0 +1 @@
+export declare const isVideo: (src: string) => boolean;

package/dist/components/carousel/components/common/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const FlexRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FlexColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/carousel/components/fullscreenMedia/FullscreenMedia.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface Props {
+    src: string;
+    isOpen: boolean;
+    close: () => void;
+}
+declare const FullscreenMedia: ({ src, isOpen, close }: Props) => JSX.Element;
+export default FullscreenMedia;

package/dist/components/carousel/components/fullscreenMedia/styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ModalPropsInterface } from 'components/modals/types';
+import { Modal } from '../../../modals';
+export declare const ImageModal: import("styled-components").StyledComponent<typeof Modal, import("styled-components").DefaultTheme, ModalPropsInterface & {
+    children: React.ReactNode;
+}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const ImageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Image: import("styled-components").StyledComponent<({ src, className, showVideoControls }: import("../common/media/Media").MediaProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Carousel } from './Carousel';
+export { CarouselProps } from './types';

package/dist/components/carousel/styled.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/carousel/types.d.ts

@@ -0,0 +1,3 @@
+export interface CarouselProps {
+    media: string[];
+}

package/dist/index.d.ts

@@ -49,6 +49,7 @@ export { ThemeProvider } from './components/themeProvider';
 export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
 export { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
 export { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
+export { Carousel } from './components/carousel';
 export * from './components/verticalTabs';
 export { autocompleteYellow } from './styles/defaultPalette/colors/others';
 export { Theme } from './styles/theme';