@fattureincloud/fic-design-system 0.19.22 → 0.19.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fattureincloud/fic-design-system",
-  "version": "0.19.22",
+  "version": "0.19.24",
   "description": "Fatture in Cloud and Danea design system",
   "repository": "git@bitbucket.org:fattureincloud/design-system.git",
   "license": "MIT",

package/dist/common/components/Label.d.ts

@@ -1,3 +0,0 @@
-import { LabelProps, MappedLabelProps } from '../types/label';
-declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & LabelProps, keyof MappedLabelProps>;
-export default Label;

package/dist/common/components/iframeClickBlocker/IframeClickBlocker.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface Props {
-    onClick?: () => void;
-    children: React.ReactNode;
-}
-export declare const IframeClickBlocker: ({ children }: Props) => JSX.Element;
-export {};

package/dist/common/components/iframeClickBlocker/iframeClickBlocker.stories.d.ts

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

package/dist/common/components/iframeClickBlocker/index.d.ts

@@ -1 +0,0 @@
-export { IframeClickBlocker } from './IframeClickBlocker';

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

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

package/dist/common/types/label.d.ts

@@ -1,12 +0,0 @@
-import { paletteColor } from '../../styles/types';
-export interface LabelProps {
-    large?: boolean;
-    disabled?: boolean;
-    hasError: boolean;
-}
-export interface MappedLabelProps {
-    fontSize: string;
-    cursor: string;
-    color: paletteColor;
-    opacity: number;
-}

package/dist/common/utils/label.d.ts

@@ -1,5 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-import { LabelProps, MappedLabelProps } from '../types/label';
-export declare const getLabelStyle: ({ disabled, large, theme, hasError, }: LabelProps & {
-    theme: DefaultTheme;
-}) => MappedLabelProps;

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

@@ -1,5 +0,0 @@
-export declare const TitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ActionIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const HeaderElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/accordions/accordions.d.ts

@@ -1,9 +0,0 @@
-import React, { Component } from 'react';
-import { TAccordion, UnstyledAccordionProps, UnstyledAccordionState } from './types';
-export declare class UnstyledAccordion extends Component<UnstyledAccordionProps, UnstyledAccordionState> {
-    constructor(props: UnstyledAccordionProps);
-    handleOpenAccordion: () => void;
-    render(): React.JSX.Element;
-}
-declare const Accordion: TAccordion;
-export default Accordion;

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

@@ -1,8 +0,0 @@
-import { Meta } from '@storybook/react';
-import React, { ComponentProps } from 'react';
-import { TAccordion } from './types';
-export declare const Normal: () => React.JSX.Element;
-export declare const NormalThemed: () => React.JSX.Element;
-export declare const ShowingBodyAtFirstRender: () => React.JSX.Element;
-declare const AccordionStories: Meta<ComponentProps<TAccordion>>;
-export default AccordionStories;

package/dist/components/accordions/components/styledAccordionWrapper.d.ts

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

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

@@ -1,2 +0,0 @@
-import Accordion from './accordions';
-export { Accordion };

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-interface Props {
-    title?: string;
-    renderTitle?: () => JSX.Element;
-    renderBody: () => JSX.Element;
-    renderLateralActions?: JSX.Element;
-    lateralActions?: Array<{
-        icon: JSX.Element;
-        action: () => void;
-    }>;
-    showBodyAtFirstRender?: boolean;
-}
-export declare type TAccordion = React.FunctionComponent<Props>;
-export interface UnstyledAccordionProps extends Props {
-}
-export interface UnstyledAccordionState {
-    show: boolean;
-}
-export {};

package/dist/components/form/datepicker/components/MonthPicker.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
-declare type Props = Pick<ReactDatePickerCustomHeaderProps, 'changeMonth' | 'date'>;
-declare const MonthPicker: ({ changeMonth, date }: Props) => JSX.Element;
-export default MonthPicker;

package/dist/components/form/datepickerNew/DatePicker.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { DatePickerProps } from './types';
-/**
- * Component Props:
- * @param {Date | null} date selected date
- * @param {function} placeholderText text to show as placeholder
- * @param {string|ReactNode} minDate minimum selectable date
- * @param {string|ReactNode} maxDate maximum selectable date
- * @others ReactDatePickerProps
- */
-declare const DatePicker: (props: DatePickerProps) => JSX.Element;
-export default DatePicker;

package/dist/components/form/datepickerNew/DatePickerImpl.d.ts

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

