@fattureincloud/fic-design-system 0.7.53 → 0.8.0

package/dist/styles/elevations.d.ts

@@ -0,0 +1,7 @@
+export declare const elevations: {
+    first: string;
+    second: string;
+    third: string;
+    fourth: string;
+    fifth: string;
+};

package/dist/styles/types.d.ts

@@ -10,12 +10,12 @@ export declare type color = {
 };
 export declare const bwColorsList: readonly ["black", "white"];
 export declare type bwColors = (typeof bwColorsList)[number];
-declare type BwPalette = {
+export declare type BwPalette = {
     [k in bwColors]: bwColor;
 };
 export declare const colorsList: readonly ["grey", "blue", "indigo", "yellow", "orange", "red", "green", "fuchsia", "pink", "cyan", "primary"];
 export declare type colors = (typeof colorsList)[number];
-declare type ColorsPalette = {
+export declare type ColorsPalette = {
     [k in colors]: color;
 };
 export declare const allColorsList: ("black" | "white" | "grey" | "blue" | "indigo" | "yellow" | "orange" | "red" | "green" | "fuchsia" | "pink" | "cyan" | "primary")[];

package/dist/utils/FICNumbers.d.ts

@@ -0,0 +1,11 @@
+export declare class FICNumbers {
+    qtyPrecision: number;
+    parse: (string: string, strict?: boolean) => number;
+    randomBetween: (min: number, max: number) => number;
+    nSign: (num: number) => 0 | 1 | -1;
+    roundToDigit: (num: number, digits: number) => number;
+    roundToTwo: (num: number) => number;
+    roundSignificative: (n: number, digits?: number) => number;
+    dotsToCommas: (txt: string) => string;
+    commasToDots: (txt: string) => string;
+}

package/package.json

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

package/dist/components/form/datepicker/hooks/useDatePickerValues.d.ts

@@ -1,13 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-interface ReturnType {
-    date: Date | null;
-    setDate: Dispatch<SetStateAction<Date | null>>;
-    value: string | null;
-    setValue: Dispatch<SetStateAction<string | null>>;
-}
-interface Props {
-    initialDate?: Date | null;
-    initialValue?: string | null;
-}
-declare const useDatePickerValues: ({ initialDate, initialValue }?: Props) => ReturnType;
-export default useDatePickerValues;

package/dist/components/form/inputText/components/codeInput/CodeInput.d.ts

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

package/dist/components/form/inputText/components/codeInput/styled.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-export declare const CodeInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    gap: number | undefined;
-}, never>;
-export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const SingleNumberInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../common/types").CommonFormTypes & {
-    className?: string | undefined;
-    name?: string | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
-    autoFocus?: boolean | undefined;
-    required?: boolean | undefined;
-} & {
-    actionIcon?: import("../../../../icon").IconProps | undefined;
-    inputType?: "number" | "text" | "password" | undefined;
-    isPrefilled?: boolean | undefined;
-    isTransparent?: boolean | undefined;
-    leadingIcon?: import("../../../../icon").IconProps | undefined;
-    placeholder?: import("react").ReactText | undefined;
-    setValue?: import("react").Dispatch<import("react").SetStateAction<string>> | undefined;
-    strict?: boolean | undefined;
-    tooltip?: import("../../../../tooltip").TooltipProps | undefined;
-    unitDropdownProps?: import("../UnitDropdown").UnitDropdownProps | undefined;
-    value?: string | number | null | undefined;
-} & import("react").RefAttributes<HTMLInputElement | null>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/inputText/components/codeInput/useCodeInputHooks.d.ts

@@ -1,11 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { CodeInputProps } from '../../types';
-declare type CodInputHooks = {
-    handleInput: (v: string) => void;
-    handlePaste: (e: React.ClipboardEvent) => void;
-    refs: React.MutableRefObject<(HTMLInputElement | null)[]>;
-    setCurrentIndex: Dispatch<SetStateAction<number>>;
-    values: (string | null)[];
-};
-declare const useCodeInputHooks: ({ fieldsCount, onChange, status, }: Omit<CodeInputProps, 'helper' | 'className'>) => CodInputHooks;
-export default useCodeInputHooks;

package/dist/components/form/inputText/components/telephoneInput/TelephoneInput.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { TelephoneInputProps } from '../../types';
-declare const TelephoneInput: ({ disabled, value, setValue, required, placeholder }: TelephoneInputProps) => JSX.Element;
-export default TelephoneInput;

package/dist/components/form/inputText/components/telephoneInput/countriesTelephonePrefixes.d.ts

@@ -1,7 +0,0 @@
-declare type CountryPrefix = {
-    country: string;
-    prefix: string;
-    iso: string;
-};
-declare const countriesTelephonePrefixes: CountryPrefix[];
-export default countriesTelephonePrefixes;

package/dist/components/form/inputText/components/telephoneInput/styled.d.ts

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

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/gridCard/GridCard.d.ts

@@ -1,4 +0,0 @@
-import { ReactElement } from 'react';
-import { GridCardProps } from '.';
-declare const GridCard: ({ data }: GridCardProps) => ReactElement;
-export default GridCard;

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

@@ -1,8 +0,0 @@
-import { Meta, Story } from '@storybook/react';
-import { ComponentProps } from 'react';
-import { GridCard } from '.';
-import { GridCardProps } from './types';
-export declare const Template: Story<GridCardProps>;
-export declare const CustomData: Story<GridCardProps>;
-declare const GridCardStories: Meta<ComponentProps<typeof GridCard>>;
-export default GridCardStories;

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

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

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

