@fattureincloud/fic-design-system 0.14.4 → 0.15.0

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 +0,0 @@
-export { default as Accordion } from './accordions';

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/carousel/components/common/styled.d.ts

@@ -1,2 +0,0 @@
-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/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/graphic/Graphic.d.ts

@@ -1,4 +0,0 @@
-import { ReactElement } from 'react';
-import { GraphicProps } from './types';
-declare const Graphic: ({ data, showIndicators, graphicSettingsContent, periodContent, renderYearDropdownContent, yearDropdownButtonText, renderEmptyFilters, }: GraphicProps) => ReactElement;
-export default Graphic;

package/dist/components/graphic/components/ChartLegend.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Legend, LegendItem } from '../types';
-interface ChartLegendProps {
-    legend: Legend[];
-    setToggleLegendItem: (elem: LegendItem) => void;
-    toggleLegendItem: LegendItem;
-}
-declare const ChartLegend: ({ legend, setToggleLegendItem, toggleLegendItem }: ChartLegendProps) => JSX.Element;
-export default ChartLegend;

package/dist/components/graphic/components/GraphButton.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { IconProps } from '../../icon';
-interface GraphButtonProps {
-    text?: string;
-    icon?: IconProps;
-}
-declare const GraphButton: ({ text, icon }: GraphButtonProps) => JSX.Element;
-export default GraphButton;

package/dist/components/graphic/components/GraphIndicators.d.ts

@@ -1,14 +0,0 @@
-import { ReactElement } from 'react';
-import { DropdownItemProps, renderContentType } from '../../dropdown';
-import { Legend, LegendItem } from '../types';
-interface GraphIndicatorsProps {
-    legend: Legend[];
-    setToggleLegendItem: (elem: LegendItem) => void;
-    toggleLegendItem: LegendItem;
-    graphicSettingsContent?: DropdownItemProps[];
-    periodContent?: DropdownItemProps[];
-    renderYearDropdownContent?: renderContentType;
-    yearDropdownButtonText?: string;
-}
-declare const GraphIndicators: ({ legend, setToggleLegendItem, toggleLegendItem, graphicSettingsContent, renderYearDropdownContent, yearDropdownButtonText, periodContent, }: GraphIndicatorsProps) => ReactElement;
-export default GraphIndicators;

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

@@ -1,7 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { ComponentProps } from 'react';
-import { Graphic, GraphicProps } from './index';
-export declare const Template: Story<GraphicProps>;
-export declare const EmptyFilters: Story<GraphicProps>;
-declare const GraphicStories: Meta<ComponentProps<typeof Graphic>>;
-export default GraphicStories;

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

@@ -1,2 +0,0 @@
-export { default as Graphic } from './Graphic';
-export { GraphicProps, Legend, GraphicData, LegendItem } from './types';

package/dist/components/graphic/stories/data.d.ts

@@ -1,2 +0,0 @@
-import { GraphicData } from '../types';
-export declare const data: GraphicData[];