package/dist/components/form/datepickerNew/NewDatePicker.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { DatePickerProps } from './types';
-/**
- * Component Props:
- * @param {Date | null} date selected date
- * @param {function} placeholderText text to show as placeholder
- * @param {string|ReactNode} minDate minimum selectable date
- * @param {string|ReactNode} maxDate maximum selectable date
- * @others ReactDatePickerProps
- */
-declare const NewDatePicker: (props: DatePickerProps) => JSX.Element;
-export default NewDatePicker;

package/dist/components/form/datepickerNew/components/CustomButton.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface Props {
-    onClick: () => void;
-    selected?: boolean;
-    text: string;
-}
-declare const CustomButton: ({ onClick, selected, text }: Props) => JSX.Element;
-export default CustomButton;

package/dist/components/form/datepickerNew/components/DatePickerDay.d.ts

@@ -1,3 +0,0 @@
-import { ReactDatePickerProps } from 'react-datepicker';
-declare const DatePickerDay: ReactDatePickerProps['renderDayContents'];
-export default DatePickerDay;

package/dist/components/form/datepickerNew/components/DatePickerHeader.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
-export interface DatePickerHeaderProps extends ReactDatePickerCustomHeaderProps {
-    yearsDisplayed: number;
-    setHideMonth: (value: boolean) => void;
-}
-declare const DatePickerHeader: (props: DatePickerHeaderProps) => JSX.Element;
-export default DatePickerHeader;

package/dist/components/form/datepickerNew/components/YearPicker.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
-interface Props extends Pick<ReactDatePickerCustomHeaderProps, 'date' | 'changeYear'> {
-    yearsDisplayed: number;
-}
-declare const YearPicker: ({ date, changeYear, yearsDisplayed }: Props) => JSX.Element;
-export default YearPicker;

package/dist/components/form/datepickerNew/components/hooks/useDatePickerHeaderShowLogic.d.ts

@@ -1,15 +0,0 @@
-import { DatePickerStatus } from '../../types';
-import { DatePickerHeaderProps } from '../DatePickerHeader';
-interface ReturnType {
-    status: DatePickerStatus;
-    title: string;
-    leftArrowOnClick: () => void;
-    leftArrowIsDisabled: boolean;
-    rightArrowOnClick: () => void;
-    rightArrowIsDisabled: boolean;
-    onBottomArrowClick: () => void;
-    showBottomArrow: boolean;
-    showLRArrows: boolean;
-}
-declare const useDatePickerHeaderShowLogic: ({ date, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, nextYearButtonDisabled, prevYearButtonDisabled, decreaseYear, increaseYear, }: DatePickerHeaderProps) => ReturnType;
-export default useDatePickerHeaderShowLogic;

package/dist/components/form/datepickerNew/components/styled.d.ts

@@ -1,5 +0,0 @@
-interface DatePickerItemProps {
-    isActive: boolean;
-}
-export declare const DatePickerItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DatePickerItemProps, never>;
-export {};

package/dist/components/form/datepickerNew/datePickerPalette.d.ts

