@fattureincloud/fic-design-system 0.7.35 → 0.7.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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
+ }