@fattureincloud/fic-design-system 0.7.35 → 0.7.37

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { CircularProgressBarProps } from './index';
3
+ /**
4
+ * Component Props:
5
+ * @param {number} percentage Numeric value used to set the progress bar percentage value
6
+ * @param {CircularProgressBarType} type Type that define the color
7
+ * @param {string} subtitle Define the text below the percentage (string or custom)
8
+ */
9
+ declare const CircularProgressBar: ({ percentage, type, subtitle }: CircularProgressBarProps) => JSX.Element;
10
+ export default CircularProgressBar;
@@ -0,0 +1,6 @@
1
+ import { Meta, Story } from '@storybook/react';
2
+ import { ComponentProps } from 'react';
3
+ import { CircularProgressBar, CircularProgressBarProps } from './index';
4
+ export declare const Template: Story<CircularProgressBarProps>;
5
+ declare const CircularProgressBarStories: Meta<ComponentProps<typeof CircularProgressBar>>;
6
+ export default CircularProgressBarStories;
@@ -0,0 +1,3 @@
1
+ import { CircularProgressBarPalette } from './index';
2
+ declare const circularProgressBarPalette: CircularProgressBarPalette;
3
+ export default circularProgressBarPalette;
@@ -0,0 +1,2 @@
1
+ export declare const CIRCLE_DIAMETER = 200;
2
+ export declare const CIRCLE_PATH = "M30,90 A40,40 0 1,1 80,90";
@@ -0,0 +1,3 @@
1
+ export { default as CircularProgressBar } from './CircularProgressBar';
2
+ export { CircularProgressBarProps, CircularProgressBarPalette, CircularProgressBarType } from './types';
3
+ export { default as circularProgressBarPalette } from './circularProgressBarPalette';
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ import { CircularProgressBarType } from './types';
3
+ export declare const TrailBorder: import("styled-components").StyledComponent<"path", import("styled-components").DefaultTheme, {
4
+ type: CircularProgressBarType;
5
+ }, never>;
6
+ export declare const Trail: import("styled-components").StyledComponent<"path", import("styled-components").DefaultTheme, {
7
+ type: CircularProgressBarType;
8
+ }, never>;
9
+ export declare const Path: import("styled-components").StyledComponent<"path", import("styled-components").DefaultTheme, {
10
+ type: CircularProgressBarType;
11
+ }, never>;
12
+ export declare const InnerCircle: import("styled-components").StyledComponent<"circle", import("styled-components").DefaultTheme, {
13
+ type: CircularProgressBarType;
14
+ }, never>;
15
+ export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
16
+ export declare const Subtitle: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
@@ -0,0 +1,19 @@
1
+ /// <reference types="react" />
2
+ import { paletteColor } from '../../styles/types';
3
+ export interface CircularProgressBarProps {
4
+ percentage: number;
5
+ type: CircularProgressBarType;
6
+ subtitle: string | JSX.Element;
7
+ }
8
+ export declare enum CircularProgressBarType {
9
+ STANDARD = "standard",
10
+ WARNING = "warning",
11
+ ERROR = "error"
12
+ }
13
+ export declare type CircularProgressBarPalette = {
14
+ [key in CircularProgressBarType]: {
15
+ path: paletteColor;
16
+ trail: paletteColor;
17
+ trailBorder: paletteColor;
18
+ };
19
+ };
@@ -15,6 +15,7 @@ interface HeaderProps<T> {
15
15
  };
16
16
  notRemovableColumns?: string[];
17
17
  onChangeTableSettings?: onChangeTableSettings;
18
+ isLoading: boolean;
18
19
  }
19
- declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, }: HeaderProps<T>) => JSX.Element;
20
+ declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, isLoading, }: HeaderProps<T>) => JSX.Element;
20
21
  export default Header;
@@ -10,6 +10,7 @@ interface CustomHeaderCellProps<T> {
10
10
  notRemovableColumns?: string[];
11
11
  dimensionRow?: number;
12
12
  onChangeTableSettings?: onChangeTableSettings;
13
+ isLoading: boolean;
13
14
  }
14
- declare const ActionHeaderCell: <T>({ header, onOpen, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, }: CustomHeaderCellProps<T>) => JSX.Element;
15
+ declare const ActionHeaderCell: <T>({ header, onOpen, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, }: CustomHeaderCellProps<T>) => JSX.Element;
15
16
  export default ActionHeaderCell;
@@ -13,6 +13,7 @@ interface HeaderCellProps<T> {
13
13
  notRemovableColumns?: string[];
14
14
  dimensionRow?: number;
15
15
  onChangeTableSettings?: onChangeTableSettings;
16
+ isLoading: boolean;
16
17
  }
17
- declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, }: HeaderCellProps<T>) => JSX.Element;
18
+ declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, }: HeaderCellProps<T>) => JSX.Element;
18
19
  export default HeaderCell;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { SwitchProps } from '.';
3
+ declare const Switch: ({ checked, onChange, color }: SwitchProps) => JSX.Element;
4
+ export default Switch;
@@ -0,0 +1,3 @@
1
+ import Switch from './Switch';
2
+ import { SwitchProps } from './types';
3
+ export { Switch, SwitchProps };
@@ -0,0 +1,6 @@
1
+ import { colors } from '../../styles/types';
2
+ export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const SwitchButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
+ export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
5
+ color: colors;
6
+ }, never>;
@@ -0,0 +1,6 @@
1
+ import { Meta, Story } from '@storybook/react';
2
+ import { ComponentProps } from 'react';
3
+ import { Switch, SwitchProps } from './index';
4
+ export declare const Template: Story<SwitchProps>;
5
+ declare const SwitchStories: Meta<ComponentProps<typeof Switch>>;
6
+ export default SwitchStories;
@@ -0,0 +1,7 @@
1
+ import { InputHTMLAttributes } from 'react';
2
+ export declare type switchColors = 'blue' | 'green';
3
+ export interface SwitchProps {
4
+ checked: boolean;
5
+ onChange: InputHTMLAttributes<HTMLInputElement>['onChange'];
6
+ color?: switchColors;
7
+ }