@@ -1,33 +0,0 @@
-import { colorsPalette } from '../../../common/types/colorsPalette';
-import { paletteColor } from '../../../styles/types';
-declare type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
-declare type DayPalette = {
-    borderRadius: string;
-    today: {
-        [k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
-    };
-    inMonth: {
-        [k in ItemStatus]: colorsPalette;
-    };
-    outMonth: {
-        [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
-    };
-};
-declare type ItemStatusPalette = {
-    [k in ItemStatus]: colorsPalette;
-};
-interface ItemPalette extends ItemStatusPalette {
-    borderRadius: string;
-}
-interface DaysNamesPalette {
-    color: paletteColor;
-}
-export interface DatePickerPalette {
-    background: paletteColor;
-    weekDaysNames: DaysNamesPalette;
-    days: DayPalette;
-    item: ItemPalette;
-    defaultYearsDisplayed: number;
-}
-declare const datePickerPalette: DatePickerPalette;
-export default datePickerPalette;

package/dist/components/form/datepickerNew/datepicker.stories.d.ts

@@ -1,18 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { DatePickerProps } from './types';
-export declare const Normal: Story<DatePickerProps & {
-    renderWrapper: boolean;
-    containerWidth: number;
-    containerHeight: number;
-}>;
-export declare const WithCustomButton: Story<DatePickerProps & {
-    renderWrapper: boolean;
-    containerWidth: number;
-    containerHeight: number;
-}>;
-declare const DatePickerStories: Meta<DatePickerProps & {
-    renderWrapper: boolean;
-    containerWidth: number;
-    containerHeight: number;
-}>;
-export default DatePickerStories;

package/dist/components/form/datepickerNew/hooks/useFormattedDate.d.ts

@@ -1,12 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { DateFormats } from '../../../../common/types/dateTypes';
-declare type ReturnType = [Date | null, Dispatch<SetStateAction<Date | null>>, string | null, string];
-/**
- * Hook to manage a date in string format
- * @param {string|null} initialValue Initial string value representing a date
- * @param {DateFormats} allowedFormats Array of allowed formats, the hook will try to parse the initial value using this formats
- * @param {dateFormat} outputFormat The string value returned by the hook will be formatted with this format
- * @returns {[Date|null, function, string|null, string]} Returns an array with a Date object, the function to update it, a string representation of the date (formatted using the third parameter of the hook) and the currently used format
- */
-declare const useFormattedDate: (initialValue?: string | null | undefined, allowedFormats?: DateFormats | null | undefined, outputFormat?: string | undefined) => ReturnType;
-export default useFormattedDate;

package/dist/components/form/datepickerNew/hooks/useYearsList.d.ts

@@ -1,2 +0,0 @@
-declare const useYearsList: (dateYear: number, page: number, yearsCount: number) => number[];
-export default useYearsList;

package/dist/components/form/datepickerNew/index.d.ts

@@ -1,5 +0,0 @@
-export { default as NewDatePicker } from './NewDatePicker';
-export { default as newDatePickerPalette, DatePickerPalette } from './newDatePickerPalette';
-export { default as useFormattedDate } from './hooks/useFormattedDate';
-export { DatePickerProps as NewDatepickerProps } from './types';
-export { timeConversionOptions } from './utils';

package/dist/components/form/datepickerNew/newDatePickerPalette.d.ts

@@ -1,33 +0,0 @@
-import { colorsPalette } from '../../../common/types/colorsPalette';
-import { paletteColor } from '../../../styles/types';
-declare type ItemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover' | 'disabled';
-declare type DayPalette = {
-    borderRadius: string;
-    today: {
-        [k in Exclude<ItemStatus, 'disabled'>]: colorsPalette;
-    };
-    inMonth: {
-        [k in ItemStatus]: colorsPalette;
-    };
-    outMonth: {
-        [k in Exclude<ItemStatus, 'active' | 'activeHover' | 'disabled'>]: colorsPalette;
-    };
-};
-declare type ItemStatusPalette = {
-    [k in ItemStatus]: colorsPalette;
-};
-interface ItemPalette extends ItemStatusPalette {
-    borderRadius: string;
-}
-interface DaysNamesPalette {
-    color: paletteColor;
-}
-export interface DatePickerPalette {
-    background: paletteColor;
-    weekDaysNames: DaysNamesPalette;
-    days: DayPalette;
-    item: ItemPalette;
-    defaultYearsDisplayed: number;
-}
-declare const datePickerPalette: DatePickerPalette;
-export default datePickerPalette;

package/dist/components/form/datepickerNew/styled.d.ts

@@ -1,6 +0,0 @@
-export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    fitBiggerContainer?: boolean | undefined;
-    hideMonth: boolean;
-}, never>;
-export declare const FooterWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const SelectedOption: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/datepickerNew/types.d.ts

@@ -1,31 +0,0 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { ReactDatePickerProps } from 'react-datepicker';
-import { CommonFormTypes } from '../common/types';
-import { LabelProps } from '../label';
-export declare type DatePickerStatus = 'dayPicker' | 'yearPicker';
-export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactNode;
-export declare type CustomButtonProps = {
-    text: string;
-    onClick: (props: RenderCustomFooterProps) => void;
-};
-export interface RenderCustomFooterProps extends DatePickerImplProps {
-    isOpen: boolean;
-    setIsOpen: Dispatch<SetStateAction<boolean>>;
-}
-export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChange'>, CommonFormTypes {
-    date?: Date | null;
-    startDate?: Date | null;
-    endDate?: Date | null;
-    setDate: Dispatch<SetStateAction<Date | null>>;
-    yearsDisplayed?: number;
-    hasTodayButton?: boolean;
-    customButtons?: CustomButtonProps[];
-    renderCustomFooter?: RenderCustomFooterType;
-    isPrefilled?: boolean;
-    onChangeManually?: (date: Date | null) => void;
-    inline?: boolean;
-    fitBiggerContainer?: boolean;
-    includeDates?: Date[];
-    excludeDates?: Date[];
-}
-export declare type DatePickerProps = LabelProps & DatePickerImplProps;

package/dist/components/form/datepickerNew/utils.d.ts

@@ -1,3 +0,0 @@
-import { DateFormats } from '../../../common/types/dateTypes';
-export declare const timeConversionOptions: Intl.DateTimeFormatOptions;
-export declare const findFormat: (value: string | null | undefined, formats: DateFormats) => string;

