@fattureincloud/fic-design-system 0.10.0 → 0.10.2

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/components/dropdown/DropdownImpl.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DropdownProps } from './types';
-declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, maxHeight, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, isDisabled, emptyState, onOpen, withPadding, offsetY, forceClose, onClose, }: DropdownProps) => JSX.Element;
+declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, maxHeight, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, isDisabled, emptyState, onOpen, withPadding, offsetY, forceClose, onClose, sideButton, }: DropdownProps) => JSX.Element;
 export default DropdownImpl;

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

@@ -3,5 +3,6 @@ import { Meta } from '@storybook/react';
 import { DropdownProps } from './types';
 export declare const Simple: () => JSX.Element;
 export declare const WithKnobs: () => JSX.Element;
+export declare const WithButton: () => JSX.Element;
 declare const DropdownStories: Meta<DropdownProps>;
 export default DropdownStories;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const WithButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LeftButton: import("styled-components").StyledComponent<({ className, color, fullWidth, href, iconLeft, iconRight, isDisabled, isLoading, onClick, size, target, text, type, }: import("../buttons").ButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const RightButton: import("styled-components").StyledComponent<({ className, color, fullWidth, href, iconLeft, iconRight, isDisabled, isLoading, onClick, size, target, text, type, }: import("../buttons").ButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,5 +1,6 @@
 import { Placement } from '@popperjs/core/lib/enums';
 import React, { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import { ButtonProps } from '../buttons';
 import { IconProps } from '../icon';
 export declare type TitleProps = {
     text: string;
@@ -27,6 +28,7 @@ export declare type DropdownProps = {
     withPadding?: boolean;
     offsetY?: number;
     forceClose?: boolean;
+    sideButton?: Pick<ButtonProps, 'text' | 'iconLeft' | 'iconRight' | 'onClick'>;
 };
 export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
 export interface DropdownItemProps {

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';