@@ -1,3 +0,0 @@
-import { CardData } from '../types';
-export declare const cardData: CardData[][];
-export declare const cardCustomData: CardData[][];

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Row: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const InnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    cardBackgroundColor?: string | undefined;
-    isLastElement?: boolean | undefined;
-}, never>;
-export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    iconBackgroundColor?: string | undefined;
-}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon/Icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Label: 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 Value: 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 Description: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,16 +0,0 @@
-import { IconProps } from 'components/icon';
-import { ReactElement, ReactNode } from 'react';
-import { paletteColor } from '../../styles/types';
-export interface GridCardProps {
-    data: CardData[][];
-    renderCustomData?: () => ReactElement;
-}
-export interface CardData {
-    icon?: IconProps;
-    label?: string;
-    value?: string | ReactNode;
-    description?: string;
-    cardBackgroundColor?: paletteColor;
-    iconBackgroundColor?: paletteColor;
-    renderCustomData?: () => ReactElement;
-}

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

@@ -1,2 +0,0 @@
-import { DefaultTheme } from 'styled-components';
-export declare const getIconBackgroundColor: (theme: DefaultTheme, iconColor?: "black" | "white" | "grey" | "blue" | "indigo" | "yellow" | "orange" | "red" | "green" | "fuchsia" | "pink" | "cyan" | "primary" | undefined, customIconBackground?: string | undefined) => string;

package/dist/components/newTable/components/header/styled.d.ts

@@ -1 +0,0 @@
-export declare const THead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, 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/table/components/ActionsCell.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { Row } from 'react-table';
-import { RowActions, TableData } from '../types';
-interface Props<T extends TableData> {
-    row: Row<T>;
-    actions?: RowActions<T>;
-    renderActions?: () => JSX.Element;
-}
-declare const ActionsCell: <T extends TableData>({ row, actions, renderActions }: Props<T>) => JSX.Element;
-export default ActionsCell;

package/dist/components/table/components/SortIndicator.d.ts

@@ -1,6 +0,0 @@
-interface Props {
-    isSorted: boolean;
-    isSortedDesc?: boolean;
-}
-declare const SortIndicator: ({ isSorted, isSortedDesc }: Props) => JSX.Element;
-export default SortIndicator;

package/dist/components/table/components/TableBody.d.ts

@@ -1,14 +0,0 @@
-import { Row, UseTableInstanceProps } from 'react-table';
-import { TableData } from '../types';
-interface Props<T extends TableData> {
-    rows: Row<T>[];
-    prepareRow: UseTableInstanceProps<T>['prepareRow'];
-    selectedRowsIds: string[];
-    isLoading: boolean;
-}
-declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
-export interface TableBodyTrProps {
-    isSelected?: boolean;
-    isDisabled?: boolean;
-}
-export default TableBody;

package/dist/components/table/components/TableFoot.d.ts

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

package/dist/components/table/components/TableHeader.d.ts

@@ -1,7 +0,0 @@
-import { HeaderGroup } from 'react-table';
-import { TableData } from '../types';
-interface Props<T extends TableData> {
-    headerGroups: HeaderGroup<T>[];
-}
-declare const TableHeader: <T extends TableData>({ headerGroups }: Props<T>) => JSX.Element;
-export default TableHeader;

package/dist/components/table/components/tableBody/TableBodyLoader.d.ts

@@ -1,7 +0,0 @@
-import { ColumnInstance } from 'react-table';
-import { TableData } from '../../types';
-interface Props<T extends TableData> {
-    allColumns: ColumnInstance<T>[];
-}
-declare const TableBodyLoader: <T extends TableData>({ allColumns }: Props<T>) => JSX.Element;
-export default TableBodyLoader;

package/dist/components/table/components/tableBody/styled.d.ts

@@ -1,3 +0,0 @@
-import { TableBodyTrStyles } from '../../utils';
-import { TableBodyTrProps } from '../TableBody';
-export declare const TableBodyTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, import("../tableParts/styled").TrProps & TableBodyTrStyles & TableBodyTrProps, keyof TableBodyTrStyles>;

package/dist/index.css

@@ -1,128 +0,0 @@
-.DS-ReactTable {
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.DS-ReactTable .DS-rt-table {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  width: 100%;
-  border-collapse: collapse;
-  overflow-x: auto;
-  overflow-y: hidden;
-}
-
-.DS-ReactTable .DS-rt-thead {
-  -webkit-box-flex: 1;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default;
-}
-
-.DS-ReactTable .DS-rt-thead .DS-rt-th {
-  position: relative;
-}
-.DS-ReactTable .DS-rt-thead .DS-rt-td {
-  line-height: normal;
-  position: relative;
-}
-
-.DS-ReactTable .DS-rt-thead .DS-rt-resizable-header:last-child {
-  overflow: hidden;
-}
-.DS-ReactTable .DS-rt-thead .DS-rt-resizable-header-content {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.DS-ReactTable .DS-rt-thead.DS-header .DS-rt-th:after {
-  content: "";
-  display: block;
-  position: absolute;
-}
-
-.DS-ReactTable .DS-rt-tbody {
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-}
-
-.DS-ReactTable .DS-rt-tbody .DS-rt-tr-group {
-  flex: none;
-}
-
-.DS-ReactTable .DS-rt-tr-group {
-  -webkit-box-flex: 1;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  cursor: pointer;
-}
-
-.DS-ReactTable .DS-rt-tr {
-  flex: 1 0 auto;
-  display: inline-flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  align-content: center;
-  justify-content: center;
-  align-items: center;
-}
-
-.DS-ReactTable .DS-rt-th {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  white-space: nowrap;
-  vertical-align: middle;
-  align-self: center;
-  overflow: hidden;
-}
-
-.DS-ReactTable .DS-rt-td {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  align-self: center;
-  overflow: hidden;
-}