package/dist/components/graphic/stories/styled.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const DropdownText: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const DropdownParagraph: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const GraphTooltip: import("styled-components").StyledComponent<({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, showAfterSeconds, hideAfterSeconds, callbackAfterTimeout, onOpen, icon, renderButton, }: import("../tooltip").TooltipProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,52 +0,0 @@
-import { DatumValue } from '@nivo/line';
-import { Serie } from '@nivo/line';
-import { ReactElement } from 'react';
-import { paletteColor } from '../../styles/types';
-import { DropdownItemProps, renderContentType } from '../dropdown';
-import { OrdinalColorScaleConfig } from '@nivo/colors/dist/types/scales/ordinalColorScale';
-export declare type OrdinalColorScale = OrdinalColorScaleConfig & {
-    color: string;
-};
-export interface GraphicData extends Serie {
-    prevTooltipLabel?: string;
-    afterTooltipLabel?: string;
-    color?: paletteColor;
-}
-export interface GraphicProps {
-    data: GraphicData[];
-    showIndicators: boolean;
-    graphicSettingsContent?: DropdownItemProps[];
-    periodContent?: DropdownItemProps[];
-    yearContent?: DropdownItemProps[];
-    renderYearDropdownContent?: renderContentType;
-    yearDropdownButtonText?: string;
-    renderEmptyFilters?: () => ReactElement;
-}
-export declare type Legend = {
-    text: string | number;
-    color?: paletteColor;
-};
-export declare type LegendItem = {
-    [index: number]: boolean;
-};
-export interface Point {
-    point: {
-        id: string;
-        index: number;
-        serieId: string | number;
-        serieColor: string;
-        x: number;
-        y: number;
-        color: string;
-        borderColor: string;
-        data: {
-            x: DatumValue;
-            xFormatted: string | number;
-            y: DatumValue;
-            yFormatted: string | number;
-            yStacked?: number;
-            prevTooltipLabel?: string | number;
-            afterTooltipLabel?: string | number;
-        };
-    };
-}

package/dist/components/graphic/utils.d.ts

@@ -1,6 +0,0 @@
-import { DropdownItemProps } from '../dropdown';
-import { GraphicData, Legend, LegendItem } from './types';
-export declare const getLegendValues: (data: GraphicData[]) => Legend[];
-export declare const getInitialLegendValues: (data: GraphicData[]) => LegendItem;
-export declare const getDropdownLabel: (content: DropdownItemProps[]) => string;
-export declare const getDisabledLegendItem: (elemIndex: number, toggleLegendItem: LegendItem) => boolean;

package/dist/components/newTable/components/action/favorite/Favorite.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-interface FavoriteProps {
-    checked?: boolean;
-    disabled?: boolean;
-    onChange?: (checked: boolean) => void;
-}
-/**
- * Component Props:
- * @param {boolean} checked Used to set favorite icon status
- * @param {boolean} disabled Disable the favorite icon
- * @param {function} onChange Callback on favorite icon click
- */
-declare const Favorite: ({ checked, onChange }: FavoriteProps) => JSX.Element;
-export default Favorite;

package/dist/components/newTable/components/action/favorite/index.d.ts

@@ -1 +0,0 @@
-export { default as Favorite } from './Favorite';

package/dist/components/newTable/components/action/favorite/styled.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {
-    checked: boolean;
-}, never>;

package/dist/components/newTable/components/row/LoadingRow.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ColumnDef } from '@tanstack/react-table';
-import { CellProps } from '../../types';
-interface Props<T> {
-    loadingMode: 'full' | 'cell';
-    columns: ColumnDef<T, CellProps>[];
-}
-declare const LoadingRow: <T>({ columns, loadingMode }: Props<T>) => JSX.Element;
-export default LoadingRow;

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;

package/dist/index.css

@@ -1,154 +0,0 @@
-:root {
-    --columns-breakpoint-width: 100px; /* default value */
-    --table-breakpoint: px100; /* relates to TableBreakpoints enum */
-}
-
-.Table-container {
-    container-type: inline-size;
-    container-name: var(--table-breakpoint);
-}
-
-/* width breakpoints corresponds to TableBreakpoints enum */
-@container px100 (width < 100px) {
-    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-
-    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-}
-
-@container px200 (width < 200px) {
-    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-
-    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-}
-
-@container px300 (width < 300px) {
-    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-
-    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-}
-
-@container px400 (width < 400px) {
-    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-
-    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-}
-
-@container px500 (width < 500px) {
-    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-
-    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-}
-
-@container px600 (width < 600px) {
-    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-
-    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-}
-
-@container px700 (width < 700px) {
-    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-
-    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-}
-
-@container px800 (width < 800px) {
-    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-
-    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-}
-
-@container px900 (width < 900px) {
-    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-
-    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-}
-
-@container px1000 (width < 1000px) {
-    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-
-    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-}
-
-@container px1100 (width < 1100px) {
-    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-
-    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-}
-
-@container px1200 (width < 1200px) {
-    .DS-rt-th:not(.DS-header-tour-checkbox, .DS-header-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-
-    .DS-rt-td:not(.DS-tour-checkbox, .DS-row-actions) {
-        min-width: var(--columns-breakpoint-width);
-        max-width: var(--columns-breakpoint-width);
-    }
-}