package/dist/components/verticalTab/VerticalTab.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { VerticalTabProps } from './types';
-declare const VerticalTab: ({ width, renderLeftContent, renderRightContent, }: VerticalTabProps) => JSX.Element;
-export default VerticalTab;

package/dist/components/verticalTab/components/VerticalTabSelector/VerticalTabSelector.d.ts

@@ -1,13 +0,0 @@
-import { MouseEvent } from 'react';
-import { IconProps } from '../../../icon';
-import { VerticalTabSelectorStatus } from './types';
-export interface VerticalTabSelectorProps {
-    leftIcon?: IconProps;
-    text: string;
-    counter?: number;
-    active?: boolean;
-    status: VerticalTabSelectorStatus;
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-}
-declare const VerticalTabSelector: ({ leftIcon, text, status, counter, active, onClick, }: VerticalTabSelectorProps) => JSX.Element;
-export default VerticalTabSelector;

package/dist/components/verticalTab/components/VerticalTabSelector/index.d.ts

@@ -1,5 +0,0 @@
-export { default as verticalTabSelectorPalette } from './verticalTabSelectorPalette';
-import { VerticalTabSelectorStatus } from './types';
-import VerticalTabSelector from './VerticalTabSelector';
-export { VerticalTabSelector, VerticalTabSelectorStatus };
-export { VerticalTabSelectorPalette } from './types';

package/dist/components/verticalTab/components/VerticalTabSelector/styled.d.ts

@@ -1,11 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-import { VerticalTabSelectorProps } from './VerticalTabSelector';
-export declare const VerticalTabSelectorWrapper: import("styled-components").StyledComponent<"button", DefaultTheme, {
-    active: VerticalTabSelectorProps['active'];
-    status: VerticalTabSelectorProps['status'];
-}, never>;
-export declare const IconContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const StatusContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const TextContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {
-    status: VerticalTabSelectorProps['status'];
-}, never>;

package/dist/components/verticalTab/components/VerticalTabSelector/types.d.ts

@@ -1,37 +0,0 @@
-import { paletteColor } from '../../../../styles/types';
-export declare enum VerticalTabSelectorStatus {
-    DEFAULT = "default",
-    COMPLETED = "completed",
-    EDIT = "edit",
-    WARNING = "warning"
-}
-export declare type VerticalTabSelectorPalette = {
-    default: {
-        active: {
-            color: paletteColor;
-            backgroundColor: paletteColor;
-            hoverBackground: paletteColor;
-            activeButtonBackground: paletteColor;
-        };
-        inactive: {
-            color: paletteColor;
-            backgroundColor: paletteColor;
-            hoverBackground: paletteColor;
-            activeButtonBackground: paletteColor;
-        };
-    };
-    warning: {
-        active: {
-            color: paletteColor;
-            backgroundColor: paletteColor;
-            hoverBackground: paletteColor;
-            activeButtonBackground: paletteColor;
-        };
-        inactive: {
-            color: paletteColor;
-            backgroundColor: paletteColor;
-            hoverBackground: paletteColor;
-            activeButtonBackground: paletteColor;
-        };
-    };
-};

package/dist/components/verticalTab/components/VerticalTabSelector/verticalTabSelector.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { VerticalTabSelectorProps } from './VerticalTabSelector';
-export declare const Template: Story<VerticalTabSelectorProps>;
-declare const VerticalTabSelectorStories: Meta<VerticalTabSelectorProps>;
-export default VerticalTabSelectorStories;

package/dist/components/verticalTab/components/VerticalTabSelector/verticalTabSelectorPalette.d.ts

@@ -1,3 +0,0 @@
-import { VerticalTabSelectorPalette } from './types';
-declare const verticalTabSelectorPalette: VerticalTabSelectorPalette;
-export default verticalTabSelectorPalette;

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

@@ -1,2 +0,0 @@
-import VerticalTab from './VerticalTab';
-export { VerticalTab };

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

@@ -1,6 +0,0 @@
-import { VerticalTabProps } from './types';
-export declare const VerticalTabWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    width: VerticalTabProps['width'];
-}, never>;
-export declare const VerticalTabSelectorsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const VerticalTabContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface VerticalTabProps {
-    width?: string | number;
-    renderLeftContent: () => JSX.Element | JSX.Element[];
-    renderRightContent: () => JSX.Element | JSX.Element[];
-}

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Meta, Story } from '@storybook/react';
-import { VerticalTabProps } from './types';
-export declare const Template: Story<VerticalTabProps>;
-export declare const WithVerticalTabSelectors: () => JSX.Element;
-export declare const WithVerticalTabSelectorsEdit: () => JSX.Element;
-declare const VerticalTabStories: Meta<VerticalTabProps>;
-export default VerticalTabStories;